Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 19:52:29 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
fcd1def69752e4e94de164b3d14432b2c2ce0ae8
roll20-character-sheets/Awfully Cheerful Engine!/ace.css
T
seregrauko 1c9d849274 Added Spaceship sheet 
Added version of the sheet for spaceships for Beam Me Up and button at the top to toggle between the sheets
2021-05-09 07:00:08 +01:00

791 lines
16 KiB
CSS
Raw Blame History

@import url('https://fonts.googleapis.com/css?family=Coming+Soon&display=swap');
/*Configure the tab buttons*/
.sheet-character,
.sheet-spaceship {
display: none;
}
/* show the selected tab */
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
.sheet-tabstoggle[value="spaceship"] ~ div.sheet-spaceship {
display: block;
}
input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
button[type=roll]::before{
font-family: dicefontd6 !important;
content: "f " !important;
font-size: 1em !important;
color: #848484 !important;
}
.sheet-container {
display: grid;
grid-template-columns: 22px 34px 52px 45px 15px 42px 44px 50px 20px 50px 96px 40px 96px 70px 130px 33px;
grid-template-rows: 37.5px 37.5px 7.5px 37.5px 7.5px 37.5px 7.5px 30px 7.5px 30px 7.5px 30px 7.5px 30px 7.5px 30px 15px 37.5px 37.5px 37.5px;
grid-auto-flow: row;
background:#FFFF00;
border: 5pt solid green;
}
.sheet-header
{
grid-column: 1 / span 7;
grid-row: 1;
background:#FFFF00;
color:#FFFF00;
border: none;
}
.sheet-footer
{
grid-column: 1 / span 7;
grid-row: 25;
background:#FFFF00;
color:#FFFF00;
border: none;
}
.sheet-nametitle
{
grid-column: 2 / span 2;
grid-row: 2;
background:#FFFF00;
color:#000000;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-nametitle span
{
grid-column: 2 / span 2;
grid-row: 2;
background:#FFFF00;
color:#000000;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-namescore
{
grid-column: 4 / span 7;
grid-row: 2;
border: none;
font-size: 18pt;
vertical-align:middle;
}
.sheet-namescore input[type=text]
{
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
width: 300px;
}
.sheet-aceidcard
{
grid-column: 14 / span 2;
grid-row: 2;
border: 3pt solid green;
}
.sheet-idcard
{
grid-column: 15;
grid-row: 2;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
color: #000000;
vertical-align:middle;
}
.sheet-ace
{
grid-column: 14;
grid-row: 2;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
color: green;
vertical-align:middle;
}
.sheet-spacer3
{
grid-column: 1 / span 8;
grid-row: 3;
background:#FFFF00;
color:#FFFF00;
border: none;
vertical-align:middle;
}
.sheet-spacer5
{
grid-column: 1 / span 8;
grid-row: 5;
background:#FFFF00;
color:#FFFF00;
border: none;
vertical-align:middle;
}
.sheet-spacer7
{
grid-column: 1 / span 8;
grid-row: 7;
background:#FFFF00;
color:#FFFF00;
border: none;
vertical-align:middle;
}
.sheet-traitroletitle
{
grid-column: 2 / span 4;
grid-row: 4;
background:#FFFF00;
color:#000000;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-traitscore
{
grid-column: 6 / span 2;
grid-row: 4;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-traitscore input[type=text]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-weight: bold;
width: 130pt;
vertical-align:middle;
}
.sheet-rolescore
{
grid-column: 10 / span 6;
grid-row: 4;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-rolescore input[type=text]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-weight: bold;
width: 180pt;
vertical-align:middle;
}
.sheet-healthtitle
{
grid-column: 2 / span 2;
grid-row: 6;
background:#FFFF00;
color:#000000;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-healthcurrentscore
{
grid-column: 4;
grid-row: 6;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-healthcurrentscore input[type=number]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 30pt !important;
vertical-align:top;
}
.sheet-healthdivider
{
grid-column: 5;
grid-row: 6;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-healthscore
{
grid-column: 6;
grid-row: 6;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-healthscore input[type=number]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 30pt !important;
vertical-align:top;
text-align: right !important;
}
.sheet-defencetitle
{
grid-column: 7 / span 2;
grid-row: 6;
background:#FFFF00;
color:#000000;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-defencescore
{
grid-column: 10;
grid-row: 6;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-defencescore input[type=number]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 50px;
vertical-align:middle;
text-align: center;
}
.sheet-karmatitle
{
grid-column: 11;
grid-row: 6;
background:#FFFF00;
color:#000000;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-karmascore
{
grid-column: 12;
grid-row: 6;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-karmascore input[type=number]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 50pt !important;
vertical-align:middle;
}
.sheet-smartstitle
{
grid-column: 3 / span 5;
grid-row: 8;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 16pt;
vertical-align:middle;
}
.sheet-smartstitle button[type=roll]
{
background:#FFFF00;
color:#848484;
border: none;
}
.sheet-smartsscore
{
grid-column: 8;
grid-row: 8;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-smartsscore input[type=number]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 30pt !important;
vertical-align:middle;
}
.sheet-smartfocusscore
{
grid-column: 9 / span 7;
grid-row: 8;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-smartfocusscore input[type=text]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 380pt;
vertical-align:middle;
}
.sheet-movestitle
{
grid-column: 3 / span 5;
grid-row: 10;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 16pt;
vertical-align:middle;
}
.sheet-movestitle button[type=roll]
{
background:#FFFF00;
color:#848484;
border: none;
}
.sheet-movesscore
{
grid-column: 8;
grid-row: 10;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-movesscore input[type=number]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 30pt !important;
vertical-align:middle;
}
.sheet-movefocusscore
{
grid-column: 9 / span 7;
grid-row: 10;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-movefocusscore input[type=text]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 380pt;
vertical-align:middle;
}
.sheet-styletitle
{
grid-column: 3 / span 5;
grid-row: 12;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 16pt;
vertical-align:middle;
}
.sheet-styletitle button[type=roll]
{
background:#FFFF00;
color:#848484;
border: none;
}
.sheet-stylescore
{
grid-column: 8;
grid-row: 12;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-stylescore input[type=number]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 30pt !important;
vertical-align:middle;
}
.sheet-stylefocusscore
{
grid-column: 9 / span 7;
grid-row: 12;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-stylefocusscore input[type=text]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 380pt;
vertical-align:middle;
}
.sheet-brawntitle
{
grid-column: 3 / span 5;
grid-row: 14;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 16pt;
vertical-align:middle;
}
.sheet-brawntitle button[type=roll]
{
background:#FFFF00;
color:#848484;
border: none;
}
.sheet-brawnscore
{
grid-column: 8;
grid-row: 14;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-brawnscore input[type=number]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 30pt !important;
vertical-align:middle;
}
.sheet-brawnfocusscore
{
grid-column: 9 / span 7;
grid-row: 14;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-brawnfocusscore input[type=text]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 380pt;
vertical-align:middle;
}
.sheet-powertitle
{
grid-column: 3 / span 5;
grid-row: 16;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 16pt;
vertical-align:middle;
}
.sheet-powertitle button[type=roll]
{
background:#FFFF00;
color:#848484;
border: none;
}
.sheet-powerscore
{
grid-column: 8;
grid-row: 16;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-powerscore input[type=number]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 30pt !important;
vertical-align:middle;
}
.sheet-powerfocusscore
{
grid-column: 9 / span 7;
grid-row: 16;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
font-weight: bold;
vertical-align:middle;
}
.sheet-powerfocusscore input[type=text]
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-weight: bold;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 380pt;
vertical-align:middle;
}
.sheet-abilityscore
{
grid-column: 2 / span 13;
grid-row: 18 / span 6;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 18pt;
vertical-align:middle;
}
.sheet-abilityscore textarea
{
background:#FFFF00;
color:#848484;
border: none;
font-size: 18pt;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
width: 590pt;
height: 100pt;
line-height: 1;
font-weight: bold;
vertical-align:middle;
}
.sheet-version
{
grid-column: 15;
grid-row: 25;
background:#FFFF00;
color:#848484;
border: none;
font-family: "Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
font-size: 8pt;
text-align: right;
vertical-align:middle;
}
.sheet-rolltemplate-skill .sheet-container {
background:#FFFF00;
border:1pt solid green;
}
.sheet-rolltemplate-skill .sheet-rollheader
{
color:#848484;
font-size:16.0pt;
font-family:"Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
text-align:center;
vertical-align:middle;
border-left:.5pt solid green;
border-right:.5pt solid green;
border-top:none;
border-bottom:none;
background:#FFFF00;
height: 25px;
}
.sheet-rolltemplate-skill .sheet-rollrow1
{
color:#848484;
vertical-align:middle !important;
border-left:.5pt solid green;
border-right:.5pt solid green;
border-top:none;
border-bottom:none;
background:#FFFF00;
white-space:normal;
font-size:12.0pt;
font-family:"Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
text-align:center;
height: 25px;
}
.sheet-rolltemplate-skill .sheet-rollrow1 .inlinerollresult {
background-color: #FFFF00;
border:none;
}
.sheet-rolltemplate-skill .sheet-rollrow2
{
vertical-align:middle;
border-left:.5pt solid green;
border-right:.5pt solid green;
border-top:none;
border-bottom:none;
background:#FFFF00;
white-space:normal;
color:#848484;
font-size:9.0pt;
font-weight:700;
font-family:"Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
text-align: center;
overflow:hidden,none;
}
.sheet-rolltemplate-skill .sheet-rollrow2 .inlinerollresult {
background-color: #FFFF00;
border: none;
}
.sheet-rolltemplate-skill .sheet-rollfail
{
vertical-align:middle;
border-left:.5pt solid green;
border-right:.5pt solid green;
border-top:none;
border-bottom:none;
background:#FFFF00;
white-space:normal;
color:#848484;
font-size:9.0pt;
font-weight:700;
font-family:"Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
text-align: center;
overflow:hidden,none;
}
.sheet-rolltemplate-skill .sheet-rollcalamity
{
vertical-align:middle;
border-left:.5pt solid green;
border-right:.5pt solid green;
border-top:none;
border-bottom:none;
background:#FFFF00;
white-space:normal;
color:#848484;
font-size:16.0pt;
font-weight:700;
font-family:"Comic Sans MS", "Comic Sans", cursive, "Coming Soon";
text-align: center;
overflow:hidden,none;
height: 25px;
}
Reference in New Issue View Git Blame Copy Permalink