mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
378 lines
11 KiB
CSS
378 lines
11 KiB
CSS
|
|
/*
|
|
This work is licensed the MIT License.
|
|
|
|
Author: C. C. Hall (aka Cyanobacterium)
|
|
*/
|
|
|
|
/* Tabs implementation */
|
|
.sheet-tab-row {
|
|
font-weight: bold;
|
|
}
|
|
.sheet-tab-button { }
|
|
|
|
.sheet-tabbed-pane {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-tab-button-all:checked ~ div.sheet-tab {
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab-button1:checked ~ div.sheet-tab1,
|
|
input.sheet-tab-button2:checked ~ div.sheet-tab2,
|
|
input.sheet-tab-button3:checked ~ div.sheet-tab3,
|
|
input.sheet-tab-button4:checked ~ div.sheet-tab4,
|
|
input.sheet-tab-button5:checked ~ div.sheet-tab5 {
|
|
display: block;
|
|
}
|
|
/* End of tabs */
|
|
|
|
|
|
/* section fotmatting */
|
|
.sheet-text-align-left { text-align: left; }
|
|
.sheet-text-align-center { text-align: center; }
|
|
.sheet-text-align-right { text-align: right; }
|
|
.sheet-inline {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.sheet-header {
|
|
padding: 8px 16px;
|
|
}
|
|
.sheet-header-block {
|
|
display: inline-block;
|
|
padding: 6px 4px;
|
|
}
|
|
.sheet-column1 { }
|
|
.sheet-column2 { }
|
|
.sheet-column3 { } /* column 3 is for single-column pages*/
|
|
.sheet-column1-cell {
|
|
vertical-align: top;
|
|
}
|
|
.sheet-column2-cell {
|
|
vertical-align: top;
|
|
}
|
|
.sheet-column3-cell {
|
|
vertical-align: top;
|
|
}
|
|
.sheet-section-title-bar {
|
|
font-family: Georgia, "Charis SIL", Utopia, Charter, serif;
|
|
font-size: 22pt;
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
padding-bottom: 8px;
|
|
}
|
|
.sheet-section-content {
|
|
font-family: Georgia, "Charis SIL", Utopia, Charter, serif;
|
|
font-size: 12pt;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
.sheet-section-line-item {
|
|
font-family: Georgia, "Charis SIL", Utopia, Charter, serif;
|
|
font-size: 10pt;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-align: right;
|
|
}
|
|
.sheet-repeated-entry {
|
|
border-top: 1pt solid #808080;
|
|
border-bottom: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
padding: 4px;
|
|
}
|
|
.sheet-repeater-fieldset {
|
|
border: none;
|
|
}
|
|
.sheet-numbox {
|
|
width: 4em;
|
|
}
|
|
.sheet-long-numbox {
|
|
width: 7em;
|
|
}
|
|
.sheet-long-text-input {
|
|
width: 150px;
|
|
}
|
|
.sheet-paragraph-box {
|
|
width: calc(100% - 16px);
|
|
height: 4em;
|
|
}
|
|
.sheet-list-box {
|
|
width: calc(100% - 16px);
|
|
height: 8em;
|
|
}
|
|
.sheet-long-list-box {
|
|
width: calc(100% - 16px);
|
|
height: 16em;
|
|
}
|
|
.sheet-big-bold {
|
|
font-size: 14pt;
|
|
font-weight: bold;
|
|
font-family: Verdana, Geneva, sans-serif;
|
|
}
|
|
.sheet-big-bold-fancy {
|
|
font-size: 14pt;
|
|
font-weight: bold;
|
|
font-family: Georgia, "Charis SIL", Utopia, Charter, serif;
|
|
}
|
|
.sheet-undertext {
|
|
font-size: 8pt;
|
|
font-weight: normal;
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
}
|
|
.sheet-skill-name {
|
|
width: 120px;
|
|
}
|
|
/**********************/
|
|
|
|
/* section box layout */
|
|
.sheet-columns {
|
|
border: none;
|
|
}
|
|
.sheet-columns td{
|
|
border: none;
|
|
padding: 4px;
|
|
}
|
|
.sheet-section-layout-table {
|
|
border: none;
|
|
border-spacing: 0px;
|
|
border-collapse: separate;
|
|
}
|
|
.sheet-section-layout-table td {
|
|
padding: 0px;
|
|
}
|
|
.sheet-section-frame {
|
|
padding: 16px;
|
|
width: 316px;
|
|
}
|
|
.sheet-section-frame-2x {
|
|
padding: 16px;
|
|
width: calc(2*316px + 72px);
|
|
}
|
|
.sheet-subsection-table {
|
|
border-spacing: 0;
|
|
}
|
|
.sheet-subsection-table tr td {
|
|
border-bottom: 1pt solid #808080;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
padding: 2px;
|
|
}
|
|
.sheet-cell-header {
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
text-decoration: underline;
|
|
}
|
|
.sheet-subsection-table tr th {
|
|
border-bottom: none;
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
text-decoration: underline;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
}
|
|
.sheet-subsection-table tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
.sheet-subsection-table tr td:first-child {
|
|
text-align: left;
|
|
}
|
|
.sheet-subsection-table2{
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
border-spacing: 4px;
|
|
}
|
|
.sheet-subsection-table2 tr th {
|
|
border-bottom: none;
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
text-decoration: underline;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
}
|
|
.sheet-subsection-table2 tr td {
|
|
border-bottom: none;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
padding: 2px;
|
|
}
|
|
.sheet-table-hide{
|
|
display: none;
|
|
}
|
|
input.sheet-table-hide-checkbox:checked ~ div.sheet-table-hide {
|
|
display: block;
|
|
}
|
|
|
|
div.sheet-subsection-nontable-row {
|
|
border-bottom: 1pt solid #808080;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
padding: 4px;
|
|
}
|
|
div:last-child.sheet-subsection-nontable-row {
|
|
border-bottom: none;
|
|
}
|
|
.sheet-half-width {
|
|
display: inline-block;
|
|
padding: 4px;
|
|
width: calc(50% - 16px);
|
|
}
|
|
.sheet-full-width {
|
|
display: inline-block;
|
|
padding: 4px;
|
|
width: calc(100% - 16px);
|
|
}
|
|
.sheet-small-padding {
|
|
padding: 2px;
|
|
}
|
|
/**********************/
|
|
|
|
/* section decorations */
|
|
.sheet-scroll-roll {
|
|
height: 16px;
|
|
background-image: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/scroll-roll.png");
|
|
background-repeat: repeat-x;
|
|
}
|
|
.sheet-scroll-left {
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/sprite-sheet.png") no-repeat;
|
|
background-position: -160px -48px;
|
|
}
|
|
.sheet-scroll-right {
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/sprite-sheet.png") no-repeat;
|
|
background-position: -160px -80px;
|
|
}
|
|
.sheet-paper-background {
|
|
background: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/section-content-background.png") no-repeat;
|
|
background-size: 100% 100%
|
|
}
|
|
/***************************/
|
|
|
|
/* spell notes hiding */
|
|
|
|
.sheet-spell-paragraph-box {
|
|
width: calc(100% - 16px);
|
|
height: 4em;
|
|
}
|
|
.sheet-spell-info {
|
|
display: none;
|
|
}
|
|
.sheet-spell-info-button{
|
|
margin: 2px;
|
|
}
|
|
input.sheet-spell-info-button:checked ~ div.sheet-spell-info {
|
|
display: block;
|
|
}
|
|
/**********************/
|
|
|
|
/* buttons */
|
|
.sheet-roll-button { }
|
|
/***********/
|
|
|
|
/* sprites (16x16 and 32x32 pixel sprites) */
|
|
.sheet-icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/sprite-sheet.png") no-repeat;
|
|
display: inline-block;
|
|
}
|
|
.sheet-icon-large {
|
|
width: 32px;
|
|
height: 32px;
|
|
background: url("https://raw.githubusercontent.com/cyanobacterium/Roll20-DnD5E-Character-Scrolls/master/sprite-sheet.png") no-repeat;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-icon-section-identity { background-position: 0px 0px; }
|
|
.sheet-icon-section-appearance { background-position: 0px -32px; }
|
|
.sheet-icon-section-ability-scores { background-position: 0px -64px; }
|
|
.sheet-icon-section-skills { background-position: 0px -96px; }
|
|
.sheet-icon-section-proficiencies { background-position: 0px -128px; }
|
|
.sheet-icon-section-features { background-position: 0px -160px; }
|
|
.sheet-icon-section-combat { background-position: -32px 0px; }
|
|
.sheet-icon-section-equipment { background-position: -32px -32px; }
|
|
.sheet-icon-section-mounts { background-position: -32px -64px; }
|
|
.sheet-icon-section-deeds { background-position: -32px -96px; }
|
|
.sheet-icon-section-pet { background-position: -32px -128px; }
|
|
.sheet-icon-section-magic { background-position: -32px -160px; }
|
|
.sheet-icon-section-spells { background-position: -64px 0px; }
|
|
.sheet-icon-section-contacts { background-position: -64px -32px; }
|
|
.sheet-icon-section-notes { background-position: -64px -64px; }
|
|
|
|
|
|
.sheet-icon-tab-abilities { background-position: -96px 0px; }
|
|
.sheet-icon-tab-equipment { background-position: -96px -16px; }
|
|
.sheet-icon-tab-magic { background-position: -96px -32px; }
|
|
.sheet-icon-tab-notebook { background-position: -96px -48px; }
|
|
.sheet-icon-tab-all { background-position: -96px -64px; }
|
|
.sheet-icon-strength { background-position: -64px -96px; }
|
|
.sheet-icon-dexterity { background-position: -64px -128px; }
|
|
.sheet-icon-constitution { background-position: -64px -160px; }
|
|
.sheet-icon-intelligence { background-position: 0px -192px; }
|
|
.sheet-icon-wisdom { background-position: -32px -192px; }
|
|
.sheet-icon-charisma { background-position: -64px -192px; }
|
|
.sheet-icon-normal-d20 { background-position: -96px -176px; }
|
|
.sheet-icon-prof-d20 { background-position: -112px 0px; }
|
|
.sheet-icon-adv-d20 { background-position: -112px -16px; }
|
|
.sheet-icon-disadv-d20 { background-position: -112px -32px; }
|
|
.sheet-icon-skill-acrobatics { background-position: -112px -48px; }
|
|
.sheet-icon-skill-animal-handling { background-position: -112px -64px; }
|
|
.sheet-icon-skill-arcana { background-position: -112px -80px; }
|
|
.sheet-icon-skill-athletics { background-position: -112px -96px; }
|
|
.sheet-icon-skill-deception { background-position: -112px -112px; }
|
|
.sheet-icon-skill-history { background-position: -112px -128px; }
|
|
.sheet-icon-skill-insight { background-position: -112px -144px; }
|
|
.sheet-icon-skill-intimidation { background-position: -112px -160px; }
|
|
.sheet-icon-skill-investigation { background-position: -112px -176px; }
|
|
.sheet-icon-skill-medicine { background-position: -128px 0px; }
|
|
.sheet-icon-skill-nature { background-position: -128px -16px; }
|
|
.sheet-icon-skill-perception { background-position: -128px -32px; }
|
|
.sheet-icon-skill-performance { background-position: -128px -48px; }
|
|
.sheet-icon-skill-persuasion { background-position: -128px -64px; }
|
|
.sheet-icon-skill-religion { background-position: -128px -80px; }
|
|
.sheet-icon-skill-sleight-of-hand { background-position: -128px -96px; }
|
|
.sheet-icon-skill-stealth { background-position: -128px -112px; }
|
|
.sheet-icon-skill-survival { background-position: -128px -128px; }
|
|
.sheet-icon-personality { background-position: -128px -144px; }
|
|
.sheet-icon-ideals { background-position: -128px -160px; }
|
|
.sheet-icon-bonds { background-position: -128px -176px; }
|
|
.sheet-icon-flaws { background-position: -144px 0px; }
|
|
.sheet-icon-ac { background-position: -144px -16px; }
|
|
.sheet-icon-hp { background-position: -144px -32px; }
|
|
.sheet-icon-death-saves { background-position: -144px -48px; }
|
|
.sheet-icon-hd { background-position: -144px -64px; }
|
|
.sheet-icon-attack { background-position: -144px -80px; }
|
|
.sheet-icon-attuned-items { background-position: -144px -96px; }
|
|
.sheet-icon-quiver { background-position: -144px -112px; }
|
|
.sheet-icon-belt-pouch { background-position: -144px -128px; }
|
|
.sheet-icon-backpack { background-position: -144px -144px; }
|
|
.sheet-icon-coin-purse { background-position: -144px -160px; }
|
|
.sheet-icon-trinkets { background-position: -144px -176px; }
|
|
.sheet-icon-mount { background-position: -160px 0px; }
|
|
.sheet-icon-deed { background-position: -160px -16px; }
|
|
.sheet-icon-spell-level { background-position: -160px -32px; }
|
|
|
|
.sheet-icon-scroll-top-left { background-position: -160px -48px; }
|
|
.sheet-icon-scroll-top-middle { background-position: -160px -64px; }
|
|
.sheet-icon-scroll-top-right { background-position: -160px -80px; }
|
|
.sheet-icon-scroll-bottom-left { background-position: -160px -96px; }
|
|
.sheet-icon-scroll-bottom-middle { background-position: -160px -112px; }
|
|
.sheet-icon-scroll-bottom-right { background-position: -160px -128px; }
|
|
|
|
|
|
|
|
/* end of sprites */
|