mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
fredhicks
ea11e300b4
Added some responsive layout stuff to the CSS so the sheet displays well at narrower widths (which is mobile friendly), plus some workarounds to deal with the fact that Roll20's app doesn't actually use any of the translation support attributes and functions.
3078 lines
116 KiB
CSS
3078 lines
116 KiB
CSS
/* Strip off all the unwanted bells and whistles Roll20 saddles us with */
|
||
|
||
.btn, .btn::before {
|
||
background-image: none;
|
||
text-shadow: none;
|
||
box-shadow: none;
|
||
}
|
||
|
||
/* Darkmode broad recoloring up top */
|
||
|
||
.sheet-rolltemplate-fateroll.sheet-rolltemplate-darkmode,
|
||
.sheet-rolltemplate-fateroll.sheet-rolltemplate-darkmode .sheet-roll,
|
||
.sheet-rolltemplate-share.sheet-rolltemplate-darkmode,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet .btn,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet .btn:hover,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet button,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet select,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet textarea,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet
|
||
{
|
||
background-color: #1f1f1f;
|
||
color: #eee;
|
||
}
|
||
|
||
/* I should really add more comments to this some day */
|
||
|
||
/* Overall Sheet Wrapper */
|
||
|
||
.Wrapper {
|
||
font-size: 11pt;
|
||
}
|
||
|
||
/* Top Section */
|
||
|
||
.topwrap {
|
||
display: flex;
|
||
flex-flow: row-reverse;
|
||
width: 100%;
|
||
justify-content: space-between;
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.topwrap > div:last-child {
|
||
flex-grow: 1;
|
||
}
|
||
|
||
/* Fate Point Box */
|
||
|
||
.fpbox {
|
||
float: right;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: flex-end;
|
||
align-items: stretch;
|
||
flex-grow: 0;
|
||
flex-shrink: 1;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.pronounbox div,
|
||
.fpbox div {
|
||
text-align: center;
|
||
vertical-align: bottom;
|
||
white-space: nowrap;
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.pronounbox > div > div,
|
||
.fpbox > div > div {
|
||
display: block;
|
||
}
|
||
|
||
.pronounbox > div > div + div,
|
||
.fpbox > div > div + div {
|
||
font-weight: bold;
|
||
font-size: 90%;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.fpbox input[type=number] {
|
||
border: 0px;
|
||
font-size: 30px;
|
||
font-weight: bold;
|
||
width: 2em;
|
||
margin-left: 0.5em;
|
||
text-align: center;
|
||
}
|
||
|
||
.listcount {
|
||
font-weight: normal;
|
||
font-size: 80%;
|
||
text-align: right;
|
||
display: none;
|
||
}
|
||
|
||
.squat {
|
||
height: 30px;
|
||
max-height: 60px;
|
||
}
|
||
|
||
.space-below {
|
||
margin-bottom: 6px;
|
||
}
|
||
|
||
.SectionHeader:hover .listcount {
|
||
display: initial;
|
||
}
|
||
|
||
.listcount::before {
|
||
content: "(";
|
||
}
|
||
|
||
.listcount::after {
|
||
content: ")";
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet .highlight input[type="button"] {
|
||
margin-bottom: 0px;
|
||
}
|
||
|
||
.charname {
|
||
border: 0px;
|
||
font-size: 36px;
|
||
font-weight: bold;
|
||
width: 100%;
|
||
padding: 0px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
|
||
.pronouns {
|
||
border: 0px;
|
||
font-size: 18px;
|
||
padding: 0px;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
.floatright {
|
||
float: right;
|
||
}
|
||
|
||
input[type="checkbox"].triggerbox:checked + .specific {
|
||
display: flex;
|
||
}
|
||
|
||
.specific {
|
||
display: flex;
|
||
flex-flow: row-reverse;
|
||
justify-content: flex-end;
|
||
align-items: flex-end;
|
||
width: 100%;
|
||
}
|
||
|
||
.specific input[type="text"] {
|
||
width: 100%;
|
||
flex-grow: 1;
|
||
border: 0px;
|
||
margin-left: 20px;
|
||
font-weight: bold;
|
||
background: transparent;
|
||
}
|
||
|
||
.recovery .label {
|
||
font-size: 80%;
|
||
text-transform: uppercase;
|
||
opacity: 0.25;
|
||
}
|
||
|
||
input[type="checkbox"]:checked + .recovery .label {
|
||
opacity: 1.0;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.aspect .boxes {
|
||
margin-left: 12px;
|
||
}
|
||
|
||
input[type="checkbox"].triggerbox:checked + .optbar {
|
||
display: flex;
|
||
}
|
||
|
||
.optbar {
|
||
vertical-align: middle;
|
||
width: 100%;
|
||
display: flex;
|
||
flex-flow: row;
|
||
flex-wrap: wrap;
|
||
justify-content: flex-start;
|
||
margin-top: 6px;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.optbar > span {
|
||
margin-right: 10px;
|
||
height: 18px;
|
||
white-space: nowrap;
|
||
padding: 6px;
|
||
padding-right: 12px;
|
||
margin-bottom: 10px;
|
||
border-radius: 6px;
|
||
}
|
||
|
||
.optbar select {
|
||
background: transparent;
|
||
border: none;
|
||
margin: none;
|
||
padding: none;
|
||
height: 24px;
|
||
}
|
||
|
||
.limited-width {
|
||
max-width: 250px;
|
||
}
|
||
|
||
input.compact,
|
||
select.compact {
|
||
max-width: 85px;
|
||
}
|
||
|
||
input.ultracompact,
|
||
select.ultracompact {
|
||
max-width: 40px;
|
||
}
|
||
|
||
input.maxcompact,
|
||
select.maxcompact {
|
||
max-width: 30px;
|
||
}
|
||
|
||
.smalltext {
|
||
font-size: 75%;
|
||
}
|
||
.clipped {
|
||
overflow: hidden;
|
||
}
|
||
|
||
.nowrap {
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.SheetFlex {
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: flex-start;
|
||
width: 100%;
|
||
}
|
||
|
||
.SheetCol {
|
||
min-width: 260px;
|
||
margin-left: 12px;
|
||
flex-grow: 1;
|
||
display: flex;
|
||
flex-flow: column;
|
||
justify-content: flex-start;
|
||
align-items: stretch;
|
||
}
|
||
|
||
.SheetCol:first-child {
|
||
margin-left: 0px;
|
||
flex-grow: 3;
|
||
}
|
||
|
||
.SectionHeader .boxcorner {
|
||
text-align: right;
|
||
flex-grow: 0;
|
||
display: inherit;
|
||
}
|
||
|
||
.SectionHeader .SheetCol:first-child .boxcorner { /* To maintain consistency of position in left col vs right */
|
||
margin-right: 4px;
|
||
}
|
||
|
||
.SectionHeader {
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
font-size: 21px;
|
||
padding-top: 12px;
|
||
display: flex;
|
||
flex-flow: row;
|
||
justify-content: space-between;
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.SectionHeader > * {
|
||
flex-grow: 1;
|
||
}
|
||
|
||
.SectionHeader ~ div {
|
||
min-width: 272px;
|
||
border-radius: 12px;
|
||
}
|
||
|
||
/* Extras stuff */
|
||
|
||
span.icon {
|
||
background: black;
|
||
border-radius: 3px;
|
||
color: white;
|
||
display: inline-block;
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
height: 16px;
|
||
width: 22px;
|
||
padding-bottom: 6px;
|
||
margin-bottom: 6px;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
input.icon[value="plus"] + span.icon::before {
|
||
content: "+";
|
||
}
|
||
|
||
input.icon[value="minus"] + span.icon::before {
|
||
content: "–";
|
||
}
|
||
|
||
input.icon[value="blank"] + span.icon::before {
|
||
content: " ";
|
||
}
|
||
|
||
.clear-all {
|
||
clear: both;
|
||
}
|
||
|
||
.indented {
|
||
padding-left: 10px;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .space-above,
|
||
.space-above {
|
||
padding-top: 12px;
|
||
}
|
||
|
||
.rule-above {
|
||
margin-top: 12px;
|
||
border-top: 1px solid gray;
|
||
padding-top: 12px;
|
||
}
|
||
|
||
/* .ExtraDisplay .repcontainer .repitem:first-child .space-above {
|
||
padding-top: 0px;
|
||
} */
|
||
|
||
.hideUnlessNull + * {
|
||
display: none;
|
||
}
|
||
|
||
.hideUnlessNull[value=""] + * {
|
||
display: initial;
|
||
}
|
||
|
||
.element ~ div {
|
||
display: none;
|
||
}
|
||
|
||
.element[value="title"] ~ .repcontainer .repitem > div {
|
||
}
|
||
|
||
.element[value="title"] ~ div.title {
|
||
display: block;
|
||
font-weight: bold;
|
||
font-size: 120%;
|
||
}
|
||
|
||
.element[value="title"] ~ div.title > input[type=text] {
|
||
font-weight: bold;
|
||
font-size: 120%;
|
||
border: 0px;
|
||
}
|
||
|
||
.element[value="permissions"] ~ div.permissions {
|
||
display: block;
|
||
}
|
||
|
||
.element[value="cost"] ~ div.cost {
|
||
display: block;
|
||
}
|
||
|
||
.element[value="aspect"] ~ div.aspect {
|
||
display: block;
|
||
}
|
||
|
||
.element[value="aspect"] ~ div.aspect span.aspect {
|
||
font-weight: bold;
|
||
font-style: italic;
|
||
text-transform: capitalize;
|
||
}
|
||
|
||
.element[value="skill"] ~ div.skill {
|
||
display: block;
|
||
}
|
||
|
||
.element[value="stunt"] ~ div.stunt {
|
||
display: block;
|
||
}
|
||
|
||
.element[value="track"] ~ div.track {
|
||
display: block;
|
||
}
|
||
|
||
.element[value="rating"] ~ div.rating {
|
||
display: block;
|
||
}
|
||
|
||
.element[value="note"] ~ div.note {
|
||
display: block;
|
||
}
|
||
|
||
/* End Extras Stuff */
|
||
|
||
.AspectFrame,
|
||
.TrackFrame,
|
||
.StuntFrame,
|
||
.PowerFrame,
|
||
.NoteFrame,
|
||
.ExtraFrame,
|
||
.SkillFrame {
|
||
display: flex;
|
||
}
|
||
|
||
.StuntFrame,
|
||
.PowerFrame,
|
||
.NoteFrame,
|
||
.SkillFrame {
|
||
flex-direction: row;
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.TrackFrame,
|
||
.ExtraFrame,
|
||
.AspectFrame {
|
||
flex-direction: column;
|
||
justify-content: stretch;
|
||
}
|
||
|
||
.ExtraFrame .fieldlabel {
|
||
text-align: left;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet .fieldlabel {
|
||
font-weight: bold;
|
||
font-size: 80%;
|
||
text-transform: uppercase;
|
||
margin-top: 4px;
|
||
padding-top: 2px;
|
||
padding-left: 1px;
|
||
padding-right: 2px;
|
||
text-shadow: 0px 0px 2px white;
|
||
/* background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.16),rgba(255,255,255,.5)) */
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet .fieldlabel {
|
||
/* background-image: linear-gradient(to bottom,rgba(16,16,16,0),rgba(16,16,16,.16),rgba(16,16,16,.5)) */
|
||
}
|
||
|
||
.OptionsEdit {
|
||
padding: 6px;
|
||
border-radius: 6px;
|
||
font-size: 80%;
|
||
margin-bottom: 6px;
|
||
}
|
||
|
||
.TrackEdit,
|
||
.AspectEdit,
|
||
.NoteEdit,
|
||
.ExtraEdit,
|
||
.PowerEdit,
|
||
.StuntEdit,
|
||
.SkillEdit {
|
||
order: -1;
|
||
min-width: 248px;
|
||
margin: 6px;
|
||
margin-right: 6px;
|
||
border-radius: 6px;
|
||
}
|
||
|
||
.AspectEdit > .repcontainer,
|
||
.TrackEdit > .repcontainer,
|
||
.StuntEdit > .repcontainer,
|
||
.PowerEdit > .repcontainer,
|
||
.NoteEdit > .repcontainer,
|
||
.ExtraEdit > .repcontainer,
|
||
.SkillEdit > .repcontainer {
|
||
padding-top: 6px;
|
||
padding-right: 10px;
|
||
}
|
||
|
||
.TrackEdit input[type="text"],
|
||
.AspectEdit input[type="text"],
|
||
.NoteEdit input[type="text"],
|
||
.ExtraEdit input[type="text"],
|
||
.StuntEdit input[type="text"],
|
||
.PowerEdit input[type="text"] {
|
||
width: 100%;
|
||
}
|
||
|
||
.AspectEdit textarea,
|
||
.TrackEdit textarea,
|
||
.NoteEdit textarea,
|
||
.ExtraEdit textarea,
|
||
.PowerEdit textarea,
|
||
.StuntEdit textarea {
|
||
width: calc(100% - 10px);
|
||
}
|
||
|
||
.AspectEdit > div,
|
||
.TrackEdit > div,
|
||
.StuntEdit > div,
|
||
.PowerEdit > div,
|
||
.NoteEdit > div,
|
||
.ExtraEdit > div,
|
||
.SkillEdit > div {
|
||
padding-bottom: 6px;
|
||
padding-left: 6px;
|
||
padding-right: 6px;
|
||
}
|
||
|
||
.SkillEditRow {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-flow: nowrap;
|
||
justify-content: flex-start;
|
||
width: 100%;
|
||
align-items: center;
|
||
}
|
||
|
||
.SkillEditRow > *:last-child {
|
||
margin-right: 0px;
|
||
}
|
||
|
||
.SkillEditRow > * {
|
||
flex-grow: 1;
|
||
margin-right: 6px;
|
||
height: 24px;
|
||
}
|
||
|
||
.AspectSeparator {
|
||
padding: 6px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.SkillDisplay {
|
||
order: 0;
|
||
min-width: 260px;
|
||
padding: 10px;
|
||
flex-grow: 1;
|
||
}
|
||
|
||
.PowerDisplay,
|
||
.StuntDisplay {
|
||
flex-grow: 1;
|
||
padding: 10px;
|
||
}
|
||
|
||
.NoteDisplay {
|
||
flex-grow: 1;
|
||
padding: 10px;
|
||
}
|
||
|
||
.ExtraDisplay {
|
||
flex-grow: 1;
|
||
padding: 10px;
|
||
}
|
||
|
||
.TrackDisplay,
|
||
.AspectDisplay {
|
||
padding: 10px;
|
||
}
|
||
|
||
.ComboColumn .repcontrol,
|
||
.AspectDisplay .repcontrol,
|
||
.TrackDisplay .repcontrol,
|
||
.StuntDisplay .repcontrol,
|
||
.PowerDisplay .repcontrol,
|
||
.NoteDisplay .repcontrol,
|
||
.ExtraDisplay .repcontrol,
|
||
.SkillDisplay .repcontrol {
|
||
display: none;
|
||
}
|
||
|
||
.stunt {
|
||
margin-bottom: 6px;
|
||
text-indent: -10px;
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.stunt .name {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.stunt .name::after {
|
||
content: ': ';
|
||
}
|
||
|
||
.power {
|
||
margin-bottom: 6px;
|
||
}
|
||
|
||
.powerflex {
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
padding-bottom: 3px;
|
||
margin-bottom: 3px;
|
||
}
|
||
|
||
.power .name {
|
||
font-weight: bold;
|
||
display: inline-block;
|
||
}
|
||
|
||
.power .cost {
|
||
flex-grow: 0;
|
||
text-align: right;
|
||
}
|
||
|
||
.power .desc {
|
||
margin-left: 0px;
|
||
text-indent: 0px;
|
||
}
|
||
|
||
.power .field {
|
||
text-indent: -6px;
|
||
margin-left: 12px;
|
||
}
|
||
|
||
.note {
|
||
margin-bottom: 6px;
|
||
}
|
||
|
||
.note .name {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.note .desc {
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.track,
|
||
.aspect {
|
||
margin-bottom: 6px;
|
||
}
|
||
|
||
.track .boxes {
|
||
margin-left: 6px;
|
||
}
|
||
|
||
.Bar {
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
|
||
.pronounbox input {
|
||
text-align: center;
|
||
max-width: 96px;
|
||
}
|
||
|
||
.Bar div {
|
||
display: inline-block;
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.Bar div:first-child {
|
||
flex-grow: 1;
|
||
margin-left: 0px;
|
||
}
|
||
|
||
.AspectLabelBar {
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.aspect:hover .label {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.aspect .label {
|
||
text-transform: uppercase;
|
||
opacity: 0.75;
|
||
font-size: 80%;
|
||
display: block;
|
||
white-space: normal;
|
||
}
|
||
|
||
.aspect-category {
|
||
text-transform: uppercase;
|
||
font-size: 90%;
|
||
display: block;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.track .name {
|
||
text-transform: capitalize;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.aspect .name {
|
||
text-transform: capitalize;
|
||
font-weight: bold;
|
||
font-style: italic;
|
||
margin-left: 6px;
|
||
}
|
||
|
||
.aspect .notes {
|
||
margin-left: 12px;
|
||
padding-right: 6px;
|
||
max-width: 250px;
|
||
font-size: 80%;
|
||
}
|
||
|
||
.track .notes {
|
||
margin-left: 6px;
|
||
padding-right: 6px;
|
||
max-width: 250px;
|
||
font-size: 80%;
|
||
}
|
||
|
||
.SkillCell .rating::before {
|
||
content: '+';
|
||
}
|
||
|
||
.signmaker[value="-4"] + .rating::before,
|
||
.signmaker[value="-3"] + .rating::before,
|
||
.signmaker[value="-2"] + .rating::before,
|
||
.signmaker[value="-1"] + .rating::before {
|
||
content: '';
|
||
}
|
||
|
||
|
||
.hideOnOne + div {
|
||
display: block;
|
||
}
|
||
|
||
.hideOnOne[value="1"] + div {
|
||
display: none;
|
||
}
|
||
|
||
|
||
.hideIfNull + div {
|
||
display: block;
|
||
}
|
||
|
||
.hideIfNull[value=""] + * {
|
||
display: none;
|
||
}
|
||
|
||
.SkillColumnFirst,
|
||
.SkillColumnSecond,
|
||
.SkillColumnThird,
|
||
.SkillNone,
|
||
.SkillList,
|
||
.SkillGrid {
|
||
display: none;
|
||
}
|
||
|
||
input[value=""] + .SkillColumnFirst,
|
||
input[value="1"] + .SkillColumnFirst {
|
||
display: initial;
|
||
}
|
||
|
||
input[value="2"] + .SkillColumnSecond {
|
||
display: initial;
|
||
}
|
||
|
||
input[value="3"] + .SkillColumnThird {
|
||
display: initial;
|
||
}
|
||
|
||
input[value="none"] ~ .SkillNone {
|
||
display: block;
|
||
}
|
||
|
||
input[value="pyramid"] ~ .SkillGrid {
|
||
display: block;
|
||
}
|
||
|
||
input[value="list"] ~ .SkillList {
|
||
display: block;
|
||
}
|
||
|
||
.SkillGrid > div {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: nowrap;
|
||
justify-content: flex-start;
|
||
padding-top: 6px;
|
||
transition: background 0.25s ease;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet .SkillGrid button[type="roll"] {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.SkillList > .repcontainer {
|
||
display: flex;
|
||
flex-direction: row;
|
||
flex-wrap: wrap;
|
||
justify-content: flex-start;
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.SkillList > .repcontainer > .repitem {
|
||
flex: none;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll::before,
|
||
.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll::before,
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"]::before,
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"]::before {
|
||
content: "";
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"],
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"] {
|
||
text-align: left;
|
||
padding-left: 6px;
|
||
padding-right: 6px;
|
||
padding-top: 6px;
|
||
padding-bottom: 6px;
|
||
margin-left: 0px;
|
||
margin-right: 6px;
|
||
margin-bottom: 6px;
|
||
background: white;
|
||
color: black;
|
||
min-width: 100px;
|
||
min-height: 15px;
|
||
text-shadow: 0 0 2px white;
|
||
transition: background 0.25s ease, color 0.25s ease;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"],
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"] {
|
||
text-shadow: 0 0 2px black;
|
||
color: #eee;
|
||
background-color: #1f1f1f;
|
||
}
|
||
|
||
.ExtraDisplay .track {
|
||
clear: both;
|
||
}
|
||
|
||
.ExtraDisplay .track .float-left {
|
||
float: left;
|
||
padding-right: 6px;
|
||
padding-bottom: 6px;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll {
|
||
float: left;
|
||
z-index: 2;
|
||
position: relative;
|
||
text-align: left;
|
||
padding-left: 6px;
|
||
padding-right: 10px;
|
||
padding-top: 6px;
|
||
padding-bottom: 6px;
|
||
margin-top: 2px;
|
||
margin-left: 0px;
|
||
margin-right: 6px;
|
||
margin-bottom: 6px;
|
||
background: white;
|
||
color: black;
|
||
min-width: 100px;
|
||
min-height: 15px;
|
||
text-shadow: 0 0 2px white;
|
||
transition: background 0.25s ease, color 0.25s ease;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll {
|
||
color: #eee;
|
||
background-color: #1f1f1f;
|
||
text-shadow: 0 0 2px black;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"]:active,
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"]:active {
|
||
color: white;
|
||
text-shadow: 0 0 2px white;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"]:hover,
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"]:hover {
|
||
color: white;
|
||
text-shadow: 0 0 2px black;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet .ExtraDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet .StuntDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="action"],
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay button[type="roll"] {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay .SkillList button[type="action"],
|
||
.ui-dialog .tab-content .charsheet .SkillDisplay .SkillList button[type="roll"] {
|
||
min-width: 225px;
|
||
}
|
||
|
||
/* Not sure this one's even in use */
|
||
|
||
.SkillGrid div > span {
|
||
display: inline-block;
|
||
min-width: 100px;
|
||
min-height: 15px;
|
||
margin-right: 6px;
|
||
margin-bottom: 6px;
|
||
padding: 6px;
|
||
border-radius: 6px;
|
||
}
|
||
|
||
.SkillGrid div > span[value=""] {
|
||
display: none;
|
||
}
|
||
|
||
.SkillGridRating {
|
||
text-align: right;
|
||
min-width: 100px;
|
||
padding-right: 10px;
|
||
padding-top: 6px;
|
||
}
|
||
|
||
.align-right {
|
||
text-align: right;
|
||
}
|
||
|
||
.align-left {
|
||
text-align: left;
|
||
}
|
||
|
||
.OptionsTitleBar {
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
text-transform: uppercase;
|
||
font-weight: bold;
|
||
padding: 3px;
|
||
vertical-align: bottom;
|
||
}
|
||
|
||
.EditTitleBar {
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
color: white;
|
||
text-transform: uppercase;
|
||
font-weight: bold;
|
||
padding: 6px;
|
||
vertical-align: bottom;
|
||
border-radius: 3px;
|
||
}
|
||
|
||
/* Checkbox Tricks */
|
||
|
||
input[type="checkbox"].checkbox {
|
||
opacity: 0.0;
|
||
width: 20px;
|
||
height: 20px;
|
||
position: relative;
|
||
top: 0px; /* was -3px for legacy; */
|
||
left: 10px; /* 9px; */
|
||
margin: -10px;
|
||
cursor: pointer;
|
||
z-index: 1;
|
||
vertical-align: middle;
|
||
display: inline-block;
|
||
}
|
||
|
||
.SectionHeader .boxcorner input[type="checkbox"].checkbox {
|
||
top: 14px;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox + span.pencilbox::before {
|
||
margin-right: 0px;
|
||
margin-left: 3px;
|
||
line-height: 18px;
|
||
text-align: center;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
font-family: "Pictos";
|
||
content: "p";
|
||
text-transform: lowercase; /* To enforce lowercase p */
|
||
width: 18px;
|
||
height: 18px;
|
||
font-size: 18px;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox:checked + span.pencilbox::before {
|
||
content: "D";
|
||
text-transform: uppercase; /* To enforce uppercase D */
|
||
}
|
||
|
||
.pencilbox,
|
||
.optionsbox {
|
||
opacity: 0.25;
|
||
transition: opacity 0.5s ease;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet .pencilbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet .optionsbox {
|
||
opacity: 0.4;
|
||
}
|
||
|
||
.EditTitleBar .pencilbox,
|
||
.EditTitleBar .optionsbox,
|
||
.OptionsTitleBar .pencilbox,
|
||
.OptionsTitleBar .optionsbox,
|
||
input[type="checkbox"].checkbox:hover + .pencilbox,
|
||
.pencilbox:hover,
|
||
input[type="checkbox"].checkbox:hover + .optionsbox,
|
||
.optionsbox:hover {
|
||
opacity: 1.0;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox + span.optionsbox::before {
|
||
margin-right: 0px;
|
||
margin-left: 3px;
|
||
line-height: 18px;
|
||
text-align: center;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
font-family: "Pictos";
|
||
content: "y";
|
||
text-transform: lowercase; /* To enforce lowercase p */
|
||
width: 18px;
|
||
height: 18px;
|
||
font-size: 18px;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox:checked + span.optionsbox::before {
|
||
content: "2";
|
||
font-style: normal;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox + span.checker::before {
|
||
margin-right: 0px;
|
||
margin-left: 3px;
|
||
line-height: 18px;
|
||
text-align: center;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
color: red;
|
||
font-family: "Pictos";
|
||
content: "D";
|
||
text-transform: uppercase;
|
||
width: 18px;
|
||
height: 18px;
|
||
font-size: 18px;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox:checked + span.checker::before {
|
||
content: "2";
|
||
}
|
||
|
||
input[type="text"].tracker {
|
||
width: 1.67em;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox + span.tracker {
|
||
margin-right: 0px;
|
||
margin-left: 0px;
|
||
line-height: 18px;
|
||
text-align: center;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
font-family: sans-serif;
|
||
font-weight: normal;
|
||
width: 18px;
|
||
height: 18px;
|
||
padding-top: 1px;
|
||
font-size: 15px;
|
||
border: 1px solid black;
|
||
background: white;
|
||
color: black;
|
||
transition: background 0.3s ease, color 0.3s ease;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox:checked + span.tracker {
|
||
border: 1px solid black;
|
||
color: white;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox:checked + span.checkmark::before {
|
||
content: "2";
|
||
opacity: 1.0;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox:hover + span.checkmark::before {
|
||
opacity: 0.5;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox:checked:hover + span.checkmark::before {
|
||
opacity: 1.0;
|
||
}
|
||
|
||
input[type="checkbox"].checkbox + span.checkmark::before {
|
||
margin-right: 0px;
|
||
margin-left: 3px;
|
||
line-height: 18px;
|
||
text-align: center;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
font-family: "Pictos";
|
||
font-style: normal;
|
||
content: "2";
|
||
opacity: 0.25;
|
||
width: 18px;
|
||
height: 18px;
|
||
font-size: 18px;
|
||
}
|
||
|
||
input[type="checkbox"].hidebox,
|
||
input[type="checkbox"].hidebox:checked,
|
||
input[type="checkbox"].triggerbox,
|
||
input[type="checkbox"].triggerbox:checked {
|
||
display: none;
|
||
}
|
||
|
||
input[type="checkbox"].triggerbox + * {
|
||
display: none;
|
||
}
|
||
|
||
input[type="checkbox"].triggerbox:checked + * {
|
||
display: initial;
|
||
}
|
||
|
||
input[type="checkbox"].deeptrigger,
|
||
input[type="checkbox"].deeptrigger:checked {
|
||
display: none;
|
||
}
|
||
|
||
.deeptrigger ~ * .deeptriggered {
|
||
display: none;
|
||
}
|
||
|
||
input[type="checkbox"].deeptrigger:checked ~ * .deeptriggered {
|
||
display: initial;
|
||
}
|
||
|
||
/* Skill Combo Columns */
|
||
|
||
.ComboColumns {
|
||
display: flex;
|
||
}
|
||
|
||
.ComboColumn {
|
||
flex-flow: column;
|
||
padding-right: 6px;
|
||
padding-left: 6px;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* Corruption */
|
||
|
||
.CorrClock {
|
||
min-height: 150px;
|
||
}
|
||
|
||
.CorrClock > div {
|
||
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock0.png);
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
background-size: contain;
|
||
background-clip: padding-box;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
min-height: 150px;
|
||
display: flex;
|
||
flex-flow: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
input.corruptor[value="0"] + .CorrClock > div {
|
||
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock0.png);
|
||
}
|
||
|
||
input.corruptor[value="1"] + .CorrClock > div {
|
||
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock1.png);
|
||
}
|
||
|
||
input.corruptor[value="2"] + .CorrClock > div {
|
||
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock2.png);
|
||
}
|
||
|
||
input.corruptor[value="3"] + .CorrClock > div {
|
||
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock3.png);
|
||
}
|
||
|
||
input.corruptor[value="4"] + .CorrClock > div {
|
||
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock4.png);
|
||
}
|
||
|
||
.CorrClock > div > input[type=number] {
|
||
background: rgba(0,0,0,0.5);
|
||
width: 0em;
|
||
opacity: 0;
|
||
transition: opacity 0.25s ease, width 0.25s linear;
|
||
color: white;
|
||
font-size: 36px;
|
||
height: 36px;
|
||
border: none;
|
||
font-weight: bold;
|
||
margin-left: 0.5em;
|
||
text-align: center;
|
||
}
|
||
|
||
.CorrClock:hover > div > input[type=number] {
|
||
opacity: 1;
|
||
width: 2em;
|
||
}
|
||
|
||
/* Insane, but it does the job */
|
||
|
||
input.hideAllBut ~ * {
|
||
display: none;
|
||
}
|
||
|
||
input.hideAllBut[value="10"] + * + * + * + * + * + * + * + * + * + *,
|
||
input.hideAllBut[value="10"] + * + * + * + * + * + * + * + * + *,
|
||
input.hideAllBut[value="10"] + * + * + * + * + * + * + * + *,
|
||
input.hideAllBut[value="10"] + * + * + * + * + * + * + *,
|
||
input.hideAllBut[value="10"] + * + * + * + * + * + *,
|
||
input.hideAllBut[value="10"] + * + * + * + * + *,
|
||
input.hideAllBut[value="10"] + * + * + * + *,
|
||
input.hideAllBut[value="10"] + * + * + *,
|
||
input.hideAllBut[value="10"] + * + *,
|
||
input.hideAllBut[value="10"] + *,
|
||
input.hideAllBut[value="9"] + * + * + * + * + * + * + * + * + *,
|
||
input.hideAllBut[value="9"] + * + * + * + * + * + * + * + *,
|
||
input.hideAllBut[value="9"] + * + * + * + * + * + * + *,
|
||
input.hideAllBut[value="9"] + * + * + * + * + * + *,
|
||
input.hideAllBut[value="9"] + * + * + * + * + *,
|
||
input.hideAllBut[value="9"] + * + * + * + *,
|
||
input.hideAllBut[value="9"] + * + * + *,
|
||
input.hideAllBut[value="9"] + * + *,
|
||
input.hideAllBut[value="9"] + *,
|
||
input.hideAllBut[value="8"] + * + * + * + * + * + * + * + *,
|
||
input.hideAllBut[value="8"] + * + * + * + * + * + * + *,
|
||
input.hideAllBut[value="8"] + * + * + * + * + * + *,
|
||
input.hideAllBut[value="8"] + * + * + * + * + *,
|
||
input.hideAllBut[value="8"] + * + * + * + *,
|
||
input.hideAllBut[value="8"] + * + * + *,
|
||
input.hideAllBut[value="8"] + * + *,
|
||
input.hideAllBut[value="8"] + *,
|
||
input.hideAllBut[value="7"] + * + * + * + * + * + * + *,
|
||
input.hideAllBut[value="7"] + * + * + * + * + * + *,
|
||
input.hideAllBut[value="7"] + * + * + * + * + *,
|
||
input.hideAllBut[value="7"] + * + * + * + *,
|
||
input.hideAllBut[value="7"] + * + * + *,
|
||
input.hideAllBut[value="7"] + * + *,
|
||
input.hideAllBut[value="7"] + *,
|
||
input.hideAllBut[value="6"] + * + * + * + * + * + *,
|
||
input.hideAllBut[value="6"] + * + * + * + * + *,
|
||
input.hideAllBut[value="6"] + * + * + * + *,
|
||
input.hideAllBut[value="6"] + * + * + *,
|
||
input.hideAllBut[value="6"] + * + *,
|
||
input.hideAllBut[value="6"] + *,
|
||
input.hideAllBut[value="5"] + * + * + * + * + *,
|
||
input.hideAllBut[value="5"] + * + * + * + *,
|
||
input.hideAllBut[value="5"] + * + * + *,
|
||
input.hideAllBut[value="5"] + * + *,
|
||
input.hideAllBut[value="5"] + *,
|
||
input.hideAllBut[value="4"] + * + * + * + *,
|
||
input.hideAllBut[value="4"] + * + * + *,
|
||
input.hideAllBut[value="4"] + * + *,
|
||
input.hideAllBut[value="4"] + *,
|
||
input.hideAllBut[value="3"] + * + * + *,
|
||
input.hideAllBut[value="3"] + * + *,
|
||
input.hideAllBut[value="3"] + *,
|
||
input.hideAllBut[value="2"] + * + *,
|
||
input.hideAllBut[value="2"] + *,
|
||
input.hideAllBut[value="1"] + * {
|
||
display: initial;
|
||
}
|
||
|
||
input.hideAllBut[value="10"] + * + * + * + * + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="10"] + * + * + * + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="10"] + * + * + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="10"] + * + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="10"] + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="10"] + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="10"] + * + * + * + .iblock,
|
||
input.hideAllBut[value="10"] + * + * + .iblock,
|
||
input.hideAllBut[value="10"] + * + .iblock,
|
||
input.hideAllBut[value="10"] + .iblock,
|
||
input.hideAllBut[value="9"] + * + * + * + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="9"] + * + * + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="9"] + * + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="9"] + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="9"] + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="9"] + * + * + * + .iblock,
|
||
input.hideAllBut[value="9"] + * + * + .iblock,
|
||
input.hideAllBut[value="9"] + * + .iblock,
|
||
input.hideAllBut[value="9"] + .iblock,
|
||
input.hideAllBut[value="8"] + * + * + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="8"] + * + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="8"] + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="8"] + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="8"] + * + * + * + .iblock,
|
||
input.hideAllBut[value="8"] + * + * + .iblock,
|
||
input.hideAllBut[value="8"] + * + .iblock,
|
||
input.hideAllBut[value="8"] + .iblock,
|
||
input.hideAllBut[value="7"] + * + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="7"] + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="7"] + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="7"] + * + * + * + .iblock,
|
||
input.hideAllBut[value="7"] + * + * + .iblock,
|
||
input.hideAllBut[value="7"] + * + .iblock,
|
||
input.hideAllBut[value="7"] + .iblock,
|
||
input.hideAllBut[value="6"] + * + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="6"] + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="6"] + * + * + * + .iblock,
|
||
input.hideAllBut[value="6"] + * + * + .iblock,
|
||
input.hideAllBut[value="6"] + * + .iblock,
|
||
input.hideAllBut[value="6"] + .iblock,
|
||
input.hideAllBut[value="5"] + * + * + * + * + .iblock,
|
||
input.hideAllBut[value="5"] + * + * + * + .iblock,
|
||
input.hideAllBut[value="5"] + * + * + .iblock,
|
||
input.hideAllBut[value="5"] + * + .iblock,
|
||
input.hideAllBut[value="5"] + .iblock,
|
||
input.hideAllBut[value="4"] + * + * + * + .iblock,
|
||
input.hideAllBut[value="4"] + * + * + .iblock,
|
||
input.hideAllBut[value="4"] + * + .iblock,
|
||
input.hideAllBut[value="4"] + .iblock,
|
||
input.hideAllBut[value="3"] + * + * + .iblock,
|
||
input.hideAllBut[value="3"] + * + .iblock,
|
||
input.hideAllBut[value="3"] + .iblock,
|
||
input.hideAllBut[value="2"] + * + .iblock,
|
||
input.hideAllBut[value="2"] + .iblock,
|
||
input.hideAllBut[value="1"] + .iblock {
|
||
display: inline-block;
|
||
}
|
||
|
||
/* Roll Templates */
|
||
|
||
.sheet-rolltemplate-share,
|
||
.sheet-rolltemplate-fateroll {
|
||
background: white;
|
||
padding: 6px;
|
||
margin-bottom: 6px;
|
||
margin-top: 6px;
|
||
border-radius: 6px;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-roll-name,
|
||
.sheet-rolltemplate-fateroll .sheet-roll-name {
|
||
margin-bottom: 6px;
|
||
padding-bottom: 2px;
|
||
}
|
||
|
||
.sheet-rolltemplate-fateroll .sheet-roll {
|
||
background-color: white;
|
||
background-repeat: no-repeat;
|
||
background-position: right bottom;
|
||
background-size: contain;
|
||
background-clip: content-box;
|
||
display: flex;
|
||
flex-flow: row;
|
||
align-items: center;
|
||
justify-content: flex-start;
|
||
width: 100%;
|
||
min-height: 50px;
|
||
}
|
||
|
||
.sheet-rolltemplate-fateroll .sheet-roll .inlinerollresult {
|
||
display: inline-block;
|
||
color: white;
|
||
font-weight: bold;
|
||
border-radius: 6px;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
height: 20px;
|
||
min-width: 20px;
|
||
font-size: 21px;
|
||
padding: 9px;
|
||
margin-right: 6px;
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.sheet-rolltemplate-fateroll .sheet-word {
|
||
font-weight: bold;
|
||
font-size: 18px;
|
||
line-height: 22px;
|
||
display: inline-block;
|
||
text-shadow: 0px 0px 1px white;
|
||
max-width: 60%;
|
||
}
|
||
|
||
.sheet-rolltemplate-share,
|
||
.sheet-rolltemplate-fateroll {
|
||
border: 1px solid #000000;
|
||
box-shadow: 2px 2px 6px #000000;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-roll,
|
||
.sheet-rolltemplate-fateroll .sheet-roll {
|
||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice.png");
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-roll-name,
|
||
.sheet-rolltemplate-fateroll .sheet-roll-name {
|
||
border-bottom: 1px solid #1b75bb;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-roll .inlinerollresult,
|
||
.sheet-rolltemplate-fateroll .sheet-roll .inlinerollresult {
|
||
background: #1b75bb;
|
||
border: 1px solid #1b75bb;
|
||
}
|
||
|
||
.sheet-rolltemplate-share br {
|
||
display: none;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-breaks br {
|
||
display: block;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet button[type="roll"].share:before {
|
||
font-family: "Pictos";
|
||
font-style: normal;
|
||
text-transform: uppercase;
|
||
font-weight: normal;
|
||
content: 'R';
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet button[type="roll"].share:hover {
|
||
opacity: 1.0;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet button[type="roll"].share {
|
||
opacity: 0.25;
|
||
background: transparent;
|
||
border-style: none;
|
||
margin: 0px;
|
||
padding: 0px;
|
||
transition: opacity 0.5s ease;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet button[type="roll"].share {
|
||
opacity: 0.4;
|
||
}
|
||
|
||
/* Color Theme Shenanigans */
|
||
|
||
/* Blue theme */
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-blue .sheet-roll-name,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-blue .sheet-roll-name {
|
||
border-bottom: 1px solid #1b75bb;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-blue .sheet-roll .inlinerollresult,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-blue .sheet-roll .inlinerollresult {
|
||
background: #1b75bb;
|
||
border: 1px solid #1b75bb;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-blue .sheet-roll,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-blue .sheet-roll {
|
||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice.png");
|
||
}
|
||
|
||
input[value="blue"].theme + .Wrapper .share,
|
||
input[value="blue"].theme + .Wrapper .optionsbox,
|
||
input[value="blue"].theme + .Wrapper .OptionsTitleBar,
|
||
input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
input[value="blue"].theme + .Wrapper .SectionHeader,
|
||
input[value="blue"].theme + .Wrapper .Bar,
|
||
input[value="blue"].theme + .Wrapper .pronounbox,
|
||
input[value="blue"].theme + .Wrapper .fpbox,
|
||
input[value="blue"].theme + .Wrapper .fpbox input[type=number],
|
||
input[value="blue"].theme + .Wrapper .optwrap,
|
||
input[value="blue"].theme + .Wrapper .AspectLabelBar,
|
||
input[value="blue"].theme + .Wrapper .aspect .label,
|
||
/* input[value="blue"].theme + .Wrapper .specific input[type="text"], */
|
||
input[value="blue"].theme + .Wrapper .track .optionsbox,
|
||
input[value="blue"].theme + .Wrapper .recovery .label,
|
||
input[value="blue"].theme + .Wrapper .charname {
|
||
color: #1b75bb;
|
||
}
|
||
|
||
input[value="blue"].theme + .Wrapper .icon,
|
||
input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
|
||
input[value="blue"].theme + .Wrapper .EditTitleBar {
|
||
background: #1b75bb;
|
||
}
|
||
|
||
input[value="blue"].theme + .Wrapper .powerflex,
|
||
input[value="blue"].theme + .Wrapper .specific input[type="text"] {
|
||
border-bottom: 1px solid #1b75bb;
|
||
}
|
||
|
||
input[value="blue"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="blue"].theme + .Wrapper .TrackEdit,
|
||
input[value="blue"].theme + .Wrapper .AspectEdit,
|
||
input[value="blue"].theme + .Wrapper .NoteEdit,
|
||
input[value="blue"].theme + .Wrapper .ExtraEdit,
|
||
input[value="blue"].theme + .Wrapper .StuntEdit,
|
||
input[value="blue"].theme + .Wrapper .PowerEdit,
|
||
input[value="blue"].theme + .Wrapper .SkillEdit,
|
||
input[value="blue"].theme + .Wrapper .OptionsEdit,
|
||
input[value="blue"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="blue"].theme + .Wrapper .optbar > span {
|
||
border: 1px solid #1b75bb;
|
||
}
|
||
|
||
input[value="blue"].theme + .Wrapper .TrackEdit,
|
||
input[value="blue"].theme + .Wrapper .AspectEdit,
|
||
input[value="blue"].theme + .Wrapper .NoteEdit,
|
||
input[value="blue"].theme + .Wrapper .ExtraEdit,
|
||
input[value="blue"].theme + .Wrapper .StuntEdit,
|
||
input[value="blue"].theme + .Wrapper .PowerEdit,
|
||
input[value="blue"].theme + .Wrapper .SkillEdit,
|
||
input[value="blue"].theme + .Wrapper .OptionsEdit,
|
||
input[value="blue"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="blue"].theme + .Wrapper .optbar > span {
|
||
box-shadow: 2px 2px 6px #1b75bb;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
|
||
background: #1b75bb;
|
||
}
|
||
|
||
input[value="blue"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #dde8ff;
|
||
}
|
||
|
||
input[value="blue"].theme + .Wrapper .AspectSeparator {
|
||
border: 1px solid #dde8ff;
|
||
box-shadow: 2px 2px 6px #dde8ff;
|
||
}
|
||
|
||
input[value="blue"].theme + .Wrapper .SkillGrid > div {
|
||
border-bottom: 1px solid #dde8ff;
|
||
}
|
||
|
||
input[value="blue"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="blue"].theme + .Wrapper .AspectSeparator,
|
||
input[value="blue"].theme + .Wrapper .TrackEdit,
|
||
input[value="blue"].theme + .Wrapper .AspectEdit,
|
||
input[value="blue"].theme + .Wrapper .NoteEdit,
|
||
input[value="blue"].theme + .Wrapper .ExtraEdit,
|
||
input[value="blue"].theme + .Wrapper .StuntEdit,
|
||
input[value="blue"].theme + .Wrapper .PowerEdit,
|
||
input[value="blue"].theme + .Wrapper .SkillEdit,
|
||
input[value="blue"].theme + .Wrapper .OptionsEdit,
|
||
input[value="blue"].theme + .Wrapper .optbar > span {
|
||
background: #eef8ff;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="action"],
|
||
.ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillDisplay button[type="roll"] {
|
||
border: 1px solid #eef8ff;
|
||
}
|
||
|
||
input[value="blue"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#eef8ff,white,white,white,#eef8ff);
|
||
}
|
||
|
||
input[value="blue"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
input[value="blue"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
input[value="blue"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
input[value="blue"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
input[value="blue"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
input[value="blue"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
input[value="blue"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,white,#eef8ff);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #00181f;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillGrid div > span,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectSeparator,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .TrackEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .NoteEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .PowerEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .OptionsEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .optbar > span {
|
||
background: #00181f;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#00181f,black,black,black,#00181f);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,black,#00181f);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .share,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .OptionsTitleBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .SectionHeader,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .Bar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .pronounbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .fpbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .fpbox input[type=number],
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .optwrap,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .AspectLabelBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .aspect .label,
|
||
/* input[value="blue"].theme + .Wrapper .specific input[type="text"], */
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .track .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .recovery .label,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="blue"].theme + .Wrapper .charname {
|
||
color: #208cdf;
|
||
}
|
||
|
||
/* Green theme */
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-green .sheet-roll,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-green .sheet-roll {
|
||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-green.png");
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-green .sheet-roll-name,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-green .sheet-roll-name {
|
||
border-bottom: 1px solid #356e45;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-green .sheet-roll .inlinerollresult,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-green .sheet-roll .inlinerollresult {
|
||
background: #356e45;
|
||
border: 1px solid #356e45;
|
||
}
|
||
|
||
input[value="green"].theme + .Wrapper .share,
|
||
input[value="green"].theme + .Wrapper .optionsbox,
|
||
input[value="green"].theme + .Wrapper .OptionsTitleBar,
|
||
input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
input[value="green"].theme + .Wrapper .SectionHeader,
|
||
input[value="green"].theme + .Wrapper .Bar,
|
||
input[value="green"].theme + .Wrapper .pronounbox,
|
||
input[value="green"].theme + .Wrapper .fpbox,
|
||
input[value="green"].theme + .Wrapper .fpbox input[type=number],
|
||
input[value="green"].theme + .Wrapper .optwrap,
|
||
input[value="green"].theme + .Wrapper .AspectLabelBar,
|
||
input[value="green"].theme + .Wrapper .aspect .label,
|
||
/* input[value="green"].theme + .Wrapper .specific input[type="text"], */
|
||
input[value="green"].theme + .Wrapper .track .optionsbox,
|
||
input[value="green"].theme + .Wrapper .recovery .label,
|
||
input[value="green"].theme + .Wrapper .charname {
|
||
color: #356e45;
|
||
}
|
||
|
||
input[value="green"].theme + .Wrapper .icon,
|
||
input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
|
||
input[value="green"].theme + .Wrapper .EditTitleBar {
|
||
background: #356e45;
|
||
}
|
||
|
||
input[value="green"].theme + .Wrapper .powerflex,
|
||
input[value="green"].theme + .Wrapper .specific input[type="text"] {
|
||
border-bottom: 1px solid #356e45;
|
||
}
|
||
|
||
input[value="green"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="green"].theme + .Wrapper .TrackEdit,
|
||
input[value="green"].theme + .Wrapper .AspectEdit,
|
||
input[value="green"].theme + .Wrapper .NoteEdit,
|
||
input[value="green"].theme + .Wrapper .ExtraEdit,
|
||
input[value="green"].theme + .Wrapper .StuntEdit,
|
||
input[value="green"].theme + .Wrapper .PowerEdit,
|
||
input[value="green"].theme + .Wrapper .SkillEdit,
|
||
input[value="green"].theme + .Wrapper .OptionsEdit,
|
||
input[value="green"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="green"].theme + .Wrapper .optbar > span {
|
||
border: 1px solid #356e45;
|
||
}
|
||
|
||
input[value="green"].theme + .Wrapper .TrackEdit,
|
||
input[value="green"].theme + .Wrapper .AspectEdit,
|
||
input[value="green"].theme + .Wrapper .NoteEdit,
|
||
input[value="green"].theme + .Wrapper .ExtraEdit,
|
||
input[value="green"].theme + .Wrapper .StuntEdit,
|
||
input[value="green"].theme + .Wrapper .PowerEdit,
|
||
input[value="green"].theme + .Wrapper .SkillEdit,
|
||
input[value="green"].theme + .Wrapper .OptionsEdit,
|
||
input[value="green"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="green"].theme + .Wrapper .optbar > span {
|
||
box-shadow: 2px 2px 6px #356e45;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
|
||
background: #356e45;
|
||
}
|
||
|
||
input[value="green"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #ddffd5;
|
||
}
|
||
|
||
input[value="green"].theme + .Wrapper .AspectSeparator {
|
||
border: 1px solid #ddffd5;
|
||
box-shadow: 2px 2px 6px #ddffd5;
|
||
}
|
||
|
||
input[value="green"].theme + .Wrapper .SkillGrid > div {
|
||
border-bottom: 1px solid #ddffd5;
|
||
}
|
||
|
||
input[value="green"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="green"].theme + .Wrapper .AspectSeparator,
|
||
input[value="green"].theme + .Wrapper .TrackEdit,
|
||
input[value="green"].theme + .Wrapper .AspectEdit,
|
||
input[value="green"].theme + .Wrapper .NoteEdit,
|
||
input[value="green"].theme + .Wrapper .ExtraEdit,
|
||
input[value="green"].theme + .Wrapper .StuntEdit,
|
||
input[value="green"].theme + .Wrapper .PowerEdit,
|
||
input[value="green"].theme + .Wrapper .SkillEdit,
|
||
input[value="green"].theme + .Wrapper .OptionsEdit,
|
||
input[value="green"].theme + .Wrapper .optbar > span {
|
||
background: #eeffe5;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="action"],
|
||
.ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillDisplay button[type="roll"] {
|
||
border: 1px solid #eeffe5;
|
||
}
|
||
|
||
input[value="green"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#eeffe5,white,white,white,#eeffe5);
|
||
}
|
||
|
||
input[value="green"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
input[value="green"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
input[value="green"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
input[value="green"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
input[value="green"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
input[value="green"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
input[value="green"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,white,#eeffe5);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #001f05;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillGrid div > span,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectSeparator,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .TrackEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .NoteEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .PowerEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .OptionsEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .optbar > span {
|
||
background: #001f05;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#001f05,black,black,black,#001f05);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,black,#001f05);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .share,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .OptionsTitleBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .SectionHeader,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .Bar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .pronounbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .fpbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .fpbox input[type=number],
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .optwrap,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .AspectLabelBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .aspect .label,
|
||
/* input[value="green"].theme + .Wrapper .specific input[type="text"], */
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .track .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .recovery .label,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="green"].theme + .Wrapper .charname {
|
||
color: #49975f;
|
||
}
|
||
|
||
|
||
/* Purple theme */
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-purple .sheet-roll,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-purple .sheet-roll {
|
||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-purple.png");
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-purple .sheet-roll-name,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-purple .sheet-roll-name {
|
||
border-bottom: 1px solid #3c1e5f;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-purple .sheet-roll .inlinerollresult,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-purple .sheet-roll .inlinerollresult {
|
||
background: #3c1e5f;
|
||
border: 1px solid #3c1e5f;
|
||
}
|
||
|
||
input[value="purple"].theme + .Wrapper .share,
|
||
input[value="purple"].theme + .Wrapper .optionsbox,
|
||
input[value="purple"].theme + .Wrapper .OptionsTitleBar,
|
||
input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
input[value="purple"].theme + .Wrapper .SectionHeader,
|
||
input[value="purple"].theme + .Wrapper .Bar,
|
||
input[value="purple"].theme + .Wrapper .pronounbox,
|
||
input[value="purple"].theme + .Wrapper .fpbox,
|
||
input[value="purple"].theme + .Wrapper .fpbox input[type=number],
|
||
input[value="purple"].theme + .Wrapper .optwrap,
|
||
input[value="purple"].theme + .Wrapper .AspectLabelBar,
|
||
input[value="purple"].theme + .Wrapper .aspect .label,
|
||
/* input[value="purple"].theme + .Wrapper .specific input[type="text"], */
|
||
input[value="purple"].theme + .Wrapper .track .optionsbox,
|
||
input[value="purple"].theme + .Wrapper .recovery .label,
|
||
input[value="purple"].theme + .Wrapper .charname {
|
||
color: #3c1e5f;
|
||
}
|
||
|
||
input[value="purple"].theme + .Wrapper .icon,
|
||
input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
|
||
input[value="purple"].theme + .Wrapper .EditTitleBar {
|
||
background: #3c1e5f;
|
||
}
|
||
|
||
input[value="purple"].theme + .Wrapper .powerflex,
|
||
input[value="purple"].theme + .Wrapper .specific input[type="text"] {
|
||
border-bottom: 1px solid #3c1e5f;
|
||
}
|
||
|
||
input[value="purple"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="purple"].theme + .Wrapper .TrackEdit,
|
||
input[value="purple"].theme + .Wrapper .AspectEdit,
|
||
input[value="purple"].theme + .Wrapper .NoteEdit,
|
||
input[value="purple"].theme + .Wrapper .ExtraEdit,
|
||
input[value="purple"].theme + .Wrapper .StuntEdit,
|
||
input[value="purple"].theme + .Wrapper .PowerEdit,
|
||
input[value="purple"].theme + .Wrapper .SkillEdit,
|
||
input[value="purple"].theme + .Wrapper .OptionsEdit,
|
||
input[value="purple"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="purple"].theme + .Wrapper .optbar > span {
|
||
border: 1px solid #3c1e5f;
|
||
}
|
||
|
||
input[value="purple"].theme + .Wrapper .TrackEdit,
|
||
input[value="purple"].theme + .Wrapper .AspectEdit,
|
||
input[value="purple"].theme + .Wrapper .NoteEdit,
|
||
input[value="purple"].theme + .Wrapper .ExtraEdit,
|
||
input[value="purple"].theme + .Wrapper .StuntEdit,
|
||
input[value="purple"].theme + .Wrapper .PowerEdit,
|
||
input[value="purple"].theme + .Wrapper .SkillEdit,
|
||
input[value="purple"].theme + .Wrapper .OptionsEdit,
|
||
input[value="purple"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="purple"].theme + .Wrapper .optbar > span {
|
||
box-shadow: 2px 2px 6px #3c1e5f;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
|
||
background: #3c1e5f;
|
||
}
|
||
|
||
input[value="purple"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #e8ddee;
|
||
}
|
||
|
||
input[value="purple"].theme + .Wrapper .AspectSeparator {
|
||
border: 1px solid #e8ddee;
|
||
box-shadow: 2px 2px 6px #e8ddee;
|
||
}
|
||
|
||
input[value="purple"].theme + .Wrapper .SkillGrid > div {
|
||
border-bottom: 1px solid #e8ddee;
|
||
}
|
||
|
||
input[value="purple"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="purple"].theme + .Wrapper .AspectSeparator,
|
||
input[value="purple"].theme + .Wrapper .TrackEdit,
|
||
input[value="purple"].theme + .Wrapper .AspectEdit,
|
||
input[value="purple"].theme + .Wrapper .NoteEdit,
|
||
input[value="purple"].theme + .Wrapper .ExtraEdit,
|
||
input[value="purple"].theme + .Wrapper .StuntEdit,
|
||
input[value="purple"].theme + .Wrapper .PowerEdit,
|
||
input[value="purple"].theme + .Wrapper .SkillEdit,
|
||
input[value="purple"].theme + .Wrapper .OptionsEdit,
|
||
input[value="purple"].theme + .Wrapper .optbar > span {
|
||
background: #f8eeff;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="action"],
|
||
.ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillDisplay button[type="roll"] {
|
||
border: 1px solid #f8eeff;
|
||
}
|
||
|
||
input[value="purple"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#f8eeff,white,white,white,#f8eeff);
|
||
}
|
||
|
||
input[value="purple"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
input[value="purple"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
input[value="purple"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
input[value="purple"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
input[value="purple"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
input[value="purple"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
input[value="purple"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,white,#f8eeff);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #18001f;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillGrid div > span,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectSeparator,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .TrackEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .NoteEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .PowerEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .OptionsEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .optbar > span {
|
||
background: #18001f;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#18001f,black,black,black,#18001f);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,black,#18001f);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .share,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .OptionsTitleBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .SectionHeader,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .Bar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .pronounbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .fpbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .fpbox input[type=number],
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .optwrap,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .AspectLabelBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .aspect .label,
|
||
/* input[value="purple"].theme + .Wrapper .specific input[type="text"], */
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .track .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .recovery .label,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="purple"].theme + .Wrapper .charname {
|
||
color: #aa61ff;
|
||
}
|
||
|
||
|
||
/* Cthulhu theme */
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-cthulhu .sheet-roll,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-cthulhu .sheet-roll {
|
||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-cthulhu.png");
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-cthulhu .sheet-roll-name,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-cthulhu .sheet-roll-name {
|
||
border-bottom: 1px solid #3a5224;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-cthulhu .sheet-roll .inlinerollresult,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-cthulhu .sheet-roll .inlinerollresult {
|
||
background: #3a5224;
|
||
border: 1px solid #3a5224;
|
||
}
|
||
|
||
input[value="cthulhu"].theme + .Wrapper .share,
|
||
input[value="cthulhu"].theme + .Wrapper .optionsbox,
|
||
input[value="cthulhu"].theme + .Wrapper .OptionsTitleBar,
|
||
input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
input[value="cthulhu"].theme + .Wrapper .SectionHeader,
|
||
input[value="cthulhu"].theme + .Wrapper .Bar,
|
||
input[value="cthulhu"].theme + .Wrapper .pronounbox,
|
||
input[value="cthulhu"].theme + .Wrapper .fpbox,
|
||
input[value="cthulhu"].theme + .Wrapper .fpbox input[type=number],
|
||
input[value="cthulhu"].theme + .Wrapper .optwrap,
|
||
input[value="cthulhu"].theme + .Wrapper .AspectLabelBar,
|
||
input[value="cthulhu"].theme + .Wrapper .aspect .label,
|
||
/* input[value="cthulhu"].theme + .Wrapper .specific input[type="text"], */
|
||
input[value="cthulhu"].theme + .Wrapper .track .optionsbox,
|
||
input[value="cthulhu"].theme + .Wrapper .recovery .label,
|
||
input[value="cthulhu"].theme + .Wrapper .charname {
|
||
color: #3a5224;
|
||
}
|
||
|
||
input[value="cthulhu"].theme + .Wrapper .icon,
|
||
input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
|
||
input[value="cthulhu"].theme + .Wrapper .EditTitleBar {
|
||
background: #3a5224;
|
||
}
|
||
|
||
input[value="cthulhu"].theme + .Wrapper .powerflex,
|
||
input[value="cthulhu"].theme + .Wrapper .specific input[type="text"] {
|
||
border-bottom: 1px solid #3a5224;
|
||
}
|
||
|
||
input[value="cthulhu"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="cthulhu"].theme + .Wrapper .TrackEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .AspectEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .NoteEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .ExtraEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .StuntEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .PowerEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .SkillEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .OptionsEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="cthulhu"].theme + .Wrapper .optbar > span {
|
||
border: 1px solid #3a5224;
|
||
}
|
||
|
||
input[value="cthulhu"].theme + .Wrapper .TrackEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .AspectEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .NoteEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .ExtraEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .StuntEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .PowerEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .SkillEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .OptionsEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="cthulhu"].theme + .Wrapper .optbar > span {
|
||
box-shadow: 2px 2px 6px #3a5224;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
|
||
background: #3a5224;
|
||
}
|
||
|
||
input[value="cthulhu"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #a9c591;
|
||
}
|
||
|
||
input[value="cthulhu"].theme + .Wrapper .AspectSeparator {
|
||
border: 1px solid #a9c591;
|
||
box-shadow: 2px 2px 6px #a9c591;
|
||
}
|
||
|
||
input[value="cthulhu"].theme + .Wrapper .SkillGrid > div {
|
||
border-bottom: 1px solid #a9c591;
|
||
}
|
||
|
||
input[value="cthulhu"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="cthulhu"].theme + .Wrapper .AspectSeparator,
|
||
input[value="cthulhu"].theme + .Wrapper .TrackEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .AspectEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .NoteEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .ExtraEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .StuntEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .PowerEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .SkillEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .OptionsEdit,
|
||
input[value="cthulhu"].theme + .Wrapper .optbar > span {
|
||
background: #d9e0d3;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="action"],
|
||
.ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillDisplay button[type="roll"] {
|
||
border: 1px solid #d9e0d3;
|
||
}
|
||
|
||
input[value="cthulhu"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#d9e0d3,white,white,white,#d9e0d3);
|
||
}
|
||
|
||
input[value="cthulhu"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
input[value="cthulhu"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
input[value="cthulhu"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
input[value="cthulhu"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
input[value="cthulhu"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
input[value="cthulhu"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
input[value="cthulhu"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,white,#d9e0d3);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #091003;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillGrid div > span,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectSeparator,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .TrackEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .NoteEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .PowerEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .OptionsEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optbar > span {
|
||
background: #091003;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#001f05,black,black,black,#091003);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,black,#091003);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .share,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .OptionsTitleBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .SectionHeader,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .Bar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .pronounbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .fpbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .fpbox input[type=number],
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .optwrap,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .AspectLabelBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .aspect .label,
|
||
/* input[value="cthulhu"].theme + .Wrapper .specific input[type="text"], */
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .track .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .recovery .label,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="cthulhu"].theme + .Wrapper .charname {
|
||
color: #689341;
|
||
}
|
||
|
||
|
||
/* Evil Hat theme */
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-evilhat .sheet-roll,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-evilhat .sheet-roll {
|
||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-evilhat.png");
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-evilhat .sheet-roll-name,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-evilhat .sheet-roll-name {
|
||
border-bottom: 1px solid #990000;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-evilhat .sheet-roll .inlinerollresult,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-evilhat .sheet-roll .inlinerollresult {
|
||
background: #990000;
|
||
border: 1px solid #000000;
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .share,
|
||
input[value="evilhat"].theme + .Wrapper .optionsbox,
|
||
input[value="evilhat"].theme + .Wrapper .OptionsTitleBar,
|
||
input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
input[value="evilhat"].theme + .Wrapper .SectionHeader,
|
||
input[value="evilhat"].theme + .Wrapper .Bar,
|
||
input[value="evilhat"].theme + .Wrapper .pronounbox,
|
||
input[value="evilhat"].theme + .Wrapper .fpbox,
|
||
input[value="evilhat"].theme + .Wrapper .fpbox input[type=number],
|
||
input[value="evilhat"].theme + .Wrapper .optwrap,
|
||
input[value="evilhat"].theme + .Wrapper .AspectLabelBar,
|
||
input[value="evilhat"].theme + .Wrapper .aspect .label,
|
||
/* input[value="evilhat"].theme + .Wrapper .specific input[type="text"], */
|
||
input[value="evilhat"].theme + .Wrapper .track .optionsbox,
|
||
input[value="evilhat"].theme + .Wrapper .recovery .label,
|
||
input[value="evilhat"].theme + .Wrapper .charname {
|
||
color: #990000;
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .icon,
|
||
input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
|
||
input[value="evilhat"].theme + .Wrapper .EditTitleBar {
|
||
background: #990000;
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .powerflex,
|
||
input[value="evilhat"].theme + .Wrapper .EditTitleBar {
|
||
border-bottom: 1px solid #000000;
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .specific input[type="text"] {
|
||
border-bottom: 1px solid #000000;
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="evilhat"].theme + .Wrapper .TrackEdit,
|
||
input[value="evilhat"].theme + .Wrapper .AspectEdit,
|
||
input[value="evilhat"].theme + .Wrapper .NoteEdit,
|
||
input[value="evilhat"].theme + .Wrapper .ExtraEdit,
|
||
input[value="evilhat"].theme + .Wrapper .StuntEdit,
|
||
input[value="evilhat"].theme + .Wrapper .PowerEdit,
|
||
input[value="evilhat"].theme + .Wrapper .SkillEdit,
|
||
input[value="evilhat"].theme + .Wrapper .OptionsEdit,
|
||
input[value="evilhat"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="evilhat"].theme + .Wrapper .optbar > span {
|
||
border: 1px solid #000000;
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .TrackEdit,
|
||
input[value="evilhat"].theme + .Wrapper .AspectEdit,
|
||
input[value="evilhat"].theme + .Wrapper .NoteEdit,
|
||
input[value="evilhat"].theme + .Wrapper .ExtraEdit,
|
||
input[value="evilhat"].theme + .Wrapper .StuntEdit,
|
||
input[value="evilhat"].theme + .Wrapper .PowerEdit,
|
||
input[value="evilhat"].theme + .Wrapper .SkillEdit,
|
||
input[value="evilhat"].theme + .Wrapper .OptionsEdit,
|
||
input[value="evilhat"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="evilhat"].theme + .Wrapper .optbar > span {
|
||
box-shadow: 2px 2px 6px #990000;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
|
||
background: #990000;
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #e8dddd;
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .AspectSeparator {
|
||
border: 1px solid #e8dddd;
|
||
box-shadow: 2px 2px 6px #990000;
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .SkillGrid > div {
|
||
border-bottom: 1px solid #990000;
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="evilhat"].theme + .Wrapper .AspectSeparator,
|
||
input[value="evilhat"].theme + .Wrapper .TrackEdit,
|
||
input[value="evilhat"].theme + .Wrapper .AspectEdit,
|
||
input[value="evilhat"].theme + .Wrapper .NoteEdit,
|
||
input[value="evilhat"].theme + .Wrapper .ExtraEdit,
|
||
input[value="evilhat"].theme + .Wrapper .StuntEdit,
|
||
input[value="evilhat"].theme + .Wrapper .PowerEdit,
|
||
input[value="evilhat"].theme + .Wrapper .SkillEdit,
|
||
input[value="evilhat"].theme + .Wrapper .OptionsEdit,
|
||
input[value="evilhat"].theme + .Wrapper .optbar > span {
|
||
background: #eeeeee;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="action"],
|
||
.ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillDisplay button[type="roll"] {
|
||
border: 1px solid #eeeeee;
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#eeeeee,white,white,white,#eeeeee);
|
||
}
|
||
|
||
input[value="evilhat"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
input[value="evilhat"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
input[value="evilhat"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
input[value="evilhat"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
input[value="evilhat"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
input[value="evilhat"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
input[value="evilhat"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,white,#eeeeee);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #111111;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillGrid div > span,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectSeparator,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .TrackEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .NoteEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .PowerEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .OptionsEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optbar > span {
|
||
background: #111111;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#111111,black,black,black,#111111);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,black,#111111);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .share,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .OptionsTitleBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .SectionHeader,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .Bar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .pronounbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .fpbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .fpbox input[type=number],
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .optwrap,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .AspectLabelBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .aspect .label,
|
||
/* input[value="evilhat"].theme + .Wrapper .specific input[type="text"], */
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .track .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .recovery .label,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="evilhat"].theme + .Wrapper .charname {
|
||
color: #d90000;
|
||
}
|
||
|
||
|
||
/* Gray theme */
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-gray .sheet-roll,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-gray .sheet-roll {
|
||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-gray.png");
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-gray .sheet-roll-name,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-gray .sheet-roll-name {
|
||
border-bottom: 1px solid #000000;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-gray .sheet-roll .inlinerollresult,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-gray .sheet-roll .inlinerollresult {
|
||
background: #000000;
|
||
border: 1px solid #000000;
|
||
}
|
||
|
||
input[value="gray"].theme + .Wrapper .share,
|
||
input[value="gray"].theme + .Wrapper .optionsbox,
|
||
input[value="gray"].theme + .Wrapper .OptionsTitleBar,
|
||
input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
input[value="gray"].theme + .Wrapper .SectionHeader,
|
||
input[value="gray"].theme + .Wrapper .Bar,
|
||
input[value="gray"].theme + .Wrapper .pronounbox,
|
||
input[value="gray"].theme + .Wrapper .fpbox,
|
||
input[value="gray"].theme + .Wrapper .fpbox input[type=number],
|
||
input[value="gray"].theme + .Wrapper .optwrap,
|
||
input[value="gray"].theme + .Wrapper .AspectLabelBar,
|
||
input[value="gray"].theme + .Wrapper .aspect .label,
|
||
/* input[value="gray"].theme + .Wrapper .specific input[type="text"], */
|
||
input[value="gray"].theme + .Wrapper .track .optionsbox,
|
||
input[value="gray"].theme + .Wrapper .recovery .label,
|
||
input[value="gray"].theme + .Wrapper .charname {
|
||
color: #000000;
|
||
}
|
||
|
||
input[value="gray"].theme + .Wrapper .icon,
|
||
input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
|
||
input[value="gray"].theme + .Wrapper .EditTitleBar {
|
||
background: #000000;
|
||
}
|
||
|
||
input[value="gray"].theme + .Wrapper .powerflex,
|
||
input[value="gray"].theme + .Wrapper .specific input[type="text"] {
|
||
border-bottom: 1px solid #000000;
|
||
}
|
||
|
||
input[value="gray"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="gray"].theme + .Wrapper .TrackEdit,
|
||
input[value="gray"].theme + .Wrapper .AspectEdit,
|
||
input[value="gray"].theme + .Wrapper .NoteEdit,
|
||
input[value="gray"].theme + .Wrapper .ExtraEdit,
|
||
input[value="gray"].theme + .Wrapper .StuntEdit,
|
||
input[value="gray"].theme + .Wrapper .PowerEdit,
|
||
input[value="gray"].theme + .Wrapper .SkillEdit,
|
||
input[value="gray"].theme + .Wrapper .OptionsEdit,
|
||
input[value="gray"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="gray"].theme + .Wrapper .optbar > span {
|
||
border: 1px solid #000000;
|
||
}
|
||
|
||
input[value="gray"].theme + .Wrapper .TrackEdit,
|
||
input[value="gray"].theme + .Wrapper .AspectEdit,
|
||
input[value="gray"].theme + .Wrapper .NoteEdit,
|
||
input[value="gray"].theme + .Wrapper .ExtraEdit,
|
||
input[value="gray"].theme + .Wrapper .StuntEdit,
|
||
input[value="gray"].theme + .Wrapper .PowerEdit,
|
||
input[value="gray"].theme + .Wrapper .SkillEdit,
|
||
input[value="gray"].theme + .Wrapper .OptionsEdit,
|
||
input[value="gray"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="gray"].theme + .Wrapper .optbar > span {
|
||
box-shadow: 2px 2px 6px #000000;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
|
||
background: #000000;
|
||
}
|
||
|
||
input[value="gray"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #dddddd;
|
||
}
|
||
|
||
input[value="gray"].theme + .Wrapper .AspectSeparator {
|
||
border: 1px solid #dddddd;
|
||
box-shadow: 2px 2px 6px #dddddd;
|
||
}
|
||
|
||
input[value="gray"].theme + .Wrapper .SkillGrid > div {
|
||
border-bottom: 1px solid #dddddd;
|
||
}
|
||
|
||
input[value="gray"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="gray"].theme + .Wrapper .AspectSeparator,
|
||
input[value="gray"].theme + .Wrapper .TrackEdit,
|
||
input[value="gray"].theme + .Wrapper .AspectEdit,
|
||
input[value="gray"].theme + .Wrapper .NoteEdit,
|
||
input[value="gray"].theme + .Wrapper .ExtraEdit,
|
||
input[value="gray"].theme + .Wrapper .StuntEdit,
|
||
input[value="gray"].theme + .Wrapper .PowerEdit,
|
||
input[value="gray"].theme + .Wrapper .SkillEdit,
|
||
input[value="gray"].theme + .Wrapper .OptionsEdit,
|
||
input[value="gray"].theme + .Wrapper .optbar > span {
|
||
background: #eeeeee;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="action"],
|
||
.ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillDisplay button[type="roll"] {
|
||
border: 1px solid #eeeeee;
|
||
}
|
||
|
||
input[value="gray"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#eeeeee,white,white,white,#eeeeee);
|
||
}
|
||
|
||
input[value="gray"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
input[value="gray"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
input[value="gray"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
input[value="gray"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
input[value="gray"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
input[value="gray"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
input[value="gray"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,white,#eeeeee);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #111111;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillGrid div > span,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectSeparator,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .TrackEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .NoteEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .PowerEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .OptionsEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .optbar > span {
|
||
background: #111111;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#111111,black,black,black,#111111);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,black,#111111);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .share,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .OptionsTitleBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .SectionHeader,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .Bar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .pronounbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .fpbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .fpbox input[type=number],
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .optwrap,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .AspectLabelBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .aspect .label,
|
||
/* input[value="gray"].theme + .Wrapper .specific input[type="text"], */
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .track .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .recovery .label,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="gray"].theme + .Wrapper .charname {
|
||
color: #aaaaaa;
|
||
}
|
||
|
||
/* Shadow of the Century theme */
|
||
|
||
/* teal: #007da4, roaring hot magenta: ec008b */
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-shotc .sheet-roll,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-shotc .sheet-roll {
|
||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-shotc.png");
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-shotc .sheet-roll-name,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-shotc .sheet-roll-name {
|
||
border-bottom: 1px solid #ec008b;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-shotc .sheet-roll .inlinerollresult,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-shotc .sheet-roll .inlinerollresult {
|
||
background: #ec008b;
|
||
border: 1px solid #007da4;
|
||
}
|
||
|
||
input[value="shotc"].theme + .Wrapper .share,
|
||
input[value="shotc"].theme + .Wrapper .optionsbox,
|
||
input[value="shotc"].theme + .Wrapper .OptionsTitleBar,
|
||
input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
input[value="shotc"].theme + .Wrapper .SectionHeader,
|
||
input[value="shotc"].theme + .Wrapper .Bar,
|
||
input[value="shotc"].theme + .Wrapper .pronounbox,
|
||
input[value="shotc"].theme + .Wrapper .fpbox,
|
||
input[value="shotc"].theme + .Wrapper .fpbox input[type=number],
|
||
input[value="shotc"].theme + .Wrapper .optwrap,
|
||
input[value="shotc"].theme + .Wrapper .AspectLabelBar,
|
||
input[value="shotc"].theme + .Wrapper .aspect .label,
|
||
/* input[value="shotc"].theme + .Wrapper .specific input[type="text"], */
|
||
input[value="shotc"].theme + .Wrapper .track .optionsbox,
|
||
input[value="shotc"].theme + .Wrapper .recovery .label,
|
||
input[value="shotc"].theme + .Wrapper .charname {
|
||
color: #007da4;
|
||
}
|
||
|
||
input[value="shotc"].theme + .Wrapper .icon,
|
||
input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
|
||
input[value="shotc"].theme + .Wrapper .EditTitleBar {
|
||
background: #ec008b;
|
||
}
|
||
|
||
input[value="shotc"].theme + .Wrapper .powerflex,
|
||
input[value="shotc"].theme + .Wrapper .specific input[type="text"] {
|
||
border-bottom: 1px solid #ec008b;
|
||
}
|
||
|
||
input[value="shotc"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="shotc"].theme + .Wrapper .TrackEdit,
|
||
input[value="shotc"].theme + .Wrapper .AspectEdit,
|
||
input[value="shotc"].theme + .Wrapper .NoteEdit,
|
||
input[value="shotc"].theme + .Wrapper .ExtraEdit,
|
||
input[value="shotc"].theme + .Wrapper .StuntEdit,
|
||
input[value="shotc"].theme + .Wrapper .PowerEdit,
|
||
input[value="shotc"].theme + .Wrapper .SkillEdit,
|
||
input[value="shotc"].theme + .Wrapper .OptionsEdit,
|
||
input[value="shotc"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="shotc"].theme + .Wrapper .optbar > span {
|
||
border: 1px solid #007da4;
|
||
}
|
||
|
||
input[value="shotc"].theme + .Wrapper .TrackEdit,
|
||
input[value="shotc"].theme + .Wrapper .AspectEdit,
|
||
input[value="shotc"].theme + .Wrapper .NoteEdit,
|
||
input[value="shotc"].theme + .Wrapper .ExtraEdit,
|
||
input[value="shotc"].theme + .Wrapper .StuntEdit,
|
||
input[value="shotc"].theme + .Wrapper .PowerEdit,
|
||
input[value="shotc"].theme + .Wrapper .SkillEdit,
|
||
input[value="shotc"].theme + .Wrapper .OptionsEdit,
|
||
input[value="shotc"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="shotc"].theme + .Wrapper .optbar > span {
|
||
box-shadow: 2px 2px 6px #ec008b;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
|
||
background: #007da4;
|
||
}
|
||
|
||
input[value="shotc"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #ddeeff;
|
||
}
|
||
|
||
input[value="shotc"].theme + .Wrapper .AspectSeparator {
|
||
border: 1px solid #ddeeff;
|
||
box-shadow: 2px 2px 6px #ddeeff;
|
||
}
|
||
|
||
input[value="shotc"].theme + .Wrapper .SkillGrid > div {
|
||
border-bottom: 1px solid #ddeeff;
|
||
}
|
||
|
||
input[value="shotc"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="shotc"].theme + .Wrapper .AspectSeparator,
|
||
input[value="shotc"].theme + .Wrapper .TrackEdit,
|
||
input[value="shotc"].theme + .Wrapper .AspectEdit,
|
||
input[value="shotc"].theme + .Wrapper .NoteEdit,
|
||
input[value="shotc"].theme + .Wrapper .ExtraEdit,
|
||
input[value="shotc"].theme + .Wrapper .StuntEdit,
|
||
input[value="shotc"].theme + .Wrapper .PowerEdit,
|
||
input[value="shotc"].theme + .Wrapper .SkillEdit,
|
||
input[value="shotc"].theme + .Wrapper .OptionsEdit,
|
||
input[value="shotc"].theme + .Wrapper .optbar > span {
|
||
background: #eef8ff;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="action"],
|
||
.ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillDisplay button[type="roll"] {
|
||
border: 1px solid #eef8ff;
|
||
}
|
||
|
||
input[value="shotc"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#eef8ff,white,white,white,#eef8ff);
|
||
}
|
||
|
||
input[value="shotc"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
input[value="shotc"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
input[value="shotc"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
input[value="shotc"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
input[value="shotc"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
input[value="shotc"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
input[value="shotc"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,white,#eef8ff);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #00181f;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillGrid div > span,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectSeparator,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .TrackEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .NoteEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .PowerEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .OptionsEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optbar > span {
|
||
background: #00181f;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#00181f,black,black,black,#00181f);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,black,#00181f);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .share,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .OptionsTitleBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .SectionHeader,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .Bar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .pronounbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .fpbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .fpbox input[type=number],
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .optwrap,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .AspectLabelBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .aspect .label,
|
||
/* input[value="shotc"].theme + .Wrapper .specific input[type="text"], */
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .track .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .recovery .label,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="shotc"].theme + .Wrapper .charname {
|
||
color: #0092bf;
|
||
}
|
||
|
||
|
||
/* Orange (Golden) theme */
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-orange .sheet-roll,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-orange .sheet-roll {
|
||
background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-orange.png");
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-orange .sheet-roll-name,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-orange .sheet-roll-name {
|
||
border-bottom: 1px solid #e3ac24;
|
||
}
|
||
|
||
.sheet-rolltemplate-share .sheet-theme-orange .sheet-roll .inlinerollresult,
|
||
.sheet-rolltemplate-fateroll .sheet-theme-orange .sheet-roll .inlinerollresult {
|
||
background: #e3ac24;
|
||
border: 1px solid #e3ac24;
|
||
}
|
||
|
||
input[value="orange"].theme + .Wrapper .share,
|
||
input[value="orange"].theme + .Wrapper .optionsbox,
|
||
input[value="orange"].theme + .Wrapper .OptionsTitleBar,
|
||
input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
input[value="orange"].theme + .Wrapper .SectionHeader,
|
||
input[value="orange"].theme + .Wrapper .Bar,
|
||
input[value="orange"].theme + .Wrapper .pronounbox,
|
||
input[value="orange"].theme + .Wrapper .fpbox,
|
||
input[value="orange"].theme + .Wrapper .fpbox input[type=number],
|
||
input[value="orange"].theme + .Wrapper .optwrap,
|
||
input[value="orange"].theme + .Wrapper .AspectLabelBar,
|
||
input[value="orange"].theme + .Wrapper .aspect .label,
|
||
/* input[value="orange"].theme + .Wrapper .specific input[type="text"], */
|
||
input[value="orange"].theme + .Wrapper .track .optionsbox,
|
||
input[value="orange"].theme + .Wrapper .recovery .label,
|
||
input[value="orange"].theme + .Wrapper .charname {
|
||
color: #e3ac24;
|
||
}
|
||
|
||
input[value="orange"].theme + .Wrapper .icon,
|
||
input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.tracker,
|
||
input[value="orange"].theme + .Wrapper .EditTitleBar {
|
||
background: #e3ac24;
|
||
}
|
||
|
||
input[value="orange"].theme + .Wrapper .powerflex,
|
||
input[value="orange"].theme + .Wrapper .specific input[type="text"] {
|
||
border-bottom: 1px solid #e3ac24;
|
||
}
|
||
|
||
input[value="orange"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="orange"].theme + .Wrapper .TrackEdit,
|
||
input[value="orange"].theme + .Wrapper .AspectEdit,
|
||
input[value="orange"].theme + .Wrapper .NoteEdit,
|
||
input[value="orange"].theme + .Wrapper .ExtraEdit,
|
||
input[value="orange"].theme + .Wrapper .StuntEdit,
|
||
input[value="orange"].theme + .Wrapper .PowerEdit,
|
||
input[value="orange"].theme + .Wrapper .SkillEdit,
|
||
input[value="orange"].theme + .Wrapper .OptionsEdit,
|
||
input[value="orange"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="orange"].theme + .Wrapper .optbar > span {
|
||
border: 1px solid #e3ac24;
|
||
}
|
||
|
||
input[value="orange"].theme + .Wrapper .TrackEdit,
|
||
input[value="orange"].theme + .Wrapper .AspectEdit,
|
||
input[value="orange"].theme + .Wrapper .NoteEdit,
|
||
input[value="orange"].theme + .Wrapper .ExtraEdit,
|
||
input[value="orange"].theme + .Wrapper .StuntEdit,
|
||
input[value="orange"].theme + .Wrapper .PowerEdit,
|
||
input[value="orange"].theme + .Wrapper .SkillEdit,
|
||
input[value="orange"].theme + .Wrapper .OptionsEdit,
|
||
input[value="orange"].theme + .Wrapper .SectionHeader ~ div,
|
||
input[value="orange"].theme + .Wrapper .optbar > span {
|
||
box-shadow: 2px 2px 6px #e3ac24;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:active,
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"]:active,
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"]:hover,
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"]:hover {
|
||
background: #e3ac24;
|
||
}
|
||
|
||
input[value="orange"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #eee8dd;
|
||
}
|
||
|
||
input[value="orange"].theme + .Wrapper .AspectSeparator {
|
||
border: 1px solid #eee8dd;
|
||
box-shadow: 2px 2px 6px #eee8dd;
|
||
}
|
||
|
||
input[value="orange"].theme + .Wrapper .SkillGrid > div {
|
||
border-bottom: 1px solid #eee8dd;
|
||
}
|
||
|
||
input[value="orange"].theme + .Wrapper .SkillGrid div > span,
|
||
input[value="orange"].theme + .Wrapper .AspectSeparator,
|
||
input[value="orange"].theme + .Wrapper .TrackEdit,
|
||
input[value="orange"].theme + .Wrapper .AspectEdit,
|
||
input[value="orange"].theme + .Wrapper .NoteEdit,
|
||
input[value="orange"].theme + .Wrapper .ExtraEdit,
|
||
input[value="orange"].theme + .Wrapper .StuntEdit,
|
||
input[value="orange"].theme + .Wrapper .PowerEdit,
|
||
input[value="orange"].theme + .Wrapper .SkillEdit,
|
||
input[value="orange"].theme + .Wrapper .OptionsEdit,
|
||
input[value="orange"].theme + .Wrapper .optbar > span {
|
||
background: #fff8ee;
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraDisplay button[type="roll"].sheet-roll,
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="action"],
|
||
.ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillDisplay button[type="roll"] {
|
||
border: 1px solid #fff8ee;
|
||
}
|
||
|
||
input[value="orange"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#fff8ee,white,white,white,#fff8ee);
|
||
}
|
||
|
||
input[value="orange"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
input[value="orange"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
input[value="orange"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
input[value="orange"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
input[value="orange"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
input[value="orange"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
input[value="orange"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,white,#fff8ee);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillGrid > div:hover {
|
||
background: #1f1800;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillGrid div > span,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectSeparator,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .TrackEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .NoteEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .PowerEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .OptionsEdit,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .optbar > span {
|
||
background: #1f1800;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SectionHeader ~ div {
|
||
background-image: linear-gradient(to bottom,#1f1800,black,black,black,#1f1800);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .TrackEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .StuntEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .PowerEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .NoteEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .ExtraEdit > .repcontainer,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SkillEdit > .repcontainer {
|
||
background-image: linear-gradient(to bottom,black,#1f1800);
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .share,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .OptionsTitleBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checker::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox:checked + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper input[type="checkbox"].checkbox + span.checkmark::before,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .SectionHeader,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .Bar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .pronounbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .fpbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .fpbox input[type=number],
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .optwrap,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .AspectLabelBar,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .aspect .label,
|
||
/* input[value="orange"].theme + .Wrapper .specific input[type="text"], */
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .track .optionsbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .recovery .label,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet input[value="orange"].theme + .Wrapper .charname {
|
||
color: #e3ac24;
|
||
}
|
||
|
||
|
||
/* Media Change Block — Hopefully to help us get mobile support working. Needs to come after everything previously defined, so it can override previously defined elements when the interface resizes. */
|
||
|
||
.Mobile {
|
||
display: none;
|
||
}
|
||
|
||
@media only screen and (max-width: 720px) {
|
||
|
||
/* Here's actual styling content */
|
||
|
||
.topwrap {
|
||
display: grid;
|
||
grid-template-columns: 1fr 2fr;
|
||
}
|
||
|
||
input[type="checkbox"].triggerbox:checked + .logobox,
|
||
input[type="checkbox"].triggerbox + .logobox,
|
||
.logobox {
|
||
display: none;
|
||
}
|
||
|
||
.pronounbox {
|
||
grid-row: 2;
|
||
grid-column: 1;
|
||
}
|
||
|
||
.fpbox {
|
||
grid-row: 2;
|
||
grid-column: 2;
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
margin-left: 0px;
|
||
float: none !important;
|
||
justify-items: stretch;
|
||
}
|
||
|
||
.fpbox div {
|
||
margin-left: 5px;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.namebox {
|
||
grid-row: 1;
|
||
grid-column: span 2;
|
||
}
|
||
|
||
.namebox input[type="text"] {
|
||
text-align: center;
|
||
}
|
||
|
||
/* This will help me notice when width is narrowed to Mobile view */
|
||
|
||
/*
|
||
.Mobile {
|
||
display: block;
|
||
background-color: yellow;
|
||
color: black;
|
||
width: 640px;
|
||
}
|
||
|
||
.Mobile textarea {
|
||
width: 100%;
|
||
height: 400px;
|
||
}
|
||
*/
|
||
|
||
.SheetFlex {
|
||
flex-direction: column-reverse;
|
||
}
|
||
|
||
.SheetCol {
|
||
margin-left: 0px;
|
||
}
|
||
|
||
.StuntFrame,
|
||
.PowerFrame,
|
||
.NoteFrame,
|
||
.SkillFrame {
|
||
flex-direction: column;
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet button[type="roll"].share,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet .pencilbox,
|
||
.sheet-darkmode .ui-dialog .tab-content .charsheet .optionsbox,
|
||
input[type="checkbox"].checkbox:hover + span.checkmark::before {
|
||
opacity: 0.8
|
||
}
|
||
|
||
.ui-dialog .tab-content .charsheet button[type="roll"].share,
|
||
.pencilbox,
|
||
.optionsbox,
|
||
input[type="checkbox"].checkbox + span.checkmark::before {
|
||
opacity: 0.6
|
||
}
|
||
|
||
}
|