mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-31 04:02:29 +00:00
finderski
5d8c632198
Initial release of Prowlers and Paragons Character sheet, and the initial release for the Quilk System Character Sheet.
136 lines
3.4 KiB
CSS
136 lines
3.4 KiB
CSS
/*----------- Main Setup -----------*/
|
|
|
|
.charsheet .sheet-maindiv{
|
|
width: 840px;
|
|
background-color: white;
|
|
}
|
|
|
|
.charsheet label.sheet-header,
|
|
.charsheet label.sheet-shortheader {
|
|
display: block;
|
|
text-align: center;
|
|
font-family: "Patrick Hand";
|
|
font-size: 1.25em;
|
|
color: maroon;
|
|
}
|
|
|
|
.charsheet label.sheet-shortheader {
|
|
text-align: left;
|
|
width:63%;
|
|
display: inline-block;
|
|
}
|
|
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: textfield;
|
|
}
|
|
input[type=number]::-webkit-outer-spin-button,
|
|
input[type=number]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
-webkit-appearance: textfield;
|
|
}
|
|
|
|
.charsheet input {
|
|
background-color: transparent;
|
|
color: black;
|
|
border: none;
|
|
border-bottom: 1px solid gray;
|
|
text-align: center;
|
|
}
|
|
|
|
.charsheet input.sheet-repinput {
|
|
font-size: .95em;
|
|
}
|
|
|
|
.charsheet-input.sheet-useTalent {
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.charsheet span.sheet-useTalent {
|
|
font-family: "Pictos";
|
|
font-size: 1.25em;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
input.sheet-useTalent:checked + span.sheet-useTalent {
|
|
color: maroon;
|
|
}
|
|
|
|
input.sheet-useTalent:not(:checked) + span.sheet-useTalent {
|
|
color: silver;
|
|
}
|
|
|
|
/*----------- End Main Setup -----------*/
|
|
|
|
/*----------- Display/Hide Talents, Notes, Weapons, Inventory, Spells --------*/
|
|
|
|
.charsheet input.sheet-hidetalents,
|
|
.charsheet input.sheet-hidenotes,
|
|
.charsheet input.sheet-hideweapons,
|
|
.charsheet input.sheet-hideinventory,
|
|
.charsheet input.sheet-hidespells {
|
|
margin-top: -55px;
|
|
width: 15px;
|
|
height: 15px;
|
|
opacity: 0;
|
|
z-index: 999;
|
|
cursor: pointer;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.charsheet span.sheet-hidetalents,
|
|
.charsheet span.sheet-hidenotes,
|
|
.charsheet span.sheet-hideweapons,
|
|
.charsheet span.sheet-hideinventory,
|
|
.charsheet span.sheet-hidespells {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
font-family: "Pictos";
|
|
font-size: 1.25em;
|
|
margin-top: -25px;
|
|
margin-left: 10px;
|
|
z-index: 2;
|
|
float: left;
|
|
}
|
|
|
|
input.sheet-hidetalents:not(:checked) + span.sheet-hidetalents::before,
|
|
input.sheet-hidenotes:not(:checked) + span.sheet-hidenotes::before,
|
|
input.sheet-hideweapons:not(:checked) + span.sheet-hideweapons::before,
|
|
input.sheet-hideinventory:not(:checked) + span.sheet-hideinventory::before,
|
|
input.sheet-hidespells:not(:checked) + span.sheet-hidespells::before {
|
|
content: "D"
|
|
}
|
|
|
|
input.sheet-hidetalents:checked + span.sheet-hidetalents::before,
|
|
input.sheet-hidenotes:checked + span.sheet-hidenotes::before,
|
|
input.sheet-hideweapons:checked + span.sheet-hideweapons::before,
|
|
input.sheet-hideinventory:checked + span.sheet-hideinventory::before,
|
|
input.sheet-hidespells:checked + span.sheet-hidespells::before {
|
|
content: "E"
|
|
}
|
|
|
|
.charsheet div.sheet-talents,
|
|
.charsheet div.sheet-notes,
|
|
.charsheet div.sheet-weapons,
|
|
.charsheet div.sheet-inventory,
|
|
.charsheet div.sheet-spells {
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-hidetalents:checked + div.sheet-talents,
|
|
input.sheet-hidenotes:checked + div.sheet-notes,
|
|
input.sheet-hideweapons:checked + div.sheet-weapons,
|
|
input.sheet-hideinventory:checked + div.sheet-inventory,
|
|
input.sheet-hidespells:checked + div.sheet-spells {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-hidetalents:not(:checked) + div.sheet-talents,
|
|
input.sheet-hidenotes:not(:checked) + div.sheet-notes,
|
|
input.sheet-hideweapons:not(:checked) + div.sheet-weapons,
|
|
input.sheet-hideinventory:not(:checked) + div.sheet-inventory,
|
|
input.sheet-hidespells:not(:checked) + div.sheet-spells {
|
|
display: block;
|
|
} |