mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
304 lines
6.9 KiB
CSS
304 lines
6.9 KiB
CSS
/*****************************
|
|
TAB CONTROLS
|
|
*****************************/
|
|
|
|
.sheet-general-tab,
|
|
.sheet-skills-tab,
|
|
.sheet-combat-tab,
|
|
.sheet-equipment-tab {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="general-tab"] ~ div.sheet-general-tab,
|
|
.sheet-tabstoggle[value="skills-tab"] ~ div.sheet-skills-tab,
|
|
.sheet-tabstoggle[value="combat-tab"] ~ div.sheet-combat-tab,
|
|
.sheet-tabstoggle[value="equipment-tab"] ~ div.sheet-equipment-tab {
|
|
display: block;
|
|
}
|
|
|
|
/*****************************
|
|
HTML ELEMENTS
|
|
*****************************/
|
|
|
|
label {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
select {
|
|
margin-bottom: 0;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
/*****************************
|
|
COMMON CLASSES
|
|
*****************************/
|
|
|
|
.sheet-w5 {
|
|
width: 5rem;
|
|
}
|
|
|
|
.sheet-w8 {
|
|
width: 8rem;
|
|
}
|
|
|
|
.sheet-w9 {
|
|
width: 9rem;
|
|
}
|
|
|
|
.sheet-w12 {
|
|
width: 12rem;
|
|
}
|
|
|
|
/*****************************
|
|
SHEET ELEMENTS
|
|
*****************************/
|
|
|
|
.sheet-float-right {
|
|
float: right;
|
|
}
|
|
|
|
.sheet-container {
|
|
min-width: 68rem;
|
|
}
|
|
|
|
.sheet-flexbox {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.sheet-flexbox > * {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.sheet-tabs {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.sheet-stylish-box {
|
|
border: 0.2rem solid black;
|
|
border-radius: 2rem;
|
|
padding: 0.5rem 1rem;
|
|
box-shadow: 1rem 1rem 1rem rgba(0,0,0,0.5);
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.sheet-stylish-box + .sheet-stylish-box {
|
|
margin-left: 2rem;
|
|
}
|
|
|
|
.sheet-table{
|
|
display: table;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.sheet-table.sheet-fullwidth {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-table .repcontrol {
|
|
caption-side: bottom;
|
|
display: table-caption;
|
|
}
|
|
|
|
.sheet-table .repitem:nth-child(2n+1) {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.sheet-table input[type="text"],
|
|
.sheet-table input[type="number"] {
|
|
width: calc(100% - 1rem);
|
|
}
|
|
|
|
.sheet-table.sheet-skills input[type="number"] {
|
|
width: 4.5rem;
|
|
}
|
|
|
|
.sheet-table textarea {
|
|
height: 6rem;
|
|
width: calc(100% - 1rem);
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.repcontainer {
|
|
display: table-row-group;
|
|
}
|
|
|
|
.repitem,
|
|
.sheet-tr,
|
|
.sheet-th{
|
|
display: table-row;
|
|
}
|
|
|
|
.sheet-td{
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.sheet-td.sheet-toggleable-edit{
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-th .sheet-td {
|
|
font-style: italic;
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
.sheet-character-info label {
|
|
display: inline-block;
|
|
width: 12rem;
|
|
}
|
|
|
|
.sheet-ability-scores label {
|
|
display: inline-block;
|
|
width: 10rem;
|
|
}
|
|
|
|
.sheet-character-info > div,
|
|
.sheet-ability-scores > div {
|
|
padding-bottom: 0.2rem;
|
|
}
|
|
|
|
.sheet-talent-name {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-talent-info {
|
|
white-space: pre-line;
|
|
}
|
|
|
|
.sheet-truncatable {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
input.sheet-toggleable-switch[type="checkbox"] {
|
|
margin-top: 0.2rem;
|
|
}
|
|
|
|
input.sheet-toggleable-switch[type="checkbox"]:not(:checked) ~ .sheet-toggleable-edit {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-armor-values,
|
|
.sheet-table.sheet-damage .sheet-tr .sheet-td,
|
|
.sheet-table.sheet-damage .sheet-tr .sheet-td input {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.sheet-table .sheet-td.sheet-border-top {
|
|
border-top: 0.1rem solid black;
|
|
}
|
|
|
|
/*****************************
|
|
ROLLTEMPLATE ELEMENTS
|
|
*****************************/
|
|
|
|
input.sheet-toggleable-switch[type="checkbox"]:checked ~ .sheet-toggleable-view {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td:only-child {
|
|
column-span: all;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td.sheet-left-align:only-child {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td.sheet-fail {
|
|
background-color: darkred;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td.sheet-average {
|
|
background-color: seagreen;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td.sheet-excellent {
|
|
background-color: darkgreen;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td.sheet-stellar {
|
|
background: linear-gradient(
|
|
90deg,
|
|
rgba(255, 0, 0, 1) 0%,
|
|
rgba(255, 154, 0, 1) 10%,
|
|
rgba(208, 222, 33, 1) 20%,
|
|
rgba(79, 220, 74, 1) 30%,
|
|
rgba(63, 218, 216, 1) 40%,
|
|
rgba(47, 201, 226, 1) 50%,
|
|
rgba(28, 127, 238, 1) 60%,
|
|
rgba(95, 21, 242, 1) 70%,
|
|
rgba(186, 12, 248, 1) 80%,
|
|
rgba(251, 7, 217, 1) 90%,
|
|
rgba(255, 0, 0, 1) 100%
|
|
);
|
|
}
|
|
|
|
.sheet-rolltemplate-default td span {
|
|
background-color: rgba(255,255,255,0.66);
|
|
padding: 0.3rem;
|
|
border-radius: 0.5rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td.sheet-fail span {
|
|
color: darkred;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td.sheet-excellent span{
|
|
color: #003200;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td.sheet-average span {
|
|
color: #17432B;
|
|
}
|
|
|
|
.sheet-rolltemplate-default td.sheet-stellar span {
|
|
color: purple;
|
|
}
|
|
|
|
/*****************************
|
|
SPECIFIC ELEMENT SIZES
|
|
*****************************/
|
|
|
|
/* TALENTS AND NOTES LISTINGS COLUMN SIZES */
|
|
.sheet-table.sheet-talents .sheet-th .sheet-td:nth-of-type(1) { width: 4rem; }
|
|
.sheet-table.sheet-talents .sheet-th .sheet-td:nth-of-type(2) { width: 15rem; }
|
|
.sheet-table.sheet-talents .sheet-th .sheet-td:nth-of-type(3) { }
|
|
.sheet-table.sheet-talents .sheet-th .sheet-td:nth-of-type(4) { width: 4rem; }
|
|
|
|
/* SKILLS LISTING COLUMN SIZES */
|
|
.sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(1) { width: 4rem; }
|
|
.sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(2) { }
|
|
.sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(3) { width: 6rem; }
|
|
.sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(4) { width: 17rem; }
|
|
.sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(5) { width: 8.5rem; }
|
|
.sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(6) { }
|
|
.sheet-table.sheet-skills .sheet-th .sheet-td:nth-of-type(7) { width: 4rem; }
|
|
|
|
/* WEAPONS LISTING COLUMN SIZES */
|
|
.sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(1) { width: 4rem; }
|
|
.sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(2) { }
|
|
.sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(3) { width: 10rem; }
|
|
.sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(4) { width: 6rem; }
|
|
.sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(5) { width: 8rem; }
|
|
.sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(6) { width: 8rem; }
|
|
.sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(7) { }
|
|
.sheet-table.sheet-weapons .sheet-th .sheet-td:nth-of-type(8) { width: 4rem; }
|
|
|
|
/* DAMAGE (AKA WOUNDS) TABLE COLUMN SIZES */
|
|
.sheet-table.sheet-damage .sheet-th .sheet-td:nth-of-type(1) { width: 6rem; }
|
|
.sheet-table.sheet-damage .sheet-th .sheet-td:nth-of-type(2) { width: 22rem; }
|
|
.sheet-table.sheet-damage .sheet-th .sheet-td:nth-of-type(3) { width: 6rem; }
|
|
.sheet-table.sheet-damage .sheet-th .sheet-td:nth-of-type(4) { width: 6rem; }
|
|
|
|
/* EQUIPMENT LISTING COLUMN SIZES */
|
|
.sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(1) { width: 4rem; }
|
|
.sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(2) { width: 15rem; }
|
|
.sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(3) { width: 7rem; }
|
|
.sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(4) { width: 7rem; }
|
|
.sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(5) { }
|
|
.sheet-table.sheet-equipment .sheet-th .sheet-td:nth-of-type(6) { width: 4rem; } |