Files
roll20-character-sheets/Spell Scorched/SpellScorchedSheet.css
T

1467 lines
23 KiB
CSS

div.sheet-tab-content { display: none; }
input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3
/*
,input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4,
input.sheet-tab5:checked ~ div.sheet-tab5,
input.sheet-tab6:checked ~ div.sheet-tab6
*/
{
display: block;
}
div.sheet-tab-content { display: none; }
div.sheet-tab-content
{
font-family: 'Verdana';
border: 1px solid #a8a8a8;
border-top-color: #000;
margin: 2px 0 0 5px;
padding: 5px;
background: #c4c4c4;
}
input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
/*
input.sheet-tab4:checked ~ div.sheet-tab4,
input.sheet-tab5:checked ~ div.sheet-tab5,
input.sheet-tab6:checked ~ div.sheet-tab6
*/
{
display: block;
}
input.sheet-tab
{
width: 100px;
height: 20px;
position: relative;
top: 0px;
left: 5px;
margin: -1.5px;
margin-bottom: 5px;
cursor: pointer;
z-index: 1;
opacity: 0;
}
input.sheet-tab + span::before
{
content:attr(title);
border: solid 1px #a8a8a8;
border-bottom-color: black;
text-align: center;
display: inline-block;
background: #b5a891;
background: -moz-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
background: -webkit-linear-gradient(to top, #D3D3D3 8, #fff, #D3D3D3 );
background: -ms-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
background: -o-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
background: linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
width: 100px;
height: 20px;
font-size: 18px;
position: absolute;
top: 70px;
left: 30px;
}
input.sheet-tab:checked + span::before
{
background: #b03737;
background: -moz-linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
background: -webkit-linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
background: -o-linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
background: linear-gradient(to top, #D3D3D3 , #dcdcdc, #D3D3D3 );
border-bottom-color: #fff;
}
input.sheet-tab:not(:first-child) + span::before
{
border-left: none;
}
input.sheet-tab2 + span::before
{
left: 133px;
background: #fff;
background: -moz-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
background: -webkit-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
background: -ms-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
background: -o-linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
background: linear-gradient(to top, #D3D3D3 , #fff, #D3D3D3 );
}
input.sheet-tab3 + span::before
{
left: 236px;
}
/*
input.sheet-tab4 + span::before
{
left: 336px;
}
input.sheet-tab5 + span::before
{
left: 438px;
}
input.sheet-tab6 + span::before
{
left: 540px;
}
*/
.sheet-child {
height: 100px;
display: flex;
align-items: center;
align-content: center;
color: var(--symbol-color);
font-size: 2.5rem;
border-bottom: var(--border);
border-left: var(--border);
margin-left: -2px;
margin-bottom: -2px;
}
.sheet-brdB{
border-bottom:1px solid black;
}
.sheet-brdL{
border-left:1px solid black;
}
.sheet-brdT{
border-top:1px solid black;
}
.sheet-brdR{
border-right:1px solid black;
}
.sheet-brdRLB{
border-right:1px solid black;
border-left:1px solid black;
border-bottom:1px solid black;
}
.sheet-centerText{
/*text-align:center;*/
display: flex;
justify-content: center;
align-items: center;
}
.sheet-moneyGrid{
display: grid;
grid-template-columns:30% 70%;
/*grid-template-columns:100px 30px 30px 30px 30px;*/
grid-gap: 0px;
grid-auto-rows: minmax(auto, auto);
}
.sheet-EquipGrid{
display: grid;
grid-template-columns:20% 60% 20%;;
/*grid-template-columns:100px 30px 30px 30px 30px;*/
grid-gap: 0px;
grid-auto-rows: minmax(auto, auto);
}
.sheet-abilitiesGrid{
display: grid;
grid-template-columns: 30% 8% 6% 6% 50%;
/*grid-template-columns:100px 30px 30px 30px 100px;*/
grid-gap: 0px;
grid-auto-rows: minmax(auto, auto);
}
.sheet-wtTotGrid{
display: grid;
grid-template-columns:20% 60% 20%;;
grid-gap: 0px;
grid-auto-rows: minmax(auto, auto);
}
.sheet-skillsValuesGrid{
display: grid;
grid-template-columns:50% 50%;
grid-gap: 5px;
grid-auto-rows: minmax(auto, auto);
margin-bottom: 1px;
margin-top: 1px
}
.sheet-skillsWrapper {
display: grid;
grid-template-columns:45% 15% 40%;
grid-gap: 0px;
grid-auto-rows: height 10px;
margin-bottom: 1px;
}
.sheet-col1{
grid-column:1;
}
.sheet-col2{
grid-column:2;
}
.sheet-col3{
grid-column:3;
}
.sheet-col4{
grid-column:4;
}
.sheet-col5{
grid-column:5;
}
.sheet-col6{
grid-column:6;
}
.sheet-row1{
grid-row:1;
}
.sheet-row2{
grid-row:2;
}
.sheet-row3{
grid-row:3;
}
.sheet-row4{
grid-row:4;
}
.sheet-row5{
grid-row:5;
}
.sheet-row6{
grid-row:6;
}
.sheet-width99{
width:99%;
}
.sheet-width90{
width:90%;
}
.sheet-wrapper1-col1 {
grid-column: 1;
grid-row: 1;
width:100%;
}
.sheet-wrapper1 {
display: grid;
grid-template-columns:33% 28% 33%;
grid-gap: 5px;
grid-auto-rows: minmax(auto, auto);
}
.sheet-wrapper1-col1 {
grid-column: 1;
grid-row: 1;
width:100%;
}
.sheet-wrapper1-col2 {
grid-column: 2;
grid-row: 1;
width:100%;
}
.sheet-wrapper1-col3 {
grid-column: 3;
grid-row: 1;
width:100%;
}
.sheet-wrapper1-col4 {
grid-column: 3;
grid-row: 1;
width:100%;
}
.sheet-wrapper2 {
display: grid;
grid-template-columns:50% 50%;
grid-gap: 5px;
grid-auto-rows: minmax(auto, auto);
}
.sheet-wrapper2-col1-row1 {
grid-column: 1;
grid-row: 1;
}
.sheet-wrapper2-col1-row2 {
grid-column: 1;
grid-row: 2;
}
.sheet-wrapper2-col1-row3 {
grid-column: 1;
grid-row: 3;
}
.sheet-wrapper2-col1-row4 {
grid-column: 1;
grid-row: 4;
}
.sheet-wrapper2-col2-row1 {
grid-column: 2;
grid-row: 1;
}
.sheet-wrapper2-col2-row2 {
grid-column: 2;
grid-row: 2;
}
.sheet-wrapper2-col2-row3 {
grid-column: 2;
grid-row: 3;
}
.sheet-wrapper2-col2-row4 {
grid-column: 2;
grid-row: 4;
}
.sheet-attribWrapper{
display: grid;
grid-template-columns: 54% 83%;
grid-gap: 1%;
grid-auto-rows: minmax(auto, auto);
}
table, th, td {
border: 1px solid black;
text-align:center;
}
/*.sheet-attribWrapper-col1 {
grid-column: 1;
grid-row: 1;
width:100%;
}
.sheet-attribWrapper-col2 {
grid-column: 1;
grid-row: 1;
width:100%;
} */
.sheet-attribWrapper2{
display: grid;
grid-template-columns: 54% 45%;
grid-gap: 1%;
grid-auto-rows: minmax(auto, auto);
}
.sheet-attribWrapper3{
display: grid;
grid-template-columns: 54% 45%;
grid-gap: 1%;
grid-auto-rows: minmax(auto, auto);
}
2.sheet-wrapper3 {
display: grid;
grid-template-columns: 45%
grid-gap: 0px;
grid-auto-rows: minmax(auto, auto);
}
.sheet-wrapper3-col {
grid-column: 1;
grid-row: 1;
width:100%;
}
.sheet-wrapper3-col2 {
grid-column: 2;
grid-row: 1;
width:100%;
}
.sheet-wrapper4 {
display: grid;
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-template-columns: 41% 59%;
grid-gap: 0px;
grid-auto-rows: minmax(25px, auto);
}
.sheet-wrapper4-col1-row1 {
grid-column: 1;
grid-row: 1;
}
.sheet-wrapper4-col1-row2 {
grid-column: 1;
grid-row: 2;
}
.sheet-wrapper4-col1-row3 {
grid-column: 1;
grid-row: 3;
}
.sheet-wrapper4-col1-row4 {
grid-column: 1;
grid-row: 4;
}
.sheet-wrapper4-col1-row5 {
grid-column: 1;
grid-row: 5;
}
.sheet-wrapper4-col2-row1 {
grid-column: 2;
grid-row: 1;
}
.sheet-wrapper4-col2-row2 {
grid-column: 2;
grid-row: 2;
}
.sheet-wrapper4-col2-row3 {
grid-column: 2;
grid-row: 3;
}
.sheet-wrapper4-col2-row4 {
grid-column: 2;
grid-row: 4;
}
.sheet-wrapper4-col2-row5 {
grid-column: 2;
grid-row: 5;
}
.sheet-Wrapper5{
display: grid;
grid-template-columns: 40% 60%;
grid-gap: 0px;
grid-auto-rows: minmax(auto, auto);
}
.sheet-actionsTable {
display: grid;
/*border-bottom: 1px solid black;*/
grid-template-columns: 22% 8% 8% 40% 22%;
grid-gap: 0px;
grid-auto-rows: 27px
text-align: center;
}
.sheet-wpnTable {
display: grid;
/*border-bottom: 1px solid black;*/
grid-template-columns: 25% 18% 5% 4% 4% 12% 4% 28%;
grid-gap: 0px;
grid-auto-rows: 27px
}
.sheet-wpnHdrWpn{
grid-column: 1;
grid-row:1
}
.sheet-wpnHdrtype{
grid-column: 2;
grid-row:1
}
.sheet-wpnHdrattack{
grid-column: 3;
grid-row:1
}
.sheet-wpnHdrroll{
grid-column: 4;
grid-row:1
}
.sheet-wpnHdrAP{
grid-column: 5;
grid-row:1
}
.sheet-wpnHdrDmg1{
grid-column: 6;
grid-row:1
}
.sheet-wpnHdrDmg2{
grid-column: 7;
grid-row:1
}
.sheet-wpnHdrTraits{
grid-column: 8;
grid-row:1
}
.sheet-wpnName{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 1;
grid-row:2;
width:100%;
text-align: center;
}
.sheet-wpntype{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 2;
grid-row:2;
width:95%;
text-align: center;
font-size: 10pt;
}
.sheet-wpnattack{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 3;
grid-row:2;
width:100%;
text-align: center;
}
.sheet-wpnroll{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 4;
grid-row:2;
width:100%;
text-align: center;
}
.sheet-wpnAP{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 5;
grid-row:2;
width:100%;
text-align: center;
}
.sheet-wpnDmg1{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 6;
grid-row:2;
text-align: center;
width:100%;
}
.sheet-wpnDmg2{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 7;
grid-row:2;
text-align: center;
width:100%;
}
.sheet-wpnTraits{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 8;
grid-row:2;
text-align: center;
width:99%;
}
.sheet-wpnNameText{
width: 90%!important;
border-left: 1px solid black;
border-bottom: 1px solid black;
}
.sheet-wpnTypeText{
border-left: 1px solid black;
border-bottom: 1px solid black;
width:90%;
}
/* */
.sheet-PAwpnName{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 1;
grid-row:3
width:100%;
text-align: center;
}
.sheet-PAwpntype{
/*border-left: 1px solid black;*/
border-bottom: 1px solid black;
grid-column: 2;
grid-row:3
width:100%;
text-align: center;
}
.sheet-PAwpnattack{
/*border-left: 1px solid black;*/
border-bottom: 1px solid black;
grid-column: 3;
grid-row:3
width:100%;
text-align: center;
}
.sheet-PAwpnroll{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 4;
grid-row:3
width:100%;
text-align: center;
}
.sheet-PAwpnAP{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 5;
grid-row:3;
width:100%;
text-align: center;
}
.sheet-PAwpnDmg1{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 6;
grid-row:3;
text-align: center;
width:100%;
}
.sheet-PAwpnDmg2{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 7;
grid-row:3;
text-align: center;
width:100%;
}
.sheet-PAwpnTraits{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 8;
grid-row:3;
text-align: center;
width:99%;
}
/* */
/* */
.sheet-HAwpnName{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 1;
grid-row:4
width:100%;
text-align: center;
}
.sheet-HAwpnType{
/*border-left: 1px solid black;*/
border-bottom: 1px solid black;
grid-column: 2;
grid-row:4;
width:100%;
text-align: center;
}
.sheet-HAwpnattack{
/*border-left: 1px solid black;*/
border-bottom: 1px solid black;
grid-column: 3;
grid-row:4;
width:100%;
text-align: center;
}
.sheet-HAwpnroll{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 4;
grid-row:4;
width:100%;
text-align: center;
}
.sheet-HAwpnAP{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 5;
grid-row:4;
text-align: center;
width:100%;
}
.sheet-HAwpnDmg1{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 6;
grid-row:4;
text-align: center;
width:100%;
}
.sheet-HAwpnDmg2{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 7;
grid-row:4;
text-align: center;
width:100%;
}
.sheet-HAwpnTraits{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 8;
grid-row:4;
text-align: center;
width:99%;
}
/* */
/* */
.sheet-PRwpnName{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 1;
grid-row:5
width:100%;
text-align: center;
}
.sheet-PRwpnType{
/*border-left: 1px solid black;*/
border-bottom: 1px solid black;
grid-column: 2;
grid-row:5;
text-align: center;
width:99%;
}
.sheet-PRwpnAttack{
/*border-left: 1px solid black;*/
border-bottom: 1px solid black;
grid-column: 3;
grid-row:5;
text-align: center;
width:99%;
}
.sheet-PRwpnroll{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 4;
grid-row:5;
text-align: center;
width:99%;
}
.sheet-PRwpnAP{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 5;
grid-row:5;
width:100%;
text-align: center;
}
.sheet-PRwpnDmg1{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 6;
grid-row:5;
text-align: center;
width:100%;
}
.sheet-PRwpnDmg2{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 7;
grid-row:5;
text-align: center;
width:100%;
}
.sheet-PRwpnTraits{
border-left: 1px solid black;
border-bottom: 1px solid black;
grid-column: 8;
grid-row:5;
text-align: center;
width:99%;
}
/* */
.sheet-lineheight1{
height:24px;
}
.sheet-lineheight2{
height:10px;
}
.sheet-btValue{
width: 1.25em;
display: inline-block;
}
.sheet-btPts{
display: inline-block;
text-align: center;
}
.sheet-details-label{
font-weight:bold;
text-align:right;
}
.sheet-details-label2{
font-weight:bold;
text-align:center;
}
.sheet-header_input{
width:150px;
}
.sheet-text_input{
border: none;
box-shadow: none;
border-bottom: 1px solid black;
border-radius: 0;
display:inline-block;
outline:none;
padding:0px;
}
.sheet-text_output{
border: none;
box-shadow: none;
border-radius: 0;
display:inline-block;
outline:none;
padding:0px;
background:none;
}
.sheet-header{
color:#b87a38;
font-size:large;
margin-bottom: 10px
}
.sheet-header2{
color:#a61e24;
font-size: 1.25em;
font-weight: bold;
margin-bottom: 10px;
}
.sheet-skill_category{
color:#b87a38;
/*font-size:large;*/
margin-bottom: 10px;
display:inline-block;
}
.sheet-sectionHeader{
color:white;
width:100%;
background-color:black;
text-align: center;
}
.sheet-attribHeader2{
color:white;
width:100%;
background-color:black;
text-align: right;
padding-right:5px;
}
.sheet-sectionPad{
padding-top:5px;
}
.sheet-endHeader{
grid-column: 1 / span 2;
}
.sheet-attribHeader{
grid-column: 1 / span 2;
}
.sheet-char-label{
Font-size:xx-large;
font-weight:bold;
display:inline-block;
padding:1px 2px 1px 1px;
text-align:center;
font-size:large;
width:43px;
}
.sheet-dummyFill1{
grid-column: 1 / span 2;
grid-row: 1 / span 5;
}
.sheet-borderRight{
border-right:1px solid black;
}
.sheet-defNum{
width:20px;
}
.sheet-num_values{
display:inline-block;
font-size:1.0em;
width:25px;
box-shadow: none;
border: 0px;
border-radius:0px;
border-bottom: 1px solid black;
text-align:center;
padding:0px;
}
.sheet-num_valuesout{
display:inline-block;
font-size:1.0em;
width:25px;
box-shadow: none;
border: 0px;
border-radius:0px;
background: none;
border: 1px solid black;
text-align:center;
padding:0px;
}
.sheet-attribute_label{
font-size:0.75em;
width:61px;
display:inline-block
}
.sheet-advantagetoggle {
display: block;
font-size:12px;
/* top: 585px;
left: 400px;*/
z-index: 1;
}
.sheet-advantagetoggle input[type=radio] {
opacity: 1;
top: 0px;
right: 20px;
width: 20px;
height: 20px;
z-index: 2;
border: 1px solid black;
}
.sheet-advantagetoggle input[type=radio] + span {
position:relative;
margin-left: 0px;
top: 0px;
right: 0px;
width: 17px;
height: 17px;
border: 1px solid black;
border-radius: 3px;
background-color: #E8E8E8;
color: black;
text-align: center;
font-weight: bold;
margin-left: 3px;
}
.sheet-advantagetoggle input[type=radio]:checked + span,
input[type=radio].sheet-tab-button:checked + span {
color: white;
background-color: black;
}
/*
.sheet-advantagetoggle input.sheet-toggle-center,
.sheet-advantagetoggle input.sheet-toggle-center + span {
right: 80px;
width: 100px;
}
.sheet-advantagetoggle input.sheet-toggle-left,
.sheet-advantagetoggle input.sheet-toggle-left + span {
right:278px;
width: 65px;
}
.sheet-advantagetoggle input.sheet-toggle-right,
.sheet-advantagetoggle input.sheet-toggle-right + span {
right: 0px;
width: 120px;
} */
.sheet-CndWrap{
margin-bottom:5px;
text-align:center;
height:1em;
}
.sheet-condition{
color:red;
display:inline:block;
}
.sheet-toggleflag[value*="advantagetoggle"] + .sheet-advantagetoggle,
{
display: block;
}
.sheet-advDisAdvDice{
border: 1px solid black;
height: 20px!important;
right: 127px;
/*!position: absolute;*/
}
.sheet-rolltemplate-Roll .sheet-flipColor{
background-color:black;
color:white;
}
.sheet-rolltemplate-Roll .sheet-rollBody{
background-color:#8f8f8f;
padding:5px 0 5px 0;
border: 1px solid black;
}
.sheet-rolltemplate-Roll .sheet-damageResult span{
border:none!important;
}
.sheet-rolltemplate-Roll .sheet-buffer{
margin-top:5px;
}
.sheet-rolltemplate-Roll .sheet-rollResult{
text-align:center;
}
.sheet-rolltemplate-Roll .sheet-rollHeader{
text-align:center;
}
.sheet-rolltemplate-Roll .inlinerollresult {
background-color: transparent;
border: none;
}
.sheet-rolltemplate-Action .sheet-flipColor{
background-color:black;
color:white;
}
.sheet-rolltemplate-Action .sheet-rollBody{
background-color:#8f8f8f;
padding:2px 0 5px 0;
border: 1px solid black;
font-style: italic;
}
.sheet-rolltemplate-Action .sheet-damageResult span{
border:none!important;
}
.sheet-rolltemplate-Action .sheet-buffer{
margin-top:5px;
}
.sheet-rolltemplate-Action .sheet-rollResult{
text-align:center;
}
.sheet-rolltemplate-Action .sheet-rollHeader{
text-align:center;
}
.sheet-rolltemplate-Action .inlinerollresult {
background-color: transparent;
border: none;
}
div.repcontainer[data-groupname=repeating_practicalSkills] .repitem:nth-child(even) {
background-color: #ba6f3f;
margin-top: 0px;
margin-bottom: 0px;
}
div.repcontainer[data-groupname=repeating_practicalSkills] .repitem:nth-child(odd) {
background-color: white;
margin-top: 0px;
margin-bottom: 0px;
}
button[type=roll].sheet-d6-dice::before {
font-family: 'dicefontd6';
content: 'F ';
width:50px
}
button[type=roll].sheet-blank-button::before {
content: "";
}
.repcontainer{
width:100%;
}
.itemcontrol {
margin-left: -33px;
}
.repcontrol{
margin-right: 7px;
}
div.repcontrol button
{
width: 13px;
color: transparent;
padding: 0px;
padding-left: 2px;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
div.repcontrol button.repcontrol_add::before,
div.repcontrol button.repcontrol_edit::before
{
font-family: Pictos;
position: relative;
color: #000;
width:12px;
height:12px;
}
/* +Add */
div.repcontrol button.repcontrol_add::before
{
content: "&"; /* & in Pictos is a + sign, while + is a plus inside a circle */
left: -0px;
top: -0px;
}
/* Modify */
div.repcontrol button.repcontrol_edit::before
{
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
content: "x"; /* x in Pictos is a crossed hammer and wrench */
left: -0px;
top: -0px;
}
/* Done */
div.repcontrol.editmode button.repcontrol_edit::before
{
content: "3"; /* 3 in Pictos is a check mark */
}
/* Configuration Window*/
.charsheet .sheet-cdiv {
width:798px;
/*border: 1px dotted;*/
padding-right: 15px;
padding-left: 15px;
}
.sheet-HideConfig:checked ~ *.sheet-config {
display:none;
}
.charsheet span.sheet-is-config::after { /*Close Config: grayish background with black text*/
content: "^";
}
.charsheet .sheet-HideConfig:checked + span.sheet-is-config::after { /*Show Configuration: Black background with grayish text*/
content: "v";
}
.charsheet span.sheet-is-config {
text-align: center;
display: inline-block;
width: 5%;
height: 16px;
font-size: 9px;
/*font-family: "Pictos";*/
/*background: #65763c;*/
background: black; /*#93537c;*/
color: white; /*white;*/
font-weight: bold;
border-radius: 4px;
margin-left: -5%;
}
.charsheet input.sheet-HideConfig {
width: 5%;
height: 16px;
cursor: pointer;
margin-left: auto;
margin-top: auto;
/*position: absolute;
right: 20%;*/
opacity: 0;
z-index: 9999;
}
.charsheet .sheet-HideConfig:checked + span.sheet-is-config {
background: black;
border-radius: 4px;
color: white;
}
.charsheet label.sheet-configitem {
margin-left: 10px;
width: 50px;
font-size: .9em;
font-weight: normal
}
/*End Configuration Window*/
/* Configuration Window*/
.charsheet .sheet-cdiv {
width:798px;
/*border: 1px dotted;*/
padding-right: 15px;
padding-left: 15px;
}
.sheet-HideConfig:checked ~ *.sheet-config {
display:none;
}
.charsheet span.sheet-is-config::after { /*Close Config: grayish background with black text*/
content: "^";
}
.charsheet .sheet-HideConfig:checked + span.sheet-is-config::after { /*Show Configuration: Black background with grayish text*/
content: "v";
}
.charsheet span.sheet-is-config {
text-align: center;
display: inline-block;
width: 5%;
height: 16px;
font-size: 9px;
/*font-family: "Pictos";*/
/*background: #65763c;*/
background: black; /*#93537c;*/
color: white; /*white;*/
font-weight: bold;
border-radius: 4px;
margin-left: -5%;
}
.charsheet input.sheet-HideConfig {
width: 5%;
height: 16px;
cursor: pointer;
margin-left: auto;
margin-top: auto;
/*position: absolute;
right: 20%;*/
opacity: 0;
z-index: 9999;
}
.charsheet .sheet-HideConfig:checked + span.sheet-is-config {
background: black;
border-radius: 4px;
color: white;
}
.charsheet label.sheet-configitem {
margin-left: 10px;
width: 50px;
font-size: .9em;
font-weight: normal
}
/*End Configuration Window*/