Added sheet for Ellipses RPG
This commit is contained in:
Andreas Jörgensen
@@ -0,0 +1,319 @@
|
||||
textarea
|
||||
{
|
||||
outline: none;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
h1
|
||||
{
|
||||
color: black;
|
||||
}
|
||||
|
||||
.charsheet
|
||||
{
|
||||
width: 844px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.sheet-info
|
||||
{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin: 10px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.sheet-part1
|
||||
{
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.sheet-part2
|
||||
{
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.sheet-justifyleft
|
||||
{
|
||||
justify-content: flex-start !important;
|
||||
margin-left: 32px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.sheet-info input[type="text"],input[type="number"]
|
||||
{
|
||||
outline: none;
|
||||
border: none;
|
||||
border-bottom: 1px solid black;
|
||||
border-radius: 0px;
|
||||
width: 280px;
|
||||
}
|
||||
.sheet-info textarea
|
||||
{
|
||||
margin: auto;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.sheet-grow2
|
||||
{
|
||||
flex-grow: 2;
|
||||
}
|
||||
|
||||
.sheet-grow1
|
||||
{
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.sheet-textbox
|
||||
{
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
hr
|
||||
{
|
||||
border: 0;
|
||||
height: 1px;
|
||||
background: #000;
|
||||
background-image: linear-gradient(to right, #fff, #000, #fff);
|
||||
}
|
||||
|
||||
button[type=roll]::before
|
||||
{
|
||||
content: '' !important
|
||||
|
||||
}
|
||||
|
||||
.sheet-attribute button
|
||||
{
|
||||
background: none;
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
font-family: "Impact", sans-serif;
|
||||
color: black;
|
||||
font-size: 32px !important;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
left: 50px;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.sheet-attribute button:hover
|
||||
{
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.sheet-attribute button:first-letter
|
||||
{
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.sheet-attribute
|
||||
{
|
||||
margin: 10px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.sheet-attribute input[type="radio"] {
|
||||
opacity: 0;
|
||||
width: 40px;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
left: 42px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Fake radio */
|
||||
.sheet-attribute input[type="radio"] + span::before {
|
||||
margin-right: 4px;
|
||||
border: solid 1px #a8a8a8;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
background: #f6f6f6;
|
||||
width: 40px;
|
||||
height: 50px;
|
||||
font-size: 18px;
|
||||
border-radius: 50%;
|
||||
background-color: red;
|
||||
color: white;
|
||||
font-family: "Impact", sans-serif;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.sheet-val0::before {
|
||||
content: "0";
|
||||
}
|
||||
.sheet-val2::before {
|
||||
content: "+2";
|
||||
}
|
||||
.sheet-val4::before {
|
||||
content: "+4";
|
||||
}
|
||||
.sheet-val6::before {
|
||||
content: "+6";
|
||||
}
|
||||
.sheet-val8::before {
|
||||
content: "+8";
|
||||
}
|
||||
.sheet-val10::before {
|
||||
content: "+10";
|
||||
}
|
||||
|
||||
.sheet-radios
|
||||
{
|
||||
position: relative;
|
||||
left: -20px;
|
||||
}
|
||||
|
||||
/* Remove dot from all radios _after_ selected one */
|
||||
.sheet-attribute input[type="radio"]:checked ~ input[type="radio"] + span::before {
|
||||
background-color: white;
|
||||
color: #a8a8a8;
|
||||
}
|
||||
|
||||
h1
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sheet-eventlog
|
||||
{
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
div.sheet-logcolumns
|
||||
{
|
||||
columns: 2;
|
||||
column-rule: 1px solid #a8a8a8;
|
||||
padding: 10px;
|
||||
margin: 2px 0 0 5px;
|
||||
height: 90px;
|
||||
column-fill: balance;
|
||||
}
|
||||
|
||||
textarea.sheet-logtext
|
||||
{
|
||||
width: 350px;
|
||||
height: 50px;
|
||||
margin-left: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.sheet-eventlog span
|
||||
{
|
||||
margin-left: 20px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.sheet-logbutton
|
||||
{
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
position: relative;
|
||||
top: -20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.sheet-logbutton button
|
||||
{
|
||||
font-family: "Pictos Three", "Pictos";
|
||||
border: none;
|
||||
background: none;
|
||||
color: #a8a8a8;
|
||||
}
|
||||
|
||||
.sheet-logbutton button:hover
|
||||
{
|
||||
color: black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ellipses
|
||||
{
|
||||
border: 1px solid black;
|
||||
border-radius: 4px;
|
||||
background: white;
|
||||
width: 90%;
|
||||
box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ellipses table
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ellipses th
|
||||
{
|
||||
text-align: center;
|
||||
font-family: "Impact", sans-serif;
|
||||
font-size: 24px;
|
||||
color: black;
|
||||
font-style: italic;
|
||||
margin: 10px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ellipses th:first-letter
|
||||
{
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ellipses td
|
||||
{
|
||||
padding: 0px 5px 5px 5px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ellipses .inlinerollresult
|
||||
{
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
font-family: "Impact", sans-serif;
|
||||
font-size: 48px;
|
||||
margin: 32px;
|
||||
border: none;
|
||||
background: none;
|
||||
width: 100%;
|
||||
margin: 32px auto 32px auto;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ellipses .inlinerollresult.fullcrit
|
||||
{
|
||||
text-shadow: 0px 0px 10px green, 0px 0px 20px green;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ellipses .inlinerollresult.fullfail
|
||||
{
|
||||
text-shadow: 0px 0px 10px red, 0px 0px 20px red;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ellipses div
|
||||
{
|
||||
border: 0;
|
||||
height: 1px;
|
||||
background: #000;
|
||||
width: 100%;
|
||||
background-image: linear-gradient(to right, #fff, #000, #fff);
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ellipses span
|
||||
{
|
||||
margin: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-ellipses h4
|
||||
{
|
||||
font-size: 10px;
|
||||
font-style: italic;
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
color: #a8a8a8;
|
||||
text-align: center;
|
||||
}
|
||||
Reference in New Issue
Block a user