roll20-character-sheets/Seven Deadly Sins/sds.css

h1.sheet-title {
    color: black;
    border: 1px solid black;
}



div.sheet-tab-content { display: none; }

input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4,
input.sheet-tab5:checked ~ div.sheet-tab5,
input.sheet-tab6:checked ~ div.sheet-tab6,
input.sheet-tab7:checked ~ div.sheet-tab7
{
    display: block;
}

input.sheet-tab
{
    width: 50px;
    height: 20px;
    position: relative;
    cursor: pointer;
    margin-right: -50px;
    z-index: 1;
    opacity: 0;
}

input.sheet-tab + span::before
{
    content: attr(title);

    border: solid 1px #a8a8a8;
    border-bottom-color: black;
    text-align: center;
    display: inline-block;
    
    background: #fff;
    background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    
    width: 50px;
    height: 20px;
    font-size: 18px;
    
    position: relative;
    top: 5px;
    left: 0px;
}

input.sheet-tab:checked + span::before {
    background: #dcdcdc;
    background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    border-bottom-color: #fff;
}

input.sheet-tab:not(:first-child) + span::before { border-left: none; }

input.sheet-tab2 + span::before {

    left: 0px;
}

input.sheet-tab2:checked + span::before {

}

input.sheet-tab3 + span::before { left: 0px; }



input.sheet-tab4 + span::before { left: 0px; }

input.sheet-tab5 + span::before { left: 0px; }

input.sheet-tab6 + span::before { left: 0px; }

input.sheet-tab7 + span::before { left: 0px; }

{
    border-style:solid;
    border-top:thick double #000000;
}

}

div.sheet-tab-content {
    border: 1px solid #a8a8a8;
    border-top-color: #000;
    margin: 2px 0 0 5px;
    padding: 5px;
}

div.sheet-tab2 { }

table.sheet-nametable td {
    padding: 10px;
}

.sheet-rightalign {
    text-align: right;
}

tr.sheet-headerrow {
    font-weight: bold;
}

select {
    width: 60px;
}

section.sheet-headerarea {
    width: 100%;
    border: 5px solid black;
}