.dummy{ /*incase BOM decides screw up css */ } .charsheet{ background-color:white; } .sheet-fav-skill-wrapper{ position: relative; margin-right: -8px; display: inline-block; } .sheet-block-a, .sheet-block-switch:checked ~ .sheet-block-b { display: block; } .sheet-block-b, .sheet-block-switch:checked ~ .sheet-block-a { display: none; } .sheet-fav-skill-sele{ opacity: 0; position: absolute; top: 0px; left: -7px; } .sheet-exp-toggle1 { display: none; } .sheet-check-toggle1:checked ~ .sheet-exp-toggle1 { display: inline-block; } /* .charsheet{ min-width: 832px; max-width: 832px; } */ .charsheet textarea { width:90%; } .charsheet { min-width: 858px; max-width: 858px; } .charsheet button[type=roll]{ margin: 0 1px 0 1px!important; } .sheet-wrapper1 { display: grid; grid-template-columns: 60% 40%; grid-gap: 10px; grid-auto-rows: minmax(auto, auto); } .sheet-centerIt{ text-align:center; } .charsheet .sheet-npcTextArea{ width: 97%; height: 75px; text-align: left; font-size: xx-small; display: block; min-height: 35px; } .sheet-wrapper1-col1 { grid-column: 1; grid-row: 1; width:100%; } .sheet-wrapper1-col2 { grid-column: 2; grid-row: 1; width: 100%; } .sheet-mods-defenses-grid{ display:grid; grid-template-columns: max-content max-content max-content max-content 30px; grid-gap:5px; margin-bottom: 20px; margin-left: 2px; } .sheet-melee-wpn-grid{ display:grid; grid-template-columns:130px 99px 17px 28px 25px 19px 33px 50px 26px 25px 48px 29px 16px 50px 26px 25px 25px 45px 43px 13px; /*grid-template-columns:130px 99px 17px 28px 25px 19px 33px 32px 26px 7px 13px 25px 48px 29px 16px 43px 26px 7px 14px 25px 25px 45px 43px 13px;*/ /*grid-template-columns: 130px 99px 17px 28px 25px 19px 33px 48px 7px 13px 25px 61px 29px 16px 43px 7px 14px 25px 31px 45px 43px 13px;*/ grid-gap:2px; } .sheet-melee-wpn-grid select{ width:100%; margin-bottom:0px; padding:2px;a font-size: x-small; height: 23px; } .sheet-melee-wpn-grid input[type='text']{ width:100%; padding: 2px; font-size: x-small; } .sheet-missile-wpn-grid{ display:grid; grid-template-columns:130px 99px 17px 33px 32px 32px 26px 66px 20px 50px 50px 50px 50px 50px 13px; grid-gap:2px; } .sheet-missile-wpn-grid select{ width:100%; margin-bottom:0px; padding:2px; font-size: x-small; height: 23px; } .sheet-missile-wpn-grid input[type='text']{ width:100%; padding: 2px; font-size: x-small; } .sheet-mods-defenses-grid .sheet-input_label{ align-self: center; } .sheet-cults-mp-storage{ display:grid; grid-template-columns: 65% 35%; grid-gap:5px; } .sheet-magtab-spells{ display:grid; grid-template-columns: 50% 50%; grid-gap:5px; } .sheet-npc-RuneGrid{ display:grid; grid-template-columns: max-content 1fr; grid-gap:0; } .sheet-npc-SpellGrid{ display:grid; grid-template-columns: max-content max-content 34px 151px; grid-gap:0; } .sheet-npc-WpnGrid{ display:grid; grid-template-columns: 98px 34px 34px 34px 34px 77px 40px 34px 25px 25px; grid-gap:5px; } .sheet-ally-WpnGrid{ display:grid; grid-template-columns: 98px 34px 34px 90px 40px 25px 25px; grid-gap:5px; } .sheet-npc-WpnGrid label, .sheet-ally-WpnGrid label{ text-align:center; } .sheet-npc-WpnGrid input[type='text'], .sheet-ally-WpnGrid input[type='text']{ width:100% } .sheet-npc-WpnGrid select, .sheet-ally-WpnGrid select{ width:100%; margin-bottom:0; } .sheet-spell-drp-dwn{ width: 22px!important; margin-left: -20px!important; } .sheet-other-rune-grid{ display: grid; grid-template-columns: 100px 30px 23px 23px; grid-gap: 2px; grid-auto-rows: minmax(auto, auto); } .sheet-other-rune-grid .sheet-name{ text-align:left; } .sheet-other-rune-grid .sheet-pts{ text-align:center; } .sheet-other-rune-grid input{ width:100%; } .sheet-spirtMagicGrid{ display: grid; grid-template-columns: 136px 35px 57px 67px 67px; grid-gap: 2px; grid-auto-rows: minmax(auto, auto); } .sheet-spirtMagicGrid .sheet-name{ text-align:left; } .sheet-spirtMagicGrid .sheet-pts{ text-align:center; } .sheet-spirtMagicGrid select{ margin-bottom:0; margin-top:0; width:100%; padding:0; Font-size:x-small; } .sheet-spirtMagicGrid input{ width:100%; } .sheet-spirtMagicGrid2{ display: grid; grid-template-columns: 136px 35px 19px 57px 66px 67px 30px; grid-gap: 2px; grid-auto-rows: minmax(auto, auto); } .sheet-spirtMagicGrid2 .sheet-name{ text-align:left; } .sheet-spirtMagicGrid2 .sheet-pts{ text-align:center; } .sheet-spirtMagicGrid2 select{ margin-bottom:0; margin-top:0; width:100%; padding:0; Font-size:x-small; } .sheet-spirtMagicGrid2 input{ width:100%; } .sheet-sorceryMagicGrid{ display: grid; grid-template-columns: 136px 32px 57px 76px 67px; grid-gap: 1px; grid-auto-rows: minmax(auto, auto); align-items: center; } .sheet-sorceryMagicGrid .sheet-name{ text-align:left; } .sheet-sorceryMagicGrid .sheet-pts{ text-align:center; } .sheet-sorceryMagicGrid select{ margin-bottom:0; margin-top:0; width:100%; padding:0; Font-size:x-small; } .sheet-sorceryMagicGrid input{ width:100%; } /**/ .sheet-sorc-to{ display: grid; grid-template-columns:max-content 30px; grid-gap: 2px; grid-auto-rows: minmax(auto, auto); } .sheet-sorceryMagicGrid2{ display: grid; /* grid-template-columns:129px 21px 30px 62px 62px 61px 30px 30px;*/ grid-template-columns:165px 30px 62px 67px 67px 31px; grid-gap: 1px; grid-auto-rows: minmax(auto, auto); align-items: center; } .sheet-sorceryMagicGrid2 .sheet-name{ text-align:left; } .sheet-sorceryMagicGrid2 .sheet-pts{ text-align:center; } .sheet-sorceryMagicGrid2 select{ margin-bottom:0; margin-top:0; width:100%; padding:0; Font-size:x-small; } .sheet-sorceryMagicGrid2 input{ width:100%; } /**/ .sheet-runeMagicGrid{ display: grid; grid-template-columns: 136px 35px 57px 67px 30px 30px; grid-gap: 2px; grid-auto-rows: minmax(auto, auto); } .sheet-runeMagicGrid .sheet-name{ text-align:left; } .sheet-runeMagicGrid .sheet-pts{ text-align:center; } .sheet-runeMagicGrid select{ margin-bottom:0; margin-top:0; width:100%; padding:0; Font-size:x-small; } .sheet-runeMagicGrid input{ width:100%; } .sheet-runeMagicGrid .sheet-chkbox{ display: grid; align-items: center; } .sheet-runeMagicGrid2{ display: grid; grid-template-columns: 136px 35px 57px 67px 30px 30px 30px; /*grid-template-columns: 136px 35px 19px 57px 62px 30px 30px 30px;*/ grid-gap: 2px; grid-auto-rows: minmax(auto, auto); } .sheet-runeMagicGrid2 .sheet-name{ text-align:left; } .sheet-runeMagicGrid2 .sheet-pts{ text-align:center; } .sheet-runeMagicGrid2 select{ margin-bottom:0; margin-top:0; width:100%; padding:0; Font-size:x-small; } .sheet-runeMagicGrid2 input{ width:100%; } .sheet-runeMagicGrid2 .sheet-chkbox{ display: grid; align-items: center; } .sheet-smllHdrs{ font-size:0.6em; font-weight:bold; text-align:center; } .sheet-deprecWarn{ color:red; font-weight:bold; } .charsheet button[type=roll].sheet-new_roll::before { background-image: none; font-size: 13px; font-family: sans-serif; content: "-?"; margin: 0 0 0 0; } .charsheet button[type=roll].sheet-new_roll { /*background-image: none; background-color: #f2f5d3;*/ margin:0; } .charsheet button[type=roll].sheet-new_roll2::before { background-image: none; font-size: 13px; font-family: sans-serif; content: "x?"; margin: 0 0 0 0; } .charsheet button[type=roll].sheet-new_roll2 { /*background-image: none; background-color: #f2f5d3;*/ margin:0; } .charsheet button[type=roll].sheet-new_roll3::before { background-image: none; font-size: 10px; font-family: sans-serif; /*content: "vs";*/ content: " "; margin: 0 0 0 0; } .charsheet button[type=roll].sheet-new_roll3 span{ font-size: 10px; } .charsheet button[type=roll].sheet-new_roll3 { /*background-image: none; background-color: #f2f5d3;*/ margin:0; padding-top: 0px; } .charsheet button[type=roll].sheet-turn_order::before { background-image: none; font-size: 13px; font-family: pictos; content: "t"; margin: 0 0 0 0; } .charsheet button[type=roll].sheet-turn_order { /*background-image: none; background-color: #f2f5d3;*/ margin:0; } div.sheet-tab-contentb { 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: 0; 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: 0; padding: 1px; padding-left:5px } .charsheet .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: 0; border-bottom: 1px solid black; text-align:center; } .sheet-value_display{ box-shadow: none; border: 0; 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; } .charsheet .sheet-personal_label{ font-size:1.0em; display:inline; } .sheet-personalText{ box-shadow: none; border: 0; border-bottom: 1px solid black; margin-bottom:1px; } /* .charsheet .sheet-attribute_label{ font-size:1.0em; width:108px; display:inline-block } */ .charsheet .sheet-attribute_label{ font-size:0.75em; width:68px; 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 } */ .charsheet button[type="roll"] label, .charsheet 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 0 0 0; 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-damageRoll2 .inlinerollresult { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-damageRoll2 .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-damageRoll2 .inlinerollresult.fullfail{ border:none; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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; width:240px; max-width:240px; } .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 .critfail, .sheet-rolltemplate-expRoll .critfail{ background-color: transparent; color: #000000; border: none!important; } .sheet-rolltemplate-turnOrder { background-color: white; max-width:240px; width:240px; } .sheet-rolltemplate-turnOrder .inlinerollresult { background-color: transparent; color: #000000; border: none!important; } .sheet-rolltemplate-skillRoll .critsuccess, .sheet-rolltemplate-expRoll .critsuccess { background-color: transparent; color: #000000; border: none!important; } .sheet-rolltemplate-skillRoll .inlinerollresult { background-color: transparent; color: #000000; border: none!important; } .sheet-rolltemplate-expRoll .inlinerollresult { background-color: transparent; color: #000000; border: none!important; } .sheet-rolltemplate-melee-roll .inlinerollresult { background-color: transparent; color: #000000; border: none!important; } .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; } .charsheet div.repcontrol button { width: 13px; color: transparent; padding: 0; padding-left: 2px; text-shadow: 0 0 0 rgba(0, 0, 0, 0); } .charsheet div.repcontrol button.repcontrol_add::before, .charsheet div.repcontrol button.repcontrol_edit::before { font-family: Pictos; position: relative; color: #000; width:12px; height:12px; } /* +Add */ .charsheet div.repcontrol button.repcontrol_add::before { content: "&"; /* & in Pictos is a + sign, while + is a plus inside a circle */ left: 0; top: 0; } /* Modify */ .charsheet div.repcontrol button.repcontrol_edit::before { text-shadow: 0 0 0 rgba(0, 0, 0, 0); content: "x"; /* x in Pictos is a crossed hammer and wrench */ left: 0; top: 0; } /* Done */ .charsheet 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*/ .sheet-Hidecult-notes:checked ~ *.sheet-cult-notes { display:none; } .charsheet span.sheet-is-cult-notes::after { /*Close Config: grayish background with black text*/ content: "v"; } .charsheet .sheet-Hidecult-notes:checked + span.sheet-is-cult-notes::after { /*Show cult-notesuration: Black background with grayish text*/ content: "^"; } .charsheet .sheet-cult-notes textarea{ width:85%; height:100px; margin-top: 5px; } .charsheet span.sheet-is-cult-notes { text-align: center; display: inline-block; width: 5%; height: 16px; font-size: 16px; /*font-family: "Pictos";*/ /*background: #65763c;*/ background: white; /*#93537c;*/ color: #b87a38; /*white;*/ font-weight: bold; border-radius: 4px; margin-left: -5%; } .charsheet input.sheet-Hidecult-notes { width: 5%; height: 16px; cursor: pointer; margin-left: auto; margin-top: auto; /*position: absolute; right: 20%;*/ opacity: 0; z-index: 9999; } .charsheet .sheet-Hidecult-notes:checked + span.sheet-is-cult-notes { background: white; border-radius: 4px; color: #b87a38;; } /* */ .sheet-Hiderune-spell-desc:checked ~ .sheet-rune-spell-desc { display:block; } .charsheet span.sheet-is-rune-spell-desc::after { /*Close Config: grayish background with black text*/ content: "^"; } .charsheet .sheet-Hiderune-spell-desc:checked + span.sheet-is-rune-spell-desc::after { /*Show rune-spell-descuration: Black background with grayish text*/ content: "v"; } .sheet-rune-spell-desc{ display:none; } .sheet-rune-spell-desc textarea{ width:85%; height:100px; font-size:x-small; } .charsheet span.sheet-is-rune-spell-desc { text-align: center; display: inline-block; width: 5%; height: 16px; font-size: 16px; /*font-family: "Pictos";*/ /*background: #65763c;*/ /*background: black;*/ /* color: white; */ color:#b87a38; font-weight: bold; border-radius: 4px; margin-left: -5%; } .charsheet input.sheet-Hiderune-spell-desc { width: 5%; height: 16px; cursor: pointer; margin-left: auto; margin-top: auto; /*position: absolute; right: 20%;*/ opacity: 0; z-index: 9999; } .charsheet .sheet-Hiderune-spell-desc:checked + span.sheet-is-rune-spell-desc { /* background: black;*/ border-radius: 4px; /*color: white;*/ color:#b87a38; } /* New CSS */ .sheet-melee_wpns_labels label{ display:inline-block; font-size:1em; border-radius:0; } .sheet-value_display{ box-shadow: none; border: 0; 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: 0; border-bottom: 1px solid black; text-align:center; border-radius:0; width:35px; } .sheet-npc1_statLabel{ display:inline-block; width:33px; margin:0; } .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_labels2 div{ display:inline-block; font-size:x-small; font-weight:bold; text-align: center; } .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: 0; border-radius:0; 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:0; } .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-rune-labelFire{ position: absolute; left: 138px; top: 43px; padding:0; } .sheet-rune-labelAir{ position: absolute; left: 52px; top: 101px; padding:0; } .sheet-rune-labelDarkness{ position: absolute; left: 202px; top: 101px; padding:0; } .sheet-rune-labelMoon{ position: absolute; left: 134px; top: 125px; padding:0; } .sheet-rune-labelWater{ position: absolute; left: 170px; top: 196px; padding:0; } .sheet-rune-labelEarth{ position: absolute; left: 71px; top: 192px; padding: 5px; } .sheet-rune-labelMan{ position: absolute; left: 128px; top: 83px; padding: 0; padding-right: 3px; padding-left: 3px; z-index: 1; } .sheet-rune-labelFertility{ position: absolute; left: 84px; top: 106px; padding: 0; padding-right: 23px; z-index: 1; } .sheet-rune-labelHarmony{ position: absolute; left: 83px; top: 150px; padding: 0; padding-right: 13px; z-index: 1; } .sheet-rune-labelTruth{ position: absolute; left: 81px; top: 184px; padding: 0; padding-right: 14px; z-index: 1; } .sheet-rune-labelStasis{ z-index: 1; position: absolute; left: 85px; top: 217px; padding: 0; padding-right: 6px; } .sheet-rune-labelDeath{ position: absolute; left: 173px; top: 102px; padding: 4px; z-index: 1 } .sheet-rune-labelDisorder{ position: absolute; left: 149px; top: 150px; padding: 0px; padding-left: 12px; z-index: 1; } .sheet-rune-labelIllusion{ position: absolute; left: 156px; top: 182px; padding: 0; padding-right: 7px; z-index: 1; } .sheet-rune-labelMovement{ z-index: 1; position: absolute; left: 138px; top: 217px; padding: 0; padding-right: 1px; padding-left: 10px; } .sheet-rune-labelBeast{ position: absolute; left: 125px; top: 239px; padding: 0; padding-right: 2px; padding-left: 2px; z-index: 1; } .sheet-rune-labelElemental{ position: absolute; /* left: 89px; */ top: 3px; padding: 5px; width: 100%; text-align: center; } .sheet-rune-labelPower { padding: 5px; width: 100%; text-align: center; } .sheet-rune-labelRuneAffinities1{ position: absolute; /* left: 76px; */ top: 20px; padding: 5px; width: 100%; text-align: center; } .sheet-rune-labelRuneAffinities2{ position: absolute; /* left: 76px; */ top: 20px; padding: 5px; width: 100%; text-align: center; } .sheet-runeHeader1-label span{ font-size: 14px; background-color: white; text-align: center !important; display: inline-block; } .sheet-runeHeader2-label span{ font-size:14px; background-color:white; } .sheet-runeHeader-label span{ font-size:13px; background-color:white; } .sheet-rune-label{ background-color:white; } .sheet-rune-label span{ font-size:9px; } .sheet-hit-box label, .sheet-hit-box div, .sheet-hit-box input{ font-size:xx-small; } .sheet-runeHeader2-label span, .sheet-runeHeader1-label span, .sheet-rune-label span, .sheet-hit-box label{ margin:0; color:#b4742c; text-align:center; font-weight:bold; text-transform: uppercase; } .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:0; 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:0; } .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; } .charsheet button[type=roll].sheet-rune_roll::before { background-image: none; font-size: 13px; content: ""; margin:0; padding:0; border:0!important; background:transparent; } .charsheet button[type=roll].sheet-rune_roll { /*background-image: none; background-color: #f2f5d3;*/ margin:0; padding:0; border:0!important; background:transparent; } .charsheet button[type=roll].sheet-d100_roll::before { font-family: "dicefontd10"; content: ""!important; background-image: none; font-size: 7px; margin: 0 0 0 0; border-bottom-width: 1px; border-top-width: 2px; } .charsheet button[type=roll].sheet-d100_roll { /*background-image: none; background-color: #f2f5d3;*/ margin:0; padding-bottom:0; border-bottom-width: 2px; border-top-width: 2px; } /* Text Button */ .charsheet button[type=roll].sheet-text_roll::before { background-image: none; font-size: 13px; content: ""; margin:0; padding:0; /*border:0!important;*/ background:transparent; } .charsheet button[type=roll].sheet-text_roll { /*background-image: none; background-color: #f2f5d3;*/ margin:0; padding:2px; /*border:1px!important;*/ background:transparent; color:var(--charsheet_labelColor); } /* End text Button */ .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: 0; border-radius:0; border-bottom: 1px solid black; text-align:center; } .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: 0; padding-right:0; } .charsheet .sheet-magic_notes{ width:366px; 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-tab5a:checked ~ div.sheet-tab5a /* ,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 ********************************************************/ /* suto expand textareas */ .sheet-auto-expand { position: relative; cursor: text; word-wrap: break-word; } .sheet-auto-expand span { visibility: hidden; white-space: pre-wrap; display: block; } .sheet-auto-expand textarea { position: absolute; z-index: 1; top: 0; left: 0; margin: 0; overflow: hidden; resize: none; min-height:250px; height: 100%; width: 100%; display: block; box-sizing: border-box; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; padding: inherit; } .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-othrunes { display: none; } .charsheet input.sheet-showothrunes:checked ~ div.sheet-othrunes { 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: 0; 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 ); } input.sheet-tab5a + span::before { left: 438px; 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; } /* Start Popup stuff */ .box { width: 40%; margin: 0 auto; background: rgba(255,255,255,0.2); padding: 35px; border: 2px solid #fff; border-radius: 20px/50px; background-clip: padding-box; text-align: center; } .button { /*font-size: 1em; padding: 10px; color: #fff; border: 2px solid #06D85F; border-radius: 20px/50px; text-decoration: none; cursor: pointer; transition: all 0.3s ease-out;*/ } .button:hover { background: #06D85F; } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; } .overlay:target { visibility: visible; opacity: 1; } .popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 30%; position: relative; transition: all 5s ease-in-out; } .popup h2 { margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif; } .popup .close { position: absolute; top: 0px; right: 5px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; } .popup .close:hover { color: #06D85F; } .popup .content { max-height: 30%; overflow: auto; } /* End popiup Stuff */