@import url('https://fonts.googleapis.com/css?family=Special+Elite&display=swap'); *:focus { outline: none; } .charsheet input[type=text].sheet-npcabilityName, .charsheet button[type=action].sheet-npcabilityName { width: 134px; } input[type=checkbox], input[type=radio] { filter: hue-rotate(207deg) brightness(1.1); } .charsheet{ /*background-color:#596767;*/ color: #f5fbfb; max-width: 832px; min-width: 832px; --charsheet_backgroundColor:#596767; --charsheet_inputColor:#ccd17d; --charsheet_labelColor:white; --charsheet_sectionBrdrColor:#848c8e; --charsheet_sectionBkGrdColor:rgba(50,58,61,1); } /*--charsheet_sectionBkGrdColor:linear-gradient(90deg, rgba(50,58,61,1) 0%, rgba(63,69,67,1) 87%, rgba(139,115,77,1) 100%);*/ .charsheet input[readonly]{ background-color: inherit; cursor: default; } .charactersheet .btn, .btn.btn-default { text-shadow:none; } .charsheet label{ font-weight:normal; } .sheet-mainWrapper{ width: 832px; background-color:var(--charsheet_backgroundColor); height:100%; padding:5px; font-family: 'Special Elite', cursive; } .sheet-borderBot{ border-bottom: 1px solid var(--charsheet_sectionBrdrColor); width:100%; } .sheet-grid1{ display: grid; grid-template-columns: 143px max-content 590px; grid-gap: 10px; } .sheet-grid2 { display: grid; grid-template-columns: 350px 469px; grid-gap: 10px; } .sheet-vehiclesGrid { display: grid; grid-template-columns: 100%; grid-gap: 10px; } .sheet-buttonsGrid { display: grid; grid-template-columns: max-content max-content max-content max-content max-content; grid-gap: 10px; } .sheet-mjrNPCbuttonsGrid { display: grid; grid-template-columns: max-content max-content max-content; grid-gap: 10px; } .sheet-buttonsWrapper{ margin-top:5px; } /*.sheet-squadCard,*/ .sheet-sqdVehWrapper, .sheet-blockWrapper, .sheet-h2hwpns, .sheet-squadFirearms, .sheet-npccardgrid, .sheet-squadcardgrid, .sheet-sheet-memberBlock, .sheet-squadWrapper, .sheet-prof, .sheet-buttonsWrapper, .sheet-weakness, .sheet-foe, .sheet-equipment, .sheet-languages, .sheet-abilities, .sheet-skills, .sheet-npcskills, .sheet-vehicles, .sheet-rolltemplate-QRT, .sheet-Scars, .sheet-Wounds, .sheet-weapons, .sheet-vehicles, .sheet-details1, .sheet-Chars, .sheet-details2, .sheet-OtherDetails2, .sheet-OtherInfo{ padding:5px; background: var(--charsheet_sectionBkGrdColor); border: 2px solid var(--charsheet_sectionBrdrColor); } .sheet-npcabilities{ margin-top:5px; } .sheet-prof, .sheet-equipment, .sheet-languages, .sheet-weakness, .sheet-foe, .sheet-abilities{ margin-bottom:10px; } .sheet-Chars{ display: flex; align-items: center; } .sheet-CharsGrid{ display: grid; grid-template-columns: 52% 48%; grid-gap: 5px 0; } .sheet-CharLabelWrap{ height:60px; background-color:#596767; display:grid; color:var(--charsheet_labelColor); border-width: 1px 0 1px 1px; border-color:black; border-style: solid; } .sheet-Charlabel{ align-self:center; } .sheet-Charlabel div{ text-Align:center; } div.sheet-Charlabel:hover{ color:red; } span.sheet-Charlabel:hover{ color:red; } .sheet-OtherInput, .sheet-CharInput{ width:60px; border:1px solid black; } .sheet-OtherInput{ border-radius: 10px 10px 10px 10px; margin-bottom:5px; height:60px; } .sheet-CharInput{ border-radius: 0 10px 10px 0; text-align:center; height:60px; } .sheet-OtherInput{ position:relative; } .sheet-OtherInput span{ font-size: 8px; text-align: center; display: inline-block; width: 100%; background-color: #596767; color: #f5fbfb; border-radius: 10px 10px 0 0; padding-top: 4px } .sheet-OtherInput select{ margin-bottom: 0px; font-size: xx-large; background-color: transparent; color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 6px; padding: 0; width: 90%; margin-top: -14px; height: 100%; } .sheet-OtherInput select option{ -webkit-appearance: none; font-size:xx-large; background: rgba(50,58,61,1); } .sheet-OtherInputLabelCC{ /*top:0px; left:0px;*/ display:block; } .sheet-detailsValue, .sheet-OtherValue, .sheet-charValue{ background-color:transparent; border: 0; color:var(--charsheet_inputColor); width:35px; } .sheet-detailsValue:hover{ border-bottom: 1px solid var(--charsheet_labelColor); border-radius: 0; } .sheet-CCline { width: 66px; height: 46px; border-bottom: 1px solid var(--charsheet_inputColor); -webkit-transform: translateY(20px) translateX(5px) rotate(-26deg); position: absolute; top: -23px; left: -18px; display: inline; z-index: 5; } .sheet-charValue{ font-size: xx-large; width: 44px; text-align: center; } .sheet-charValue1{ line-height: 69px; } .sheet-charFullName{ font-size:xx-small; } .sheet-OtherValue{ font-size:xx-large; width:100%; text-align:center; } input[type=text].sheet-CCValue{ position:relative; font-size: small; width: 25px; padding: 0 } .sheet-CCValue1{ top:0; left:0; } .sheet-CCValue2{ top: 10px; left: 4px; } .sheet-SheetTitle{ color:var(--charsheet_labelColor); text-align:right; font-size: x-large; font-family: 'Special Elite', cursive; } .sheet-centerIt{ text-align:center; } .charsheet .sheet-hideIt{ display:none; } .sheet-detailsGrid1{ display: grid; grid-template-columns: 40% 59%; grid-gap: 5px; } .sheet-detailsLabel{ font-size:large; } span.sheet-detailsLabel{ color:white; } .charsheet label.sheet-choiceLbl{ margin-bottom:5px; margin-top: -16px; } .charsheet input[type=radio].sheet-typeRadio{ visibility: hidden; height: 0px; width: 0px; } span.sheet-redText{ color:red; } .sheet-detailsValue{ width:100%; padding: 0; font-size: large; } .sheet-detailsGrid2{ display: grid; grid-template-columns: 175px 74px 102px 103px 102px; grid-gap: 5px; } .sheet-detailsGrid3{ display: grid; grid-template-columns:246px 160px 160px; grid-gap: 5px; } .sheet-WndsScars{ display: grid; grid-template-columns:48% 51%; grid-gap: 5px; } .sheet-WndStatusGrid{ display: grid; grid-template-columns: max-content max-content max-content max-content max-content max-content max-content; grid-gap:5px; line-height: 0px; margin-left: 48px; } .sheet-WndStatusGrid label{ /* display: inline; */ text-align: center; padding: 0; margin: 0; color:var(--charsheet_inputColor); cursor: pointer; } .sheet-WndStatusGrid input[type=radio]{ height:0px; width:0px; } .sheet-incapLbl { width: 60px; } .sheet-wndRadio { visibility:hidden; } .sheet-wndRadio:checked + label { border:1px solid red; border-radius:50%; } .sheet-Scars textarea{ width:90%; background-color:transparent; max-height: 28px; min-height:28px; margin:0px; } .charsheet hr{ border: 0; height: 2px; margin: 0; } .sheet-weaponsGrid1{ display: grid; grid-template-columns: 389px 186px; grid-gap: 5px; align-items: end; } .sheet-weaponsGrid2{ display: grid; grid-template-columns: 64px 84px 66px 95px 39px 43px 46px 60px ; grid-gap: 5px; align-items: end; } .sheet-weaponsGrid2h{ display: grid; grid-template-columns: 64px 86px 76px 39px 46px 60px ; grid-gap: 5px; align-items: end; } .sheet-weaponsGrid2h input[disabled]{ background-color: transparent; border: none; } .sheet-weaponsGrid2a{ display: grid; grid-template-columns:45px 49px 92px 53px 46px 60px 100px; grid-gap: 5px; align-items: end; } .sheet-weaponsGrid3{ display: grid; grid-template-columns:121px 143px 87px 94px 87px; align-items: end; } .sheet-weaponsGrid3h{ display: grid; grid-template-columns:100px 84px 62px; align-items: end; } .sheet-weaponsGrid3 select{ margin-bottom: 0px; font-size: small; background-color: transparent; color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 6px; padding: 0; width: 90%; margin-top: -14px; height: 100%; } .sheet-weaponsGrid3 select option{ -webkit-appearance: none; font-size:small; background: rgba(50,58,61,1); } .sheet-weaponsGrid4{ display:grid; grid-template-columns: 78px 79px 83px 98px 98px 67px 49px; align-items: end; grid-gap: 5px; } .sheet-vehicleGrid1 select, .sheet-weaponsGrid4 select{ margin-bottom: 0px; font-size: small; background-color: transparent; color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 0; padding: 0; width: 90%; margin-top: -14px; height: 100%; } #sheet-area, #sheet-multi{ margin-top:-6px; } .sheet-vehicleGrid1 select option, .sheet-weaponsGrid4 select option{ -webkit-appearance: none; font-size:small; background: rgba(50,58,61,1); } .sheet-weaponsGrid4a{ display: grid; grid-template-columns: 84px 84px 80px 203px 72px 49px; align-items: end; } .sheet-wpnSkill{ display: grid; grid-template-columns:max-content 119px 27px; align-items: end; } .sheet-vehicles select, .sheet-vehicles .sheet-detailsValue, .sheet-vehicles .sheet-detailsLabel, .sheet-weapons select, .sheet-weapons .sheet-detailsValue, .sheet-weapons .sheet-detailsLabel{ font-size:small; } .sheet-wpnSkill select{ margin-bottom: 0px; font-size: small; background-color: transparent; color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 6px; padding: 0; width: 90%; margin-top: -14px; height: 100%; } .sheet-wpnSkill select option{ -webkit-appearance: none; font-size:small; background: rgba(50,58,61,1); } .charsheet button[type=roll] .sheet-Attack{ margin-left:7px!important; } .charsheet select { margin-bottom: 0px; font-size: small; background-color: transparent; color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 0; padding: 0; width: 90%; margin-top: -14px; height: 100%; } .charsheet select option{ -webkit-appearance: none; font-size:small; background: rgba(50,58,61,1); } .sheet-vehicle-wpn{ display: grid; grid-template-columns: 243px 29px 35px 80px 84px 82px 28px 50px 50px 50px 37px; grid-gap: 5px; align-items: end; text-align:center; border-bottom: 1px solid var(--charsheet_sectionBrdrColor); margin-bottom:5px; } .sheet-vehicle-wpn .sheet-name{ text-align:left; } .sheet-vehicleGrid1{ display: grid; grid-template-columns: 437px 185px 185px; grid-gap: 5px; align-items: end; text-align:center; margin-bottom:5px; } .sheet-vehicles .sheet-detailsLabel { font-size: small; } .sheet-sqdVehicleGrid { display: grid; grid-template-columns: 200px 23px 22px 38px 32px 39px 36px 30px 157px; grid-gap: 5px; align-items: end; margin-bottom:5px; } .sheet-sqdVehicleGrid div, .sheet-sqdVehicleGrid input[type=text], .sheet-sqdVehicleGrid .sheet-detailsLabel { font-size: x-small; text-align: center; } .sheet-vehicleGrid2 { display: grid; grid-template-columns: 48px 38px 87px 71px 95px 71px 56px 80px; grid-gap: 5px; align-items: end; margin-bottom:5px; } .sheet-vehicleGrid2 input{ text-align:center; } .sheet-vehicleGrid3 { display: grid; grid-template-columns: 70% 30%; grid-gap: 5px; align-items: end; } .sheet-vehicleRoll{ text-align:right; margin-right: 10px; margin-bottom: 5px; } .sheet-prof, .sheet-weakness, .sheet-foe, .sheet-equipment, .sheet-languages, .sheet-abilities, .sheet-npcskills, .sheet-skills { border-radius: 15px; } .sheet-equipHeader{ border-bottom: 1px solid var(--charsheet_sectionBrdrColor); margin-bottom:6px; } .sheet-skillsGrid{ display: grid; grid-template-columns: 148px 87px 60px 43px 49px 42px; grid-gap: 5px; align-items: center; text-align: center; border-bottom: 1px solid var(--charsheet_sectionBrdrColor); grid-template-rows: 30px; } .sheet-skillsGrid select{ margin-bottom: 0px; background-color: var( --charsheet_sectionBkGrdColor); color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 6px; padding: 0; width: 90%; margin-top: -14px; height: 100%; font-size: large; } .sheet-skillsGrid option{ background-color: rgba(139,115,77,1); Font-size:large; } .sheet-npcskillsGrid{ display: grid; grid-template-columns: 124px 38px 46px 41px; grid-gap: 5px; align-items: center; text-align: center; border-bottom: 1px solid var(--charsheet_sectionBrdrColor); grid-template-rows: 21px; } .sheet-npcskillsGrid select{ margin-bottom: 0px; background-color: var( --charsheet_sectionBkGrdColor); color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 6px; padding: 0; width: 90%; margin-top: -14px; height: 100%; font-size: large; } .sheet-npcskillsGrid option{ background-color: rgba(139,115,77,1); Font-size:large; } .sheet-languagesGrid{ display: grid; grid-template-columns: 135px 43px 49px 42px; grid-gap: 5px; align-items: center; text-align: center; border-bottom: 1px solid var(--charsheet_sectionBrdrColor); grid-template-rows: 30px; } .sheet-languagesGrid select{ margin-bottom: 0px; background-color: var( --charsheet_sectionBkGrdColor); color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 6px; padding: 0; width: 90%; margin-top: -14px; height: 100%; font-size: large; } .sheet-languagesGrid option{ background-color: rgba(139,115,77,1); Font-size:large; } .sheet-npccardgrid{ display: grid; grid-template-columns: 574px 234px; grid-gap: 5px; } .sheet-squadcardgrid{ display: grid; grid-template-columns: 693px 120px; grid-gap: 5px; } .sheet-squadnamerank{ display: grid; grid-template-columns:300px 166px; grid-gap: 5px; } .sheet-squadnamerank2{ display: grid; grid-template-columns:300px 265px; grid-gap: 5px; } .sheet-squadnamerank2 input, .sheet-squadnamerank2 span, .sheet-squadnamerank input, .sheet-squadnamerank span{ font-size:medium; } .sheet-mjrNPCkills{ display: grid; grid-template-columns: 102px 20px 20px 33px 5px 102px 20px 20px 33px 5px 102px 20px 20px 33px; grid-gap: 2px; align-items: center; text-align: center; /*border-bottom: 1px solid var(--charsheet_sectionBrdrColor);*/ grid-template-rows: 18px; } .sheet-mjrNPCkills span, .sheet-mjrNPCkills button, .sheet-mjrNPCkills input, .sheet-mjrNPCkills select, .sheet-mjrNPCkills option{ font-size:11px; } .sheet-mjrNPCkills select{ margin-bottom: 0px; background-color: var( --charsheet_sectionBkGrdColor); color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 6px; padding: 0; width: 90%; margin-top: -14px; height: 100%; } .sheet-nameFix2{ width: 99px; } .charsheet .sheet-mjrNPCkills .sheet-mjrNPCName{ text-align:left; width: 81px; } .charsheet .sheet-mjrNPCkills input.sheet-options-flag + span{ font-size:12px; } .sheet-mjrNPCkills option{ background-color: rgba(139,115,77,1); Font-size:large; } .sheet-squadskills{ display: grid; grid-template-columns: 128px 20px 20px 33px 5px 128px 20px 20px 33px 5px 128px 20px 20px 33px; grid-gap: 5px; align-items: center; text-align: center; /*border-bottom: 1px solid var(--charsheet_sectionBrdrColor);*/ grid-template-rows: 18px; } .sheet-squadskills span, .sheet-squadskills button, .sheet-squadskills input, .sheet-squadskills select, .sheet-squadskills option{ font-size:small; } .sheet-squadskills select{ margin-bottom: 0px; background-color: var( --charsheet_sectionBkGrdColor); color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 6px; padding: 0; width: 90%; margin-top: -14px; height: 100%; } .charsheet .sheet-squadskills .sheet-languageName{ text-align:left; } .charsheet .sheet-squadskills input.sheet-options-flag + span{ font-size:small } .sheet-squadskills option{ background-color: rgba(139,115,77,1); Font-size:large; } .sheet-nameFix{ width: 148px; } .sheet-languageName{ width:126px; } .sheet-wpnName{ width: 198px; } .sheet-wpnNameWrapper{ text-align:left; } .sheet-abilityGrid{ display: grid; grid-template-columns: 100%; } .sheet-vehicleWrapper{ margin-bottom:5px; } .sheet-modsGrid{ display: grid; grid-template-columns: max-content max-content; grid-gap: 10px; align-items: center; } .sheet-abilityRow{ display: grid; grid-template-columns: 223px 49px 42px; grid-gap: 5px; align-items: center; text-align: center; border-bottom: 1px solid var(--charsheet_sectionBrdrColor); grid-template-rows: 30px; } .sheet-abilityRow select{ margin-bottom: 0px; background-color: var( --charsheet_sectionBkGrdColor); color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 6px; padding: 0; width: 90%; margin-top: -14px; height: 100%; font-size: large; } .sheet-abilityRow option{ background-color: rgba(139,115,77,1); } .charsheet .sheet-prof textarea{ height: 79px; } .charsheet .sheet-mjrnpcdesc textarea{ height:91px; font-size: 11px; } .charsheet .sheet-npcfoe textarea{ height:31px; } .charsheet .sheet-foe textarea, .charsheet .sheet-weakness textarea { height: 50px; } .sheet-equipGrid{ display: grid; grid-template-columns: 288px max-content; grid-gap: 5px; align-items: center; } .sheet-equipGrid input{ text-align:left; font-size: small; } .sheet-pc, .sheet-squad, .sheet-npc{ display:none; } .sheet-is_veh_desc1{ display:none; } .sheet-is_veh_desc2{ display:none; } .sheet-is_veh_desc3{ display:none; } .sheet-is_veh_desc4{ display:none; } .sheet-is_veh_desc5{ display:none; } sheet-is_veh_desc6{ display:none; } .sheet-showIt{ display:block; } .charsheet textarea{ width: 96%; height: 100px; background-color: beige; } .sheet-frac {font-size: 10px;} input.sheet-toggle-showCustomvalue:checked ~ div.sheet-customValue { display: block; } div.sheet-customValue{ display:none; } .sheet-block-a, .sheet-block-switch:checked ~ .sheet-block-b { display: block!important; } .sheet-block-b, .sheet-block-switch:checked ~ .sheet-block-a { display: none!important; } .sheet-maxMax{ display: grid; grid-template-columns: max-content max-content; grid-gap: 5px; align-items:center; } .sheet-fr1Max{ display: grid; grid-template-columns: 1fr max-content; grid-gap: 5px; align-items:center; } .sheet-maxFr1{ display: grid; grid-template-columns: max-content 1fr; grid-gap: 5px; align-items:center; } .sheet-maxFr1 input{ width:100%; } .sheet-configItem{ display: grid; grid-template-columns: 53px max-content; grid-gap: 20px; align-items:center; } .sheet-configItem input{ width:100%; margin-top: -5px; } .sheet-squadStatGrid{ display: grid; grid-template-columns: max-content max-content max-content max-content max-content ; grid-gap: 10px; align-items:center; margin-bottom:5px; } .charsheet .sheet-squadStatGrid .sheet-charValue1{ font-size:1.0em; } .charsheet .sheet-squadStatGrid button[type=roll]{ font-size:1.0em; } .sheet-squadStatGridItem{ display: grid; grid-template-columns: max-content 29px; grid-gap: 5px; align-items:end; } .sheet-squadStatGridItem input{ font-size:medium; width: 30px; line-height: normal; } .sheet-squadInfoGrid{ display: grid; grid-template-columns: max-content max-content max-content max-content max-content max-content; grid-gap: 10px; align-items:center; margin-bottom:10px; } .sheet-squadInfoItem{ display: grid; grid-template-columns: max-content 29px; grid-gap: 5px; align-items:center; } .sheet-squadInfoItem input{ font-size:medium; width: 30px; line-height: normal; /*margin-top:13px;*/ } .sheet-interactionitemsgrid{ display: grid; grid-template-columns: 103px 124px 116px 146px 101px; grid-gap: 5px; margin-bottom:5px; } .sheet-interactionitemsgrid input, .sheet-interactionitemsgrid span{ font-size:small; line-height:1; } .sheet-interactionitemsgrid input{ width:30px; } .sheet-interactionitemsgrid1{ display: grid; grid-template-columns: 176px 101px 113px; grid-gap: 5px; margin-bottom:0px; } .sheet-interactionitemsgrid2{ display: grid; grid-template-columns: 112px 135px 112px; grid-gap: 5px; margin-bottom:5px; } .sheet-interactionitemsgrid1 input, .sheet-interactionitemsgrid1 span, .sheet-interactionitemsgrid2 input, .sheet-interactionitemsgrid2 span{ font-size:small; line-height:1; } .sheet-skillhdrwhispergrid{ display: grid; grid-template-columns: 278px 187px 134px 64px; grid-gap: 5px; margin-bottom:5px; align-items: center; } .sheet-skillhdrwhispergrid{ display: grid; grid-template-columns: 278px 187px 134px 64px; grid-gap: 5px; margin-bottom:5px; align-items: center; } .sheet-squadwhisp{ font-size:medium; } .sheet-npcskillhdrwhispergrid{ display: grid; grid-template-columns: 278px 340px 134px 64px; grid-gap: 5px; margin-bottom:5px; align-items: center; } /* 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); } .charsheet button[type=roll].sheet-text_roll:hover { /*background-color:rgb(230, 239, 230);*/ /*border-color: red;*/ color:red; } /* End text Button */ #configButton{ float: right; font-family: pictos; width: 50px; position: relative; right: -10px; } /* Text action Button */ .charsheet button[type=action]::before { background-image: none; font-size: 13px; content: ""; margin:0; padding:0; border:0!important; background:green; } .charsheet button[type=action]{ width: 100%; height: 20px; border:none; margin:0; padding:2px; background:green; color:var(--charsheet_inputColor); font-size:large; } .charsheet button[type=action].menu{ border-radius: 10px 10px 0 0; width: 109px; height: 25px; border:none; margin:0; padding:2px; background:var(--charsheet_backgroundColor); color:var(--charsheet_inputColor); font-size:large; font-family: 'Special Elite', cursive; } .charsheet button[type=action]:hover { /*background-color:rgb(230, 239, 230);*/ /*border-color: red;*/ color:red; } /* End action Button */ .charsheet button[type=action].sheet-languageName { width: 124px; } .charsheet input[type=text].sheet-languageName2, .charsheet button[type=action].sheet-languageName2 { width: 197px; } /* Text action Button */ .charsheet button[type=action].sheet-text_roll::before { background-image: none; font-size: 13px; content: ""; margin:0; padding:0; /*border:0!important;*/ background:transparent; } .charsheet button[type=action].sheet-text_roll { border:none; margin:0; padding:2px; background:transparent; color:var(--charsheet_inputColor); font-size:large; } .charsheet button[type=action].sheet-text_roll:hover { /*background-color:rgb(230, 239, 230);*/ /*border-color: red;*/ color:red; } /* End text action Button */ /* Text roll Button 2*/ .charsheet button[type=roll].sheet-text_roll2::before { background-image: none; font-size: 13px; content: ""; margin:0; padding:0; /*border:0!important;*/ background:transparent; } .charsheet button[type=roll].sheet-text_roll2 { border:none; margin:0; padding:2px; background:transparent; color:var(--charsheet_inputColor); font-size:large; box-shadow: none; } .charsheet button[type=roll].sheet-text_roll2:hover { /*background-color:rgb(230, 239, 230);*/ /*border-color: red;*/ color:red; } /* End text roll Button 2*/ /* Text roll Button 3*/ .charsheet button[type=action].sheet-text_roll3::before { background-image: none; font-size: 13px; content: ""; margin:0; padding:0; /*border:0!important;*/ background:transparent; } .charsheet button[type=action].sheet-text_roll3 { border: 1px solid white; border-radius: 4px; margin:0; padding:2px; background:transparent; color:white; font-size:large; box-shadow: none; text-align:center; width: 90px; padding-top: 6px; } .charsheet button[type=action].sheet-text_roll3:hover { /*background-color:rgb(230, 239, 230);*/ /*border-color: red;*/ color:red; } /* End text roll Button 3*/ .charsheet button[type=roll].sheet-wpnName { width:126px; font-size:small; text-align: left; padding:0; } /* action buttons for weapons */ .sheet-skinny-div { height: 18px; margin-top:5px; } /* ACTION BUTTONS FOR TABULAR SHEET */ .charsheet button[type="action"].sheet-action-tab { width: 20%; height: 10px; background-color: var(--charsheet_backgroundColor); border-width: 1px; border-style:solid; border-color: var(--charsheet_sectionBrdrColor); border-radius: 5px; font-size: 12px; line-height: 17px; color:var(--charsheet_labelColor); padding: 0px 0px 2px 0px; } .charsheet button[type="action"].sheet-action-tab:hover { color: #ffffff; background-color: #696969; border: 1px solid #696969; } .charsheet button[type="action"].sheet-action-tab:active { color: #ffffff; background-color: var(--charsheet_backgroundColor); border: 1px solid #696969; } .charsheet button[type="action"].sheet-action-tab:focus { color: #ffffff; background-color: #696969; border: 1px solid #696969; } .charsheet button[type="action"].sheet-tab-weapon { width:9%; } .charsheet button[type="action"].sheet-tab-vehicle { width:9%; } /* TABS */ div.sheet-tab-content, div.sheet-box-under-the-bed { display: none; } input.sheet-tab-one:checked ~ div.sheet-tab-one-contents, input.sheet-tab-two:checked ~ div.sheet-tab-two-contents, input.sheet-tab-three:checked ~ div.sheet-tab-three-contents, input.sheet-tab-four:checked ~ div.sheet-tab-four-contents { display: block; } input.sheet-tab-wpn1:checked ~ div.sheet-tab-wpn1-contents, input.sheet-tab-wpn2:checked ~ div.sheet-tab-wpn2-contents, input.sheet-tab-wpn3:checked ~ div.sheet-tab-wpn3-contents, input.sheet-tab-wpn4:checked ~ div.sheet-tab-wpn4-contents, input.sheet-tab-wpn5:checked ~ div.sheet-tab-wpn5-contents, input.sheet-tab-wpn6:checked ~ div.sheet-tab-wpn6-contents, input.sheet-tab-wpn7:checked ~ div.sheet-tab-wpn7-contents, input.sheet-tab-wpn8:checked ~ div.sheet-tab-wpn8-contents, input.sheet-tab-wpn9:checked ~ div.sheet-tab-wpn9-contents { display: block; } input.sheet-tab-vchl1:checked ~ div.sheet-tab-vchl1-contents, input.sheet-tab-vchl2:checked ~ div.sheet-tab-vchl2-contents, input.sheet-tab-vchl3:checked ~ div.sheet-tab-vchl3-contents, input.sheet-tab-vchl4:checked ~ div.sheet-tab-vchl4-contents, input.sheet-tab-vchl5:checked ~ div.sheet-tab-vchl5-contents, input.sheet-tab-vchl6:checked ~ div.sheet-tab-vchl6-contents, input.sheet-tab-vchl7:checked ~ div.sheet-tab-vchl7-contents, input.sheet-tab-vchl8:checked ~ div.sheet-tab-vchl8-contents, input.sheet-tab-vchl9:checked ~ div.sheet-tab-vchl9-contents { display: block; } input.sheet-tab { opacity: 0; display: none; } /* end action buttons for weapons */ /*-------------------------------------------*/ /*------------ Weapon Menu Buttons ------------*/ /*-------------------------------------------*/ /*Configure the tab buttons*/ .sheet-wpn1, .sheet-wpn2, .sheet-wpn3, .sheet-wpn4, .sheet-wpn5, .sheet-wpn6, .sheet-wpn7, .sheet-wpn8, .sheet-wpn9, .sheet-wpn10 { display: none; } /* show the selected tab */ .sheet-wpntabstoggle[value="tab_wpn1"] ~ div.sheet-wpn1, .sheet-wpntabstoggle[value="tab_wpn2"] ~ div.sheet-wpn2, .sheet-wpntabstoggle[value="tab_wpn3"] ~ div.sheet-wpn3, .sheet-wpntabstoggle[value="tab_wpn4"] ~ div.sheet-wpn4, .sheet-wpntabstoggle[value="tab_wpn5"] ~ div.sheet-wpn5, .sheet-wpntabstoggle[value="tab_wpn6"] ~ div.sheet-wpn6, .sheet-wpntabstoggle[value="tab_wpn7"] ~ div.sheet-wpn7, .sheet-wpntabstoggle[value="tab_wpn8"] ~ div.sheet-wpn8, .sheet-wpntabstoggle[value="tab_wpn9"] ~ div.sheet-wpn9, .sheet-wpntabstoggle[value="tab_wpn10"] ~ div.sheet-wpn10{ display: block; } /*-------------------------------------------*/ /*------------ Weapon Menu Buttons ------------*/ /*-------------------------------------------*/ /*Configure the tab buttons*/ .sheet-vchl1, .sheet-vchl2, .sheet-vchl3, .sheet-vchl4, .sheet-vchl5, .sheet-vchl6, .sheet-vchl7, .sheet-vchl8, .sheet-vchl9 { display: none; } /* show the selected tab */ .sheet-vchltabstoggle[value="tab_vchl1"] ~ div.sheet-vchl1, .sheet-vchltabstoggle[value="tab_vchl2"] ~ div.sheet-vchl2, .sheet-vchltabstoggle[value="tab_vchl3"] ~ div.sheet-vchl3, .sheet-vchltabstoggle[value="tab_vchl4"] ~ div.sheet-vchl4, .sheet-vchltabstoggle[value="tab_vchl5"] ~ div.sheet-vchl5, .sheet-vchltabstoggle[value="tab_vchl6"] ~ div.sheet-vchl6, .sheet-vchltabstoggle[value="tab_vchl7"] ~ div.sheet-vchl7, .sheet-vchltabstoggle[value="tab_vchl8"] ~ div.sheet-vchl8, .sheet-vchltabstoggle[value="tab_vchl9"] ~ div.sheet-vchl9{ display: block; } /*-------------------------------------------*/ /*------------ Roll Templates ------------*/ /*-------------------------------------------*/ /* Combat */ .sheet-rolltemplate-QRT{ font-family: 'Special Elite', cursive; color:gray; padding: 17px; background-color:#f3f1c8; border: 5px dashed red; } .sheet-rolltemplate-QRT .sheet-result{ color:black; } .sheet-rolltemplate-QRT .sheet-centerIt{ width:100%; text-align:center; } .sheet-rolltemplate-QRT .sheet-rollResult{ text-align:center; color:#ccd17d; } .sheet-rolltemplate-QRT .sheet-rollHeader{ font-weight:bold ; text-align:center; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; } .sheet-rolltemplate-QRT .sheet-areaHdr{ width:100%; text-align:center; } .sheet-rolltemplate-QRT .sheet-rollBody{ /*background-color:white;*/ padding:5px 0 5px 0; /*border: 1px solid black;*/ } .sheet-rolltemplate-QRT .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-QRT .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-QRT .inlinerollresult.importantroll { border:none; } .sheet-rolltemplate-QRT .inlinerollresult { background-color: transparent; border: none; color: black; font-weight: bold; } .sheet-rolltemplate-QRT .sheet-rollResult a[href^="~"]{ background-color:black!important; } .sheet-rolltemplate-QRT .sheet-areaGrid{ display: grid; grid-template-columns: 40px 40px 40px 40px; grid-gap: 5px; text-align:center; } .sheet-rolltemplate-QRT .sheet-areaGrid.sheet-header{ font-size:x-small; font-weight:bold; } /*-------------------------------------------*/ /* skills */ .sheet-rolltemplate-skillroll{ font-family: 'Special Elite', cursive; color:gray; padding: 17px; background-color:transparent; background:url("https://raw.githubusercontent.com/Lockbox313/imagedump/master/Classified/roll_backround3.jpg") no-repeat; height: 125px; } .sheet-rolltemplate-skillroll .sheet-result{ color:black; } .sheet-rolltemplate-skillroll .sheet-rollResult{ text-align:center; color:#ccd17d; } .sheet-rolltemplate-skillroll .sheet-rollHeader{ font-weight:bold ; text-align:center; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; } .sheet-rolltemplate-skillroll .sheet-rollBody{ /*background-color:white;*/ padding:5px 0 5px 0; /*border: 1px solid black;*/ } .sheet-rolltemplate-skillroll .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-skillroll .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-skillroll .inlinerollresult.importantroll { border:none; } .sheet-rolltemplate-skillroll .inlinerollresult { background-color: transparent; border: none; color: black; font-weight: bold; } .sheet-rolltemplate-skillroll .sheet-rollResult a[href^="~"]{ background-color:black!important; } /*-------------------------------------------*/ /*-------------------------------------------*/ /* skills */ .sheet-rolltemplate-ss{ font-family: 'Special Elite', cursive; color:gray; padding: 17px; background-color:transparent; background:url("https://raw.githubusercontent.com/Lockbox313/imagedump/master/Classified/roll_backround3.jpg") no-repeat; height: 125px; } .sheet-rolltemplate-ss .sheet-result{ color:black; } .sheet-rolltemplate-ss .sheet-rollResult{ text-align:center; color:#ccd17d; } .sheet-rolltemplate-ss .sheet-rollHeader{ font-weight:bold ; text-align:center; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; } .sheet-rolltemplate-ss .sheet-rollBody{ /*background-color:white;*/ padding:5px 0 5px 0; /*border: 1px solid black;*/ } .sheet-rolltemplate-ss .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-ss .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-ss .inlinerollresult.importantroll { border:none; } .sheet-rolltemplate-ss .inlinerollresult { background-color: transparent; border: none; color: black; font-weight: bold; } .sheet-rolltemplate-ss .sheet-rollResult a[href^="~"]{ background-color:black!important; } /*-------------------------------------------*/ /* abilities */ .sheet-rolltemplate-abilityroll{ font-family: 'Special Elite', cursive; color:gray; padding: 17px; background-color:transparent; background:url("https://raw.githubusercontent.com/Lockbox313/imagedump/master/Classified/roll_backround3.jpg") no-repeat; height: 125px; } .sheet-rolltemplate-abilityroll .sheet-result{ color:black; } .sheet-rolltemplate-abilityroll .sheet-rollResult{ text-align:center; color:#ccd17d; } .sheet-rolltemplate-abilityroll .sheet-rollHeader{ font-weight:bold ; text-align:center; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; } .sheet-rolltemplate-abilityroll .sheet-rollBody{ /*background-color:white;*/ padding:5px 0 5px 0; /*border: 1px solid black;*/ } .sheet-rolltemplate-abilityroll .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-abilityroll .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-abilityroll .inlinerollresult.importantroll { border:none; } .sheet-rolltemplate-abilityroll .inlinerollresult { background-color: transparent; border: none; color: black; font-weight: bold; } .sheet-rolltemplate-abilityroll .sheet-rollResult a[href^="~"]{ background-color:black!important; } /*-------------------------------------------*/ /* Characteristic rolls */ .sheet-rolltemplate-charRoll{ font-family: 'Special Elite', cursive; color:gray; padding: 17px; background-color:transparent; background:url("https://raw.githubusercontent.com/Lockbox313/imagedump/master/Classified/roll_backround3.jpg") no-repeat; height: 125px; } .sheet-rolltemplate-charRoll .sheet-result{ color:black; } .sheet-rolltemplate-charRoll .sheet-rollResult{ text-align:center; color:#ccd17d; } .sheet-rolltemplate-charRoll .sheet-rollHeader{ font-weight:bold ; text-align:center; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; } .sheet-rolltemplate-charRoll .sheet-rollBody{ /*background-color:white;*/ padding:5px 0 5px 0; /*border: 1px solid black;*/ } .sheet-rolltemplate-charRoll .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-charRoll .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-charRoll .inlinerollresult.importantroll { border:none; } .sheet-rolltemplate-charRoll .inlinerollresult { background-color: transparent; border: none; color: black; font-weight: bold; } .sheet-rolltemplate-charRoll .sheet-rollResult a[href^="~"]{ background-color:black!important; } /*-------------------------------------------*/ /* Draw rolls */ .sheet-rolltemplate-drawroll{ font-family: 'Special Elite', cursive; color:gray; padding: 17px; background-color:transparent; background:url("https://raw.githubusercontent.com/Lockbox313/imagedump/master/Classified/roll_backround5.jpg") no-repeat; height: 62px; } .sheet-rolltemplate-drawroll .sheet-result{ color:black; } .sheet-rolltemplate-drawroll .sheet-rollResult{ text-align:center; color:rgb(128, 128, 128); } .sheet-rolltemplate-drawroll .sheet-rollHeader{ font-weight:bold ; text-align:center; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; } .sheet-rolltemplate-drawroll .sheet-rollBody{ /*background-color:white;*/ padding:5px 0 5px 0; /*border: 1px solid black;*/ } .sheet-rolltemplate-drawroll .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-drawroll .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-drawroll .inlinerollresult.importantroll { border:none; } .sheet-rolltemplate-drawroll .inlinerollresult { background-color: transparent; border: none; color: black; font-weight: bold; } .sheet-rolltemplate-drawroll .sheet-rollResult a[href^="~"]{ background-color:black!important; } /*-------------------------------------------*/ /* Damage rolls */ .sheet-rolltemplate-damage{ font-family: 'Special Elite', cursive; color:gray; padding: 17px; background-color:transparent; background-color:#f3f1c8; border: 5px dashed red; } .sheet-rolltemplate-damage .sheet-result{ color:black; } .sheet-rolltemplate-damage .sheet-rollResult{ text-align:center; color:#ccd17d; } .sheet-rolltemplate-damage .sheet-rollHeader{ font-weight:bold ; text-align:center; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; } .sheet-rolltemplate-damage .sheet-rollBody{ /*background-color:white;*/ padding:5px 0 5px 0; /*border: 1px solid black;*/ } .sheet-rolltemplate-damage .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-damage .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-damage .inlinerollresult.importantroll { border:none; } .sheet-rolltemplate-damage .inlinerollresult { background-color: transparent; border: none; color: black; font-weight: bold; } .sheet-rolltemplate-damage .sheet-rollResult a[href^="~"]{ background-color:black!important; } /*-------------------------------------------*/ /* Scar rolls */ .sheet-rolltemplate-scar{ font-family: 'Special Elite', cursive; color:gray; padding: 17px; background-color:transparent; background-color:#f3f1c8; border: 5px dashed red; } .sheet-rolltemplate-scar .sheet-result{ color:black; } .sheet-rolltemplate-scar .sheet-rollResult{ text-align:center; color:#ccd17d; } .sheet-rolltemplate-scar .sheet-rollHeader{ font-weight:bold ; text-align:center; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; } .sheet-rolltemplate-scar .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-scar .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-scar .inlinerollresult.importantroll { border:none; } .sheet-rolltemplate-scar .inlinerollresult { background-color: transparent; border: none; color: black; font-weight: bold; } .sheet-rolltemplate-scar .sheet-rollResult a[href^="~"]{ background-color:black!important; } /*-------------------------------------------*/ /*-------------------------------------------*/ /* Pain rolls */ .sheet-rolltemplate-pain{ font-family: 'Special Elite', cursive; color:gray; padding: 17px; background-color:transparent; background-color:#f3f1c8; border: 5px dashed red; } .sheet-rolltemplate-pain .sheet-result{ color:black; } .sheet-rolltemplate-pain .sheet-centerIt{ text-align:center; } .sheet-rolltemplate-pain .sheet-rollResult{ text-align:center; color:#ccd17d; } .sheet-rolltemplate-pain .sheet-rollHeader{ font-weight:bold ; text-align:center; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; } .sheet-rolltemplate-pain .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-pain .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-pain .inlinerollresult.importantroll { border:none; } .sheet-rolltemplate-pain .inlinerollresult { background-color: transparent; border: none; color: black; font-weight: bold; } .sheet-rolltemplate-pain .sheet-rollResult a[href^="~"]{ background-color:black!important; } /*-------------------------------------------*/ /*-------------------------------------------*/ /* h2h stun rolls */ .sheet-rolltemplate-h2hStun{ font-family: 'Special Elite', cursive; color:gray; padding: 17px; background-color:transparent; background-color:#f3f1c8; border: 5px dashed red; } .sheet-rolltemplate-h2hStun .sheet-result{ color:black; } .sheet-rolltemplate-h2hStun .sheet-centerIt{ text-align:center; } .sheet-rolltemplate-h2hStun .sheet-rollResult{ text-align:center; color:#ccd17d; } .sheet-rolltemplate-h2hStun .sheet-rollHeader{ font-weight:bold ; text-align:center; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; } .sheet-rolltemplate-h2hStun .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-h2hStun .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-h2hStun .inlinerollresult.importantroll { border:none; } .sheet-rolltemplate-h2hStun .inlinerollresult { background-color: transparent; border: none; color: black; font-weight: bold; } .sheet-rolltemplate-h2hStun .sheet-rollResult a[href^="~"]{ background-color:black!important; } /*-------------------------------------------*/ /*-------------------------------------------*/ /*-------------------------------------------*/ /* Turn Order rolls */ .sheet-rolltemplate-turnOrder{ font-family: 'Special Elite', cursive; color:gray; padding: 17px; background-color:transparent; background-color:#f3f1c8; border: 5px dashed red; } .sheet-rolltemplate-turnOrder .sheet-result{ color:black; } .sheet-rolltemplate-turnOrder .sheet-centerIt{ text-align:center; } .sheet-rolltemplate-turnOrder .sheet-rollResult{ text-align:center; color:#ccd17d; } .sheet-rolltemplate-turnOrder .sheet-rollHeader{ font-weight:bold ; text-align:center; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; } .sheet-rolltemplate-turnOrder .inlinerollresult.fullcrit{ border:none; } .sheet-rolltemplate-turnOrder .inlinerollresult.fullfail{ border:none; } .sheet-rolltemplate-turnOrder .inlinerollresult.importantroll { border:none; } .sheet-rolltemplate-turnOrder .inlinerollresult { background-color: transparent; border: none; color: black; font-weight: bold; } .sheet-rolltemplate-turnOrder .sheet-rollResult a[href^="~"]{ background-color:black!important; } /*-------------------------------------------*/ /* Text button */ .charsheet button[type=roll].text_roll::before { content: " "; background-image: none; } .charsheet button.text_roll[type="roll"] { display: inline-block; box-shadow: none; outline:none; margin: 0; text-align: center; cursor: pointer; background-image: none; background-color: transparent; white-space: nowrap; border: none; -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; text-shadow: none; color: var( --charsheet_inputColor); /*line-height: 11px;*/ } .charsheet button.text_roll[type="roll"]:hover { /*background-color:rgb(230, 239, 230);*/ /*border-color: red;*/ color:red; } .charsheet button.text_roll[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:none; font-weight:700; } .charsheet button.text_roll[type="roll"]:hover label, .charsheet button[type="roll"]:hover input { color: white; border: none; } /* End Text button end*/ /*-------------------------------------------*/ /*------------ Repeating Buttons ------------*/ /*-------------------------------------------*/ .repcontrol .btn { border: 0 solid transparent; color: white !important; background: none; font-size: 0px; box-shadow: none; margin-bottom: 1px; font-family: pictos; font-style: normal; } .repcontrol .repcontrol_edit::after { content: '('; } .editmode ~ .repcontrol .repcontrol_edit::after { content: ')'; } .repcontrol .repcontrol_add::before { content: '&'; } .repcontrol .repcontrol_add::before, .repcontrol .repcontrol_edit::after { visibility: visible; background-color: #fff; border: 1px solid #999; border-radius: 2px; font-size: 12px; height: 12px; width: 12px; padding: 2px 4px 2px 4px; color: #333; } .repcontrol .repcontrol_edit:hover::after, .repcontrol .repcontrol_add:hover::before { background-color: #EFEFEF; } /*-------------------------------------------*/ /*------------ hide / reveal equipment desc ------------*/ /*-------------------------------------------*/ .sheet-Hide-eqp-desc:checked ~ .sheet-eqp-desc { display:block; } .charsheet span.sheet-is-eqp-desc::after { /*Close Config: grayish background with black text*/ content: "^"; font-size: x-large; margin-left: -10px ; } .charsheet .sheet-Hide-eqp-desc:checked + span.sheet-is-eqp-desc::after { /*Show rune-spell-descuration: Black background with grayish text*/ content: "v"; } .sheet-eqp-desc{ display:none; } .sheet-eqp-desc textarea{ width:97%; height:100px; font-size:x-small; background-color: beige; } .charsheet span.sheet-is-eqp-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: -52%; } .charsheet input.sheet-Hide-eqp-desc { width: 5%; height: 16px; cursor: pointer; margin-left: auto; margin-top: auto; /*position: absolute; right: 20%;*/ opacity: 0; z-index: 9999; } .charsheet .sheet-Hide-eqp-desc:checked + span.sheet-is-eqp-desc { /* background: black;*/ border-radius: 4px; /*color: white;*/ color:#b87a38; } /* End hide / reveal equipment desc*/ /*-------------------------------------------*/ /*------------- Options Toggles--------------*/ /*-------------------------------------------*/ /*.charsheet input.sheet-main-options.sheet-options-flag + span, .charsheet input[type=radio]:checked ~ .sheet-master-container input.sheet-options-flag + span { font-family: pictos; font-style: normal; }*/ .charsheetinput.sheet-options-flag, .charsheetinput.sheet-options-flag + span { position: absolute; top: 2px; right: 2px; width: 15px; height: 15px; } .charsheet input.sheet-options-flag { z-index: 99; opacity: 0; } .charsheet input.sheet-options-flag + span { font-family: pictos; font-style: normal; margin-left: -18px; display: none; white-space: nowrap; line-height: 15px; font-size: 17px; color: var(--charsheet_labelColor); cursor: pointer; } .charsheet input.sheet-options-flag.sheet-main-options { width: 30px; height: 30px; top: 20px; left: 20px; z-index: 3; } .charsheet input.sheet-options-flag.sheet-main-options + span { width: 30px; height: 30px; top: 20px; left: 20px; font-size: 34px; z-index: 2; line-height: 30px; opacity: .5; display: block; } .charsheet input.sheet-options-flag.sheet-main-options:hover + span { opacity: 1; } .charsheet input.sheet-options-flag:not(:checked) + span { color: var(--charsheet_labelColor); display: inline; } .charsheet input.sheet-options-flag:checked + span { color: var(--charsheet_inputColor); display: inline; } .charsheet .sheet-section .sheet-weapon:hover .sheet-options-flag + span, .charsheet .sheet-section .sheet-subsection:hover .sheet-options-flag + span, .charsheet .sheet-section .sheet-rep-title:hover .sheet-options-flag + span { display: inline; } /*.charsheet input.sheet-selector-switch:checked ~ .sheet-master-container .sheet-content .sheet-options { display: none; }*/ .charsheet .sheet-options { display: none; } /*.charsheet input.sheet-selector-switch:checked ~ .sheet-master-container .sheet-content .sheet-options-flag:checked ~ .sheet-options { display: flex; }*/ .charsheet .sheet-options-flag:checked ~ .sheet-options { display:inline; } /*.charsheet input.sheet-selector-switch:checked ~ .sheet-master-container .sheet-content .sheet-options-flag:checked ~ .sheet-display { display: none; }*/ .charsheet .sheet-options-flag:checked ~ .sheet-display { display: none; } .charsheet .editmode .sheet-options-flag { display: none; } .charsheet .sheet-content .sheet-display input[type=text] { border: 0; } /*-------------------------------------------*/ /*------------- Options Toggles 2--------------*/ /*-------------------------------------------*/ /*.charsheet input.sheet-main-options.sheet-options-flag + span, .charsheet input[type=radio]:checked ~ .sheet-master-container input.sheet-options-flag + span { font-family: pictos; font-style: normal; }*/ .charsheetinput.sheet-options-flag2, .charsheetinput.sheet-options-flag2 + span { position: absolute; top: 2px; right: 2px; width: 15px; height: 15px; } .charsheet input.sheet-options-flag2 { z-index: 99; opacity: 0; } .charsheet input.sheet-options-flag2 + span { font-family: pictos; font-style: normal; margin-left: -18px; display: none; white-space: nowrap; line-height: 15px; font-size: 17px; color: var(--charsheet_labelColor); cursor: pointer; } .charsheet input.sheet-options-flag2.sheet-main-options { width: 30px; height: 30px; top: 20px; left: 20px; z-index: 3; } .charsheet input.sheet-options-flag2.sheet-main-options + span { width: 30px; height: 30px; top: 20px; left: 20px; font-size: 34px; z-index: 2; line-height: 30px; opacity: .5; display: block; } .charsheet input.sheet-options-flag2.sheet-main-options:hover + span { opacity: 1; } .charsheet input.sheet-options-flag2:not(:checked) + span { color: var(--charsheet_labelColor); display: inline; } .charsheet input.sheet-options-flag2:checked + span { color: var(--charsheet_inputColor); display: inline; } .charsheet .sheet-section .sheet-weapon2:hover .sheet-options-flag + span, .charsheet .sheet-section .sheet-subsection2:hover .sheet-options-flag + span, .charsheet .sheet-section .sheet-rep-title2:hover .sheet-options-flag + span { display: inline; } .charsheet .sheet-options2 { display: none; } .charsheet .sheet-options-flag2:checked ~ .sheet-options2 { display:inline; } .charsheet .sheet-options-flag2:checked ~ .sheet-display2 { display: none; } .charsheet .editmode .sheet-options-flag2 { display: none; } .charsheet .sheet-content2 .sheet-display2 input[type=text] { border: 0; } /*Configure the tab buttons*/ .sheet-npc2, .sheet-config2, .sheet-character, .sheet-config, .sheet-vehicletab { display: none; } /* show the selected tab */ .sheet-tabstoggle[value="npc2"] ~ div.sheet-npc2, .sheet-tabstoggle[value="configuration2"] ~ div.sheet-config2, .sheet-tabstoggle[value="character"] ~ div.sheet-character, .sheet-tabstoggle[value="configuration"] ~ div.sheet-config, .sheet-tabstoggle[value="vehicletab"] ~ div.sheet-vehicletab { display: block; } .charsheet input.sheet-options-flag + span.sheet-wpnName { font-size:small; } /* fancy sliding toggle */ .switch { position: relative; display: block; vertical-align: top; width: 50px; height: 25px; padding: 3px; margin: 0 10px 10px 0; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; } .switch-input { position: absolute; top: 0; left: 0; opacity: 0; } .switch-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #eceeef; background: #848c8e; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); } .switch-label:before, .switch-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; } .switch-label:before { content: attr(data-off); right: 11px; color: #aaaaaa; color:#ccd17d;; text-shadow: 0 1px rgba(255, 255, 255, 0.5); } .switch-label:after { content: attr(data-on); left: 11px; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; } .switch-input:checked ~ .switch-label { background: #848c8e; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); } .switch-input:checked ~ .switch-label:before { opacity: 0; } .switch-input:checked ~ .switch-label:after { opacity: 1; } .switch-handle { position: absolute; top: 6px; left: 4px; width: 18px; height: 18px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } .switch-handle:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); } .switch-input:checked ~ .switch-handle { left: 33px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } /* Transition ========================== */ .switch-handle .switch-label { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } .charsheet input[type=radio].sheet-typeRadio + label { color:red; } .sheet-squadskillbutton { border: none; box-shadow: none; font-weight: normal; } /* fancy sliding toggle2 */ .switch2 { position: relative; display: block; vertical-align: top; width: 49px; height: 12px; padding: 3px; margin: 0 10px 10px 0; background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px); border-radius: 16px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; } label.switch2 { width:51px; } .switch2-input { position: absolute; top: 0; left: 0; opacity: 0; } .switch2-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #eceeef; background: #848c8e; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); } .switch2-label:before, .switch2-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; } .switch2-label:before { content: attr(data-off); right: 11px; color: #aaaaaa; color:#ccd17d;; text-shadow: 0 1px rgba(255, 255, 255, 0.5); } .switch2-label:after { content: attr(data-on); left: 11px; color: #FFFFFF; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; } .switch2-input:checked ~ .switch2-label { background: #848c8e; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); } .switch2-input:checked ~ .switch2-label:before { opacity: 0; } .switch2-input:checked ~ .switch2-label:after { opacity: 1; } .switch2-handle { position: absolute; top: 5px; left: 6px; width: 8px; height: 8px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); } .switch2-handle:before { content: ""; position: absolute; top: 50%; left: 55%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); } .switch2-input:checked ~ .switch2-handle { left: 38px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } /* Transition ========================== */ .switch2-handle .switch2-label { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; } .sheet-squadCharRoll{ box-shadow: none; border: none; } .sheet-squad-wpn{ display: grid; grid-template-columns: 116px 28px 29px 46px 35px 54px 62px 22px 34px 31px 47px 45px 42px 44px 40px 37px 28px; grid-gap: 5px; align-items: end; text-align:center; border-bottom: 1px solid var(--charsheet_sectionBrdrColor); margin-bottom:5px; } .sheet-squad-wpn select, .sheet-squad-wpn input, .sheet-squad-wpn .sheet-detailsLabel { font-size: x-small; } .sheet-squad-wpn .sheet-wpnName { width: 100px; } .charsheet .sheet-squad-wpn button[type=roll].sheet-wpnName { outline:none; width: 101px; font-size: x-small; text-align: left; padding: 0; } .sheet-squad-wpn .sheet-name{ text-align:left; } .sheet-squad-wpn .sheet-squadclose, .sheet-squad-wpn .sheet-squadlong { font-size:x-small; } .sheet-squad-wpn input[type=checkbox]{ margin-top:-6px; } .sheet-squadsec{ padding-bottom:18px; } .sheet-npcsec{ padding-bottom:0px; } .sheet-squad-wpn2{ display: grid; grid-template-columns: 116px 28px 29px 35px 65px 30px 32px 28px 42px 47px 47px; grid-gap: 5px; align-items: end; text-align:center; border-bottom: 1px solid var(--charsheet_sectionBrdrColor); margin-bottom:5px; } .sheet-squad-wpn2 select, .sheet-squad-wpn2 input, .sheet-squad-wpn2 .sheet-detailsLabel { font-size: x-small; } .sheet-squad-wpn2 .sheet-wpnName { width: 100px; } .charsheet .sheet-squad-wpn2 button[type=roll].sheet-wpnName { outline:none; width: 101px; font-size: x-small; text-align: left; padding: 0; } .sheet-squad-wpn2 .sheet-name{ text-align:left; } .sheet-squad-wpn2 .sheet-squadclose, .sheet-squad-wpn2 .sheet-squadlong { font-size:x-small; } .sheet-squad-wpn2 input[type=checkbox]{ margin-top:-6px; } .sheet-mjrnpc-wpn{ display: grid; grid-template-columns: 116px 28px 29px 30px 35px 39px 50px 50px 22px 34px 31px 47px 45px 42px 44px 40px 37px 28px; grid-gap: 4px; align-items: end; text-align:center; border-bottom: 1px solid var(--charsheet_sectionBrdrColor); margin-bottom:5px; } .sheet-mjrnpc-wpn select, .sheet-mjrnpc-wpn input, .sheet-mjrnpc-wpn .sheet-detailsLabel { font-size: x-small; } .sheet-mjrnpc-wpn .sheet-wpnName { width: 100px; } .charsheet .sheet-mjrnpc-wpn button[type=roll].sheet-wpnName { outline:none; width: 101px; font-size: x-small; text-align: left; padding: 0; } .sheet-mjrnpc-wpn .sheet-name{ text-align:left; } .sheet-mjrnpc-wpn .sheet-squadclose, .sheet-mjrnpc-wpn .sheet-squadlong { font-size:x-small; } .sheet-mjrnpc-wpn input[type=checkbox]{ margin-top:-6px; } .sheet-squadsec textarea{ width:91%; height:100%; font-size: xx-small; } .sheet-memberBlocksGrid{ display: grid; grid-template-columns: 183px 183px 183px 183px; grid-gap: 5px; margin-bottom:5px; margin-top:20px } .sheet-squadmemberselector{ display: grid; grid-template-columns: 13px 18px 137px; grid-gap: 5px; margin-bottom:5px; } .sheet-squadmemberselector span{ padding-top:2px; } .sheet-WndStatusGridSquad { display: grid; grid-template-columns: max-content max-content max-content max-content max-content max-content max-content; grid-gap: 5px; line-height: 0px; } .sheet-squadmemberselector span.sheet-detailsLabel{ font-size:small; display:block; } .sheet-WndStatusGridSquad label{ /* display: inline; */ text-align: center; padding: 0; margin: 0; color:var(--charsheet_inputColor); cursor: pointer; font-size:x-small; } .sheet-WndStatusGridSquad input[type=radio]{ height:0px; width:0px; } .sheet-squadbuttonsGrid { display: grid; grid-template-columns: max-content max-content max-content; grid-gap: 5px; line-height: 0px; } .charsheet .sheet-squadbuttonsGrid button[type=roll].sheet-text_roll { font-size:small; } .sheet-memberBlock textarea{ margin-bottom:0px; width:165px; } .sheet-sqdVehName{ text-align:left!important } .sheet-sqdvehicle-mods-notes{ font-size:xx-small!important; } .charsheet .sheet-npcskillsGrid input[type=text], .charsheet .sheet-npcskillsGrid div, .charsheet .sheet-npcskillsGrid select, .charsheet .sheet-npcskillsGrid option, .charsheet .sheet-npcskillsGrid button[type=action].sheet-text_roll{ font-size:small; } .sheet-npcskillheaderrow{ grid-template-rows: 31px; } .sheet-npcinteractionvalue{ display:inline-block!important; width:25px!important; } .charsheet input[type=text].sheet-npcOtherItems{ font-size:small; margin-bottom:5px; } .sheet-npcabilityRow{ display: grid; grid-template-columns: 164px 49px 42px; grid-gap: 5px; align-items: center; text-align: center; border-bottom: 1px solid var(--charsheet_sectionBrdrColor); grid-template-rows: 30px; } .sheet-npcabilityRow select{ margin-bottom: 0px; background-color: var( --charsheet_sectionBkGrdColor); color: var(--charsheet_inputColor); border: none; text-align: center; margin-left: 6px; padding: 0; width: 90%; margin-top: -14px; height: 100%; font-size: large; } .sheet-npcabilityRow option{ background-color: rgba(139,115,77,1); } .charsheet .sheet-npcsec .sheet-abilities select, .charsheet .sheet-npcsec .sheet-abilities option, .charsheet .sheet-npcsec .sheet-abilities input[type=text], .charsheet .sheet-npcsec button[type=action].sheet-text_roll, .charsheet .sheet-npcsec .sheet-abilities input[type=checkbox], .charsheet .sheet-npcsec .sheet-abilities input[type=text]{ font-size:small; } .sheet-npc2 textarea{ font-size:11px; } .charsheet textarea[name="attr_npcinformation"] { height: 140px; } .charsheet textarea[name="attr_mjrnpcequipment"] { height: 50px; } .charsheet .sheet-mjrNPCWoundGrid{ display: grid; grid-template-columns: max-content max-content; grid-gap: 5px; } .sheet-mjrNPCWoundGrid .sheet-WndStatusGrid{ margin-left:0px; } .sheet-npcCarryItem { display: grid; grid-template-columns: max-content max-content; grid-gap: 5px; align-items: center; } .sheet-npcCarryItem input{ font-size:medium; width: 30px; line-height: normal; padding:0px; /*margin-top:13px;*/ }