Files
roll20-character-sheets/Classified/Classified.css
T
2022-03-10 12:37:59 +00:00

3304 lines
62 KiB
CSS

@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;*/
}