mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
355 lines
6.2 KiB
CSS
355 lines
6.2 KiB
CSS
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: 109px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
span.sheet-tab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 15px;
|
|
border: 1px solid #000000;
|
|
background: #d9d9d9;
|
|
color: black;
|
|
font-weight: bold;
|
|
border-radius: 12px;
|
|
width: 109px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-left: -113px;
|
|
}
|
|
|
|
input.sheet-tab1:checked + span.sheet-tab1,
|
|
input.sheet-tab2:checked + span.sheet-tab2,
|
|
input.sheet-tab3:checked + span.sheet-tab3,
|
|
input.sheet-tab4:checked + span.sheet-tab4,
|
|
input.sheet-tab5:checked + span.sheet-tab5,
|
|
input.sheet-tab6:checked + span.sheet-tab6,
|
|
input.sheet-tab7:checked + span.sheet-tab7 {
|
|
background: #ff0000;
|
|
color: white;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
|
|
span.sheet-atr {
|
|
text-align: center;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
position: relative;
|
|
top: -4px;
|
|
}
|
|
|
|
button.sheet-violence {
|
|
display: inline-block;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.charsheet {
|
|
background-image: url("https://i.imgur.com/loiXadp.jpg");
|
|
}
|
|
|
|
|
|
.charsheet h4 {
|
|
position: relative;
|
|
bottom: -15px;
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet label {
|
|
display: inline-block;
|
|
width: 75px;
|
|
text-align: right;
|
|
}
|
|
|
|
.charsheet input.sheet-move {
|
|
display: inline-block;
|
|
position: relative;
|
|
top: -4px;
|
|
width: 3.5em;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.charsheet input.sheet-move2 {
|
|
display: inline-block;
|
|
position: relative;
|
|
top: -8px;
|
|
width: 3.5em;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.charsheet input.sheet-move3 {
|
|
display: inline-block;
|
|
width: 3.5em;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.charsheet input {
|
|
display: inline-block;
|
|
width: 165px;
|
|
}
|
|
|
|
.sheet-col strong.sheet-dee {
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.charsheet input.sheet-short {
|
|
width: 3.5em;
|
|
}
|
|
|
|
.charsheet input.sheet-shortish {
|
|
width: 4.1em;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.charsheet input.sheet-small {
|
|
width: 5.2em;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.charsheet select.sheet-short {
|
|
width: 5.5em;
|
|
}
|
|
|
|
.charsheet select.sheet-short2 {
|
|
width: 5.5em;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.charsheet select.sheet-shorter {
|
|
width: 4em;
|
|
}
|
|
|
|
.charsheet select.sheet-shorter2 {
|
|
width: 4em;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.charsheet select.sheet-shorter3 {
|
|
width: 4em;
|
|
margin-bottom: 2px;
|
|
position: relative;
|
|
top: -8px;
|
|
}
|
|
|
|
.charsheet input.sheet-med {
|
|
width: 7em;
|
|
}
|
|
|
|
.charsheet input.sheet-med2 {
|
|
width: 7em;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.charsheet input.sheet-xp {
|
|
width: 7.6em;
|
|
}
|
|
|
|
.charsheet input.sheet-type {
|
|
width: 9em;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
|
|
.charsheet input.sheet-long {
|
|
width: 18em;
|
|
}
|
|
|
|
.charsheet input.sheet-long1 {
|
|
width: 21em;
|
|
}
|
|
|
|
.charsheet input.sheet-long2 {
|
|
width: 11em;
|
|
}
|
|
|
|
.charsheet input.sheet-long3 {
|
|
width: 28em;
|
|
}
|
|
|
|
.charsheet table td, .charsheet table th {
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
select.sheet-dtype {
|
|
width: 60px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-rolltemplate-Attack th {
|
|
color: #ff0000;
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.sheet-rolltemplate-Attack .sheet-subheader {
|
|
color: #000;
|
|
font-size: 1em;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-Attack table {
|
|
width: 189px;
|
|
padding: 2px;
|
|
border: 2px solid;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-Attack .sheet-tcat {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-Attack td {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-Attack .inlinerollresult {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Attack .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Attack .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Attack .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Appeal th {
|
|
color: #ff0000;
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.sheet-rolltemplate-Appeal .sheet-subheader {
|
|
color: #000;
|
|
font-size: 1em;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-Appeal table {
|
|
width: 189px;
|
|
padding: 2px;
|
|
border: 2px solid;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-Appeal .sheet-tcat {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-Appeal td {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-Appeal .inlinerollresult {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Appeal .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Appeal .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-Appeal .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-WeaponAttack th {
|
|
color: #ff0000;
|
|
padding-left: 5px;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-align: left;
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
.sheet-rolltemplate-WeaponAttack .sheet-subheader {
|
|
color: #000;
|
|
font-size: 1em;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-WeaponAttack table {
|
|
width: 189px;
|
|
padding: 2px;
|
|
border: 2px solid;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-WeaponAttack .sheet-tcat {
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-rolltemplate-WeaponAttack td {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-WeaponAttack .inlinerollresult {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-WeaponAttack .inlinerollresult.fullcrit {
|
|
color: #3FB315;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-WeaponAttack .inlinerollresult.fullfail {
|
|
color: #B31515;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-WeaponAttack .inlinerollresult.importantroll {
|
|
color: #4A57ED;
|
|
border: none;
|
|
} |