mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
104 lines
2.2 KiB
SCSS
104 lines
2.2 KiB
SCSS
/*------------------------------------*\
|
|
#ROLL TEMPLATES
|
|
\*------------------------------------*/
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
|
|
.withoutavatars .sheet-rolltemplate-mythicd6 {
|
|
margin-left: -7px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-mythicd6 {
|
|
margin-left: -37px;
|
|
|
|
.sheet-container {
|
|
border: 3px solid black;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-header {
|
|
background-color: var(--header-bg-color, #a83521);
|
|
color: var(--header-text-color, #FFF);
|
|
text-align: left;
|
|
text-transform: capitalize;
|
|
padding: 5px;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
.sheet-title {
|
|
font-size:1.2em;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-subtitle {
|
|
font-size:.9em;
|
|
}
|
|
|
|
/* example colors */
|
|
.sheet-container {
|
|
/* this are the default heaer colors */
|
|
--header-bg-color: #a83521;
|
|
--header-text-color: #FFF;
|
|
}
|
|
|
|
/* alt template colors */
|
|
.sheet-container.sheet-color-green {
|
|
--header-bg-color: #008000;
|
|
}
|
|
.sheet-container.sheet-color-blue {
|
|
--header-bg-color: #0000e0;
|
|
}
|
|
.sheet-container.sheet-color-gold {
|
|
--header-bg-color: #ffdd1f;
|
|
--header-text-color: #000;
|
|
}
|
|
.sheet-container.sheet-color-purple {
|
|
--header-bg-color: #c200c2;
|
|
}
|
|
.sheet-container.sheet-color-black {
|
|
--header-bg-color: #000;
|
|
}
|
|
.sheet-container.sheet-color-white {
|
|
--header-bg-color: #FFF;
|
|
--header-text-color: #000;
|
|
}
|
|
|
|
/* Allprops part */
|
|
.sheet-content {
|
|
display: grid;
|
|
background: #FFF;
|
|
/* Header formatting - modify the column layout below */
|
|
grid-template-columns: auto auto;
|
|
/* Line height to match default roll template */
|
|
line-height:1.4em;
|
|
}
|
|
.sheet-content > div {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Left column */
|
|
.sheet-content .sheet-key {
|
|
font-weight: bold;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* Empty rule, use this if you want to change the right column
|
|
.sheet-value {
|
|
}
|
|
*/
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-content :nth-child(4n+3),
|
|
.sheet-content :nth-child(4n) {
|
|
background:#EEE;
|
|
}
|
|
|
|
/* Description field */
|
|
.sheet-desc {
|
|
grid-column: span 2;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
} |