.charsheet{ --dark-secondarytext:black; } 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-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: #fff; 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: #dcdcdc; 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: 330px; */ left: 234px; } input.sheet-tab4 + span::before { /*left: 480px;*/ left: 336px; } input.sheet-tab5 + span::before { /*left: 630px;*/ left: 438px; } input.sheet-tab6 + span::before { /*left: 780px;*/ left: 540px; } div.sheet-tab-content { font-family: 'Verdana'; border: 1px solid #a8a8a8; border-top-color: #000; margin: 2px 0 0 5px; padding: 5px; } table.sheet-table1{ border-collapse: collapse; border: 1px solid black; } table.sheet-table1 td{ border: 1px solid black; } .sheet-core-label{ text-align: center; } .sheet-attr_label{ display:inline-block; width: 105px; } .sheet-hit-location_label{ display:inline-block; width: 139px; } .sheet-hit-locations-wnds{ margin: auto; display:inline-block; width:46px; } .sheet-section_header{ color: #f9f9f9; background-color: #222222; padding: 2px 4px 1px 4px; border-radius: 8px } .sheet-firearms-header{ border:none; box-shadow: none; } #sheet-outer{ width:100%; /* Firefox */ display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Safari and Chrome */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; /* W3C */ display:box; box-pack:center; box-align:center; } .sheet-hitloc_div{ width:215px; display:inline-block; } .sheet-rolltemplate-hitLocRoll4wapc table{ border: 1px solid black; background-color:white; color:black!important; } .sheet-rolltemplate-hitLocRoll4wapc th{ background-color:lightgray; } .sheet-rolltemplate-hitLocRoll4wapc td{ padding: 0.2em 1em ; text-align:center; font-weight:bold; } .sheet-rolltemplate-hitLocRoll4wapc .inlinerollresult { background-color: transparent!important; color: #000000; border: none!important; } .sheet-rolltemplate-hitLocRollQuad table{ border: 1px solid black; background-color:white; color:black; } .sheet-rolltemplate-hitLocRollQuad th{ background-color:lightgray; } .sheet-rolltemplate-hitLocRollQuad td{ padding: 0.2em 1em ; text-align:center; font-weight:bold; } .sheet-rolltemplate-hitLocRollQuad .inlinerollresult { background-color: transparent!important; color: #000000; border: none!important; } .sheet-rolltemplate-hitLocRollHigher table{ border: 1px solid black; background-color:white; color:black; } .sheet-rolltemplate-hitLocRollHigher th{ background-color:lightgray; } .sheet-rolltemplate-hitLocRollHigher td{ padding: 0.2em 1em ; text-align:center; font-weight:bold; } .sheet-rolltemplate-hitLocRollHigher .inlinerollresult { background-color: transparent!important; color: #000000; border: none!important; } .sheet-rolltemplate-hitLocRollLower table{ border: 1px solid black; background-color:white; color:black; } .sheet-rolltemplate-hitLocRollLower th{ background-color:lightgray; } .sheet-rolltemplate-hitLocRollLower td{ padding: 0.2em 1em ; text-align:center; font-weight:bold; } .sheet-rolltemplate-hitLocRollLower .inlinerollresult { background-color: transparent!important; color: #000000; border: none!important; } .sheet-rolltemplate-hitLocRollKnee table{ border: 1px solid black; background-color:white; color:black; } .sheet-rolltemplate-hitLocRollKnee th{ background-color:lightgray; } .sheet-rolltemplate-hitLocRollKnee td{ padding: 0.2em 1em ; text-align:center; font-weight:bold; } .sheet-rolltemplate-hitLocRollKnee .inlinerollresult { background-color: transparent!important; color: #000000; border: none!important; } .sheet-rolltemplate-hitLocRollHead table{ border: 1px solid black; background-color:white; color:black; } .sheet-rolltemplate-hitLocRollHead th{ background-color:lightgray; } .sheet-rolltemplate-hitLocRollHead td{ padding: 0.2em 1em ; text-align:center; font-weight:bold; } .sheet-rolltemplate-hitLocRollHead .inlinerollresult { background-color: transparent!important; color: #000000; border: none!important; } .sheet-rolltemplate-hitLocRollCentral table{ border: 1px solid black; background-color:white; color:black; } .sheet-rolltemplate-hitLocRollCentral th{ background-color:lightgray; } .sheet-rolltemplate-hitLocRollCentral td{ padding: 0.2em 1em ; text-align:center; font-weight:bold; } .sheet-rolltemplate-hitLocRollCentral .inlinerollresult { background-color: transparent!important; color: #000000; border: none!important; } .sheet-rolltemplate-hitLocRoll table{ border: 1px solid black; background-color:white; color:black; } .sheet-rolltemplate-hitLocRoll th{ background-color:lightgray; } .sheet-rolltemplate-hitLocRoll td{ padding: 0.2em 1em ; text-align:center; font-weight:bold; } .sheet-rolltemplate-hitLocRoll .inlinerollresult { background-color: transparent!important; color: #000000; border: none!important; } .sheet-rolltemplate-skillRoll table{ border: 1px solid black; background-color:white; color:black; } .sheet-rolltemplate-shockRoll table{ border: 1px solid black; background-color:white; color:black; } .sheet-rolltemplate-shockRoll th{ background-color:lightgray; } .sheet-rolltemplate-shockRoll td{ padding: 0.2em 1em ; text-align:center; font-weight:bold; } .sheet-rolltemplate-shockRoll .inlinerollresult { background-color: transparent!important; color: #000000; border: none!important; } .sheet-rolltemplate-skillRoll table{ border: 1px solid black; background-color:white; color: black; } .sheet-rolltemplate-skillRoll th{ background-color:lightgray; } .sheet-rolltemplate-skillRoll td{ padding: 0.2em 1em ; text-align:center; font-weight:bold; } .sheet-rolltemplate-skillRoll .inlinerollresult { background-color: transparent!important; color: #000000; border: none!important; } .inlinerollresult { background-color: white!important; } .sheet-rolltemplate-skillRoll .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-skillRoll .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-skillRoll .inlinerollresult.importantroll{ border:none; } .sheet-rolltemplate-skillRoll .sheet-special{ color:red; } .sheet-firearm-toggle1 { display: block; } .sheet-check-firearm-toggle1:checked ~ .sheet-firearm-toggle1 { display: block; } .sheet-firearm-toggle2{ display: block; } .sheet-check-firearm-toggle2:checked ~ .sheet-firearm-toggle2 { display: block; } .sheet-firearm-toggle3 { display: block; } .sheet-check-firearm-toggle3:checked ~ .sheet-firearm-toggle3 { display: block; } .sheet-firearm-toggle4 { display: block; } .sheet-check-firearm-toggle4:checked ~ .sheet-firearm-toggle4 { display: block; } .sheet-specialty-stealth-toggle1 { display: none; } .sheet-check-stealth-toggle1:checked ~ .sheet-specialty-stealth-toggle1 { display: block; } .sheet-specialty-stealth-toggle2{ display: none; } .sheet-check-stealth-toggle2:checked ~ .sheet-specialty-stealth-toggle2 { display: block; } .sheet-specialty-stealth-toggle3 { display: none; } .sheet-check-stealth-toggle3:checked ~ .sheet-specialty-stealth-toggle3 { display: block; } .sheet-specialty-stealth-toggle4 { display: none; } .sheet-check-stealth-toggle4:checked ~ .sheet-specialty-stealth-toggle4 { display: block; } .sheet-specialty-stealth-toggle5 { display: none; } .sheet-check-stealth-toggle5:checked ~ .sheet-specialty-stealth-toggle5 { display: block; } .sheet-specialty-stealth-toggle6 { display: none; } .sheet-check-stealth-toggle6:checked ~ .sheet-specialty-stealth-toggle6 { display: block; } .sheet-specialty-scrounge-toggle1 { display: none; } .sheet-check-scrounge-toggle1:checked ~ .sheet-specialty-scrounge-toggle1 { display: block; } .sheet-specialty-scrounge-toggle2{ display: none; } .sheet-check-scrounge-toggle2:checked ~ .sheet-specialty-scrounge-toggle2 { display: block; } .sheet-specialty-scrounge-toggle3 { display: none; } .sheet-check-scrounge-toggle3:checked ~ .sheet-specialty-scrounge-toggle3 { display: block; } .sheet-specialty-scrounge-toggle4 { display: none; } .sheet-check-scrounge-toggle4:checked ~ .sheet-specialty-scrounge-toggle4 { display: block; } .sheet-specialty-scrounge-toggle5 { display: none; } .sheet-check-scrounge-toggle5:checked ~ .sheet-specialty-scrounge-toggle5 { display: block; } .sheet-specialty-scrounge-toggle6 { display: none; } .sheet-check-scrounge-toggle6:checked ~ .sheet-specialty-scrounge-toggle6 { display: block; } .sheet-specialty-persuade-toggle1 { display: none; } .sheet-check-persuade-toggle1:checked ~ .sheet-specialty-persuade-toggle1 { display: block; } .sheet-specialty-persuade-toggle2{ display: none; } .sheet-check-persuade-toggle2:checked ~ .sheet-specialty-persuade-toggle2 { display: block; } .sheet-specialty-persuade-toggle3 { display: none; } .sheet-check-persuade-toggle3:checked ~ .sheet-specialty-persuade-toggle3 { display: block; } .sheet-specialty-persuade-toggle4 { display: none; } .sheet-check-persuade-toggle4:checked ~ .sheet-specialty-persuade-toggle4 { display: block; } .sheet-specialty-persuade-toggle5 { display: none; } .sheet-check-persuade-toggle5:checked ~ .sheet-specialty-persuade-toggle5 { display: block; } .sheet-specialty-persuade-toggle6 { display: none; } .sheet-check-persuade-toggle6:checked ~ .sheet-specialty-persuade-toggle6 { display: block; } .sheet-specialty-observe-toggle1 { display: none; } .sheet-check-observe-toggle1:checked ~ .sheet-specialty-observe-toggle1 { display: block; } .sheet-specialty-observe-toggle2{ display: none; } .sheet-check-observe-toggle2:checked ~ .sheet-specialty-observe-toggle2 { display: block; } .sheet-specialty-observe-toggle3 { display: none; } .sheet-check-observe-toggle3:checked ~ .sheet-specialty-observe-toggle3 { display: block; } .sheet-specialty-observe-toggle4 { display: none; } .sheet-check-observe-toggle4:checked ~ .sheet-specialty-observe-toggle4 { display: block; } .sheet-specialty-observe-toggle5 { display: none; } .sheet-check-observe-toggle5:checked ~ .sheet-specialty-observe-toggle5 { display: block; } .sheet-specialty-observe-toggle6 { display: none; } .sheet-check-observe-toggle6:checked ~ .sheet-specialty-observe-toggle6 { display: block; } .sheet-specialty-navigate-toggle1 { display: none; } .sheet-check-navigate-toggle1:checked ~ .sheet-specialty-navigate-toggle1 { display: block; } .sheet-specialty-navigate-toggle2{ display: none; } .sheet-check-navigate-toggle2:checked ~ .sheet-specialty-navigate-toggle2 { display: block; } .sheet-specialty-navigate-toggle3 { display: none; } .sheet-check-navigate-toggle3:checked ~ .sheet-specialty-navigate-toggle3 { display: block; } .sheet-specialty-navigate-toggle4 { display: none; } .sheet-check-navigate-toggle4:checked ~ .sheet-specialty-navigate-toggle4 { display: block; } .sheet-specialty-navigate-toggle5 { display: none; } .sheet-check-navigate-toggle5:checked ~ .sheet-specialty-navigate-toggle5 { display: block; } .sheet-specialty-navigate-toggle6 { display: none; } .sheet-check-navigate-toggle6:checked ~ .sheet-specialty-navigate-toggle6 { display: block; } .sheet-specialty-cultureOwn-toggle1 { display: none; } .sheet-check-cultureOwn-toggle1:checked ~ .sheet-specialty-cultureOwn-toggle1 { display: block; } .sheet-specialty-cultureOwn-toggle2{ display: none; } .sheet-check-cultureOwn-toggle2:checked ~ .sheet-specialty-cultureOwn-toggle2 { display: block; } .sheet-specialty-cultureOwn-toggle3 { display: none; } .sheet-check-cultureOwn-toggle3:checked ~ .sheet-specialty-cultureOwn-toggle3 { display: block; } .sheet-specialty-cultureOwn-toggle4 { display: none; } .sheet-check-cultureOwn-toggle4:checked ~ .sheet-specialty-cultureOwn-toggle4 { display: block; } .sheet-specialty-cultureOwn-toggle5 { display: none; } .sheet-check-cultureOwn-toggle5:checked ~ .sheet-specialty-cultureOwn-toggle5 { display: block; } .sheet-specialty-cultureOwn-toggle6 { display: none; } .sheet-check-cultureOwn-toggle6:checked ~ .sheet-specialty-cultureOwn-toggle6 { display: block; } .sheet-specialty-climb-toggle1 { display: none; } .sheet-check-climb-toggle1:checked ~ .sheet-specialty-climb-toggle1 { display: block; } .sheet-specialty-climb-toggle2{ display: none; } .sheet-check-climb-toggle2:checked ~ .sheet-specialty-climb-toggle2 { display: block; } .sheet-specialty-climb-toggle3 { display: none; } .sheet-check-climb-toggle3:checked ~ .sheet-specialty-climb-toggle3 { display: block; } .sheet-specialty-climb-toggle4 { display: none; } .sheet-check-climb-toggle4:checked ~ .sheet-specialty-climb-toggle4 { display: block; } .sheet-specialty-climb-toggle5 { display: none; } .sheet-check-climb-toggle5:checked ~ .sheet-specialty-climb-toggle5 { display: block; } .sheet-specialty-climb-toggle6 { display: none; } .sheet-check-climb-toggle6:checked ~ .sheet-specialty-climb-toggle6 { display: block; } .sheet-specialty-brawl-toggle1 { display: none; } .sheet-check-brawl-toggle1:checked ~ .sheet-specialty-brawl-toggle1 { display: block; } .sheet-specialty-brawl-toggle2{ display: none; } .sheet-check-brawl-toggle2:checked ~ .sheet-specialty-brawl-toggle2 { display: block; } .sheet-specialty-brawl-toggle3 { display: none; } .sheet-check-brawl-toggle3:checked ~ .sheet-specialty-brawl-toggle3 { display: block; } .sheet-specialty-brawl-toggle4 { display: none; } .sheet-check-brawl-toggle4:checked ~ .sheet-specialty-brawl-toggle4 { display: block; } .sheet-specialty-brawl-toggle5 { display: none; } .sheet-check-brawl-toggle5:checked ~ .sheet-specialty-brawl-toggle5 { display: block; } .sheet-specialty-brawl-toggle6 { display: none; } .sheet-check-brawl-toggle6:checked ~ .sheet-specialty-brawl-toggle6 { display: block; } .sheet-specialty-bargain-toggle1 { display: none; } .sheet-check-bargain-toggle1:checked ~ .sheet-specialty-bargain-toggle1 { display: block; } .sheet-specialty-bargain-toggle2{ display: none; } .sheet-check-bargain-toggle2:checked ~ .sheet-specialty-bargain-toggle2 { display: block; } .sheet-specialty-bargain-toggle3 { display: none; } .sheet-check-bargain-toggle3:checked ~ .sheet-specialty-bargain-toggle3 { display: block; } .sheet-specialty-bargain-toggle4 { display: none; } .sheet-check-bargain-toggle4:checked ~ .sheet-specialty-bargain-toggle4 { display: block; } .sheet-specialty-bargain-toggle5 { display: none; } .sheet-check-bargain-toggle5:checked ~ .sheet-specialty-bargain-toggle5 { display: block; } .sheet-specialty-bargain-toggle6 { display: none; } .sheet-check-bargain-toggle6:checked ~ .sheet-specialty-bargain-toggle6 { display: block; } .sheet-specialty-athletics-toggle1 { display: none; } .sheet-check-athletics-toggle1:checked ~ .sheet-specialty-athletics-toggle1 { display: block; } .sheet-specialty-athletics-toggle2{ display: none; } .sheet-check-athletics-toggle2:checked ~ .sheet-specialty-athletics-toggle2 { display: block; } .sheet-specialty-athletics-toggle3 { display: none; } .sheet-check-athletics-toggle3:checked ~ .sheet-specialty-athletics-toggle3 { display: block; } .sheet-specialty-athletics-toggle4 { display: none; } .sheet-check-athletics-toggle4:checked ~ .sheet-specialty-athletics-toggle4 { display: block; } .sheet-specialty-athletics-toggle5 { display: none; } .sheet-check-athletics-toggle5:checked ~ .sheet-specialty-athletics-toggle5 { display: block; } .sheet-specialty-athletics-toggle6 { display: none; } .sheet-check-athletics-toggle6:checked ~ .sheet-specialty-athletics-toggle6 { display: block; } .sheet-specialty-acobatics-toggle1 { display: none; } .sheet-check-acobatics-toggle1:checked ~ .sheet-specialty-acobatics-toggle1 { display: block; } .sheet-specialty-acobatics-toggle2{ display: none; } .sheet-check-acobatics-toggle2:checked ~ .sheet-specialty-acobatics-toggle2 { display: block; } .sheet-specialty-acobatics-toggle3 { display: none; } .sheet-check-acobatics-toggle3:checked ~ .sheet-specialty-acobatics-toggle3 { display: block; } .sheet-specialty-acobatics-toggle4 { display: none; } .sheet-check-acobatics-toggle4:checked ~ .sheet-specialty-acobatics-toggle4 { display: block; } .sheet-specialty-acobatics-toggle5 { display: none; } .sheet-check-acobatics-toggle5:checked ~ .sheet-specialty-acobatics-toggle5 { display: block; } .sheet-specialty-acobatics-toggle6 { display: none; } .sheet-check-acobatics-toggle6:checked ~ .sheet-specialty-acobatics-toggle6 { display: block; } .sheet-specialty-toggle1 { display: none; } .sheet-check-toggle1:checked ~ .sheet-specialty-toggle1 { display: block; } .sheet-specialty-toggle2 { display: none; } .sheet-check-toggle2:checked ~ .sheet-specialty-toggle2 { display: block; } .sheet-specialty-toggle3 { display: none; } .sheet-check-toggle3:checked ~ .sheet-specialty-toggle3 { display: block; } .sheet-specialty-toggle3 { display: none; } .sheet-check-toggle3:checked ~ .sheet-specialty-toggle3 { display: block; } .sheet-specialty-toggle4 { display: none; } .sheet-check-toggle4:checked ~ .sheet-specialty-toggle4 { display: block; } .sheet-specialty-toggle5 { display: none; } .sheet-check-toggle5:checked ~ .sheet-specialty-toggle5 { display: block; } .sheet-specialty-toggle6 { display: none; } .sheet-check-toggle6:checked ~ .sheet-specialty-toggle6 { display: block; } div.sheet-tab-content label{ font-size:13px; } .sheet-hit-locations-armor{ width:3.5em; } .sheet-abilityCol{ text-align:center; border:1px solid black; } .sheet-vehicle_stats label{ display:inline-block; width:98px; } .sheet-vehicle_stats input{ display:inline; } .sheet-vehicle_wpn{ display:inline-block; } .sheet-mod_input input{ display:inline } .sheet-mod_input label{ display:inline; margin-left:5px; } // css for showing/hiding processing .sheet-processing { background-color: $transparent-black; border-radius: $border-radius; color: $off-white; display: none; padding: 2px; position: absolute; right: -15px; top: -30px; width: 215px; z-index: 99999; } .sheet-show-processing:not([value='']) ~ .sheet-processing { display: block; } .sheet-wrapper { position: relative; } #sheet-inner{ display:inline width:50%; } @font-face { font-family: 'Mil Spec 33558'; src: url('https://www.fontsaddict.com/fontface/MilSpec33558.ttf'); } @font-face { font-family: 'Crystal'; src: url('http://openfontlibrary.org/assets/fonts/crystal/3b1efb28a7300d5c3053d5c8d7d1132a/f089659f43914b0f63620effd47c046b/CRYSTALRegular.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Quantum Leap'; src: url('http://www.fontsaddict.com/fontface/quantum-leap.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Necrotype'; src: url('http://www.fontsaddict.com/fontface/necrotype.ttf'); } /*-------------------------------------------*/ /*------------ Repeating Buttons ------------*/ /*-------------------------------------------*/ .repcontrol .btn { border: 0 solid transparent; color: white !important; background: none; font-size: 0px; box-shadow: none; margin-bottom: 1px; font-family: pictos; font-style: normal; } .repcontrol .repcontrol_edit::after { content: '('; } .editmode ~ .repcontrol .repcontrol_edit::after { content: ')'; } .repcontrol .repcontrol_add::before { content: '&'; } .repcontrol .repcontrol_add::before, .repcontrol .repcontrol_edit::after { visibility: visible; background-color: #fff; border: 1px solid #999; border-radius: 2px; font-size: 12px; height: 12px; width: 12px; padding: 2px 4px 2px 4px; color: #333; } .repcontrol .repcontrol_edit:hover::after, .repcontrol .repcontrol_add:hover::before { background-color: #EFEFEF; }