roll20-character-sheets/ArcaneCodex/ArcaneCodex2e.css

.sheet-masterwrapper{
    background-color: #aaaaaa;
}

.sheet-wrapper{
    background-color: #efe5c6;
    display:block;
    width:100%;
    padding: 0px 3px;
    text-align:left; 
}

.sheet-wrapper input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sheet-imagepositioner {
    width: 85%;
}

.sheet-wrapper select,
.sheet-wrapper input[type=text],
.sheet-wrapper input[type=number]{
    width:100%;
    vertical-align:top;
    background-color:#f8f8f8;
    color:#000000;
    border:1px solid #000000;
    box-shadow:none;
    height:2%;
    min-height:1.5em;
    box-sizing:border-box;
    margin:0px;
    text-align:center;
}

.sheet-splitter2{
    width:49.3%;
    display:inline-block;
    margin-top:0.0em;
    vertical-align: top;
}

.sheet-splitter23{
    width:66%;
    display:inline-block;
    margin-top:0.0em;
    vertical-align: top;
}

.sheet-splitter3{
    width:32.7%;
    display:inline-block;
    margin-top:0.0em;
    vertical-align: top;
}

.sheet-splitter4{
    width: 23.9%;
    display:inline-block;
    margin-top:0.0em;
    vertical-align: top;
}

.sheet-gefsplitter1{
    width:25%;
    display:inline-block;
    margin-top:0.0em;
    vertical-align: top;
}
.sheet-gefsplitter2{
    width:74%;
    display:inline-block;
    margin-top:0.0em;
    vertical-align: top;
}

.sheet-charnamewrapper{
    width:58.5%;
}
.sheet-charracewrapper{
    width: 38.5%;
}

.sheet-charsexwrapper,
.sheet-charagewrapper,
.sheet-charheightwrapper,
.sheet-charweightwrapper,
.sheet-charplayerwrapper,
.sheet-charsizewrapper{
    width: 19%;
}

.sheet-charskincolwrapper,
.sheet-charhaircolwrapper,
.sheet-chareyecolwrapper{
    width: 32.2%;
}

.sheet-rand{
    border: solid 1px #000000;
    background-color: #ebdeb5;
    padding: 3px;
    margin: 2px;
}

.sheet-kampflabel{
    width:27% ;
}
.sheet-kampflabelgr{
    width:55.5% ;
}
.sheet-kampfinput{
    width:20% ;
    text-align: center;
}
.sheet-kampfwaffname{
    width: 30%;
}
.sheet-kampfwaffdmg{
    width: 10%;
}
.sheet-kampfwaffdmgs{
    width: 20px;
}
.sheet-kampfwaffskill{
    width: 13%;
}
.sheet-kampfwaffwurf{
    text-align:center;
    width: 10%;
}

.sheet-bewe{
    width: 30%;
}

.sheet-ruhmrang{
    width: 45%;
}
.sheet-ruhmwert{
    width: 50%;
}
.sheet-rufname{
    width: 10%;
}
.sheet-ruftext{
    width: 87.5%;
}

.sheet-vorzname{
    width: 80%;
}
.sheet-vorzwert{
    width: 10%;
}

.sheet-equipwrapper{
    width: 58.5%;
    display:inline-block;
    vertical-align:top;
}

.sheet-rueswrapper{
    width: 40%;
    /*border: solid 1px #000000;*/
    padding: 3px;
    font-weight: bolder;
    display:inline-block;
    vertical-align:top;
}

.sheet-ruesges{
    width: 60%;
}

.sheet-ruesnzone{
    width: 20%;
}

.sheet-ruesnrs{
    width: 10%;
}

.sheet-rueszone{
    width: 31%;
}

.sheet-ruestyp{
    width: 52%;
}

.sheet-ruesrs{
    width: 12%;
}

.sheet-wertswrapper{
    width:63% ;
}
.sheet-wertsname{
    width:68%;
}
.sheet-wertswert{
    width:30%;
}

.sheet-monwrapper{
    width: 35%;
}
.sheet-monname{
    width:40%;
}
.sheet-monwert{
    width:56%;
}


.sheet-waffname{
    width: 17%;
}
.sheet-waffdmg{
    width: 3%;
}
.sheet-waffdmgs{
    width: 20px;
}
.sheet-waffdmgd{
    width: 5%;
}
.sheet-waffdmgw{
    width: 5%;
}
.sheet-waffdmgtyp{
    width: 10%;
}
.sheet-waffschildrs{
    width: 5%;
}
.sheet-waffschildpara{
    width: 5%;
}
.sheet-waffrw{
    width: 10%;
}
.sheet-wafflz{
    width: 7%;
}
.sheet-waffsize{
    width: 5%;
}
.sheet-waffms{
    width: 5%;
}
.sheet-waffskill{
    width: 10%;
}
.sheet-waffbonus{
    width: 5%;
}
.sheet-wafftotal{
    width: 6%;
}
.sheet-waffroll{
    width: 5%;
}



.sheet-eigenname{
    width: 25%;
}
.sheet-eigenbase{
    width: 15%;
}
.sheet-eigenboni{
    width: 15%;
}
.sheet-eigentotal{
    width: 15%;
}
.sheet-eigenbonus{
    width: 15%;
}
.sheet-eigenwurf{
    width: 10%;
}




.sheet-gefwafnam{
    width: 20%
}

.sheet-gefwafang{
    width: 8%
}

.sheet-gefwaffdmg{
    width: 5%
}
.sheet-gefwaffdmgs{
    width: 20px
}

.sheet-gefwafdmgd{
    width: 8%
}

.sheet-gefwafdmgw{
    width: 8%
}

.sheet-gefwafwurf{
    width: 5%
}

.sheet-geffertnam{
    width: 16.5%;
}

.sheet-geffertwer{
    width: 8%;
}
.sheet-geffertattr{
    width: 10%;
}

.sheet-gefinfo{
    width: 8%
}

.sheet-gefinfosp{
    width: 5%;
}

.sheet-gefinfowsp{
    width: 5%;
}

.sheet-gefattrname{
    width: 35%
}

.sheet-gefattrwert{
    width: 20%
}

.sheet-gefname{
    width: 25%
}

.sheet-gefgatt{
    width: 15%
}

.sheet-gefgesch{
    width: 15%
}

.sheet-gefalt{
    width: 15%
}

.sheet-gefgk{
    width: 15%
}

.sheet-gefbeweg{
    width: 9.15%;
}
.sheet-gefbewespace{
    width: 6.2%;
}

.sheet-equipnotiz,
.sheet-gefnotiz{
    width: 95%
}

.sheet-zaubername{
    width: 20%
}

.sheet-zaubergradmw{
    width: 10.5%
}

.sheet-zaubergrad{
    width: 5%
}

.sheet-zauberschule{
    width: 6%
}

.sheet-zauberattr{
    width: 10%
}

.sheet-zauberww{
    width: 5%
}

.sheet-zauberkost{
    width: 8%
}

.sheet-zauberaufw{
    width: 10%
}

.sheet-zauberrweit{
    width: 8%
}

.sheet-zauberdauer{
    width: 8%
}

.sheet-zauberwurf{
    width: 5%
}

.sheet-zaubernotiz{
    width: 95%
}

.sheet-schulname{
    width: 20%;
}

.sheet-schulstufe{
    width: 5%;
}

.sheet-schulnotiz{
    width: 70%
}

.sheet-equipanz{
    width: 9%;
}

.sheet-equipname{
    width: 30%;
}

.sheet-equipbesch{
    width: 45%;
}

.sheet-skillbox{
    display: none;
}

.sheet-charbox{
    display: block;
    width: 98%;
}

.sheet-charbox textarea{
    resize: vertical;
    height:5%;
    width:100%;
    vertical-align:top;
    background-color:#f8f8f8;
    color:#000000;
    border:1px solid #000000;
    box-shadow:none;
    min-height:10em;
    box-sizing:border-box;
    margin:0px;
    text-align:left;
}

.sheet-notebox{
    display:none;
}

.sheet-waffnotebox{
    display:none;
}

input[type="checkbox"]:checked ~ div.sheet-skillbox{
    display:block;
    width:100%;
}

input[type="checkbox"]:checked ~ div.sheet-waffnotebox{
    display:block;
    width:96%;
}

input[type="checkbox"]:checked ~ div.sheet-notebox{
    display:block;
    width:96%;
}

/* Hide actual checkbox */
input[type="checkbox"]
{
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
    left: 6px;
    margin: -10px;
    cursor: pointer;
    z-index: 1;
}

/* Fake checkbox */
input[type="checkbox"] + span::before
{
    margin-right: 4px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    
    content: "►";
    width: 14px;
    height: 14px;
    font-size: 12px;
}
input[type="checkbox"]:checked + span::before
{
    content: "▼";
}

.sheet-waffnotebox textarea,
.sheet-notebox textarea,
.sheet-gefnotiz textarea,
.sheet-zaubernotiz textarea,
.sheet-schulnotiz textarea{
    resize: vertical;
    height:2%;
    width:100%;
    vertical-align:top;
    background-color:#f8f8f8;
    color:#000000;
    border:1px solid #000000;
    box-shadow:none;
    min-height:2em;
    box-sizing:border-box;
    margin:0px;
    text-align:left;
}

.sheet-skillnamewrapper{
    width: 25%;
}

.sheet-skillwertwrapper{
    width: 5%;
}

.sheet-skillattrnamewrapper{
    width: 20.5%;
}

.sheet-skillattrwrapper{
    width: 15%;
}

.sheet-skillattrbonuswrapper{
    width: 5%;
}

.sheet-skillboniwrapper{
    width: 5%;
}

.sheet-skillbelastwrapper{
    width: 10%;
}

.sheet-skilltotalwrapper{
    width: 10%;
}

.sheet-skillbuttonwrapper{
    width: 10%;
}

.sheet-charrow,
.sheet-skillrow,
.sheet-charinforow{
    width:100%;
    display:inline-block;
    margin-top:0.3em;
    vertical-align: top;
}


.sheet-charrow label{
    width:100%;
    font-size:100%;
    color:#000000;
    font-weight:bold;
    margin-top:0,5em;
    margin-bottom:-0.3em;
}

.sheet-skillrow label,
.sheet-charinforow label{
    width:100%;
    font-size:80%;
    color:#000000;
    font-weight:bold;
    margin-top:0,5em;
    margin-bottom:-0.3em;
}

.sheet-skillrow div:not(.sheet-notebox):not(.sheet-waffnotebox),
.sheet-charinforow div,
.sheet-charrow div{
    display:inline-block;
    vertical-align:top;    
}

.sheet-checkboxticker{
    margin-left:-1.5em;
    width:1em;
    height:1em;
    padding:0.15em 0.1em 0.1em 0.05em;
    text-align:center;
    background-color:#550000;
    font-size:1em;
    border-radius:5px;
    vertical-align:middle;
    line-height:100%;
    color:inherit;
}

.sheet-tabs{
    opacity:0;
    width:11%;
    height:2em!important;
}

.sheet-tablabel{
    margin-left:-11%;
    width:11%;
    text-align:center;
    vertical-align:top;
    color:#888888;
    border:1px solid #000000;
    background-color:#ebdeb5;
    display:inline-block;
    border-radius:5px;
    margin-bottom:5em;
}

.sheet-tabs:checked + div.sheet-tablabel {
    font-weight:700;
}

.sheet-tab1:checked + div.sheet-tablabel{
    color:#000000;
}

.sheet-tab2:checked + div.sheet-tablabel{
    color:#000000;
}

.sheet-tab3:checked + div.sheet-tablabel{
    color:#000000;
}

.sheet-tab4:checked + div.sheet-tablabel{
    color:#000000;
}

.sheet-tab5:checked + div.sheet-tablabel{
    color:#000000;
}

.sheet-tab6:checked + div.sheet-tablabel{
    color:#000000;
}

.sheet-tab7:checked + div.sheet-tablabel{
    color:#000000;
}

.sheet-tab8:checked + div.sheet-tablabel{
    color:#000000;
}

.sheet-content1, 
.sheet-content2, 
.sheet-content3, 
.sheet-content4, 
.sheet-content5, 
.sheet-content6, 
.sheet-content7, 
.sheet-content8{
    display:none;
}

input[type=radio].sheet-tab1:checked ~ div.sheet-content1,
input[type=radio].sheet-tab2:checked ~ div.sheet-content2,
input[type=radio].sheet-tab3:checked ~ div.sheet-content3,
input[type=radio].sheet-tab4:checked ~ div.sheet-content4,
input[type=radio].sheet-tab5:checked ~ div.sheet-content5,
input[type=radio].sheet-tab6:checked ~ div.sheet-content6,
input[type=radio].sheet-tab7:checked ~ div.sheet-content7,
input[type=radio].sheet-tab8:checked ~ div.sheet-content8
{
    display:block;   
    width:100%;
}



.sheet-rolltemplate-ArcaneCodex table {
    background-color:#efe5c6;
    border:4px solid #bc9f78;
    color:#000000;
    text-align:left;
    font-size:1em;
    width:100%;
    margin: 2px;
    padding: 3px;
}

.sheet-rolltemplate-ArcaneCodex table th{
    background-color:#ebdeb5;
    text-align:center;
    color:#000000;
    margin: 0px;
    font-size:1.5em;
}

.sheet-rolltemplate-spacer{
    display:block;
    width:calc(100%+4px);
    border:1px solid #bc9f78;
    vertical-align:top;
    margin:2px -3px 0px -3px;
    padding:1px;
}

.sheet-rolltemplate-description{
    background-color:#ebdeb5;
    color:#000000;
    font-size:1em;
    margin: 0px -3px ;
    padding: 0px 3px;
}

.sheet-rolltemplate-sectionheading{
    color:#444444;
    font-size:0.8em;
    text-align:center;
    margin: 3px;
}

.sheet-rolltemplate-sectionheading-beschreibung{
    background-color:#ebdeb5;
    color:#444444;
    font-size:0.8em;
    text-align:center;
    margin: 0px -3px;
}

.sheet-rolltemplate-sectionheading-schaden{
    background-color:#ffdede;
    color:#444444;
    font-size:0.8em;
    text-align:center;
    margin: 0px -3px 0px -3px;
}

.sheet-rolltemplate-section-schaden{
    background-color:#ffdede;
    margin: 0px -3px -3px -3px;
    padding: 2px 3px ;
}

.sheet-rolltemplate-ArcaneCodex table .inlinerollresult{
    border:none !important;
    background-color:inherit;
}