.dummy{ /*incase BOM decides screw up css */ } .sheet-exp-toggle1 { display: none; } .sheet-check-toggle1:checked ~ .sheet-exp-toggle1 { display: inline-block; } .sheet-wrapper1 { display: grid; grid-template-columns: 50% 50%; grid-gap: 10px; 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-deprecWarn{ color:red; font-weight:bold; } button[type=roll].sheet-new_roll::before { background-image: none; font-size: 13px; font-family: sans-serif; content: "-?"; margin: 0 0px 0 0; } button[type=roll].sheet-new_roll { /*background-image: none; background-color: #f2f5d3;*/ margin:0px; } button[type=roll].sheet-new_roll2::before { background-image: none; font-size: 13px; font-family: sans-serif; content: "x?"; margin: 0 0px 0 0; } button[type=roll].sheet-new_roll2 { /*background-image: none; background-color: #f2f5d3;*/ margin:0px; } button[type=roll].sheet-turn_order::before { background-image: none; font-size: 13px; font-family: pictos; content: "t"; margin: 0 0px 0 0; } button[type=roll].sheet-turn_order { /*background-image: none; background-color: #f2f5d3;*/ margin:0px; } 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; } .sheet-loc-text{ width:68px; } 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: 0px; padding: 1px; padding-left:5px } .sheet-category_label{ display:inline-block; width:200px; } .sheet-skill_name{ width:99px; } .sheet-skill_values{ display:inline-block; font-size:0.75em; width:34px; box-shadow: none; border: 0px; border-bottom: 1px solid black; text-align:center; } .sheet-value_display{ box-shadow: none; border: 0px; border-bottom: 1px solid black; text-align:center; } .sheet-armor-name{ width:169px; } .sheet-skill_button{ display:inline-block; padding:1px 2px 1px 1px; width:91px; text-align:left; } .sheet-blank_skill{ width:94px; } .sheet-personal_label{ font-size:1.0em; display:inline; } .sheet-personal_text{ box-shadow: none; border: 0px; border-bottom: 1px solid black; margin-bottom:1px; } .sheet-attribute_label{ font-size:1.0em; width:108px; display:inline-block } .sheet-char_button{ display:inline-block; padding:1px 2px 1px 1px; text-align:center; font-size:0.6em; width:25px; } .sheet-skill_mod_button{ font-size:0.75em; padding:1px; text-align:left; } button[type="roll"] { height:24px; padding-bottom: 0; display: inline-block; margin: 0; font-weight: 400; text-align: center; cursor: pointer; background-image: none; /*background-color: transparent;*/ border: 1px solid #ccc; white-space: nowrap; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .sheet-spell_div{ width:97%; background-color: white; padding: 5px; border-radius: 6px; } /* button[type="roll"]:hover { background-color: black; border-color: red; color:white } */ button[type="roll"] label, button[type="roll"] input { /*height:24px;*/ line-height: 24px; text-align:center; width: 100%; cursor: pointer; background: none; box-shadow: none; transition: none; border-radius: none; border:none; font-weight:700; } .sheet-buffMsg{ margin:15px 0px 0px 0px; color:red; font-size:x-small; display:block; } .sheet-melee_wpns_labels label{ display:inline-block; font-size:1em; } .sheet-melee_wpns{ display:inline-block; } .sheet-template_value{ text-align: right; } .sheet-rolltemplate-HL-Missle th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-HL-Missle table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-HL-Missle .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-HL-Missle .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-HL-Missle .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-HL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-HL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-HL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-HL-Melee div.sheet-result { text-align: center; color: #000000; background-color: #ffffff; } .sheet-rolltemplate-HL-Melee th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-HL-Melee table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-HL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-HL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-HL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-FLL-Missle th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-FLL-Missle table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-FLL-Missle .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-FLL-Missle .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-FLL-Missle .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-FLL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-FLL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-FLL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-FLL-Melee th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-FLL-Melee table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-FLL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-FLL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-FLL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-WalkL-Missle th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-WalkL-Missle table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-WalkL-Missle .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-WalkL-Missle .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-WalkL-Missle .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-WalkL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-WalkL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-WalkL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-WalkL-Melee th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-WalkL-Melee table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-WalkL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-WalkL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-WalkL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-NewtL-Missle th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-NewtL-Missle table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-NewtL-Missle .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-NewtL-Missle .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-NewtL-Missle .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-NewtL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-NewtL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-NewtL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-NewtL-Melee th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-NewtL-Melee table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-NewtL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-NewtL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-NewtL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-RockL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-RockL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-RockL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-RockL-Melee th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-RockL-Melee table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-RockL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-RockL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-RockL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-ScorpL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-ScorpL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-ScorpL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-ScorpL-Melee th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-ScorpL-Melee table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-ScorpL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-ScorpL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-ScorpL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-ScorpL-Missle th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-ScorpL-Missle table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-ScorpL-Missle .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-ScorpL-Missle .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-ScorpL-Missle .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-SprulPaL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-SprulPaL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-SprulPaL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-SprulPaL-Melee th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-SprulPaL-Melee table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-SprulPaL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-SprulPaL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-SprulPaL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-DragonL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-DragonL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-DragonL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-DragonL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-DragonL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-DragonL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-Dragonsnail1HL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-Dragonsnail1HL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-Dragonsnail1HL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-Dragonsnail1HL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-Dragonsnail1HL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-Dragonsnail1HL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-Dragonsnail2HL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-Dragonsnail2HL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-Dragonsnail2HL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-Dragonsnail2HL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-Dragonsnail2HL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-Dragonsnail2HL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-4leggedwingsL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-4leggedwingsL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-4leggedwingsL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-4leggedwingsL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-4leggedwingsL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-4leggedwingsL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-harpiesL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-harpiesL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-harpiesL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-harpiesL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-harpiesL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-harpiesL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-mammothL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-mammothL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-mammothL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-mammothL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-mammothL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-mammothL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-serpentL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-serpentL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-serpentL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-serpentL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-serpentL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-serpentL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-serpentWingsL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-serpentWingsL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-serpentWingsL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-serpentWingsL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-serpentWingsL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-serpentWingsL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-spiderL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-spiderL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-spiderL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-spiderL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-spiderL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-spiderL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-wyvernL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-wyvernL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-wyvernL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-wyvernL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-wyvernL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-wyvernL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-AnkylosaursL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-AnkylosaursL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-AnkylosaursL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-AnkylosaursL-Melee div.sheet-result { text-align: center; color: #000000; background-color: #ffffff; } .sheet-rolltemplate-AnkylosaursL-Melee div.sheet-skillRoll { width: 230px; padding: 2px; border: 1px solid; color:#ffffff; background-color: #000000; } .sheet-rolltemplate-AnkylosaursL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-AnkylosaursL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-AnkylosaursL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-BeetleL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-BeetleL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-BeetleL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-BeetleL-Melee div.sheet-result { text-align: center; color: #000000; background-color: #ffffff; } .sheet-rolltemplate-BeetleL-Melee div.sheet-skillRoll { width: 230px; padding: 2px; border: 1px solid; color:#ffffff; background-color: #000000; } .sheet-rolltemplate-BeetleL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-BeetleL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-BeetleL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-BirdsFlyingL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-BirdsFlyingL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-BirdsFlyingL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-BirdsFlyingL-Melee div.sheet-result { text-align: center; color: #000000; background-color: #ffffff; } .sheet-rolltemplate-BirdsFlyingL-Melee div.sheet-skillRoll { width: 230px; padding: 2px; border: 1px solid; color:#ffffff; background-color: #000000; } .sheet-rolltemplate-BirdsFlyingL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-BirdsFlyingL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-BirdsFlyingL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-BirdsRunningL-Melee div.sheet-loc_wrapper{ border: 1px solid black; } .sheet-rolltemplate-BirdsRunningL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-BirdsRunningL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-BirdsRunningL-Melee div.sheet-result { text-align: center; color: #000000; background-color: #ffffff; } .sheet-rolltemplate-BirdsRunningL-Melee div.sheet-skillRoll { width: 230px; padding: 2px; border: 1px solid; color:#ffffff; background-color: #000000; } .sheet-rolltemplate-BirdsRunningL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-BirdsRunningL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-BirdsRunningL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-CentaurL-Melee div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-CentaurL-Melee div.sheet-template_body{ background-color:white; text-align:center } .sheet-rolltemplate-CentaurL-Melee div.sheet-result { text-align: center; color: #000000; background-color: #ffffff; } .sheet-rolltemplate-CentaurL-Melee div.sheet-skillRoll { width: 230px; padding: 2px; border: 1px solid; color:#ffffff; background-color: #000000; } .sheet-rolltemplate-CentaurL-Melee .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-CentaurL-Melee .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-CentaurL-Melee .inlinerollresult.fullfail{ border:none; } .sheet-hitlocDrop{ font-size:x-small; margin-top: 7px; height: 24px ; width: 130px } .sheet-rolltemplate-skillRoll div.sheet-template_header{ background-color:black; color:white; text-align:center; } .sheet-rolltemplate-skillRoll th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-skillRoll table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-skillRoll .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-melee-roll .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-melee-roll th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-melee-roll table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-melee-roll .template_value{ text-align: right; } .repcontainer[data-groupname="repeating_melee2"]{ width:100%!important; } .repcontainer[data-groupname="repeating_missle2"]{ width:100%!important; } .repcontainer[data-groupname="repeating_mounts"]{ width:100%!important; } .repcontainer{ width:112%; } .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 */ } .sheet-spirit_stat{ display:inline-block; width:33px; } /*Hide Spirit Matrices*/ .sheet-HideSpiritm:checked ~ *.sheet-Spiritmconfig { display:none; } .charsheet span.sheet-is-HideSpirit::after { /*Close Config: grayish background with black text*/ content: "^"; } .charsheet .sheet-HideSpirit:checked + span.sheet-is-HideSpirit::after { /*Show Configuration: Black background with grayish text*/ content: "v"; } .charsheet span.sheet-is-HideSpirit { 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-HideSpiritm { width: 5%; height: 16px; cursor: pointer; margin-left: auto; margin-top: auto; /*position: absolute; right: 20%;*/ opacity: 0; z-index: 9999; } .charsheet .sheet-HideSpirit:checked + span.sheet-is-HideSpirit { background: black; border-radius: 4px; color: white; } /*Hide Sorcery matrices*/ .sheet-HideSorcerym:checked ~ *.sheet-Sorcerymconfig { display:none; } .charsheet span.sheet-is-HideSorcery::after { /*Close Config: grayish background with black text*/ content: "^"; } .charsheet .sheet-HideSorcerym:checked + span.sheet-is-HideSorcery::after { /*Show Configuration: Black background with grayish text*/ content: "v"; } .charsheet span.sheet-is-HideSorcery { 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-HideSorcerym { width: 5%; height: 16px; cursor: pointer; margin-left: auto; margin-top: auto; /*position: absolute; right: 20%;*/ opacity: 0; z-index: 9999; } .charsheet .sheet-HideSorcerym:checked + span.sheet-is-HideSorcery { background: black; border-radius: 4px; color: white; } /* Configuration Window*/ .charsheet .sheet-cdiv { width:798px; /*border: 1px dotted;*/ padding-right: 15px; padding-left: 15px; } .charsheet div.sheet-QSSheet{ display: none; } .charsheet input.sheet-toggleQSSheet:checked ~ div.sheet-QSSheet{ display: inline; } .charsheet div.sheet-QSSheet{ display: inline; } /* .charsheet input.sheet-toggleQSSheet:checked ~ div.sheet-QSSheet { display: inline; } */ .sheet-toggleQSSheet ~ *.sheet-QSSheet{ display:none; } .charsheet input.sheet-HideSheetQS:checked ~ div.sheet-SheetQS { display: inline; } .charsheet div.sheet-FullSheet{ display: none; } .charsheet input.sheet-toggleFullSheet:checked ~ div.sheet-FullSheet { display: inline; } .charsheet div.sheet-npc1{ display: none; } .charsheet input.sheet-toggleNPC1Sheet:checked ~ div.sheet-npc1 { display: inline; } .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*/ /* New CSS */ .sheet-melee_wpns_labels label{ display:inline-block; font-size:1em; border-radius:0px; } .sheet-value_display{ box-shadow: none; border: 0px; border-bottom: 1px solid black; text-align:center; border-radius:0px; } .sheet-value_display2{ box-shadow: none; border: 0px; border-bottom: 1px solid black; text-align:center; border-radius:0px; width:31px; } .sheet-npc1_stat{ box-shadow: none; border: 0px; border-bottom: 1px solid black; text-align:center; border-radius:0px; width:35px; } .sheet-npc1_statLabel{ display:inline-block; width:33px; margin:0px; } .sheet-ally_skill{ width:50px!important; font-size:x-small!important; } .sheet-spirit_stat{ display:inline-block; width:33px; } .sheet-melee_wpns_labels div{ display:inline-block; font-size:x-small; font-weight:bold; } .sheet-melee_wpns{ display:inline-block; } .sheet-percentiles{ text-align:center; width:35px; } .sheet-skill_values2{ text-align:center; font-size:0.75em; width:28px; } .sheet-skill_values{ display:inline-block; font-size:0.75em; width:34px; box-shadow: none; border: 0px; border-radius:0px; border-bottom: 1px solid black; text-align:center; } .sheet-input_label{ display:inline-block; font-weight:bold; } .sheet-rolltemplate-melee-roll2 .inlinerollresult { background-color: transparent; color: #000000; border: none!important; } .sheet-rolltemplate-melee-roll2 th { text-align: center; color: #ffffff; background-color: #000000; } .sheet-rolltemplate-melee-roll2 table { width: 230px; padding: 2px; border: 1px solid; background-color: #ffffff; } .sheet-rolltemplate-melee-roll2 .template_value{ text-align: right; } /* Configuration Window 2*/ .charsheet .sheet-cdiv2 { width:315px; /*border: 1px dotted;*/ /*padding-right: 15px;*/ /*padding-left: 15px;*/ } .sheet-HideConfig2:checked ~ *.sheet-config2 { display:none; } .charsheet span.sheet-is-config2::after { /*Close Config: grayish background with black text*/ content: "^"; } .charsheet .sheet-HideConfig2:checked + span.sheet-is-config2::after { /*Show Configuration: Black background with grayish text*/ content: "v"; } .charsheet span.sheet-is-config2 { 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-HideConfig2 { width: 5%; height: 16px; cursor: pointer; margin-left: auto; margin-top: auto; /*position: absolute; right: 20%;*/ opacity: 0; z-index: 9999; } .charsheet .sheet-HideConfig2:checked + span.sheet-is-config2 { background: black; border-radius: 4px; color: white; } .sheet-rune_input{ width:35px; box-shadow: none; border: 1px solid black; border-radius: 5px; display:inline-block; } .sheet-man-image{ margin-top:50px; max-width: 120%!important; height: 140%; } .sheet-elemental-image{ max-width: 120%!important; height: auto; } .sheet-power-image{ height: auto; margin-left: 93px; margin-top: 11px; } .sheet-moon-value{ position:absolute; top: 163px; left:176px; } .sheet-moon-check{ position:absolute; top: 156px; left:202px; } .sheet-moon-image{ position:absolute; top:148px; left:110px; } .sheet-fire-value{ position:absolute; top: 58px; left:178px; } .sheet-fire-check{ position:absolute; top:52px; left:206px; } .sheet-fire-image{ position:absolute; top: 59px; left:120px; } .sheet-dark-value{ position:absolute; top: 155px; left:242px; } .sheet-dark-check{ position:absolute; top: 149px; left:267px; } .sheet-dark-image{ position:absolute; top:121px; left:199px; } .sheet-water-value{ position:absolute; top: 246px; left:204px; } .sheet-water-check{ position:absolute; top: 240px; left:231px; } .sheet-water-image{ position:absolute; top:217px; left:157px; } .sheet-earth-value{ position:absolute; top: 227px; left:38px; } .sheet-earth-check{ position:absolute; top: 220px; left:31px; } .sheet-earth-image{ position:absolute; top:224px; left:66px; } .sheet-air-value{ position:absolute; top: 110px; left:7px; } .sheet-air-check{ position:absolute; top: 105px; left:0px; } .sheet-air-image{ position:absolute; top:125px; left:39px; } .sheet-man-value{ position:absolute; top:48px; left:173px; } .sheet-manR-image{ position:absolute; top:47px; left:125px; } .sheet-fertility-value{ position:absolute; top:108px; left:9px; } .sheet-fertility-image{ position:absolute; top:99px; left:48px; } .sheet-harmony-value{ position:absolute; top:141px; left:9px; } .sheet-harmony-image{ position:absolute; top:141px; left:48px; } .sheet-truth-value{ position:absolute; top:179px; left:9px; } .sheet-truth-image{ position:absolute; top:176px; left:50px; } .sheet-stasis-value{ position:absolute; top:212px; left:9px; } .sheet-stasis-image{ position:absolute; top:215px; left:44px; } .sheet-death-value{ position:absolute; top:107px; left:237px; } .sheet-death-image{ position:absolute; top:97px; left:136px; } .sheet-disorder-value{ position:absolute; top:140px; left:237px; } .sheet-disorder-image{ position:absolute; top:143px; left:140px; } .sheet-illusion-value{ position:absolute; top:175px; left:237px; } .sheet-illusion-image{ position:absolute; top:177px; left:139px; } .sheet-movement-value{ position:absolute; top:210px; left:237px; } .sheet-movement-image{ position:absolute; top:210px; left:137px; } .sheet-beast-value{ position:absolute; top:261px; left:86px; } .sheet-beast-image{ position:absolute; top:223px; left:124px; } .sheet-man-check{ position:absolute; top:43px; left:201px; } .sheet-fertility-check{ position:absolute; top:103px; left:4px; } .sheet-harmony-check{ position:absolute; top:136px; left:4px; } .sheet-truth-check{ position:absolute; top:174px; left:4px; } .sheet-stasis-check{ position:absolute; top:208px; left:4px; } .sheet-death-check{ position:absolute; top:101px; left:265px; } .sheet-disorder-check{ position:absolute; top:135px; left:265px; } .sheet-illusion-check{ position:absolute; top:169px; left:265px; } .sheet-movement-check{ position:absolute; top:206px; left:265px; } .sheet-beast-check{ position:absolute; top:255px; left:81px; } .sheet-hit-box{ box-shadow: none; border: 1px solid black; border-radius: 5px; position:absolute; background-color:white; } .sheet-hit-box label, .sheet-hit-box div, .sheet-hit-box input{ font-size:xx-small; } .sheet-hit-box label{ margin:0px; color:#b4742c; text-align:center; } .sheet-hit-box input{ padding-bottom:1px; font-size:x-small; border:none; border-radius:0px; border-bottom: 1px solid black; box-shadow:none!important; padding:0px; text-align:center; width:14px; } .sheet-hit-chest{ top:117px; left:83px; } .sheet-hit-abd{ top:218px; left:83px; } .sheet-hit-head{ top:10px; left:81px; } .sheet-hit-rarm{ top:66px; left:0px; } .sheet-hit-larm{ top:66px; left:165px; } .sheet-hit-rleg{ top:170px; left:0px; } .sheet-hit-lleg{ top:170px; left:165px; } .sheet-wnds{ width:39px!important; text-align:left!important; display:inline-block; margin-bottom:1px; } .sheet-info{ margin-top:5px; } .sheet-hr{ margin: 9px 0; border: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; } button[type=roll].sheet-rune_roll::before { background-image: none; font-size: 13px; content: ""; margin:0px; padding:0px; border:0px!important; background:transparent; } button[type=roll].sheet-rune_roll { /*background-image: none; background-color: #f2f5d3;*/ margin:0px; padding:0px; border:0px!important; background:transparent; } button[type=roll].sheet-d100_roll::before { font-family: "dicefontd10"; content: ""!important; background-image: none; font-size: 7px; margin: 0px 0px 0px 0px; border-bottom-width: 1px; border-top-width: 2px; } button[type=roll].sheet-d100_roll { /*background-image: none; background-color: #f2f5d3;*/ margin:0px; padding-bottom:0px; border-bottom-width: 2px; border-top-width: 2px; } .sheet-d100_image{ margin-top:-3px; width:14px; height:auto } .sheet-text_input{ border: none; box-shadow: none; border-bottom: 1px solid black; border-radius: 0; display:inline-block; outline: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-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-char_values{ display:inline-block; font-size:1.0em; width:34px; box-shadow: none; border: 0px; border-radius:0px; border-bottom: 1px solid black; text-align:center; } .sheet-attribute_label{ font-size:0.75em; width:61px; display:inline-block } .sheet-coins{ font-size:x-small; } input.sheet-coins{ width:33px; text-align:center; } input.sheet-goods{ width:74px; text-align:center; } .sheet-goods{ font-size:x-small; width:100px; text-align:center; } .repcontainer[data-groupname="repeating_melee2"] > .repitem { font-size:small!important; } .repcontrol[data-groupname="repeating_npcwpns"]{ width:394px!important; } .repeating_traits{ width:500px; } .sheet-rune-pts{ display:inline-block; font-weight: normal; font-size: small; margin-bottom: 0px; padding-right:0px; } .sheet-magic_notes{ width:95%; min-height:100px; height:100px; } div.sheet-tab-contenta { display: none; } input.sheet-tab1a:checked ~ div.sheet-tab1a, input.sheet-tab2a:checked ~ div.sheet-tab2a, input.sheet-tab3a:checked ~ div.sheet-tab3a, input.sheet-tab4a:checked ~ div.sheet-tab4a, /* ,input.sheet-tab4:checked ~ div.sheet-tab4, input.sheet-tab5:checked ~ div.sheet-tab5, input.sheet-tab6:checked ~ div.sheet-tab6 */ { display: block; } /* new css ********************************************************/ .sheet-skillName{ width:115px; font-size:x-small; } .charsheet div.sheet-sorcery { display: none; } .charsheet input.sheet-showsorcery:checked ~ div.sheet-sorcery { display: block; } .charsheet div.sheet-broken1 { display: none; } .charsheet input.sheet-showbroken1:checked ~ div.sheet-broken1 { display: block; } input.sheet-taba { 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-taba + 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-taba: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-taba:not(:first-child) + span::before { border-left: none; } input.sheet-tab2a + 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-tab3a + span::before { left: 234px; 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-tab4a + span::before { left: 336px; 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 ); } div.sheet-tab-contenta { font-family: 'Verdana'; border: 1px solid #a8a8a8; border-top-color: #000; margin: 2px 0 0 5px; padding: 5px; }