mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
johndav2
1126a85ebf
Repeating Attributes and Defects now have correct spacing. Cleaned up commented HTML.
3549 lines
134 KiB
CSS
3549 lines
134 KiB
CSS
/* Imported Fonts */
|
|
@import url('https://fonts.googleapis.com/css2?family=Long+Cang&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Asap&family=Long+Cang&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');
|
|
@import url('https://fonts.googleapis.com/css?family=Material+Icons&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols&display=swap');
|
|
|
|
/* General Styling */
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
/*
|
|
html {
|
|
font-size: 62.5%;
|
|
}
|
|
*/
|
|
body {
|
|
margin: 0;
|
|
font-size: 1.6rem; /* 16px */
|
|
}
|
|
.page-header {
|
|
font-size: 3.2rem; /* 32px */
|
|
}
|
|
.ui-dialog .tab-content .charsheet {
|
|
height: auto;
|
|
width: 86rem;
|
|
}
|
|
.sheet-darkmode .ui-dialog .tab-content .charsheet {
|
|
background-color: #1F1F1F;
|
|
}
|
|
input, .uneditable-input {
|
|
width: 30rem;
|
|
}
|
|
|
|
/* Fonts */
|
|
.ui-dialog .tab-content .charsheet .font-d6 {
|
|
font-family: dicefontd6;
|
|
font-size: 3rem;
|
|
padding: .5rem 6.5rem .5rem 6.5rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .font-pictos {
|
|
font-family: Pictos;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .font-pictos3 {
|
|
font-family: Pictos Three;
|
|
}
|
|
|
|
/* Section Styling */
|
|
.ui-dialog .tab-content .charsheet .styling-border {
|
|
display: block;
|
|
border-radius: 0 0 3rem 3rem;
|
|
padding-bottom: .1rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-background {
|
|
display: block;
|
|
margin: 0rem 1rem 1rem 1rem;
|
|
border-radius: 2rem;
|
|
padding: 1rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-background.force-width-74 {
|
|
width: 74%;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-background.force-width-83 {
|
|
width: 83%;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .section-break {
|
|
padding-bottom: 10px;
|
|
|
|
}
|
|
/*
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_attribute"] > .repitem:first-child,
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_defect"] > .repitem:first-child,
|
|
*/.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_attribute"] > .repitem:has(input[value="1"]),
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_defect"] > .repitem:has(input[value="1"]) {
|
|
padding-top: 1rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_attribute"] > .repitem:has(input[value="0"]),
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_defect"] > .repitem:has(input[value="0"]) {
|
|
padding-top: 0rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_attribute"] > .repitem:first-child:only-child,
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_attribute"] > .repitem:has(input[value="0"]),
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_defect"] > .repitem:first-child:only-child,
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_defect"] > .repitem:has(input[value="0"]),
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_roll"] > .repitem:first-child:only-child,
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_skill"] > .repitem:first-child:only-child,
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_skill"] > .repitem:has(input[value="0"]) {
|
|
padding-bottom: 0rem;
|
|
}
|
|
/*
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_attribute"] > .repitem:not(:last-child),
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_defect"] > .repitem:not(:last-child),
|
|
*/
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_roll"] > .repitem:not(:last-child),
|
|
.ui-dialog .tab-content .charsheet .repcontainer[data-groupname="repeating_skill"] > .repitem:not(:last-child) {
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
/* Component Sytling */
|
|
.ui-dialog .tab-content .charsheet .styling-pill {
|
|
border-radius: 3rem;
|
|
padding: 1rem 0% 1rem 2rem;
|
|
cursor: default;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-pill-title {
|
|
border-radius: 3rem;
|
|
padding: 1rem 0 1rem 0;
|
|
text-align: center;
|
|
cursor: default;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-big-pill {
|
|
border-radius: 2rem;
|
|
text-align: center;
|
|
padding-top: 1rem;
|
|
cursor: default;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-big-pill-button {
|
|
border-radius: 2rem;
|
|
padding-top: 1rem;
|
|
cursor: default;
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-big-pill-button-span {
|
|
display: block;
|
|
position: absolute;
|
|
top: 1.2rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-pill-input {
|
|
border-radius: 3rem;
|
|
border-style: solid;
|
|
border-width: .5rem;
|
|
text-align: center;
|
|
min-width: 0;
|
|
max-width: 95%;
|
|
justify-self: end;
|
|
cursor: default;
|
|
z-index: 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-big-pill-input {
|
|
border-radius: 3rem;
|
|
border-style: solid;
|
|
border-width: .5rem;
|
|
text-align: center;
|
|
min-width: 0;
|
|
max-width: 19.6rem;
|
|
cursor: default;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-long-pill-input {
|
|
display: block;
|
|
width: 100%;
|
|
border-radius: 3rem;
|
|
border-style: solid;
|
|
border-width: .5rem;
|
|
text-align: center;
|
|
min-width: 0;
|
|
cursor: default;
|
|
z-index: 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-big-pill-textarea {
|
|
border-radius: 1.5rem;
|
|
border-style: solid;
|
|
border-width: 0 .5rem 0 .5rem;
|
|
resize: none;
|
|
flex-grow: 1;
|
|
cursor: default;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-big-pill-textarea-attribute,
|
|
.ui-dialog .tab-content .charsheet .styling-big-pill-textarea-specializations {
|
|
border-radius: 2rem;
|
|
border-style: solid;
|
|
border-width: .5rem .5rem .5rem .5rem;
|
|
resize: none;
|
|
height: 85%;
|
|
cursor: default;
|
|
z-index: 1;
|
|
position: relative;
|
|
bottom: 1rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-big-pill-textarea-button {
|
|
border-radius: 2rem;
|
|
border-style: solid;
|
|
border-width: .5rem .5rem .5rem .5rem;
|
|
resize: none;
|
|
height: 125%;
|
|
cursor: default;
|
|
z-index: 1;
|
|
position: relative;
|
|
bottom: 1rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-big-pill-textarea-capabilities {
|
|
border-radius: 2rem;
|
|
border-style: solid;
|
|
border-width: .5rem .5rem .5rem .5rem;
|
|
resize: none;
|
|
height: 108%;
|
|
cursor: default;
|
|
z-index: 1;
|
|
position: relative;
|
|
bottom: 1rem;
|
|
text-align: center;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-big-pill-textarea-journal {
|
|
border-radius: 2rem;
|
|
border-style: solid;
|
|
border-width: .5rem .5rem .5rem .5rem;
|
|
resize: none;
|
|
height: 25rem;
|
|
margin-bottom: 0px;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-big-pill-select {
|
|
border-radius: 3rem;
|
|
border-style: solid;
|
|
text-align: center;
|
|
min-width: 0;
|
|
max-width: 19.6rem;
|
|
cursor: default;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-pill-select {
|
|
border-radius: 3rem;
|
|
border-style: solid;
|
|
text-align: center;
|
|
min-width: 0;
|
|
max-width: 15rem;
|
|
margin: 0.75rem;
|
|
justify-self: end;
|
|
cursor: default;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-condition-description {
|
|
border-radius: 30px;
|
|
border: 0.5rem solid;
|
|
height: 100%;
|
|
resize: none;
|
|
text-align: left;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-dice-roll-background {
|
|
background: url(https://www.freeiconspng.com/uploads/dice-png-19.png) no-repeat center;
|
|
/*background: url(https://pngimg.com/uploads/dice/dice_PNG82.png) no-repeat center;*/
|
|
/*background: url(https://media.miniaturemarket.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/j/p/jpgbesm405_1.jpg) no-repeat center;*/
|
|
|
|
background-size: 16rem;
|
|
background-color: #ffffff;
|
|
font-weight: bold;
|
|
font-size: 1.6rem;
|
|
max-height: 16rem;
|
|
padding: .4rem 9rem .4rem 9rem;
|
|
transition: 0.3s;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button {
|
|
text-align: left;
|
|
font-size: 16px;
|
|
}
|
|
/*
|
|
.ui-dialog .tab-content .charsheet .button-label-style {
|
|
text-align: left;
|
|
font-size: 16px;
|
|
color: #ffffff;
|
|
}
|
|
*/
|
|
/*
|
|
.ui-dialog .tab-content .charsheet .styling-dice-roll-background:hover {
|
|
background-color: #E83278;
|
|
|
|
}
|
|
*/
|
|
.ui-dialog .tab-content .charsheet .reveal-onhover {
|
|
display: none;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-dice-roll-background:hover > .reveal-onhover{
|
|
display: inline;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-section-button {
|
|
border-radius: 5rem;
|
|
border-width: 0;
|
|
font-size: 2rem;
|
|
position: relative;
|
|
padding: 0.3rem
|
|
}
|
|
.ui-dialog .tab-content .charsheet .styling-section-button.wide-button {
|
|
padding: 0 .43em 0 .43em;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .option-group {
|
|
background: #808080;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* Roll Template Styling */
|
|
.sheet-rolltemplate-rolls .sheet-rt-outer {
|
|
border-radius: 20px 20px 20px 20px;
|
|
/*padding: 10% 0% 10% 0%;*/
|
|
padding: 7% 0% 7% 0%;
|
|
margin-bottom: 7%;
|
|
|
|
}
|
|
/*
|
|
.sheet-rolltemplate-rolls-result {
|
|
margin: -7px 5% -2px -5%;
|
|
text-align:center;
|
|
}
|
|
*/
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer .sheet-rt-body,
|
|
.sheet-rolltemplate-rolls-result .sheet-header-spacer {
|
|
/*min-height: 7px;*/
|
|
min-height: 0.5rem;
|
|
}
|
|
.sheet-rolltemplate-rolls-result .sheet-footer-spacer {
|
|
min-height: 2px;
|
|
}
|
|
.sheet-rolltemplate-rolls-result {
|
|
position:relative;
|
|
}
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer.sheet-result-spacer {
|
|
margin-top: -4%;
|
|
}
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer.sheet-result-nospacer {
|
|
margin-top: 0%;
|
|
}
|
|
.sheet-rolltemplate-rolls-result:not(:first-child) .sheet-rt-result-outer.sheet-result-spacer {
|
|
margin-top: -17%;
|
|
}
|
|
.sheet-rolltemplate-rolls-result:not(:first-child) .sheet-rt-result-outer.sheet-result-nospacer {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-header {
|
|
text-align: center;
|
|
color: #000000;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-title {
|
|
color: #000000;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-outer.sheet-color-besm,
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer.sheet-color-besm,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer.sheet-color-besm {
|
|
border: 5px solid #E83278;
|
|
background-color: #ffb4c9;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-outer.sheet-color-react-besm,
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer.sheet-color-react-besm,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer.sheet-color-react-besm {
|
|
border: 5px solid #786DA1;
|
|
background-color: #bfb7df;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-outer.sheet-color-tristatcore,
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer.sheet-color-tristatcore,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer.sheet-color-tristatcore {
|
|
border: 5px solid #58595B;
|
|
background-color: #DEDFE0;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-outer.sheet-color-react-tristatcore,
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer.sheet-color-react-tristatcore,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer.sheet-color-react-tristatcore {
|
|
border: 5px solid #58595B;
|
|
background-color: #DEDFE0;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-outer.sheet-color-absolutepower,
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer.sheet-color-absolutepower,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer.sheet-color-absolutepower {
|
|
border: 5px solid #E30613;
|
|
background-color: #FBD9CA;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-outer.sheet-color-react-absolutepower,
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer.sheet-color-react-absolutepower,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer.sheet-color-react-absolutepower {
|
|
border: 5px solid #00569D;
|
|
/*background-color: #3989ca;*/
|
|
background-color: #78a7cd;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-header,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-header {
|
|
color: #ffffff;
|
|
font-size: 1.2em;
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-header .sheet-rt-title,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-header .sheet-rt-title {
|
|
font-family: 'Long Cang', cursive;
|
|
/*font-family: 'Bangers';*/
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-title,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-title {
|
|
font-size: 3rem;
|
|
line-height: 1.8rem;
|
|
margin: 0% -6% 0% -6%;
|
|
border-top-style: solid;
|
|
border-top-color: #000;
|
|
border-top-width: 5px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #000;
|
|
border-bottom-width: 5px;
|
|
padding: 1% 0% 3% 0%;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-title.sheet-color-besm,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-title.sheet-color-besm {
|
|
background-color: #E83278;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-title.sheet-color-react-besm,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-title.sheet-color-react-besm {
|
|
background-color: #786DA1;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-title.sheet-color-tristatcore,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-title.sheet-color-tristatcore {
|
|
background-color: #58595B;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-title.sheet-color-react-tristatcore,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-title.sheet-color-react-tristatcore {
|
|
background-color: #58595B;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-title.sheet-color-absolutepower,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-title.sheet-color-absolutepower {
|
|
background-color: #E30613;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-title.sheet-color-react-absolutepower,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-title.sheet-color-react-absolutepower {
|
|
background-color: #00569D;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-emote,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-emote {
|
|
padding: 3% 1% 3% 1%;
|
|
font-size: 1em;
|
|
font-style: italic;
|
|
min-height: 1.3em;
|
|
line-height: 1.3em;
|
|
background: #5f5f5f;
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-body,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-body {
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-grid,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-grid {
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
column-gap: 5px;
|
|
grid-template-areas: "key value";
|
|
padding: 3% 5% 2% 5% ;
|
|
font-size: 1.25em;
|
|
}
|
|
.sheet-rolltemplate-rolls.sheet-rolltemplate-darkmode .sheet-rt-grid,
|
|
.sheet-rolltemplate-rolls-result.sheet-rolltemplate-darkmode .sheet-rt-grid {
|
|
color: #333333;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-key,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-key {
|
|
grid-area: key;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-value,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-value {
|
|
grid-area: value;
|
|
text-align: right;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-outer.sheet-action .sheet-rt-grid:nth-minor(even) {
|
|
background: #ffb4c9;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls .sheet-rt-outer.sheet-reaction .sheet-rt-grid:nth-minor(even) {
|
|
background: #bfb7df;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls .sheet-rt-result-outer .sheet-result-succeed.sheet-rt-grid:nth-minor(even) {
|
|
background: #FF6969;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls .sheet-rt-result-outer .sheet-result-fails.sheet-rt-grid:nth-minor(even) {
|
|
background: #C5E0B4;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls .sheet-rt-outer.sheet-action .sheet-rt-grid:nth-minor(odd),
|
|
.sheet-rolltemplate-rolls .sheet-rt-outer.sheet-reaction .sheet-rt-grid:nth-minor(odd) {
|
|
background: #fff;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls .sheet-rt-value .inlinerollresult,
|
|
.sheet-rolltemplate-rolls .sheet-rt-value .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rolls .sheet-rt-value .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rolls .sheet-rt-value .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-value .inlinerollresult,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-value .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-value .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-value .inlinerollresult.importantroll {
|
|
background-color: transparent;
|
|
border: none;
|
|
font-size: inherit;
|
|
padding: 0% 0% 0% 0%;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls .sheet-mouseover-hideroll,
|
|
.sheet-rolltemplate-rolls-result .sheet-mouseover-hideroll {
|
|
pointer-events: none;
|
|
}
|
|
/*
|
|
.sheet-rolltemplate-rolls .sheet-rt-body {
|
|
font-weight: bold;
|
|
}
|
|
*/
|
|
.ui-dialog .tab-content .charsheet .d6font {
|
|
font-family: dicefontd6;
|
|
font-weight: 450;
|
|
font-size: 1.6em;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-d6font {
|
|
font-family: dicefontd6;
|
|
font-weight: 450;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
/* REACTIVE ROLL SYSTEM */
|
|
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer {
|
|
width: 92%;
|
|
margin: auto;
|
|
border-radius: 10px;
|
|
font-family: corbel;
|
|
margin-top: -15%;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer {
|
|
/*width: 92%;*/
|
|
margin: auto;
|
|
border-radius: 10px;
|
|
font-family: corbel;
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls .sheetsheet-rt-react-outer .sheet-rt-react-header,
|
|
.sheet-rolltemplate-rolls-result .sheetsheet-rt-react-outer .sheet-rt-react-header {
|
|
font-size: 1.3em;
|
|
line-height: 1.3em;
|
|
font-style: italic;
|
|
font-weight: 900;
|
|
margin: 0% 0% 0% 0%;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer .sheet-rt-react-button,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer .sheet-rt-react-button,
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer .sheet-rt-react-tn,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer .sheet-rt-react-tn {
|
|
margin-top: -3px;
|
|
margin-bottom: -3px;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer .sheet-rt-row,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer .sheet-rt-row {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
align-items: center;
|
|
font-size: 0.9em;
|
|
line-height: 0.9em;
|
|
width: 90%;
|
|
margin: auto;
|
|
border-top: 1px black solid;
|
|
padding: 2% 0% 2% 0%
|
|
}
|
|
.sheet-rt-react-button .inlinerollresult {
|
|
background: none;
|
|
border: none;
|
|
color: #2c324f;
|
|
pointer-events: none;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer .sheet-rt-react-button,
|
|
.sheet-rolltemplate-rolls-result .sheet-rt-result-outer .sheet-rt-react-button {
|
|
font-family: dicefontd6;
|
|
font-weight: 450;
|
|
font-size: 2em;
|
|
}
|
|
.sheet-rt-react-button a[href*="apply"] {
|
|
font-family: 'pictos';
|
|
font-weight: 300;
|
|
}
|
|
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer .sheet-rt-row .sheet-rt-react-button a[href^="~"] {
|
|
/*background-color: #bfb7df;*/
|
|
padding: 5px;
|
|
color: #4f4f4f;
|
|
display: inline-block;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer .sheet-rt-row .sheet-rt-react-button.sheet-color-react-absolutepower a[href^="~"] {
|
|
background-color: #78a7cd;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer .sheet-rt-row .sheet-rt-react-button.sheet-color-react-besm a[href^="~"] {
|
|
background-color: #bfb7df;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer .sheet-rt-row .sheet-rt-react-button.sheet-color-react-tristatcore a[href^="~"] {
|
|
background-color: #DEDFE0;
|
|
}
|
|
.sheet-rolltemplate-rolls .sheet-rt-react-outer .sheet-rt-row .sheet-rt-react-tn {
|
|
color: #000000;
|
|
}
|
|
|
|
/* CSS Grid Layouts */
|
|
/* Grid Containers */
|
|
.ui-dialog .tab-content .charsheet .grid-container-title-bar {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-areas:
|
|
"buttons-left title buttons-right";
|
|
background-color: #000000;
|
|
padding: 1rem 2rem .5rem 2rem;
|
|
border-radius: 30px 30px 0 0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-container-collapsible-title-bar {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-areas:
|
|
"buttons-left title buttons-right";
|
|
background-color: #000000;
|
|
padding: 1rem 2rem .5rem 2rem;
|
|
border-radius: 30px;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .accordion-roll:checked + .grid-container-collapsible-title-bar,
|
|
.ui-dialog .tab-content .charsheet .accordion-capabilities:checked + .grid-container-collapsible-title-bar,
|
|
.ui-dialog .tab-content .charsheet .accordion-attribute:checked + .grid-container-collapsible-title-bar,
|
|
.ui-dialog .tab-content .charsheet .accordion-defect:checked + .grid-container-collapsible-title-bar,
|
|
.ui-dialog .tab-content .charsheet .accordion-journal:checked + .grid-container-collapsible-title-bar {
|
|
border-radius: 30px 30px 0 0;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-major-screen-top {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"name name name name logo logo logo logo height height height height"
|
|
"race race race race logo logo logo logo weight weight weight weight"
|
|
"class class class class logo logo logo logo totalcp totalcp totalcp totalcp"
|
|
". . . . . . . . . . . ."
|
|
"dm dm dm acv acv acv dcv dcv dcv scv scv scv"
|
|
"dm dm dm acv acv acv dcv dcv dcv scv scv scv"
|
|
"initiative initiative initiative actions actions actions defenses defenses defenses shockvalue shockvalue shockvalue"
|
|
"initiative initiative initiative actions actions actions defenses defenses defenses shockvalue shockvalue shockvalue"
|
|
;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-major-screen-bottom {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"details details details details gamesettings gamesettings gamesettings gamesettings characterpoints characterpoints characterpoints characterpoints"
|
|
"debug debug debug debug gmname gmname gmname gmname basecp basecp basecp basecp"
|
|
"player player player player rules rules rules rules gainedcp gainedcp gainedcp gainedcp"
|
|
"pronoun pronoun pronoun pronoun rules rules rules rules spentcp spentcp spentcp spentcp"
|
|
"sheettype sheettype sheettype sheettype rules rules rules rules temporarycp temporarycp temporarycp temporarycp"
|
|
"version version version version rules rules rules rules remainingcp remainingcp remainingcp remainingcp"
|
|
"size size size size rules rules rules rules . . . ."
|
|
"theme theme theme theme rules rules rules rules . . . ."
|
|
;
|
|
padding-top: 1rem;
|
|
}
|
|
|
|
/* Roll Marcos Grid */
|
|
.ui-dialog .tab-content .charsheet .grid-major-macro-roll {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(8, minmax(min(5rem, 0%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"rollname rollname rollname rollname rolltype rolltype rolltype rolltype"
|
|
"modifier modifier modifier modifier target target target target"
|
|
"rollattribute rollattribute rollattribute rollattribute rollstat rollstat rollstat rollstat"
|
|
"maneuver maneuver maneuver maneuver enemy enemy enemy enemy"
|
|
;
|
|
padding-bottom: 1rem;
|
|
}
|
|
/* Roll Macros Row 1 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rollname {
|
|
grid-area: rollname;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-rollname {
|
|
grid-column: 2 / span 3;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rolltype {
|
|
grid-area: rolltype;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-rolltype {
|
|
grid-column: 6 / span 3;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
/* Roll Macros Row 2 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-modifier {
|
|
grid-area: modifier;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-modifier {
|
|
grid-column: 2 / span 3;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-target {
|
|
grid-area: target;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-target {
|
|
grid-column: 6 / span 3;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
/* Roll Macros Row 3 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rollattribute {
|
|
grid-area: rollattribute;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-rollattribute {
|
|
grid-column: 2 / span 3;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rollstat {
|
|
grid-area: rollstat;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-rollstat {
|
|
grid-column: 6 / span 3;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
/* Roll Macros Row 4 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-maneuver {
|
|
grid-area: maneuver;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-maneuver {
|
|
grid-column: 2 / span 3;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-enemy {
|
|
grid-area: enemy;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-enemy {
|
|
grid-column: 6 / span 3;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
|
|
/* Conditions */
|
|
.ui-dialog .tab-content .charsheet .grid-major-status-conditions {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"condition condition condition condition condition condition condition condition condition condition condition condition"
|
|
;
|
|
padding-bottom: 1rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-major-status-top {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"energystatus energystatus energystatus healthstatus healthstatus healthstatus sanitystatus sanitystatus sanitystatus societystatus societystatus societystatus"
|
|
;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-major-status-bottom {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"remainingenergy remainingenergy remainingenergy remaininghealth remaininghealth remaininghealth remainingsanity remainingsanity remainingsanity remainingsociety remainingsociety remainingsociety"
|
|
"baseenergy baseenergy baseenergy basehealth basehealth basehealth basesanity basesanity basesanity basesociety basesociety basesociety"
|
|
"tempenergy tempenergy tempenergy temphealth temphealth temphealth tempsanity tempsanity tempsanity tempsociety tempsociety tempsociety"
|
|
"damageenergy damageenergy damageenergy damagehealth damagehealth damagehealth damagesanity damagesanity damagesanity damagesociety damagesociety damagesociety"
|
|
". . . stunhealth stunhealth stunhealth . . . . . ."
|
|
;
|
|
padding-top: .5rem;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-major-stats-top {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"body body body body mind mind mind mind soul soul soul soul"
|
|
"body body body body mind mind mind mind soul soul soul soul"
|
|
;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-major-stats-bottom {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"basebody basebody basebody basebody basemind basemind basemind basemind basesoul basesoul basesoul basesoul"
|
|
"tempbody tempbody tempbody tempbody tempmind tempmind tempmind tempmind tempsoul tempsoul tempsoul tempsoul"
|
|
"damagebody damagebody damagebody damagebody damagemind damagemind damagemind damagemind damagesoul damagesoul damagesoul damagesoul"
|
|
;
|
|
padding-top: .5rem;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-major-rules-top {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
". . . . rulebook rulebook rulebook rulebook . . . ."
|
|
". . . . rulebook rulebook rulebook rulebook . . . ."
|
|
"spacer1 spacer1 spacer1 spacer1 logo logo logo logo spacer4 spacer4 spacer4 spacer4"
|
|
"spacer2 spacer2 spacer2 spacer2 logo logo logo logo spacer5 spacer5 spacer5 spacer5"
|
|
"spacer3 spacer3 spacer3 spacer3 logo logo logo logo spacer6 spacer6 spacer6 spacer6"
|
|
". . . . . . . . . . . ."
|
|
;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-major-capabilities {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"senses senses senses senses movement movement movement movement strength strength strength strength"
|
|
"hearing hearing hearing hearing walk walk walk walk carry carry carry carry"
|
|
"sight sight sight sight jog jog jog jog lift lift lift lift"
|
|
"smell smell smell smell run run run run press press press press"
|
|
"taste taste taste taste sprint sprint sprint sprint squat squat squat squat"
|
|
"touch touch touch touch swim swim swim swim . . . ."
|
|
"sixthsense sixthsense sixthsense sixthsense sprintswim sprintswim sprintswim sprintswim . . . ."
|
|
"sixthsense sixthsense sixthsense sixthsense jump jump jump jump . . . ."
|
|
"sixthsense sixthsense sixthsense sixthsense leap leap leap leap . . . ."
|
|
"sixthsense sixthsense sixthsense sixthsense runningleap runningleap runningleap runningleap . . . ."
|
|
;
|
|
/*padding-top: 1rem;*/
|
|
}
|
|
|
|
/* Grid Items */
|
|
/* Title */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-section-title {
|
|
grid-area: title;
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
width: 48rem;
|
|
text-align-last: center;
|
|
cursor: default;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rollmacro-title {
|
|
grid-area: title;
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
width: 35rem;
|
|
text-align-last: center;
|
|
cursor: default;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-title-buttons-left {
|
|
grid-area: buttons-left;
|
|
display: flex;
|
|
justify-content: start;
|
|
gap: .5rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-title-buttons-right {
|
|
grid-area: buttons-right;
|
|
display: flex;
|
|
justify-content: end;
|
|
gap: .5rem;
|
|
}
|
|
|
|
/* Screen Top-Left*/
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-name {
|
|
grid-area: name;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-race {
|
|
grid-area: race;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-class {
|
|
grid-area: class;
|
|
}
|
|
/* Screen Top-Center*/
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-logo.tristatcore-logo {
|
|
grid-area: logo;
|
|
background: url(https://d1vzi28wh99zvq.cloudfront.net/images/15393/DTRPG%20Logo%20-%20Tri-Stat%20System.png) no-repeat center;
|
|
background-size: 100%;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-logo.besm-logo {
|
|
grid-area: logo;
|
|
background: url(https://d1vzi28wh99zvq.cloudfront.net/images/15393/DTRPG%20Logo%20-%20BESM.png) no-repeat center;
|
|
background-size: 100%;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-logo.absolutepower-logo {
|
|
grid-area: logo;
|
|
background: url(https://d1vzi28wh99zvq.cloudfront.net/images/15393/DTRPG%20Logo%20-%20Absolute%20Power.png) no-repeat center;
|
|
background-size: 100%;
|
|
}
|
|
/* Screen Top-Right*/
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-height {
|
|
grid-area: height;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-weight {
|
|
grid-area: weight;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-totalcp {
|
|
grid-area: totalcp;
|
|
}
|
|
/* Screen Middle 1st Tier */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-dm {
|
|
grid-area: dm;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-acv {
|
|
grid-area: acv;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-dcv {
|
|
grid-area: dcv;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-scv {
|
|
grid-area: scv;
|
|
}
|
|
/* Screen Middle 2nd Tier */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-initiative {
|
|
grid-area: initiative;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-actions {
|
|
grid-area: actions;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-defenses {
|
|
grid-area: defenses;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-shockvalue {
|
|
grid-area: shockvalue;
|
|
}
|
|
/* Sheet Details */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-details-header {
|
|
grid-area: details;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-game-settings-header {
|
|
grid-area: gamesettings;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-character-points-header {
|
|
grid-area: characterpoints;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-debug {
|
|
grid-area: debug;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-player {
|
|
grid-area: player;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-pronoun {
|
|
grid-area: pronoun;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-type {
|
|
grid-area: sheettype;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-version {
|
|
grid-area: version;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-size {
|
|
grid-area: size;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-theme {
|
|
grid-area: theme;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-gmname {
|
|
grid-area: gmname;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-rules {
|
|
grid-area: rules;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: start;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-basecp {
|
|
grid-area: basecp;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-gainedcp {
|
|
grid-area: gainedcp;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-spentcp {
|
|
grid-area: spentcp;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-remainingcp {
|
|
grid-area: remainingcp;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-screen-temporarycp {
|
|
grid-area: temporarycp;
|
|
}
|
|
/* Status */
|
|
.ui-dialog .tab-content .charsheet .grid-major-status-conditions .grid-minor-status-condition {
|
|
grid-area: condition;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-status-energy {
|
|
grid-area: energystatus;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-status-health {
|
|
grid-area: healthstatus;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-status-sanity {
|
|
grid-area: sanitystatus;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-status-society {
|
|
grid-area: societystatus;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-remaining-energy {
|
|
grid-area: remainingenergy;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-remaining-health {
|
|
grid-area: remaininghealth;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-remaining-sanity {
|
|
grid-area: remainingsanity;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-remaining-society {
|
|
grid-area: remainingsociety;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-base-energy {
|
|
grid-area: baseenergy;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-base-health {
|
|
grid-area: basehealth;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-base-sanity {
|
|
grid-area: basesanity;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-base-society {
|
|
grid-area: basesociety;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-temp-energy {
|
|
grid-area: tempenergy;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-temp-health {
|
|
grid-area: temphealth;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-temp-sanity {
|
|
grid-area: tempsanity;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-temp-society {
|
|
grid-area: tempsociety;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-damage-energy {
|
|
grid-area: damageenergy;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-damage-health {
|
|
grid-area: damagehealth;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-damage-sanity {
|
|
grid-area: damagesanity;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-damage-society {
|
|
grid-area: damagesociety;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-stun-health {
|
|
grid-area: stunhealth;
|
|
}
|
|
/* Stats */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-stats-body {
|
|
grid-area: body;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-stats-mind {
|
|
grid-area: mind;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-stats-soul {
|
|
grid-area: soul;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-base-body {
|
|
grid-area: basebody;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-temp-body {
|
|
grid-area: tempbody;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-damage-body {
|
|
grid-area: damagebody;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-base-mind {
|
|
grid-area: basemind;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-temp-mind {
|
|
grid-area: tempmind;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-damage-mind {
|
|
grid-area: damagemind;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-base-soul {
|
|
grid-area: basesoul;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-temp-soul {
|
|
grid-area: tempsoul;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-damage-soul {
|
|
grid-area: damagesoul;
|
|
}
|
|
/* JOURNAL */
|
|
.ui-dialog .tab-content .charsheet .grid-major-journal {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"page page page title title title title title title title title title"
|
|
"entry entry entry entry entry entry entry entry entry entry entry entry"
|
|
;
|
|
}
|
|
/* Journal Row 1 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-journal-page {
|
|
grid-area: page;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-page {
|
|
grid-column: 2 / span 2;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-journal-title {
|
|
grid-area: title;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-title {
|
|
grid-column: 5 / span 8;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
/* Journal Row 2 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-entry {
|
|
grid-area: entry;
|
|
}
|
|
/* RULES */
|
|
/* Rules Upper */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-pill-spacer-1 {
|
|
grid-area: spacer1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-pill-spacer-2 {
|
|
grid-area: spacer2;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-pill-spacer-3 {
|
|
grid-area: spacer3;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-pill-spacer-4 {
|
|
grid-area: spacer4;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-pill-spacer-5 {
|
|
grid-area: spacer5;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-pill-spacer-6 {
|
|
grid-area: spacer6;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-rulebook {
|
|
grid-area: rulebook;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-rulebook {
|
|
grid-column: 5 / span 4;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
/* Lower Rules Grid */
|
|
.ui-dialog .tab-content .charsheet .grid-major-rules-bottom {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"optional optional optional optional optional optional optional optional optional optional optional optional"
|
|
"damage damage damage damage combat combat combat combat skills skills skills skills"
|
|
"shockvalue shockvalue shockvalue shockvalue maneuvers maneuvers maneuvers maneuvers individual individual individual individual"
|
|
"knockout knockout knockout knockout extradamage extradamage extradamage extradamage genre genre genre genre"
|
|
"seriousinjury seriousinjury seriousinjury seriousinjury knockback knockback knockback knockback other other other other"
|
|
"variable variable variable variable movementpenalties movementpenalties movementpenalties movementpenalties enhancedrecovery enhancedrecovery enhancedrecovery enhancedrecovery"
|
|
"critical critical critical critical rangepenalties rangepenalties rangepenalties rangepenalties sanity sanity sanity sanity"
|
|
"hits hits hits hits spreadinitiative spreadinitiative spreadinitiative spreadinitiative society society society society"
|
|
"failures failures failures failures shield shield shield shield . . . ."
|
|
"rolls rolls rolls rolls . . . . . . . ."
|
|
"dice dice dice dice . . . . . . . ."
|
|
"mos mos mos mos . . . . . . . ."
|
|
". . . . . . . . . . . ."
|
|
"normalize normalize normalize normalize normalize normalize normalize normalize normalize normalize normalize normalize"
|
|
"attributes attributes attributes attributes enhancements enhancements enhancements enhancements limiters limiters limiters limiters"
|
|
"expertise expertise expertise expertise cognition cognition cognition cognition timed timed timed timed"
|
|
"extradefenses extradefenses extradefenses extradefenses sixthsense sixthsense sixthsense sixthsense custlimiters custlimiters custlimiters custlimiters"
|
|
"miniobject miniobject miniobject miniobject summoncreature summoncreature summoncreature summoncreature capped capped capped capped"
|
|
"taunt taunt taunt taunt transfer transfer transfer transfer proportionaldamage proportionaldamage proportionaldamage proportionaldamage"
|
|
"combattechnique combattechnique combattechnique combattechnique custenhancements custenhancements custenhancements custenhancements plantcontrol plantcontrol plantcontrol plantcontrol"
|
|
"deathdodge deathdodge deathdodge deathdodge absorption absorption absorption absorption skillflux skillflux skillflux skillflux"
|
|
"debilitate debilitate debilitate debilitate conversion conversion conversion conversion transmute transmute transmute transmute"
|
|
"eknockback eknockback eknockback eknockback forcefield forcefield forcefield forcefield defects defects defects defects"
|
|
"flankdefense flankdefense flankdefense flankdefense powerflux powerflux powerflux powerflux nohealing nohealing nohealing nohealing"
|
|
"hardboiled hardboiled hardboiled hardboiled sizechange sizechange sizechange sizechange . . . ."
|
|
"tournament tournament tournament tournament teleport teleport teleport teleport . . . ."
|
|
"specialmovement specialmovement specialmovement specialmovement weaponenhancements weaponenhancements weaponenhancements weaponenhancements . . . ."
|
|
"speedburst speedburst speedburst speedburst weapon weapon weapon weapon . . . ."
|
|
". . . . . . . . . . . ."
|
|
"homebrew homebrew homebrew homebrew homebrew homebrew homebrew homebrew homebrew homebrew homebrew homebrew"
|
|
"altrules altrules altrules altrules homebrewrules homebrewrules homebrewrules homebrewrules beta beta beta beta"
|
|
"ammotracking ammotracking ammotracking ammotracking disperse disperse disperse disperse donotconfirm donotconfirm donotconfirm donotconfirm"
|
|
"depletereserve depletereserve depletereserve depletereserve specificlimiter specificlimiter specificlimiter specificlimiter . . . ."
|
|
;
|
|
padding-top: 1rem;
|
|
}
|
|
/* Optional Rules - Column 1 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-optionalrules-title {
|
|
grid-area: optional;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-damage-header {
|
|
grid-area: damage;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-shockvalue {
|
|
grid-area: shockvalue;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-shockvalue-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-knockout {
|
|
grid-area: knockout;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-knockout-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-seriousinjury {
|
|
grid-area: seriousinjury;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-seriousinjury-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 5 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-variable {
|
|
grid-area: variable;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-variable {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 6 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-critical-header {
|
|
grid-area: critical;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-criticalhits {
|
|
grid-area: hits;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-criticalhits {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 8 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-criticalfailures {
|
|
grid-area: failures;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-criticalfailures {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 9 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rolls-header {
|
|
grid-area: rolls;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-dice {
|
|
grid-area: dice;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-dice {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 11 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-mos {
|
|
grid-area: mos;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-mos-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 12 / span 1;
|
|
}
|
|
|
|
/* Optional Rules - Column 2 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-combat-header {
|
|
grid-area: combat;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-maneuvers {
|
|
grid-area: maneuvers;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-maneuvers-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-extradamage {
|
|
grid-area: extradamage;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-extradamage-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-knockback {
|
|
grid-area: knockback;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-knockback-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 5 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-movementpenalties {
|
|
grid-area: movementpenalties;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-movementpenalties-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 6 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-rangepenalties {
|
|
grid-area: rangepenalties;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rangepenalties-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 7 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-spreadinitiative {
|
|
grid-area: spreadinitiative;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-spreadinitiative-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 8 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-shield {
|
|
grid-area: shield;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-shield-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 9 / span 1;
|
|
}
|
|
/* Optional Rules - Column 3 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-skills-header {
|
|
grid-area: skills;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-individual {
|
|
grid-area: individual;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-individual-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-genre {
|
|
grid-area: genre;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-genre {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-other-header {
|
|
grid-area: other;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-enhancedrecovery {
|
|
grid-area: enhancedrecovery;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-enhancedrecovery-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 6 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-sanity {
|
|
grid-area: sanity;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-sanity-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 7 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-society {
|
|
grid-area: society;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-society-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 8 / span 1;
|
|
}
|
|
/* Normalize Rulebooks - Column 1 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-normalize-title {
|
|
grid-area: normalize;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-attributes-header {
|
|
grid-area: attributes;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-expertise {
|
|
grid-area: expertise;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-expertise-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 16 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-extradefenses {
|
|
grid-area: extradefenses;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-extradefenses-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 17 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-miniobject {
|
|
grid-area: miniobject;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-miniobject-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 18 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-taunt {
|
|
grid-area: taunt;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-taunt-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 19 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-combattechnique {
|
|
grid-area: combattechnique;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-deathdodge {
|
|
grid-area: deathdodge;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-deathdodge-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 21 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-debilitate {
|
|
grid-area: debilitate;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-debilitate-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 22 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-eknockback {
|
|
grid-area: eknockback;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-eknockback-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 23 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-flankdefense {
|
|
grid-area: flankdefense;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-flankdefense-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 24 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-hardboiled {
|
|
grid-area: hardboiled;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-hardboiled-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 25 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-tournament {
|
|
grid-area: tournament;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-tournament-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 26 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-specialmovement {
|
|
grid-area: specialmovement;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-speedburst {
|
|
grid-area: speedburst;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-speedburst-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 28 / span 1;
|
|
}
|
|
/* Normalize Rulebooks - Column 2 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-enhancements-header {
|
|
grid-area: enhancements;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-cognition {
|
|
grid-area: cognition;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-cognition-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 16 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-sixthsense {
|
|
grid-area: sixthsense;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-sixthsense-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 17 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-summoncreature {
|
|
grid-area: summoncreature;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-summoncreature-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 18 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-transfer {
|
|
grid-area: transfer;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-transfer-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 19 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-custenhancements-header {
|
|
grid-area: custenhancements;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-absorption {
|
|
grid-area: absorption;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-absorption-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 21 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-conversion {
|
|
grid-area: conversion;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-conversion-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 22 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-forcefield {
|
|
grid-area: forcefield;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-forcefield-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 23 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-powerflux {
|
|
grid-area: powerflux;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-powerflux-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 24 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-sizechange {
|
|
grid-area: sizechange;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-sizechange-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 25 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-teleport {
|
|
grid-area: teleport;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-teleport-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 26 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-weaponenhancements-header {
|
|
grid-area: weaponenhancements;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-weapon {
|
|
grid-area: weapon;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-weapon-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 28 / span 1;
|
|
}
|
|
/* Normalize Rulebooks - Column 3 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-limiters-header {
|
|
grid-area: limiters;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-timed {
|
|
grid-area: timed;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-timed-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 16 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-custlimiters-header {
|
|
grid-area: custlimiters;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-capped {
|
|
grid-area: capped;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-capped-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 18 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-proportionaldamage {
|
|
grid-area: proportionaldamage;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-proportionaldamage-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 19 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-plantcontrol {
|
|
grid-area: plantcontrol;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-plantcontrol-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 20 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-skillflux {
|
|
grid-area: skillflux;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-skillflux-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 21 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-transmute {
|
|
grid-area: transmute;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-transmute-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 22 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-defects-header {
|
|
grid-area: defects;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-nohealing {
|
|
grid-area: nohealing;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-nohealing-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 24 / span 1;
|
|
}
|
|
/* Homebrew and Alternate Rules - Column 1 */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-homebrew-title {
|
|
grid-area: homebrew;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-altrules-header {
|
|
grid-area: altrules;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-ammotracking {
|
|
grid-area: ammotracking;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-ammotracking-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 32 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-depletereserve {
|
|
grid-area: depletereserve;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-depletereserve-state {
|
|
grid-column: 4 / span 1;
|
|
grid-row: 33 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-homebrewrules-header {
|
|
grid-area: homebrewrules;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-disperse {
|
|
grid-area: disperse;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-disperse-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 32 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-specificlimiter {
|
|
grid-area: specificlimiter;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-specificlimiter-state {
|
|
grid-column: 8 / span 1;
|
|
grid-row: 33 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-betafeatures-header {
|
|
grid-area: beta;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rules-donotconfirm {
|
|
grid-area: donotconfirm;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-donotconfirm-state {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 32 / span 1;
|
|
}
|
|
|
|
/* Capabilities */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-senses-header {
|
|
grid-area: senses;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-senses-hearing {
|
|
grid-area: hearing;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-hearing {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-senses-sight {
|
|
grid-area: sight;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-sight {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-senses-smell {
|
|
grid-area: smell;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-smell {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-senses-taste {
|
|
grid-area: taste;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-taste {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 5 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-senses-touch {
|
|
grid-area: touch;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-touch {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 6 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-senses-sixthsense {
|
|
grid-area: sixthsense;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-sixthsense {
|
|
grid-column: 1 / span 4;
|
|
grid-row: 8 / span 3;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-movement-header {
|
|
grid-area: movement;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-movement-walk {
|
|
grid-area: walk;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-walk {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-movement-jog {
|
|
grid-area: jog;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-jog {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-movement-run {
|
|
grid-area: run;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-run {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-movement-sprint {
|
|
grid-area: sprint;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-sprint {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 5 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-movement-swim {
|
|
grid-area: swim;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-swim {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 6 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-movement-sprintswim {
|
|
grid-area: sprintswim;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-sprintswim {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 7 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-movement-jump {
|
|
grid-area: jump;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-jump {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 8 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-movement-leap {
|
|
grid-area: leap;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-leap {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 9 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-movement-runningleap {
|
|
grid-area: runningleap;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-runningleap {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 10 / span 1;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-strength-header {
|
|
grid-area: strength;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-strength-carry {
|
|
grid-area: carry;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-carry {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-strength-lift {
|
|
grid-area: lift;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-lift {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
/*
|
|
.ui-dialog .tab-content .charsheet .grid-minor-strength-press {
|
|
grid-area: press;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-press {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-strength-squat {
|
|
grid-area: squat;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-squat {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 5 / span 1;
|
|
}
|
|
/*
|
|
/* Attributes and Defects - Group HUD */
|
|
/*
|
|
.ui-dialog .tab-content .charsheet .grid-minor-attributes-groupid {
|
|
grid-area: groupid;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-groupid {
|
|
grid-column: 2 / span 2;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
*/
|
|
/* Attribute Group Grid */
|
|
.ui-dialog .tab-content .charsheet .grid-major-attributes-grouphud {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"groupname groupname groupname groupname groupname groupname groupname groupname groupname grouppoints grouppoints grouppoints"
|
|
"grouptype grouptype grouptype grouptype groupsource groupsource groupsource groupsource groupitem groupitem groupitem groupitem"
|
|
;
|
|
/*padding-top: 1rem;*/
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-attributes-groupname {
|
|
grid-area: groupname;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-groupname {
|
|
grid-column: 3 / span 7;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-attributes-grouppoints {
|
|
grid-area: grouppoints;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-grouppoints {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-attributes-grouptype {
|
|
grid-area: grouptype;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-grouptype {
|
|
grid-column: 2 / span 3;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-attributes-groupsource {
|
|
grid-area: groupsource;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-groupsource {
|
|
grid-column: 6 / span 3;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-attributes-groupitem {
|
|
grid-area: groupitem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-groupitem {
|
|
grid-column: 10 / span 3;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
/* Non-standard Group Grid */
|
|
.ui-dialog .tab-content .charsheet .grid-major-attributes-nonstandardgrouphud {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"pointpool pointpool pointpool pointpool pointpool pointpool grouplevel grouplevel grouplevel groupenhancements groupenhancements groupenhancements"
|
|
"groupstat groupstat groupstat groupcost groupcost groupcost grouptypepoints grouptypepoints grouptypepoints groupenhancements groupenhancements groupenhancements"
|
|
"groupdescription groupdescription groupdescription groupdescription groupdescription groupdescription groupdescription groupdescription groupdescription grouplimiters grouplimiters grouplimiters"
|
|
"groupdescription groupdescription groupdescription groupdescription groupdescription groupdescription groupdescription groupdescription groupdescription grouplimiters grouplimiters grouplimiters"
|
|
;
|
|
padding-top: 1rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-pointpool {
|
|
grid-area: pointpool;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-pointpool {
|
|
grid-column: 2 / span 5;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-grouplevel {
|
|
grid-area: grouplevel;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-grouplevel {
|
|
grid-column: 8 / span 2;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-groupstat {
|
|
grid-area: groupstat;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-groupstat {
|
|
grid-column: 2 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-groupcost {
|
|
grid-area: groupcost;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-groupcost {
|
|
grid-column: 5 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-grouptypepoints {
|
|
grid-area: grouptypepoints;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-grouptypepoints {
|
|
grid-column: 8 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-groupdescription {
|
|
grid-area: groupdescription;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-groupdescription {
|
|
grid-column: 1 / span 9;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-groupenhancements {
|
|
grid-area: groupenhancements;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-groupenhancements {
|
|
grid-column: 10 / span 3;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-grouplimiters {
|
|
grid-area: grouplimiters;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-grouplimiters {
|
|
grid-column: 10 / span 3;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
/* Repeating Attribute Grid */
|
|
.ui-dialog .tab-content .charsheet .grid-major-attribute {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"attribute attribute attribute attribute attribute attribute level level level enhancements enhancements enhancements"
|
|
"stat stat stat cost cost cost points points points enhancements enhancements enhancements"
|
|
"configuration configuration configuration configuration configuration configuration configuration configuration configuration limiters limiters limiters"
|
|
"configuration configuration configuration configuration configuration configuration configuration configuration configuration limiters limiters limiters"
|
|
;
|
|
/*padding-top: 1rem;*/
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-attribute {
|
|
grid-area: attribute;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-attribute {
|
|
grid-column: 2 / span 5;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-level {
|
|
grid-area: level;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-level {
|
|
grid-column: 8 / span 2;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-stat {
|
|
grid-area: stat;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-stat {
|
|
grid-column: 2 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-cost {
|
|
grid-area: cost;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-cost {
|
|
grid-column: 5 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-points {
|
|
grid-area: points;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-points {
|
|
grid-column: 8 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-configuration {
|
|
grid-area: configuration;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-configuration {
|
|
grid-column: 1 / span 9;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-enhancements {
|
|
grid-area: enhancements;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-enhancements {
|
|
grid-column: 10 / span 3;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-limiters {
|
|
grid-area: limiters;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-limiters {
|
|
grid-column: 10 / span 3;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
|
|
|
|
/* Skills UI Grid */
|
|
.ui-dialog .tab-content .charsheet .grid-major-skills-uihud {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"skillsattribute skillsattribute skillsattribute skillsattribute skillsattribute skillsattribute totalpoints totalpoints totalpoints remainingpoints remainingpoints remainingpoints"
|
|
;
|
|
/*padding-top: 1rem;*/
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-skills-attribute {
|
|
grid-area: skillsattribute;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-skillsattribute {
|
|
grid-column: 3 / span 4;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-skills-totalpoints {
|
|
grid-area: totalpoints;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-totalpoints {
|
|
grid-column: 9 / span 1;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-skills-remainingpoints {
|
|
grid-area: remainingpoints;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-remainingpoints {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
/* Repeating Skills Grid */
|
|
.ui-dialog .tab-content .charsheet .grid-major-skill {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"stat stat stat rank rank rank specializations specializations specializations specializations specializations specializations"
|
|
"cost cost cost points points points specializations specializations specializations specializations specializations specializations"
|
|
;
|
|
/*padding-top: 1rem;*/
|
|
}
|
|
/*
|
|
.ui-dialog .tab-content .charsheet .grid-minor-skill {
|
|
grid-area: skill;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-skill {
|
|
grid-column: 2 / span 5;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
*/
|
|
.ui-dialog .tab-content .charsheet .grid-minor-skillstat {
|
|
grid-area: stat;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-skillstat {
|
|
grid-column: 2 / span 2;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rank {
|
|
grid-area: rank;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-skillrank {
|
|
grid-column: 5 / span 2;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-skillcost {
|
|
grid-area: cost;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-skillcost {
|
|
grid-column: 2 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-skillpoints {
|
|
grid-area: points;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-skillpoints {
|
|
grid-column: 5 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-specializations {
|
|
grid-area: specializations;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-specializations {
|
|
grid-column: 7 / span 6;
|
|
grid-row: 2 / span 2;
|
|
}
|
|
|
|
|
|
|
|
/* Repeating Defect Grid */
|
|
.ui-dialog .tab-content .charsheet .grid-major-defect {
|
|
display: grid;
|
|
gap: .5rem;
|
|
grid-template-columns: repeat(12, minmax(min(5rem, 100%), 1fr));
|
|
grid-template-rows: repeat(auto-fill, minmax(min(2.5rem, 100%), 1fr));
|
|
grid-template-areas:
|
|
"defect defect defect defect defect defect configuration configuration configuration configuration configuration configuration"
|
|
"rank rank rank points points points configuration configuration configuration configuration configuration configuration"
|
|
;
|
|
/*padding-top: 1rem;*/
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-defect {
|
|
grid-area: defect;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-defect {
|
|
grid-column: 2 / span 5;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-rank {
|
|
grid-area: rank;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-rank {
|
|
grid-column: 2 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-points {
|
|
grid-area: points;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-defectpoints {
|
|
grid-column: 5 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-defectconfiguration {
|
|
grid-area: configuration;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-defectconfiguration {
|
|
grid-column: 7 / span 6;
|
|
grid-row: 2 / span 2;
|
|
}
|
|
|
|
/* Overlapping Grid Placements */
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-name {
|
|
grid-column: 2 / span 3;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-race {
|
|
grid-column: 2 / span 3;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-class {
|
|
grid-column: 2 / span 3;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-height {
|
|
grid-column: 10 / span 3;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-weight {
|
|
grid-column: 10 / span 3;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-totalcp {
|
|
grid-column: 10 / span 3;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-dm {
|
|
grid-column: 1 / span 3;
|
|
grid-row: 8 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-acv {
|
|
grid-column: 4 / span 3;
|
|
grid-row: 8 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-dcv {
|
|
grid-column: 7 / span 3;
|
|
grid-row: 8 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-scv {
|
|
grid-column: 10 / span 3;
|
|
grid-row: 8 / span 1;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-initiative {
|
|
grid-column: 1 / span 3;
|
|
grid-row: 9 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-actions {
|
|
grid-column: 4 / span 3;
|
|
grid-row: 9 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-defenses {
|
|
grid-column: 7 / span 3;
|
|
grid-row: 9 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-shockvalue {
|
|
grid-column: 10 / span 3;
|
|
grid-row: 9 / span 1;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-debug {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-player {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-pronoun {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-type {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 5 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-version {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 6 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-size {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 7 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-theme {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 8 / span 1;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-gmname {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-rules {
|
|
grid-column: 5 / span 4;
|
|
grid-row: 4 / span 5;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-basecp {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-gainedcp {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-spentcp {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-temporarycp {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 5 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-remainingcp {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 6 / span 1;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-major-status-conditions .grid-minor-input-condition {
|
|
grid-column: 3 / span 10;
|
|
grid-row: 1 / span 1;
|
|
width: 100%;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-remainingenergy {
|
|
grid-column: 3 / span 1;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-remaininghealth {
|
|
grid-column: 6 / span 1;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-remainingsanity {
|
|
grid-column: 9 / span 1;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-remainingsociety {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-baseenergy {
|
|
grid-column: 3 / span 1;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-basehealth {
|
|
grid-column: 6 / span 1;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-basesanity {
|
|
grid-column: 9 / span 1;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-basesociety {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-tempenergy {
|
|
grid-column: 3 / span 1;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-temphealth {
|
|
grid-column: 6 / span 1;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-tempsanity {
|
|
grid-column: 9 / span 1;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-tempsociety {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-damageenergy {
|
|
grid-column: 3 / span 1;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-damagehealth {
|
|
grid-column: 6 / span 1;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-damagesanity {
|
|
grid-column: 9 / span 1;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-damagesociety {
|
|
grid-column: 12 / span 1;
|
|
grid-row: 4 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-stunhealth {
|
|
grid-column: 6 / span 1;
|
|
grid-row: 5 / span 1;
|
|
}
|
|
/* Stats */
|
|
/*
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-body {
|
|
grid-column: 1 / span 4;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-mind {
|
|
grid-column: 5 / span 8;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-soul {
|
|
grid-column: 9 / span 12;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
*/
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-basebody {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-tempbody {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-damagebody {
|
|
grid-column: 3 / span 2;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-basemind {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-tempmind {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-damagemind {
|
|
grid-column: 7 / span 2;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-basesoul {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 1 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-tempsoul {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 2 / span 1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .grid-minor-input-damagesoul {
|
|
grid-column: 11 / span 2;
|
|
grid-row: 3 / span 1;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-minor-justify-end {
|
|
justify-self: end;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .grid-force-cell-size {
|
|
grid-auto-rows: 4.3rem;
|
|
}
|
|
|
|
/* Flex Items */
|
|
|
|
/* CSS Tricks */
|
|
/* Hide/Unhide */
|
|
.ui-dialog .tab-content .charsheet div.block-a,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].block-switch:checked ~ div.block-b,
|
|
.ui-dialog .tab-content .charsheet .charactersheet-type[value="player"] ~ div.charactersheet-player,
|
|
.ui-dialog .tab-content .charsheet .charactersheet-type[value="gm"] ~ div.charactersheet-gm,
|
|
.ui-dialog .tab-content .charsheet .roll-visibility[value="1"] ~ div.roll-visibility-show,
|
|
.ui-dialog .tab-content .charsheet .attribute-visibility[value="1"] ~ div.attribute-visibility-show,
|
|
.ui-dialog .tab-content .charsheet .defect-visibility[value="1"] ~ div.defect-visibility-show,
|
|
.ui-dialog .tab-content .charsheet .show-skills[value="1"] ~ div.skills-visibility-show,
|
|
.ui-dialog .tab-content .charsheet .group-type-visibility-show {
|
|
display: block;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .group-type-show {
|
|
display: grid;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet div.block-b,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].block-switch:checked ~ div.block-a,
|
|
.container-roll .repcontrol .btn.repcontrol_edit,
|
|
.container-roll .repcontrol .btn.repcontrol_add,
|
|
.container-status .repcontrol .btn.repcontrol_edit,
|
|
.container-status .repcontrol .btn.repcontrol_add,
|
|
.container-attributes .repcontrol .btn.repcontrol_edit,
|
|
.container-attributes .repcontrol .btn.repcontrol_add,
|
|
.container-skills .repcontrol .btn.repcontrol_edit,
|
|
.container-skills .repcontrol .btn.repcontrol_add,
|
|
.ui-dialog .tab-content .charsheet .charactersheet-player,
|
|
.ui-dialog .tab-content .charsheet .charactersheet-gm,
|
|
.ui-dialog .tab-content .charsheet .group-type-hide,
|
|
.ui-dialog .tab-content .charsheet .roll-visibility[value="0"] ~ div.roll-visibility-show,
|
|
.ui-dialog .tab-content .charsheet .attribute-visibility[value="0"] ~ div.attribute-visibility-show,
|
|
.ui-dialog .tab-content .charsheet .defect-visibility[value="0"] ~ div.defect-visibility-show,
|
|
.ui-dialog .tab-content .charsheet .show-skills[value="0"] ~ div.skills-visibility-show,
|
|
.ui-dialog .tab-content .charsheet .group-type-visibility-hide {
|
|
display: none;
|
|
}
|
|
|
|
.ui-dialog .tab-content .charsheet .roll-visibility[value="0"] ~ .roll-visibility-hide.section-break,
|
|
.ui-dialog .tab-content .charsheet .attribute-visibility[value="0"] ~ .attribute-visibility-hide.section-break,
|
|
.ui-dialog .tab-content .charsheet .defect-visibility[value="0"] ~ .defect-visibility-hide.section-break {
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
/* Hide Input */
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].block-switch,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].accordion-roll,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].accordion-screen,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].accordion-status,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].accordion-stats,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].accordion-capabilities,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].accordion-attributes,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].accordion-attribute,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].accordion-defect,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].accordion-journal,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].accordion-rules,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].accordion-skills,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].styling-rule-checkbox/*,
|
|
.ui-dialog .tab-content .charsheet input[type=checkbox].nonstandard-group*/ {
|
|
opacity: 0;
|
|
left: -9999px;
|
|
position: absolute;
|
|
}
|
|
|
|
/* Hide Spacers */
|
|
.ui-dialog .tab-content .charsheet .gm-logo-spacer {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* Accordian Transitions */
|
|
.ui-dialog .tab-content .charsheet div.accordion-roll,
|
|
.ui-dialog .tab-content .charsheet div.accordion-screen,
|
|
.ui-dialog .tab-content .charsheet div.accordion-status,
|
|
.ui-dialog .tab-content .charsheet div.accordion-stats,
|
|
.ui-dialog .tab-content .charsheet div.accordion-capabilities,
|
|
.ui-dialog .tab-content .charsheet div.accordion-attribute,
|
|
.ui-dialog .tab-content .charsheet div.accordion-defect,
|
|
.ui-dialog .tab-content .charsheet div.accordion-journal {
|
|
display: none;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-roll:checked ~ div.accordion-roll,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-screen:checked ~ div.accordion-screen,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-status:checked ~ div.accordion-status,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-stats:checked ~ div.accordion-stats,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-capabilities:checked ~ div.accordion-capabilities,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-attribute:checked ~ div.accordion-attribute,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-defect:checked ~ div.accordion-defect,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-journal:checked ~ div.accordion-journal {
|
|
display: grid;
|
|
}
|
|
@keyframes fade-in {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
@keyframes fade-out {
|
|
from { opacity: 1; }
|
|
to { opacity: 0; }
|
|
}
|
|
|
|
/* Slider Animations and Styling */
|
|
.ui-dialog .tab-content .charsheet .attribute-active-switch,
|
|
.ui-dialog .tab-content .charsheet .skills-active-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 3.5rem;
|
|
height: 1.9rem;
|
|
top: .3rem;
|
|
right: .5rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .attribute-active-switch input.attribute-active-status,
|
|
.ui-dialog .tab-content .charsheet .skills-active-switch input.skills-active-status {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .skills-active-slider {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
border-radius: 3rem;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .skills-active-slider:before {
|
|
position: absolute;
|
|
content: "";
|
|
height: 1.3rem;
|
|
width: 1.3rem;
|
|
left: .3rem;
|
|
bottom: .3rem;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
border-radius: 50%;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider:before {
|
|
-webkit-transform: translateX(1.6rem);
|
|
-ms-transform: translateX(1.6rem);
|
|
transform: translateX(1.6rem);
|
|
}
|
|
|
|
/* Accordian Button Animation */
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-roll:not(:checked) ~ div.grid-container-collapsible-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-screen:not(:checked) ~ div.grid-container-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-status:not(:checked) ~ div.grid-container-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-stats:not(:checked) ~ div.grid-container-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-capabilities:not(:checked) ~ div.grid-container-collapsible-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-attributes:not(:checked) ~ div.grid-container-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-attribute:not(:checked) ~ div.grid-container-collapsible-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-defect:not(:checked) ~ div.grid-container-collapsible-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-skills:not(:checked) ~ div.grid-container-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-journal:not(:checked) ~ div.grid-container-collapsible-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-rules:not(:checked) ~ div.grid-container-title-bar span.expand {
|
|
transition: transform 0.5s;
|
|
transform: rotate(180deg);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-roll:checked ~ div.grid-container-collapsible-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-screen:checked ~ div.grid-container-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-status:checked ~ div.grid-container-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-stats:checked ~ div.grid-container-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-capabilities:checked ~ div.grid-container-collapsible-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-attributes:checked ~ div.grid-container-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-attribute:checked ~ div.grid-container-collapsible-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-defect:checked ~ div.grid-container-collapsible-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-skills:checked ~ div.grid-container-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-journal:checked ~ div.grid-container-collapsible-title-bar span.expand,
|
|
.ui-dialog .tab-content .charsheet input[type='checkbox'].accordion-rules:checked ~ div.grid-container-title-bar span.expand {
|
|
transition: transform 0.5s;
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
/* Button Animations */
|
|
.ui-dialog .tab-content .charsheet .theme-button-tristatcore.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-tristatcore.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-tristatcore.styling-dice-roll-background:hover {
|
|
background-color: #58595B;
|
|
border-color: #58595B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-tristatcore.button-click-animation:hover {
|
|
background-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-belalugosi.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-belalugosi.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-belalugosi.styling-dice-roll-background:hover {
|
|
background-color: #680747;
|
|
border-color: #141010;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-belalugosi.button-click-animation:hover {
|
|
background-color: #141010;
|
|
border-color: #141010;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-darkforest.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-darkforest.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-darkforest.styling-dice-roll-background:hover {
|
|
background-color: #72aaa5;
|
|
border-color: #72aaa5;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-darkforest.button-click-animation:hover {
|
|
background-color: #5C8D89;
|
|
border-color: #5C8D89;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-galaxyexpress.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-galaxyexpress.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-galaxyexpress.styling-dice-roll-background:hover {
|
|
background-color: #555574;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-galaxyexpress.button-click-animation:hover {
|
|
background-color: #3A3A59;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-highcontrast.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-highcontrast.button-click-animation:hover {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-highcontrast.button-click-animation:hover {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-highcontrast.styling-dice-roll-background:hover {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-imperial.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-imperial.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-imperial.styling-dice-roll-background:hover {
|
|
background-color: #888888;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-imperial.button-click-animation:hover {
|
|
background-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-lavender.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-lavender.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-lavender.styling-dice-roll-background:hover {
|
|
background-color: #A06EE1;
|
|
border-color: #A06EE1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-lavender.button-click-animation:hover {
|
|
background-color: #421B9B;
|
|
border-color: #421B9B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-oceans.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-oceans.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-oceans.styling-dice-roll-background:hover {
|
|
background-color: #2E79BA;
|
|
border-color: #2E79BA;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-oceans.button-click-animation:hover {
|
|
background-color: #1E549F;
|
|
border-color: #1E549F;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-pomegranate.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-pomegranate.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-pomegranate.styling-dice-roll-background:hover {
|
|
background-color: #C3195D;
|
|
border-color: #C3195D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-pomegranate.button-click-animation:hover {
|
|
background-color: #680747;
|
|
border-color: #680747;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-sandstone.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-sandstone.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-sandstone.styling-dice-roll-background:hover {
|
|
background-color: #d19488;
|
|
border-color: #d19488;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-sandstone.button-click-animation:hover {
|
|
background-color: #C86F5E;
|
|
border-color: #C86F5E;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-stormtrooper.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-stormtrooper.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-stormtrooper.styling-dice-roll-background:hover {
|
|
background-color: #58595B;
|
|
border-color: #58595B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-stormtrooper.button-click-animation:hover {
|
|
background-color: #000000;
|
|
border-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-valleyofthewind.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-valleyofthewind.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-valleyofthewind.styling-dice-roll-background:hover {
|
|
background-color: #4A8D52;
|
|
border-color: #4A8D52;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-valleyofthewind.button-click-animation:hover {
|
|
background-color: #227254;
|
|
border-color: #227254;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-besm.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-besm.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-besm.styling-dice-roll-background:hover {
|
|
background-color: #786DA1;
|
|
border-color: #786DA1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-besm.button-click-animation:hover {
|
|
background-color: #E83278;
|
|
border-color: #E83278;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-absolutepower.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-major-absolutepower.button-click-animation:hover,
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-absolutepower.styling-dice-roll-background:hover {
|
|
background-color: #00569D;
|
|
border-color: #00569D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .input-button.theme-minor-absolutepower.button-click-animation:hover {
|
|
background-color: #E30613;
|
|
border-color: #E30613;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .button-click-animation:active,
|
|
.ui-dialog .tab-content .charsheet .styling-dice-roll-background:active {
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
/* Rule Checkbox Styling and Transitions */
|
|
.ui-dialog .tab-content .charsheet button.styling-rule-button {
|
|
border-radius: 2.5rem;
|
|
height: 4.3rem;
|
|
width: 4.3rem;
|
|
color: #ffffff;
|
|
background: #D00000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.styling-rule-checkbox:checked + button.styling-rule-button {
|
|
background: #00D000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet span.styling-rule-icon {
|
|
font-size: 2.5rem;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Theme Styling */
|
|
/* Tri-Stat Core */
|
|
.ui-dialog .tab-content .charsheet .theme-background-tristatcore {
|
|
background-color: #DEDFE0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-tristatcore {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-tristatcore {
|
|
background-color: #000000;
|
|
color: #DEDFE0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-tristatcore {
|
|
background-color: #58595B;
|
|
color: #ffffff;
|
|
border-color: #58595B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-tristatcore {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #58595B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-tristatcore {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-tristatcore {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
border-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-tristatcore.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-tristatcore.skills-active-slider {
|
|
background-color: #58595B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-tristatcore.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-tristatcore.skills-active-slider:before {
|
|
background-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-tristatcore,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-tristatcore {
|
|
background-color: #DEDFE0;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-tristatcore,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-tristatcore {
|
|
box-shadow: 0 0 1px #DEDFE0;
|
|
}
|
|
|
|
/* BESM */
|
|
.ui-dialog .tab-content .charsheet .theme-background-besm {
|
|
background-color: #FBDFE7;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-besm {
|
|
background-color: #E83278;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-besm {
|
|
background-color: #E83278;
|
|
color: #FBDFE7;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-besm {
|
|
background-color: #786DA1;
|
|
color: #ffffff;
|
|
border-color: #786DA1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-besm {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #786DA1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-besm {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #36286D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-besm {
|
|
background-color: #36286D;
|
|
color: #ffffff;
|
|
border-color: #36286D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-besm.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-besm.skills-active-slider {
|
|
background-color: #786DA1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-besm.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-besm.skills-active-slider:before {
|
|
background-color: #E83278;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-besm,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-besm {
|
|
background-color: #FBDFE7;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-besm,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-besm {
|
|
box-shadow: 0 0 1px #FBDFE7;
|
|
}
|
|
|
|
/* Absolute Power */
|
|
.ui-dialog .tab-content .charsheet .theme-background-absolutepower {
|
|
background-color: #FBD9CA;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-absolutepower {
|
|
background-color: #E30613;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-absolutepower {
|
|
background-color: #E30613;
|
|
color: #FBD9CA;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-absolutepower {
|
|
background-color: #3989ca;
|
|
color: #ffffff;
|
|
border-color: #3989ca;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-absolutepower {
|
|
background-color: #ffffff;
|
|
color: #282828;
|
|
border-color: #3989ca;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-absolutepower {
|
|
background-color: #ffffff;
|
|
color: #282828;
|
|
border-color: #00569D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-absolutepower {
|
|
background-color: #00569D;
|
|
color: #ffffff;
|
|
border-color: #00569D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-absolutepower.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-absolutepower.skills-active-slider {
|
|
background-color: #3989ca;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-absolutepower.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-absolutepower.skills-active-slider:before {
|
|
background-color: #E30613;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-absolutepower,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-absolutepower {
|
|
background-color: #FBD9CA;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-absolutepower,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-absolutepower {
|
|
box-shadow: 0 0 1px #FBD9CA;
|
|
}
|
|
|
|
/* Bela Lugosi */
|
|
.ui-dialog .tab-content .charsheet .theme-background-belalugosi {
|
|
background-color: #C3195D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-belalugosi {
|
|
background-color: #141010;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-belalugosi {
|
|
background-color: #141010;
|
|
color: #C3195D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-belalugosi {
|
|
background-color: #680747;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-belalugosi {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #680747;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-belalugosi {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #141010;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-belalugosi {
|
|
background-color: #141010;
|
|
color: #ffffff;
|
|
border-color: #141010;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-belalugosi.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-belalugosi.skills-active-slider {
|
|
background-color: #680747;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-belalugosi.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-belalugosi.skills-active-slider:before {
|
|
background-color: #141010;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-belalugosi,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-belalugosi {
|
|
background-color: #C3195D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-belalugosi,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-belalugosi {
|
|
box-shadow: 0 0 1px #C3195D;
|
|
}
|
|
|
|
/* Dark Forest */
|
|
.ui-dialog .tab-content .charsheet .theme-background-darkforest {
|
|
background-color: #A7D7C5;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-darkforest {
|
|
background-color: #5C8D89;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-darkforest {
|
|
background-color: #5C8D89;
|
|
color: #A7D7C5;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-darkforest {
|
|
background-color: #72aaa5;
|
|
color: #ffffff;
|
|
border-color: #72aaa5;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-darkforest {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #72aaa5;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-darkforest {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #5C8D89;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-darkforest {
|
|
background-color: #5C8D89;
|
|
color: #ffffff;
|
|
border-color: #5C8D89;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-darkforest.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-darkforest.skills-active-slider {
|
|
background-color: #72aaa5;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-darkforest.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-darkforest.skills-active-slider:before {
|
|
background-color: #5C8D89;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-darkforest,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-darkforest {
|
|
background-color: #A7D7C5;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-darkforest,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-darkforest {
|
|
box-shadow: 0 0 1px #A7D7C5;
|
|
}
|
|
|
|
/* Galaxy Express */
|
|
.ui-dialog .tab-content .charsheet .theme-background-galaxyexpress {
|
|
background-color: #DB3B61;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-galaxyexpress {
|
|
background-color: #3A3A59;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-galaxyexpress {
|
|
background-color: #3A3A59;
|
|
color: #DB3B61;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-galaxyexpress {
|
|
background-color: #555574;
|
|
color: #ffffff;
|
|
border-color: #555574;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-galaxyexpress {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #555574;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-galaxyexpress {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #3A3A59;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-galaxyexpress {
|
|
background-color: #3A3A59;
|
|
color: #ffffff;
|
|
border-color: #3A3A59;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-galaxyexpress.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-galaxyexpress.skills-active-slider {
|
|
background-color: #555574;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-galaxyexpress.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-galaxyexpress.skills-active-slider:before {
|
|
background-color: #3A3A59;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-galaxyexpress,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-galaxyexpress {
|
|
background-color: #DB3B61;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-galaxyexpress,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-galaxyexpress {
|
|
box-shadow: 0 0 1px #DB3B61;
|
|
}
|
|
|
|
/* High Contrast */
|
|
.ui-dialog .tab-content .charsheet .theme-title-highcontrast {
|
|
color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-background-highcontrast {
|
|
background-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-highcontrast {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-highcontrast {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-highcontrast {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
font-weight: bold;
|
|
border-color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-highcontrast {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
border-color: #ffffff;
|
|
font-weight: bold;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-highcontrast {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
border-color: #ffffff;
|
|
font-weight: bold;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-highcontrast {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
font-weight: bold;
|
|
border-color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-highcontrast.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-highcontrast.skills-active-slider {
|
|
background-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-highcontrast.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-highcontrast.skills-active-slider:before {
|
|
background-color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-highcontrast {
|
|
background-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-highcontrast {
|
|
box-shadow: 0 0 1px #000000;
|
|
}
|
|
|
|
/* Imperial */
|
|
.ui-dialog .tab-content .charsheet .theme-background-imperial {
|
|
background-color: #888888;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-imperial {
|
|
background-color: #C00000;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-imperial {
|
|
background-color: #C00000;
|
|
color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-imperial {
|
|
background-color: #595959;
|
|
color: #ffffff;
|
|
border-color: #595959;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-imperial {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #595959;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-imperial {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-imperial {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
border-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-imperial.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-imperial.skills-active-slider {
|
|
background-color: #595959;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-imperial.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-imperial.skills-active-slider:before {
|
|
background-color: #C00000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-imperial,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-imperial {
|
|
background-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-imperial,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-imperial {
|
|
box-shadow: 0 0 1px #000000;
|
|
}
|
|
|
|
/* Lavender */
|
|
.ui-dialog .tab-content .charsheet .theme-background-lavender {
|
|
background-color: #CBBCF6;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-lavender {
|
|
background-color: #421B9B;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-lavender {
|
|
background-color: #421B9B;
|
|
color: #CBBCF6;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-lavender {
|
|
background-color: #A06EE1;
|
|
color: #ffffff;
|
|
border-color: #A06EE1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-lavender {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #A06EE1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-lavender {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #421B9B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-lavender {
|
|
background-color: #421B9B;
|
|
color: #ffffff;
|
|
border-color: #421B9B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-lavender.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-lavender.skills-active-slider {
|
|
background-color: #A06EE1;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-lavender.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-lavender.skills-active-slider:before {
|
|
background-color: #421B9B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-lavender,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-lavender {
|
|
background-color: #CBBCF6;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-lavender,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-lavender {
|
|
box-shadow: 0 0 1px #CBBCF6;
|
|
}
|
|
|
|
/* Oceans */
|
|
.ui-dialog .tab-content .charsheet .theme-background-oceans {
|
|
background-color: #5FC9F3;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-oceans {
|
|
background-color: #1E549F;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-oceans {
|
|
background-color: #1E549F;
|
|
color: #5FC9F3;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-oceans {
|
|
background-color: #2E79BA;
|
|
color: #ffffff;
|
|
border-color: #2E79BA;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-oceans {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #2E79BA;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-oceans {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #1E549F;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-oceans {
|
|
background-color: #1E549F;
|
|
color: #ffffff;
|
|
border-color: #1E549F;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-oceans.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-oceans.skills-active-slider {
|
|
background-color: #2E79BA;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-oceans.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-oceans.skills-active-slider:before {
|
|
background-color: #1E549F;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-oceans,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-oceans {
|
|
background-color: #5FC9F3;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-oceans,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-oceans {
|
|
box-shadow: 0 0 1px #5FC9F3;
|
|
}
|
|
|
|
/* Pomegranate */
|
|
.ui-dialog .tab-content .charsheet .theme-background-pomegranate {
|
|
background-color: #F70776;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-pomegranate {
|
|
background-color: #680747;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-pomegranate {
|
|
background-color: #680747;
|
|
color: #F70776;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-pomegranate {
|
|
background-color: #C3195D;
|
|
color: #ffffff;
|
|
border-color: #C3195D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-pomegranate {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #C3195D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-pomegranate {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #680747;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-pomegranate {
|
|
background-color: #680747;
|
|
color: #ffffff;
|
|
border-color: #680747;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-pomegranate.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-pomegranate.skills-active-slider {
|
|
background-color: #C3195D;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-pomegranate.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-pomegranate.skills-active-slider:before {
|
|
background-color: #680747;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-pomegranate,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-pomegranate {
|
|
background-color: #F70776;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-pomegranate,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-pomegranate {
|
|
box-shadow: 0 0 1px #F70776;
|
|
}
|
|
|
|
/* Sandstone */
|
|
.ui-dialog .tab-content .charsheet .theme-background-sandstone {
|
|
background-color: #FFFEB8;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-sandstone {
|
|
background-color: #C86F5E;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-sandstone {
|
|
background-color: #C86F5E;
|
|
color: #FFFEB8;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-sandstone {
|
|
background-color: #d19488;
|
|
color: #ffffff;
|
|
border-color: #d19488;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-sandstone {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #d19488;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-sandstone {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #C86F5E;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-sandstone {
|
|
background-color: #C86F5E;
|
|
color: #ffffff;
|
|
border-color: #C86F5E;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-sandstone.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-sandstone.skills-active-slider {
|
|
background-color: #d19488;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-sandstone.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-sandstone.skills-active-slider:before {
|
|
background-color: #C86F5E;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-sandstone,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-sandstone {
|
|
background-color: #FFFEB8;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-sandstone,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-sandstone {
|
|
box-shadow: 0 0 1px #FFFEB8;
|
|
}
|
|
|
|
/* Stromtrooper */
|
|
.ui-dialog .tab-content .charsheet .theme-background-stormtrooper {
|
|
background-color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-stormtrooper {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-stormtrooper {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-stormtrooper {
|
|
background-color: #58595B;
|
|
color: #ffffff;
|
|
border-color: #58595B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-stormtrooper {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #58595B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-stormtrooper {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-stormtrooper {
|
|
background-color: #000000;
|
|
color: #ffffff;
|
|
border-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-stormtrooper.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-stormtrooper.skills-active-slider {
|
|
background-color: #58595B;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-stormtrooper.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-stormtrooper.skills-active-slider:before {
|
|
background-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-stormtrooper,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-stormtrooper {
|
|
background-color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-stormtrooper,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-stormtrooper {
|
|
box-shadow: 0 0 1px #ffffff;
|
|
}
|
|
|
|
/* Valley of the Wind */
|
|
.ui-dialog .tab-content .charsheet .theme-background-valleyofthewind {
|
|
background-color: #A5BCD5;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-border-valleyofthewind {
|
|
background-color: #35689F;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-button-valleyofthewind {
|
|
background-color: #35689F;
|
|
color: #4A8D52;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-minor-valleyofthewind {
|
|
background-color: #4A8D52;
|
|
color: #ffffff;
|
|
border-color: #4A8D52;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-valleyofthewind {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #4A8D52;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-input-major-valleyofthewind {
|
|
background-color: #ffffff;
|
|
color: #000000;
|
|
border-color: #227254;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-major-valleyofthewind {
|
|
background-color: #227254;
|
|
color: #ffffff;
|
|
border-color: #227254;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-valleyofthewind.attribute-active-slider,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-valleyofthewind.skills-active-slider {
|
|
background-color: #A5BCD5;
|
|
}
|
|
.ui-dialog .tab-content .charsheet .theme-slider-valleyofthewind.attribute-active-slider:before,
|
|
.ui-dialog .tab-content .charsheet .theme-slider-valleyofthewind.skills-active-slider:before {
|
|
background-color: #35689F;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:checked + .attribute-active-slider.theme-slider-valleyofthewind,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:checked + .skills-active-slider.theme-slider-valleyofthewind {
|
|
background-color: #4A8D52;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.attribute-active-status:focus + .attribute-active-slider.theme-slider-valleyofthewind,
|
|
.ui-dialog .tab-content .charsheet input.skills-active-status:focus + .skills-active-slider.theme-slider-valleyofthewind {
|
|
box-shadow: 0 0 1px #4A8D52;
|
|
}
|
|
|
|
/* Status Bar Styling */
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="0"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="0"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="0"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="0"] ~ input.status-bar {
|
|
background-color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="0"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="0"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="0"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="0"] ~ input.status-bar.theme-input-major-highcontrast {
|
|
background-color: #000000;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="1"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="1"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="1"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="1"] ~ input.status-bar {
|
|
background-color: #ffffff;
|
|
background-image: linear-gradient(to right, rgb(0, 220, 0), #ffffff 19%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="1"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="1"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="1"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="1"] ~ input.status-bar.theme-input-major-highcontrast {
|
|
background-color: #000000;
|
|
background-image: linear-gradient(to right, rgb(0, 220, 0), #000000 19%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="2"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="2"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="2"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="2"] ~ input.status-bar {
|
|
background-color: #ffffff;
|
|
background-image: linear-gradient(to right, rgb(0, 220, 0), #ffffff 29%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="2"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="2"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="2"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="2"] ~ input.status-bar.theme-input-major-highcontrast {
|
|
background-color: #000000;
|
|
background-image: linear-gradient(to right, rgb(0, 220, 0), #000000 29%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="3"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="3"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="3"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="3"] ~ input.status-bar {
|
|
background-color: #ffffff;
|
|
background-image: linear-gradient(to right, rgb(0, 220, 0), #ffffff 39%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="3"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="3"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="3"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="3"] ~ input.status-bar.theme-input-major-highcontrast {
|
|
background-color: #000000;
|
|
background-image: linear-gradient(to right, rgb(0, 220, 0), #000000 39%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="4"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="4"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="4"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="4"] ~ input.status-bar {
|
|
background-color: #ffffff;
|
|
background-image: linear-gradient(to right, rgb(255, 255, 0), #ffffff 49%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="4"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="4"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="4"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="4"] ~ input.status-bar.theme-input-major-highcontrast {
|
|
background-color: #000000;
|
|
background-image: linear-gradient(to right, rgb(255, 255, 0), #000000 49%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="5"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="5"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="5"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="5"] ~ input.status-bar {
|
|
background-color: #ffffff;
|
|
background-image: linear-gradient(to right, rgb(255, 255, 0), #ffffff 59%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="5"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="5"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="5"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="5"] ~ input.status-bar.theme-input-major-highcontrast {
|
|
background-color: #000000;
|
|
background-image: linear-gradient(to right, rgb(255, 255, 0), #000000 59%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="6"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="6"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="6"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="6"] ~ input.status-bar {
|
|
background-color: #ffffff;
|
|
background-image: linear-gradient(to right, rgb(255, 255, 0), #ffffff 69%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="6"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="6"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="6"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="6"] ~ input.status-bar.theme-input-major-highcontrast {
|
|
background-color: #000000;
|
|
background-image: linear-gradient(to right, rgb(255, 255, 0), #000000 69%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="7"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="7"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="7"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="7"] ~ input.status-bar {
|
|
background-color: #ffffff;
|
|
background-image: linear-gradient(to right, rgb(255, 166, 0), #ffffff 79%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="7"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="7"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="7"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="7"] ~ input.status-bar.theme-input-major-highcontrast {
|
|
background-color: #000000;
|
|
background-image: linear-gradient(to right, rgb(255, 166, 0), #000000 79%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="8"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="8"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="8"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="8"] ~ input.status-bar {
|
|
background-color: #ffffff;
|
|
background-image: linear-gradient(to right, rgb(255, 166, 0), #ffffff 89%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="8"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="8"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="8"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="8"] ~ input.status-bar.theme-input-major-highcontrast {
|
|
background-color: #000000;
|
|
background-image: linear-gradient(to right, rgb(255, 166, 0), #000000 89%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="9"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="9"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="9"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="9"] ~ input.status-bar {
|
|
background-color: #ffffff;
|
|
background-image: linear-gradient(to right, rgb(255, 166, 0), #ffffff 99%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="9"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="9"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="9"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="9"] ~ input.status-bar.theme-input-major-highcontrast {
|
|
background-color: #000000;
|
|
background-image: linear-gradient(to right, rgb(255, 166, 0), #000000 99%);
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="10"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="10"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="10"] ~ input.status-bar,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="10"] ~ input.status-bar {
|
|
background-color: red;
|
|
color: #ffffff;
|
|
}
|
|
.ui-dialog .tab-content .charsheet input.status-bar-energy[value="10"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-health[value="10"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-sanity[value="10"] ~ input.status-bar.theme-input-major-highcontrast,
|
|
.ui-dialog .tab-content .charsheet input.status-bar-society[value="10"] ~ input.status-bar.theme-input-major-highcontrast {
|
|
background-color: red;
|
|
color: #000000;
|
|
} |