mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Adam Bell
3b7db372f0
* No Stone Unturned Adding a sheet for the game No Stone Unturned * updating link to preview updating link to preview * adding markdown to the links in sheet.json
315 lines
12 KiB
CSS
315 lines
12 KiB
CSS
.sheet-main{
|
|
background-color: #fff;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-header{
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr 2fr 1fr;
|
|
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
|
|
grid-gap: 10px;
|
|
align-items: top;
|
|
grid-template-areas:
|
|
"gametitle gametitle gametitle gametitle"
|
|
"name pronouns look playername"
|
|
"namelabel pronounslabel looklabel playernamelabel"
|
|
". d8d8 d8d8 ."
|
|
". . . ."
|
|
}
|
|
|
|
.sheet-stats{
|
|
display: grid;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 5fr 1fr 10fr 1fr 3fr;
|
|
grid-template-rows: 2fr 2fr 4fr 4fr 1fr 4fr 4fr 1fr 4fr 4fr 1fr;
|
|
align-items: center;
|
|
grid-template-areas:
|
|
". . stats . ."
|
|
"aspects diesize moods moodlevels moodlevels"
|
|
"d8aspect d8img d8mood1 d8mood1level d8mood1icons"
|
|
"d8aspect d8img d8mood2 d8mood2level d8mood2icons"
|
|
"d6border d6border d6border d6border d6border"
|
|
"d6aspect d6img d6mood1 d6mood1level d6mood1icons"
|
|
"d6aspect d6img d6mood2 d6mood2level d6mood2icons"
|
|
"d4border d4border d4border d4border d4border"
|
|
"d4aspect d4img d4mood1 d4mood1level d4mood1icons"
|
|
"d4aspect d4img d4mood2 d4mood2level d4mood2icons"
|
|
". . . . ."
|
|
}
|
|
|
|
.sheet-skills{
|
|
display: grid;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 2fr 2fr 2fr 8fr 2fr 1fr 1fr 14fr 2fr 2fr;
|
|
border-top-style: solid;
|
|
grid-template-rows: repeat(1fr);
|
|
grid-template-areas:
|
|
"skills skills skills skills skills sentimentsdivider sentimentsdivider2 sentiments sentiments sentiments"
|
|
"d8aspect d6aspect d4aspect skillname skillvalue sentimentsdivider sentimentsdivider2 sentimentsname sentimentsatrisk sentimentslost"
|
|
"s1a1 s1a2 s1a3 skill1 skillvalue1 sentimentsdivider sentimentsdivider2 sentiment1 sar1 sl1"
|
|
"s2a1 s2a2 s2a3 skill2 skillvalue2 sentimentsdivider sentimentsdivider2 . . ."
|
|
"s3a1 s3a2 s3a3 skill3 skillvalue3 sentimentsdivider sentimentsdivider2 sentiment2 sar2 sl2"
|
|
"s4a1 s4a2 s4a3 skill4 skillvalue4 sentimentsdivider sentimentsdivider2 . . ."
|
|
"s5a1 s5a2 s5a3 skill5 skillvalue5 sentimentsdivider sentimentsdivider2 sentiment3 sar3 sl3"
|
|
"s6a1 s6a2 s6a3 skill6 skillvalue6 sentimentsdivider sentimentsdivider2 . . ."
|
|
}
|
|
|
|
.sheet-details{
|
|
display: grid;
|
|
border-top-style: solid;
|
|
grid-gap: 10px;
|
|
grid-template-columns: 4fr 1fr 1fr 4fr 4fr;
|
|
grid-template-areas:
|
|
"harmdetailsheader detailborder detailborder2 detailsheader detailsheader"
|
|
"harmdetail1 detailborder detailborder2 detail5 detail6"
|
|
"harmdetail2 detailborder detailborder2 detail7 detail8"
|
|
"harmdetail3 detailborder detailborder2 detail1 detail2"
|
|
"harmdetail4 detailborder detailborder2 detail3 detail4"
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-nostoneunturned{
|
|
display: grid;
|
|
grid-gap: 5px;
|
|
background-color: #e8d5e4;
|
|
border-style: solid;
|
|
grid-template-columns: 1fr 5fr 1fr 5fr 1fr;
|
|
grid-template-rows: repeat(1fr);
|
|
grid-template-areas:
|
|
"r0c0 r0c0 r0c0 r0c0 r0c0"
|
|
"r1c0 r1c0 r1c0 r1c0 r1c0"
|
|
"r2c1 r2c1 r2c2 r2c3 r2c3"
|
|
"r3c1 r3c1 r3c2 r3c3 r3c3"
|
|
"r4c1 r4c1 r4c2 r4c3 r4c3"
|
|
"remind remind remind remind remind"
|
|
"table table table table table"
|
|
"tv0 tt0 tt0 tt0 tt0"
|
|
"tv1 tt1 tt1 tt1 tt1"
|
|
"tv2 tt2 tt2 tt2 tt2"
|
|
"tv3 tt3 tt3 tt3 tt3"
|
|
"tv4 tt4 tt4 tt4 tt4"
|
|
"tv5 tt5 tt5 tt5 tt5";
|
|
}
|
|
|
|
.sheet-sectionheader{
|
|
font-size: 20px;
|
|
}
|
|
|
|
.sheet-headertext{
|
|
font-size: 16px;
|
|
}
|
|
|
|
input{
|
|
padding: 0 ;
|
|
spellcheck="false;
|
|
}
|
|
|
|
.sheet-overloadable{
|
|
background-color: #ff7d7d;
|
|
}
|
|
|
|
.sheet-skills-box{
|
|
width: 100%
|
|
}
|
|
|
|
.sheet-sentiment-box{
|
|
width: 100%
|
|
}
|
|
|
|
|
|
.sheet-dropdown{
|
|
grid-template-columns: subgrid;
|
|
grid-template-rows: subgrid;
|
|
}
|
|
|
|
.sheet-gametitle{
|
|
grid-area: gametitle;
|
|
font-size: 200%
|
|
}
|
|
|
|
.sheet-d8img{
|
|
grid-area: d8img;
|
|
display: block;
|
|
vertical-align: middle;
|
|
min-width: 70px;
|
|
}
|
|
|
|
.sheet-d6img{
|
|
grid-area: d6img;
|
|
display: block;
|
|
vertical-align: middle;
|
|
min-width: 70px;
|
|
}
|
|
|
|
.sheet-d4img{
|
|
grid-area: d4img;
|
|
display: block;
|
|
vertical-align: middle;
|
|
min-width: 70px;
|
|
}
|
|
|
|
.sheet-pronouns{grid-area: pronouns}
|
|
.sheet-name{grid-area: name}
|
|
.sheet-playername{grid-area: playername}
|
|
.sheet-look{grid-area: look}
|
|
.sheet-label-look{grid-area: looklabel}
|
|
.sheet-label-name{grid-area: namelabel}
|
|
.sheet-label-playername{grid-area: playernamelabel}
|
|
.sheet-label-pronouns{grid-area: pronounslabel}
|
|
|
|
.sheet-chooseaspects{grid-area: chooseaspects}
|
|
.sheet-d8aspectchooser{ grid-area: d8aspectchooser}
|
|
.sheet-d6aspectchooser{ grid-area: d6aspectchooser}
|
|
.sheet-d4aspectchooser{ grid-area: d4aspectchooser}
|
|
|
|
.sheet-statsheader{grid-area: stats}
|
|
.sheet-aspectslabel{grid-area: aspects}
|
|
.sheet-moodslabel{grid-area: moods}
|
|
.sheet-diesizelabel{grid-area: diesize}
|
|
.sheet-moodlevellabel{grid-area: moodlevels}
|
|
.sheet-skillslabel{grid-area: skills}
|
|
.sheet-sentimentslabel{grid-area: sentiments}
|
|
|
|
.sheet-d8aspect{grid-area: d8aspect;}
|
|
.sheet-d6aspect{grid-area: d6aspect;}
|
|
.sheet-d4aspect{grid-area: d4aspect;}
|
|
.sheet-d8label{grid-area: d8}
|
|
.sheet-d6label{grid-area: d6}
|
|
.sheet-d4label{grid-area: d4}
|
|
|
|
.sheet-d8mood1{ grid-area: d8mood1; }
|
|
.sheet-d8mood2{ grid-area: d8mood2 }
|
|
.sheet-d6mood1{ grid-area: d6mood1; }
|
|
.sheet-d6mood2{ grid-area: d6mood2 }
|
|
.sheet-d4mood1{ grid-area: d4mood1; }
|
|
.sheet-d4mood2{ grid-area: d4mood2 }
|
|
|
|
.sheet-skillname{ grid-area: skillname }
|
|
.sheet-skillvalue{ grid-area: skillvalue }
|
|
|
|
.sheet-sentimentsatrisk{grid-area: sentimentsatrisk}
|
|
.sheet-sentimentslost{grid-area: sentimentslost}
|
|
.sheet-sentimentsname{grid-area: sentimentsname}
|
|
.sheet-sentimentsdivider{grid-area: sentimentsdivider;}
|
|
.sheet-sentimentsdivider2{grid-area: sentimentsdivider2; border-left-style: solid; }
|
|
.sheet-sentimentsborder{grid-area: sentimentsborder; border-top-style: solid; width: 100% }
|
|
.sheet-sentimentsborder2{grid-area: sentimentsborder2; border-top-style: solid; width: 100% }
|
|
|
|
.sheet-skill1{ grid-area: skill1 }
|
|
.sheet-skill2{ grid-area: skill2 }
|
|
.sheet-skill3{ grid-area: skill3 }
|
|
.sheet-skill4{ grid-area: skill4 }
|
|
.sheet-skill5{ grid-area: skill5 }
|
|
.sheet-skill6{ grid-area: skill6 }
|
|
|
|
.sheet-skillvalue1{ grid-area: skillvalue1 }
|
|
.sheet-skillvalue2{ grid-area: skillvalue2 }
|
|
.sheet-skillvalue3{ grid-area: skillvalue3 }
|
|
.sheet-skillvalue4{ grid-area: skillvalue4 }
|
|
.sheet-skillvalue5{ grid-area: skillvalue5 }
|
|
.sheet-skillvalue6{ grid-area: skillvalue6 }
|
|
|
|
.sheet-skill1aspect1{ grid-area: s1a1 }
|
|
.sheet-skill2aspect1{ grid-area: s2a1 }
|
|
.sheet-skill3aspect1{ grid-area: s3a1 }
|
|
.sheet-skill4aspect1{ grid-area: s4a1 }
|
|
.sheet-skill5aspect1{ grid-area: s5a1 }
|
|
.sheet-skill6aspect1{ grid-area: s6a1 }
|
|
|
|
.sheet-skill1aspect2{ grid-area: s1a2 }
|
|
.sheet-skill2aspect2{ grid-area: s2a2 }
|
|
.sheet-skill3aspect2{ grid-area: s3a2 }
|
|
.sheet-skill4aspect2{ grid-area: s4a2 }
|
|
.sheet-skill5aspect2{ grid-area: s5a2 }
|
|
.sheet-skill6aspect2{ grid-area: s6a2 }
|
|
|
|
.sheet-skill1aspect3{ grid-area: s1a3 }
|
|
.sheet-skill2aspect3{ grid-area: s2a3 }
|
|
.sheet-skill3aspect3{ grid-area: s3a3 }
|
|
.sheet-skill4aspect3{ grid-area: s4a3 }
|
|
.sheet-skill5aspect3{ grid-area: s5a3 }
|
|
.sheet-skill6aspect3{ grid-area: s6a3 }
|
|
|
|
.sheet-sentiment1{ grid-area: sentiment1 }
|
|
.sheet-sentiment2{ grid-area: sentiment2; border-top-style: solid; }
|
|
.sheet-sentiment3{ grid-area: sentiment3; border-top-style: solid; }
|
|
|
|
.sheet-sentimentatrisk1{ grid-area: sar1 }
|
|
.sheet-sentimentatrisk2{ grid-area: sar2; border-top-style: solid; }
|
|
.sheet-sentimentatrisk3{ grid-area: sar3; border-top-style: solid;}
|
|
|
|
.sheet-sentimentlost1{ grid-area: sl1 }
|
|
.sheet-sentimentlost2{ grid-area: sl2; border-top-style: solid; }
|
|
.sheet-sentimentlost3{ grid-area: sl3; border-top-style: solid; }
|
|
|
|
.sheet-d8d8{
|
|
grid-area: d8d8
|
|
}
|
|
|
|
button[type=roll].sheet-blank-roll-button::before { content: ''; }
|
|
|
|
.sheet-d8mood1level{ grid-area: d8mood1level }
|
|
.sheet-d8mood2level{ grid-area: d8mood2level }
|
|
.sheet-d6mood1level{ grid-area: d6mood1level }
|
|
.sheet-d6mood2level{ grid-area: d6mood2level }
|
|
.sheet-d4mood1level{ grid-area: d4mood1level }
|
|
.sheet-d4mood2level{ grid-area: d4mood2level }
|
|
|
|
.sheet-d8mood1icons{ grid-area: d8mood1icons; font-family:'dicefontd8'; font-size: 30px;}
|
|
.sheet-d8mood2icons{ grid-area: d8mood2icons; font-family:'dicefontd8'; font-size: 30px;}
|
|
.sheet-d6mood1icons{ grid-area: d6mood1icons; font-family:'dicefontd6'; font-size: 30px;}
|
|
.sheet-d6mood2icons{ grid-area: d6mood2icons; font-family:'dicefontd6'; font-size: 30px;}
|
|
.sheet-d4mood1icons{ grid-area: d4mood1icons; font-family:'dicefontd4'; font-size: 30px;}
|
|
.sheet-d4mood2icons{ grid-area: d4mood2icons; font-family:'dicefontd4'; font-size: 30px;}
|
|
|
|
.sheet-d8border{ grid-area: d8border; border-bottom-style: solid; }
|
|
.sheet-d6border{ grid-area: d6border; border-bottom-style: solid; }
|
|
.sheet-d4border{ grid-area: d4border; border-bottom-style: solid; }
|
|
|
|
.sheet-harmdetailsheader{ grid-area: harmdetailsheader }
|
|
.sheet-detailsheader{ grid-area: detailsheader }
|
|
.sheet-harmdetail1{ grid-area: harmdetail1 }
|
|
.sheet-harmdetail2{ grid-area: harmdetail2 }
|
|
.sheet-harmdetail3{ grid-area: harmdetail3 }
|
|
.sheet-harmdetail4{ grid-area: harmdetail4 }
|
|
.sheet-detail1{ grid-area: detail1 }
|
|
.sheet-detail2{ grid-area: detail2 }
|
|
.sheet-detail3{ grid-area: detail3 }
|
|
.sheet-detail4{ grid-area: detail4 }
|
|
.sheet-detail5{ grid-area: detail5 }
|
|
.sheet-detail6{ grid-area: detail6 }
|
|
.sheet-detail7{ grid-area: detail7 }
|
|
.sheet-detail8{ grid-area: detail8 }
|
|
.sheet-detailborder{ grid-area: detailborder }
|
|
.sheet-detailborder2{ grid-area: detailborder; border-left-style: solid}
|
|
|
|
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-r0c0{ grid-area: r0c0; text-align: center; font-size: 20px;}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-r1c0{ grid-area: r1c0; text-align: center; border-bottom-style: dashed}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-r2c1{ grid-area: r2c1; text-align: center; }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-r2c2{ grid-area: r2c2; text-align: center; }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-r2c3{ grid-area: r2c3; text-align: center; }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-r3c1{ grid-area: r3c1; text-align: center; }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-r3c2{ grid-area: r3c2; text-align: center; }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-r3c3{ grid-area: r3c3; text-align: center; }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-r4c1{ grid-area: r4c1; text-align: center; }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-r4c2{ grid-area: r4c2; text-align: center; }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-r4c3{ grid-area: r4c3; text-align: center; }
|
|
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-reminders{ grid-area: remind; text-align: center; border-top-style: solid;}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-table-divider1{grid-area: table-divider1}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-table-divider2{grid-area: table-divider2; border-top-style: solid}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-table{grid-area: table; border-top-style: solid; text-align: center; font-size: 20px}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tv0{ grid-area: tv0; border-color: grey; border-top-style: solid; border-right-style: solid}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tv1{ grid-area: tv1; border-color: grey; border-top-style: solid; border-right-style: solid}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tv2{ grid-area: tv2; border-color: grey; border-top-style: solid; border-right-style: solid}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tv3{ grid-area: tv3; border-color: grey; border-top-style: solid; border-right-style: solid}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tv4{ grid-area: tv4; border-color: grey; border-top-style: solid; border-right-style: solid}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tv5{ grid-area: tv5; border-color: grey; border-top-style: solid; border-right-style: solid}
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tt0{ grid-area: tt0; border-color: grey; border-top-style: solid }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tt1{ grid-area: tt1; border-color: grey; border-top-style: solid }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tt2{ grid-area: tt2; border-color: grey; border-top-style: solid }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tt3{ grid-area: tt3; border-color: grey; border-top-style: solid }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tt4{ grid-area: tt4; border-color: grey; border-top-style: solid }
|
|
.sheet-rolltemplate-nostoneunturned .sheet-roll-tt5{ grid-area: tt5; border-color: grey; border-top-style: solid } |