Files
roll20-character-sheets/Fate/FateOmni.css
T
fredhicks 0bd81bad89 Multiple features added
- translation.json bugfix

- now possible to remove an aspect's label, so you can list multiple aspects in a row under the first one's label-header; necessitated moving option controls and flags display down onto the line for the aspect itself, as they were previously located next to the label, but if the label can now sometimes be empty/skipped, that's no longer appropriate.

- Rollable aspects can now have ratings as high as 10

- Combinable Skills now added to the sheet, supporting things like Two-Column Fate and other implementations that add two or more skills together for a roll. You'll need to flip the Combinable Skills setting on in order to see them on your sheet. Once you do you'll have controls available to pick which column each skill belongs in, and whether you're allowed to pick multiple skills from the same column. Once your skills are placed in the columns as desired, you may click a checkmark next to the ones you wish to combine for a roll. Once you do a button will appear at the top of the section allowing you to roll your selected combination.
2021-05-12 18:27:19 -04:00

2457 lines
87 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
.sheet-Wrapper {
font-size: 11pt;
}
.sheet-listcount {
font-weight: normal;
font-size: 80%;
text-align: right;
display: none;
}
.sheet-squat {
height: 30px;
max-height: 60px;
}
.sheet-space-below {
margin-bottom: 6px;
}
.sheet-SectionHeader:hover .sheet-listcount {
display: initial;
}
.sheet-listcount::before {
content: "(";
}
.sheet-listcount::after {
content: ")";
}
.sheet-highlight input[type="button"] {
margin-bottom: 0px;
}
.sheet-charname {
border: 0px;
font-size: 36px;
font-weight: bold;
width: 100%;
padding: 0px;
margin-left: 0px;
}
.sheet-pronouns {
border: 0px;
font-size: 18px;
padding: 0px;
margin-left: 0px;
}
.sheet-floatright {
float: right;
}
input[type="checkbox"].sheet-triggerbox:checked + .sheet-specific {
display: flex;
}
.sheet-specific {
display: flex;
flex-flow: row-reverse;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
}
.sheet-specific input[type="text"] {
width: 100%;
flex-grow: 1;
border: 0px;
margin-left: 20px;
font-weight: bold;
background: transparent;
}
.sheet-recovery .sheet-label {
font-size: 80%;
text-transform: uppercase;
opacity: 0.25;
}
input[type="checkbox"]:checked + .sheet-recovery .sheet-label {
opacity: 1.0;
font-weight: bold;
}
.sheet-aspect .sheet-boxes {
margin-left: 12px;
}
input[type="checkbox"].sheet-triggerbox:checked + .sheet-optbar {
display: flex;
}
.sheet-optbar {
vertical-align: middle;
width: 100%;
display: flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 6px;
margin-right: 10px;
}
.sheet-optbar > span {
margin-right: 10px;
height: 18px;
white-space: nowrap;
padding: 6px;
padding-right: 12px;
margin-bottom: 10px;
border-radius: 6px;
}
.sheet-optbar select {
background: transparent;
border: none;
margin: none;
padding: none;
height: 24px;
}
.sheet-limited-width {
max-width: 250px;
}
input.sheet-compact,
select.sheet-compact {
max-width: 85px;
}
input.sheet-ultracompact,
select.sheet-ultracompact {
max-width: 40px;
}
input.sheet-maxcompact,
select.sheet-maxcompact {
max-width: 30px;
}
.sheet-smalltext {
font-size: 75%;
}
.sheet-clipped {
overflow: hidden;
}
.sheet-nowrap {
white-space: nowrap;
}
.sheet-SheetFlex {
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 100%;
}
.sheet-SheetCol {
min-width: 260px;
margin-left: 12px;
flex-grow: 1;
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.sheet-SheetCol:first-child {
margin-left: 0px;
flex-grow: 3;
}
.sheet-boxcorner {
text-align: right;
}
.sheet-SheetCol:first-child .sheet-boxcorner { /* To maintain consistency of position in left col vs right */
margin-right: 4px;
}
.sheet-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;
}
.sheet-SectionHeader > * {
flex-grow: 1;
}
.sheet-SectionHeader ~ div {
min-width: 272px;
border-radius: 12px;
}
/* Extras stuff */
span.sheet-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.sheet-icon[value="plus"] + span.sheet-icon::before {
content: "+";
}
input.sheet-icon[value="minus"] + span.sheet-icon::before {
content: "";
}
input.sheet-icon[value="blank"] + span.sheet-icon::before {
content: " ";
}
.sheet-clear-all {
clear: both;
}
.sheet-indented {
padding-left: 10px;
}
.sheet-rolltemplate-share .sheet-space-above,
.sheet-space-above {
padding-top: 12px;
}
.sheet-ExtraDisplay .repcontainer .repitem:first-child .sheet-space-above {
padding-top: 0px;
}
.sheet-hideUnlessNull + * {
display: none;
}
.sheet-hideUnlessNull[value=""] + * {
display: initial;
}
.sheet-element ~ div {
display: none;
}
.sheet-element[value="title"] ~ .repcontainer .repitem > div {
}
.sheet-element[value="title"] ~ div.sheet-title {
display: block;
font-weight: bold;
font-size: 120%;
}
.sheet-element[value="title"] ~ div.sheet-title > input[type=text] {
font-weight: bold;
font-size: 120%;
border: 0px;
}
.sheet-element[value="permissions"] ~ div.sheet-permissions {
display: block;
}
.sheet-element[value="cost"] ~ div.sheet-cost {
display: block;
}
.sheet-element[value="aspect"] ~ div.sheet-aspect {
display: block;
}
.sheet-element[value="aspect"] ~ div.sheet-aspect span.sheet-aspect {
font-weight: bold;
font-style: italic;
text-transform: capitalize;
}
.sheet-element[value="skill"] ~ div.sheet-skill {
display: block;
}
.sheet-element[value="stunt"] ~ div.sheet-stunt {
display: block;
}
.sheet-element[value="track"] ~ div.sheet-track {
display: block;
}
.sheet-element[value="rating"] ~ div.sheet-rating {
display: block;
}
.sheet-element[value="note"] ~ div.sheet-note {
display: block;
}
/* End Extras Stuff */
.sheet-AspectFrame,
.sheet-TrackFrame,
.sheet-StuntFrame,
.sheet-PowerFrame,
.sheet-NoteFrame,
.sheet-ExtraFrame,
.sheet-SkillFrame {
display: flex;
}
.sheet-StuntFrame,
.sheet-PowerFrame,
.sheet-NoteFrame,
.sheet-ExtraFrame,
.sheet-SkillFrame {
flex-direction: row;
justify-content: flex-start;
}
.sheet-TrackFrame,
.sheet-AspectFrame {
flex-direction: column;
justify-content: stretch;
}
.sheet-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-OptionsEdit {
padding: 6px;
border-radius: 6px;
font-size: 80%;
margin-bottom: 6px;
}
.sheet-TrackEdit,
.sheet-AspectEdit,
.sheet-NoteEdit,
.sheet-ExtraEdit,
.sheet-PowerEdit,
.sheet-StuntEdit,
.sheet-SkillEdit {
order: -1;
min-width: 248px;
margin: 6px;
margin-right: 6px;
border-radius: 6px;
}
.sheet-AspectEdit > .repcontainer,
.sheet-TrackEdit > .repcontainer,
.sheet-StuntEdit > .repcontainer,
.sheet-PowerEdit > .repcontainer,
.sheet-NoteEdit > .repcontainer,
.sheet-ExtraEdit > .repcontainer,
.sheet-SkillEdit > .repcontainer {
padding-top: 6px;
padding-right: 10px;
}
.sheet-TrackEdit input[type="text"],
.sheet-AspectEdit input[type="text"],
.sheet-NoteEdit input[type="text"],
.sheet-ExtraEdit input[type="text"],
.sheet-StuntEdit input[type="text"],
.sheet-PowerEdit input[type="text"] {
width: 100%;
}
.sheet-AspectEdit textarea,
.sheet-TrackEdit textarea,
.sheet-NoteEdit textarea,
.sheet-ExtraEdit textarea,
.sheet-PowerEdit textarea,
.sheet-StuntEdit textarea {
width: calc(100% - 10px);
}
.sheet-AspectEdit > div,
.sheet-TrackEdit > div,
.sheet-StuntEdit > div,
.sheet-PowerEdit > div,
.sheet-NoteEdit > div,
.sheet-ExtraEdit > div,
.sheet-SkillEdit > div {
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
}
.sheet-SkillEditRow {
display: flex;
flex-direction: row;
flex-flow: nowrap;
justify-content: flex-start;
width: 100%;
align-items: center;
}
.sheet-SkillEditRow > *:last-child {
margin-right: 0px;
}
.sheet-SkillEditRow > * {
flex-grow: 1;
margin-right: 6px;
height: 24px;
}
.sheet-AspectSeparator {
padding: 6px;
margin-bottom: 10px;
}
.sheet-SkillDisplay {
order: 0;
min-width: 260px;
padding: 10px;
flex-grow: 1;
}
.sheet-PowerDisplay,
.sheet-StuntDisplay {
flex-grow: 1;
padding: 10px;
}
.sheet-NoteDisplay {
flex-grow: 1;
padding: 10px;
}
.sheet-ExtraDisplay {
flex-grow: 1;
padding: 10px;
}
.sheet-TrackDisplay,
.sheet-AspectDisplay {
padding: 10px;
}
.sheet-ComboColumn .repcontrol,
.sheet-AspectDisplay .repcontrol,
.sheet-TrackDisplay .repcontrol,
.sheet-StuntDisplay .repcontrol,
.sheet-PowerDisplay .repcontrol,
.sheet-NoteDisplay .repcontrol,
.sheet-ExtraDisplay .repcontrol,
.sheet-SkillDisplay .repcontrol {
display: none;
}
.sheet-stunt {
margin-bottom: 6px;
text-indent: -10px;
margin-left: 10px;
}
.sheet-stunt .sheet-name {
font-weight: bold;
}
.sheet-stunt .sheet-name::after {
content: ': ';
}
.sheet-power {
margin-bottom: 6px;
}
.sheet-powerflex {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 3px;
margin-bottom: 3px;
}
.sheet-power .sheet-name {
font-weight: bold;
display: inline-block;
}
.sheet-power .sheet-cost {
flex-grow: 0;
text-align: right;
}
.sheet-power .sheet-desc {
margin-left: 0px;
text-indent: 0px;
}
.sheet-power .sheet-field {
text-indent: -6px;
margin-left: 12px;
}
.sheet-note {
margin-bottom: 6px;
}
.sheet-note .sheet-name {
font-weight: bold;
}
.sheet-note .sheet-desc {
margin-left: 10px;
}
.sheet-track,
.sheet-aspect {
margin-bottom: 6px;
}
.sheet-track .sheet-boxes {
margin-left: 6px;
}
.sheet-topwrap {
display: flex;
flex-flow: row-reverse;
width: 100%;
justify-content: space-between;
align-items: flex-end;
}
.sheet-topwrap > div:last-child {
flex-grow: 1;
}
.sheet-Bar {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.sheet-fpbox {
float: right;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
flex-grow: 0;
flex-shrink: 1;
margin-left: 20px;
}
.sheet-pronounbox div,
.sheet-fpbox div {
text-align: center;
vertical-align: bottom;
white-space: nowrap;
margin-left: 10px;
}
.sheet-pronounbox > div > div,
.sheet-fpbox > div > div {
display: block;
}
.sheet-pronounbox > div > div + div,
.sheet-fpbox > div > div + div {
font-weight: bold;
font-size: 90%;
text-transform: uppercase;
}
.sheet-fpbox input[type=number] {
border: 0px;
font-size: 30px;
font-weight: bold;
width: 2em;
margin-left: 0.5em;
text-align: center;
}
.sheet-pronounbox input {
text-align: center;
max-width: 96px;
}
.sheet-Bar div {
display: inline-block;
margin-left: 10px;
}
.sheet-Bar div:first-child {
flex-grow: 1;
margin-left: 0px;
}
.sheet-AspectLabelBar {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.sheet-aspect:hover .sheet-label {
font-weight: bold;
}
.sheet-aspect .sheet-label {
text-transform: uppercase;
opacity: 0.75;
font-size: 80%;
display: block;
}
.sheet-aspect-category {
text-transform: uppercase;
font-size: 90%;
display: block;
font-weight: bold;
}
.sheet-track .sheet-name {
text-transform: capitalize;
font-weight: bold;
}
.sheet-aspect .sheet-name {
text-transform: capitalize;
font-weight: bold;
font-style: italic;
margin-left: 6px;
}
.sheet-aspect .sheet-notes {
margin-left: 12px;
padding-right: 6px;
max-width: 250px;
font-size: 80%;
}
.sheet-track .sheet-notes {
margin-left: 6px;
padding-right: 6px;
max-width: 250px;
font-size: 80%;
}
.sheet-SkillCell .sheet-rating::before {
content: '+';
}
.sheet-signmaker[value="-4"] + .sheet-rating::before,
.sheet-signmaker[value="-3"] + .sheet-rating::before,
.sheet-signmaker[value="-2"] + .sheet-rating::before,
.sheet-signmaker[value="-1"] + .sheet-rating::before {
content: '';
}
.sheet-hideIfNull + div {
display: block;
}
.sheet-hideIfNull[value=""] + * {
display: none;
}
.sheet-SkillColumnFirst,
.sheet-SkillColumnSecond,
.sheet-SkillColumnThird,
.sheet-SkillNone,
.sheet-SkillList,
.sheet-SkillGrid {
display: none;
}
input[value=""] + .sheet-SkillColumnFirst,
input[value="1"] + .sheet-SkillColumnFirst {
display: initial;
}
input[value="2"] + .sheet-SkillColumnSecond {
display: initial;
}
input[value="3"] + .sheet-SkillColumnThird {
display: initial;
}
input[value="none"] ~ .sheet-SkillNone {
display: block;
}
input[value="pyramid"] ~ .sheet-SkillGrid {
display: block;
}
input[value="list"] ~ .sheet-SkillList {
display: block;
}
.sheet-SkillGrid > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
padding-top: 6px;
transition: background 0.25s ease;
}
.sheet-SkillGrid button[type="roll"] {
font-weight: bold;
}
.sheet-SkillList > .repcontainer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.sheet-SkillList > .repcontainer > .repitem {
flex: none;
}
.sheet-ExtraDisplay button[type="roll"].sheet-roll::before,
.sheet-StuntDisplay button[type="roll"].sheet-roll::before,
.sheet-SkillDisplay button[type="action"]::before,
.sheet-SkillDisplay button[type="roll"]::before {
content: "";
}
.sheet-StuntDisplay button[type="roll"].sheet-roll,
.sheet-SkillDisplay button[type="action"],
.sheet-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-ExtraDisplay .sheet-track {
clear: both;
}
.sheet-ExtraDisplay .sheet-track .sheet-float-left {
float: left;
padding-right: 6px;
padding-bottom: 6px;
}
.sheet-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-ExtraDisplay button[type="roll"].sheet-roll:active,
.sheet-StuntDisplay button[type="roll"].sheet-roll:active,
.sheet-SkillDisplay button[type="action"]:active,
.sheet-SkillDisplay button[type="roll"]:active {
color: white;
text-shadow: 0 0 2px white;
}
.sheet-ExtraDisplay button[type="roll"].sheet-roll:hover,
.sheet-StuntDisplay button[type="roll"].sheet-roll:hover,
.sheet-SkillDisplay button[type="action"]:hover,
.sheet-SkillDisplay button[type="roll"]:hover {
color: white;
text-shadow: 0 0 2px black;
}
.sheet-ExtraDisplay button[type="roll"].sheet-roll,
.sheet-StuntDisplay button[type="roll"].sheet-roll,
.sheet-SkillDisplay button[type="action"],
.sheet-SkillDisplay button[type="roll"] {
font-size: 14px;
}
.sheet-SkillDisplay .sheet-SkillList button[type="action"],
.sheet-SkillDisplay .sheet-SkillList button[type="roll"] {
min-width: 225px;
}
/* Not sure this one's even in use */
.sheet-SkillGrid div > span {
display: inline-block;
min-width: 100px;
min-height: 15px;
margin-right: 6px;
margin-bottom: 6px;
padding: 6px;
border-radius: 6px;
}
.sheet-SkillGrid div > span[value=""] {
display: none;
}
.sheet-SkillGridRating {
text-align: right;
min-width: 100px;
padding-right: 10px;
padding-top: 6px;
}
.sheet-align-right {
text-align: right;
}
.sheet-OptionsTitleBar {
display: flex;
flex-direction: row;
justify-content: space-between;
text-transform: uppercase;
font-weight: bold;
padding: 3px;
vertical-align: bottom;
}
.sheet-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"].sheet-checkbox {
opacity: 0.0;
width: 20px;
height: 20px;
position: relative;
top: -3px;
left: 9px;
margin: -10px;
cursor: pointer;
z-index: 1;
vertical-align: middle;
}
input[type="checkbox"].sheet-checkbox + span.sheet-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"].sheet-checkbox:checked + span.sheet-pencilbox::before {
content: "D";
text-transform: uppercase; /* To enforce uppercase D */
}
.sheet-pencilbox,
.sheet-optionsbox {
opacity: 0.25;
transition: opacity 0.5s ease;
}
.sheet-EditTitleBar .sheet-pencilbox,
.sheet-EditTitleBar .sheet-optionsbox,
.sheet-OptionsTitleBar .sheet-pencilbox,
.sheet-OptionsTitleBar .sheet-optionsbox,
input[type="checkbox"].sheet-checkbox:hover + .sheet-pencilbox,
.sheet-pencilbox:hover,
input[type="checkbox"].sheet-checkbox:hover + .sheet-optionsbox,
.sheet-optionsbox:hover {
opacity: 1.0;
}
input[type="checkbox"].sheet-checkbox + span.sheet-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"].sheet-checkbox:checked + span.sheet-optionsbox::before {
content: "2";
font-style: normal;
}
input[type="checkbox"].sheet-checkbox + span.sheet-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"].sheet-checkbox:checked + span.sheet-checker::before {
content: "2";
}
input[type="text"].sheet-tracker {
width: 1.67em;
}
input[type="checkbox"].sheet-checkbox + span.sheet-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"].sheet-checkbox:checked + span.sheet-tracker {
border: 1px solid black;
color: white;
}
input[type="checkbox"].sheet-checkbox:checked + span.sheet-checkmark::before {
content: "2";
opacity: 1.0;
}
input[type="checkbox"].sheet-checkbox:hover + span.sheet-checkmark::before {
opacity: 0.5;
}
input[type="checkbox"].sheet-checkbox:checked:hover + span.sheet-checkmark::before {
opacity: 1.0;
}
input[type="checkbox"].sheet-checkbox + span.sheet-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"].sheet-hidebox,
input[type="checkbox"].sheet-hidebox:checked,
input[type="checkbox"].sheet-triggerbox,
input[type="checkbox"].sheet-triggerbox:checked {
display: none;
}
input[type="checkbox"].sheet-triggerbox + * {
display: none;
}
input[type="checkbox"].sheet-triggerbox:checked + * {
display: initial;
}
input[type="checkbox"].sheet-deeptrigger,
input[type="checkbox"].sheet-deeptrigger:checked {
display: none;
}
.sheet-deeptrigger ~ * .sheet-deeptriggered {
display: none;
}
input[type="checkbox"].sheet-deeptrigger:checked ~ * .sheet-deeptriggered {
display: initial;
}
/* Skill Combo Columns */
.sheet-ComboColumns {
display: flex;
}
.sheet-ComboColumn {
flex-flow: column;
padding-right: 6px;
padding-left: 6px;
white-space: nowrap;
}
/* Corruption */
.sheet-CorrClock {
min-height: 150px;
}
.sheet-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.sheet-corruptor[value="0"] + .sheet-CorrClock > div {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock0.png);
}
input.sheet-corruptor[value="1"] + .sheet-CorrClock > div {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock1.png);
}
input.sheet-corruptor[value="2"] + .sheet-CorrClock > div {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock2.png);
}
input.sheet-corruptor[value="3"] + .sheet-CorrClock > div {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock3.png);
}
input.sheet-corruptor[value="4"] + .sheet-CorrClock > div {
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fate/pics/Clock4.png);
}
.sheet-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;
}
.sheet-CorrClock:hover > div > input[type=number] {
opacity: 1;
width: 2em;
}
/* Insane, but it does the job */
input.sheet-hideAllBut ~ * {
display: none;
}
input.sheet-hideAllBut[value="10"] + * + * + * + * + * + * + * + * + * + *,
input.sheet-hideAllBut[value="10"] + * + * + * + * + * + * + * + * + *,
input.sheet-hideAllBut[value="10"] + * + * + * + * + * + * + * + *,
input.sheet-hideAllBut[value="10"] + * + * + * + * + * + * + *,
input.sheet-hideAllBut[value="10"] + * + * + * + * + * + *,
input.sheet-hideAllBut[value="10"] + * + * + * + * + *,
input.sheet-hideAllBut[value="10"] + * + * + * + *,
input.sheet-hideAllBut[value="10"] + * + * + *,
input.sheet-hideAllBut[value="10"] + * + *,
input.sheet-hideAllBut[value="10"] + *,
input.sheet-hideAllBut[value="9"] + * + * + * + * + * + * + * + * + *,
input.sheet-hideAllBut[value="9"] + * + * + * + * + * + * + * + *,
input.sheet-hideAllBut[value="9"] + * + * + * + * + * + * + *,
input.sheet-hideAllBut[value="9"] + * + * + * + * + * + *,
input.sheet-hideAllBut[value="9"] + * + * + * + * + *,
input.sheet-hideAllBut[value="9"] + * + * + * + *,
input.sheet-hideAllBut[value="9"] + * + * + *,
input.sheet-hideAllBut[value="9"] + * + *,
input.sheet-hideAllBut[value="9"] + *,
input.sheet-hideAllBut[value="8"] + * + * + * + * + * + * + * + *,
input.sheet-hideAllBut[value="8"] + * + * + * + * + * + * + *,
input.sheet-hideAllBut[value="8"] + * + * + * + * + * + *,
input.sheet-hideAllBut[value="8"] + * + * + * + * + *,
input.sheet-hideAllBut[value="8"] + * + * + * + *,
input.sheet-hideAllBut[value="8"] + * + * + *,
input.sheet-hideAllBut[value="8"] + * + *,
input.sheet-hideAllBut[value="8"] + *,
input.sheet-hideAllBut[value="7"] + * + * + * + * + * + * + *,
input.sheet-hideAllBut[value="7"] + * + * + * + * + * + *,
input.sheet-hideAllBut[value="7"] + * + * + * + * + *,
input.sheet-hideAllBut[value="7"] + * + * + * + *,
input.sheet-hideAllBut[value="7"] + * + * + *,
input.sheet-hideAllBut[value="7"] + * + *,
input.sheet-hideAllBut[value="7"] + *,
input.sheet-hideAllBut[value="6"] + * + * + * + * + * + *,
input.sheet-hideAllBut[value="6"] + * + * + * + * + *,
input.sheet-hideAllBut[value="6"] + * + * + * + *,
input.sheet-hideAllBut[value="6"] + * + * + *,
input.sheet-hideAllBut[value="6"] + * + *,
input.sheet-hideAllBut[value="6"] + *,
input.sheet-hideAllBut[value="5"] + * + * + * + * + *,
input.sheet-hideAllBut[value="5"] + * + * + * + *,
input.sheet-hideAllBut[value="5"] + * + * + *,
input.sheet-hideAllBut[value="5"] + * + *,
input.sheet-hideAllBut[value="5"] + *,
input.sheet-hideAllBut[value="4"] + * + * + * + *,
input.sheet-hideAllBut[value="4"] + * + * + *,
input.sheet-hideAllBut[value="4"] + * + *,
input.sheet-hideAllBut[value="4"] + *,
input.sheet-hideAllBut[value="3"] + * + * + *,
input.sheet-hideAllBut[value="3"] + * + *,
input.sheet-hideAllBut[value="3"] + *,
input.sheet-hideAllBut[value="2"] + * + *,
input.sheet-hideAllBut[value="2"] + *,
input.sheet-hideAllBut[value="1"] + * {
display: initial;
}
input.sheet-hideAllBut[value="10"] + * + * + * + * + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="10"] + * + * + * + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="10"] + * + * + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="10"] + * + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="10"] + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="10"] + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="10"] + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="10"] + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="10"] + * + .sheet-iblock,
input.sheet-hideAllBut[value="10"] + .sheet-iblock,
input.sheet-hideAllBut[value="9"] + * + * + * + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="9"] + * + * + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="9"] + * + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="9"] + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="9"] + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="9"] + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="9"] + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="9"] + * + .sheet-iblock,
input.sheet-hideAllBut[value="9"] + .sheet-iblock,
input.sheet-hideAllBut[value="8"] + * + * + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="8"] + * + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="8"] + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="8"] + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="8"] + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="8"] + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="8"] + * + .sheet-iblock,
input.sheet-hideAllBut[value="8"] + .sheet-iblock,
input.sheet-hideAllBut[value="7"] + * + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="7"] + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="7"] + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="7"] + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="7"] + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="7"] + * + .sheet-iblock,
input.sheet-hideAllBut[value="7"] + .sheet-iblock,
input.sheet-hideAllBut[value="6"] + * + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="6"] + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="6"] + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="6"] + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="6"] + * + .sheet-iblock,
input.sheet-hideAllBut[value="6"] + .sheet-iblock,
input.sheet-hideAllBut[value="5"] + * + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="5"] + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="5"] + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="5"] + * + .sheet-iblock,
input.sheet-hideAllBut[value="5"] + .sheet-iblock,
input.sheet-hideAllBut[value="4"] + * + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="4"] + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="4"] + * + .sheet-iblock,
input.sheet-hideAllBut[value="4"] + .sheet-iblock,
input.sheet-hideAllBut[value="3"] + * + * + .sheet-iblock,
input.sheet-hideAllBut[value="3"] + * + .sheet-iblock,
input.sheet-hideAllBut[value="3"] + .sheet-iblock,
input.sheet-hideAllBut[value="2"] + * + .sheet-iblock,
input.sheet-hideAllBut[value="2"] + .sheet-iblock,
input.sheet-hideAllBut[value="1"] + .sheet-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/Roll20/roll20-character-sheets/master/Fate/pics/RollingDice.jpg");
}
.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;
}
button[type="roll"].sheet-share:before {
font-family: "Pictos";
font-style: normal;
text-transform: uppercase;
font-weight: normal;
content: 'R';
}
button[type="roll"].sheet-share:hover {
opacity: 100%;
}
button[type="roll"].sheet-share {
opacity: 25%;
background: transparent;
border-style: none;
margin: 0px;
padding: 0px;
}
/* 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/Roll20/roll20-character-sheets/master/Fate/pics/RollingDice.jpg");
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-share,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-optionsbox,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-OptionsTitleBar,
input[value="blue"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checker::before,
input[value="blue"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checkmark::before,
input[value="blue"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox + span.sheet-checkmark::before,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-Bar,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-pronounbox,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-fpbox,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-fpbox input[type=number],
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-optwrap,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-AspectLabelBar,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-aspect .sheet-label,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"],
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-track .sheet-optionsbox,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-recovery .sheet-label,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-charname {
color: #1b75bb;
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-icon,
input[value="blue"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-tracker,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-EditTitleBar {
background: #1b75bb;
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-powerflex,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"] {
border-bottom: 1px solid #1b75bb;
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
border: 1px solid #1b75bb;
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
box-shadow: 2px 2px 6px #1b75bb;
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:active,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:active,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:active,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:hover,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:hover,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:hover,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:hover {
background: #1b75bb;
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div:hover {
background: #dde8ff;
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator {
border: 1px solid #dde8ff;
box-shadow: 2px 2px 6px #dde8ff;
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div {
border-bottom: 1px solid #dde8ff;
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
background: #eef8ff;
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"],
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"] {
border: 1px solid #eef8ff;
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div {
background-image: linear-gradient(to bottom,#eef8ff,white,white,white,#eef8ff);
}
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit > .repcontainer,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit > .repcontainer,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit > .repcontainer,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit > .repcontainer,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit > .repcontainer,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit > .repcontainer,
input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit > .repcontainer {
background-image: linear-gradient(to bottom,white,#eef8ff);
}
/* 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/Roll20/roll20-character-sheets/master/Fate/pics/RollingDice-green.jpg");
}
.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"].sheet-theme + .sheet-Wrapper .sheet-share,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-optionsbox,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-OptionsTitleBar,
input[value="green"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checker::before,
input[value="green"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checkmark::before,
input[value="green"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox + span.sheet-checkmark::before,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-Bar,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-pronounbox,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-fpbox,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-fpbox input[type=number],
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-optwrap,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-AspectLabelBar,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-aspect .sheet-label,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"],
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-track .sheet-optionsbox,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-recovery .sheet-label,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-charname {
color: #356e45;
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-icon,
input[value="green"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-tracker,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-EditTitleBar {
background: #356e45;
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-powerflex,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"] {
border-bottom: 1px solid #356e45;
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
border: 1px solid #356e45;
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
box-shadow: 2px 2px 6px #356e45;
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:active,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:active,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:active,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:hover,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:hover,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:hover,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:hover {
background: #356e45;
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div:hover {
background: #ddffd5;
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator {
border: 1px solid #ddffd5;
box-shadow: 2px 2px 6px #ddffd5;
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div {
border-bottom: 1px solid #ddffd5;
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
background: #eeffe5;
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"],
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"] {
border: 1px solid #eeffe5;
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div {
background-image: linear-gradient(to bottom,#eeffe5,white,white,white,#eeffe5);
}
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit > .repcontainer,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit > .repcontainer,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit > .repcontainer,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit > .repcontainer,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit > .repcontainer,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit > .repcontainer,
input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit > .repcontainer {
background-image: linear-gradient(to bottom,white,#eeffe5);
}
/* 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/Roll20/roll20-character-sheets/master/Fate/pics/RollingDice-purple.jpg");
}
.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"].sheet-theme + .sheet-Wrapper .sheet-share,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-optionsbox,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-OptionsTitleBar,
input[value="purple"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checker::before,
input[value="purple"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checkmark::before,
input[value="purple"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox + span.sheet-checkmark::before,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-Bar,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-pronounbox,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-fpbox,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-fpbox input[type=number],
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-optwrap,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-AspectLabelBar,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-aspect .sheet-label,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"],
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-track .sheet-optionsbox,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-recovery .sheet-label,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-charname {
color: #3c1e5f;
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-icon,
input[value="purple"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-tracker,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-EditTitleBar {
background: #3c1e5f;
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-powerflex,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"] {
border-bottom: 1px solid #3c1e5f;
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
border: 1px solid #3c1e5f;
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
box-shadow: 2px 2px 6px #3c1e5f;
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:active,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:active,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:active,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:hover,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:hover,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:hover,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:hover {
background: #3c1e5f;
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div:hover {
background: #e8ddee;
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator {
border: 1px solid #e8ddee;
box-shadow: 2px 2px 6px #e8ddee;
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div {
border-bottom: 1px solid #e8ddee;
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
background: #f8eeff;
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"],
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"] {
border: 1px solid #f8eeff;
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div {
background-image: linear-gradient(to bottom,#f8eeff,white,white,white,#f8eeff);
}
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit > .repcontainer,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit > .repcontainer,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit > .repcontainer,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit > .repcontainer,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit > .repcontainer,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit > .repcontainer,
input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit > .repcontainer {
background-image: linear-gradient(to bottom,white,#f8eeff);
}
/* 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/Roll20/roll20-character-sheets/master/Fate/pics/RollingDice-cthulhu.jpg");
}
.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"].sheet-theme + .sheet-Wrapper .sheet-share,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-optionsbox,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-OptionsTitleBar,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checker::before,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checkmark::before,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox + span.sheet-checkmark::before,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-Bar,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-pronounbox,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-fpbox,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-fpbox input[type=number],
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-optwrap,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-AspectLabelBar,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-aspect .sheet-label,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"],
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-track .sheet-optionsbox,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-recovery .sheet-label,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-charname {
color: #3a5224;
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-icon,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-tracker,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-EditTitleBar {
background: #3a5224;
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-powerflex,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"] {
border-bottom: 1px solid #3a5224;
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
border: 1px solid #3a5224;
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
box-shadow: 2px 2px 6px #3a5224;
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:active,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:active,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:active,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:hover,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:hover,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:hover,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:hover {
background: #3a5224;
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div:hover {
background: #a9c591;
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator {
border: 1px solid #a9c591;
box-shadow: 2px 2px 6px #a9c591;
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div {
border-bottom: 1px solid #a9c591;
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
background: #d9e0d3;
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"],
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"] {
border: 1px solid #d9e0d3;
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div {
background-image: linear-gradient(to bottom,#d9e0d3,white,white,white,#d9e0d3);
}
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit > .repcontainer,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit > .repcontainer,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit > .repcontainer,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit > .repcontainer,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit > .repcontainer,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit > .repcontainer,
input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit > .repcontainer {
background-image: linear-gradient(to bottom,white,#d9e0d3);
}
/* 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/Roll20/roll20-character-sheets/master/Fate/pics/RollingDice-evilhat.jpg");
}
.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"].sheet-theme + .sheet-Wrapper .sheet-share,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-optionsbox,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-OptionsTitleBar,
input[value="evilhat"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checker::before,
input[value="evilhat"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checkmark::before,
input[value="evilhat"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox + span.sheet-checkmark::before,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-Bar,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-pronounbox,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-fpbox,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-fpbox input[type=number],
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-optwrap,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-AspectLabelBar,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-aspect .sheet-label,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"],
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-track .sheet-optionsbox,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-recovery .sheet-label,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-charname {
color: #990000;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-icon,
input[value="evilhat"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-tracker,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-EditTitleBar {
background: #990000;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-powerflex,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-EditTitleBar {
border-bottom: 1px solid #000000;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"] {
border-bottom: 1px solid #000000;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
border: 1px solid #000000;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
box-shadow: 2px 2px 6px #990000;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:active,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:active,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:active,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:hover,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:hover,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:hover,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:hover {
background: #990000;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div:hover {
background: #e8dddd;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator {
border: 1px solid #e8dddd;
box-shadow: 2px 2px 6px #990000;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div {
border-bottom: 1px solid #990000;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
background: #eeeeee;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"],
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"] {
border: 1px solid #eeeeee;
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div {
background-image: linear-gradient(to bottom,#eeeeee,white,white,white,#eeeeee);
}
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit > .repcontainer,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit > .repcontainer,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit > .repcontainer,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit > .repcontainer,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit > .repcontainer,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit > .repcontainer,
input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit > .repcontainer {
background-image: linear-gradient(to bottom,white,#eeeeee);
}
/* 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/Roll20/roll20-character-sheets/master/Fate/pics/RollingDice-gray.jpg");
}
.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"].sheet-theme + .sheet-Wrapper .sheet-share,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-optionsbox,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-OptionsTitleBar,
input[value="gray"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checker::before,
input[value="gray"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checkmark::before,
input[value="gray"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox + span.sheet-checkmark::before,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-Bar,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-pronounbox,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-fpbox,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-fpbox input[type=number],
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-optwrap,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-AspectLabelBar,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-aspect .sheet-label,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"],
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-track .sheet-optionsbox,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-recovery .sheet-label,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-charname {
color: #000000;
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-icon,
input[value="gray"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-tracker,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-EditTitleBar {
background: #000000;
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-powerflex,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"] {
border-bottom: 1px solid #000000;
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
border: 1px solid #000000;
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
box-shadow: 2px 2px 6px #000000;
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:active,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:active,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:active,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:hover,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:hover,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:hover,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:hover {
background: #000000;
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div:hover {
background: #dddddd;
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator {
border: 1px solid #dddddd;
box-shadow: 2px 2px 6px #dddddd;
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div {
border-bottom: 1px solid #dddddd;
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
background: #eeeeee;
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"],
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"] {
border: 1px solid #eeeeee;
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div {
background-image: linear-gradient(to bottom,#eeeeee,white,white,white,#eeeeee);
}
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit > .repcontainer,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit > .repcontainer,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit > .repcontainer,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit > .repcontainer,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit > .repcontainer,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit > .repcontainer,
input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit > .repcontainer {
background-image: linear-gradient(to bottom,white,#eeeeee);
}
/* 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/Roll20/roll20-character-sheets/master/Fate/pics/RollingDice-shotc.jpg");
}
.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"].sheet-theme + .sheet-Wrapper .sheet-share,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-optionsbox,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-OptionsTitleBar,
input[value="shotc"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checker::before,
input[value="shotc"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checkmark::before,
input[value="shotc"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox + span.sheet-checkmark::before,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-Bar,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-pronounbox,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-fpbox,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-fpbox input[type=number],
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-optwrap,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-AspectLabelBar,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-aspect .sheet-label,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"],
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-track .sheet-optionsbox,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-recovery .sheet-label,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-charname {
color: #007da4;
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-icon,
input[value="shotc"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-tracker,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-EditTitleBar {
background: #ec008b;
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-powerflex,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"] {
border-bottom: 1px solid #ec008b;
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
border: 1px solid #007da4;
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
box-shadow: 2px 2px 6px #ec008b;
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:active,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:active,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:active,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:hover,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:hover,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:hover,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:hover {
background: #007da4;
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div:hover {
background: #ddeeff;
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator {
border: 1px solid #ddeeff;
box-shadow: 2px 2px 6px #ddeeff;
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div {
border-bottom: 1px solid #ddeeff;
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
background: #eef8ff;
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"],
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"] {
border: 1px solid #eef8ff;
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div {
background-image: linear-gradient(to bottom,#eef8ff,white,white,white,#eef8ff);
}
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit > .repcontainer,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit > .repcontainer,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit > .repcontainer,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit > .repcontainer,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit > .repcontainer,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit > .repcontainer,
input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit > .repcontainer {
background-image: linear-gradient(to bottom,white,#eef8ff);
}
/* 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/Roll20/roll20-character-sheets/master/Fate/pics/RollingDice-orange.jpg");
}
.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"].sheet-theme + .sheet-Wrapper .sheet-share,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-optionsbox,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-OptionsTitleBar,
input[value="orange"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checker::before,
input[value="orange"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-checkmark::before,
input[value="orange"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox + span.sheet-checkmark::before,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-Bar,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-pronounbox,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-fpbox,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-fpbox input[type=number],
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-optwrap,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-AspectLabelBar,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-aspect .sheet-label,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"],
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-track .sheet-optionsbox,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-recovery .sheet-label,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-charname {
color: #e3ac24;
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-icon,
input[value="orange"].sheet-theme + .sheet-Wrapper input[type="checkbox"].sheet-checkbox:checked + span.sheet-tracker,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-EditTitleBar {
background: #e3ac24;
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-powerflex,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-specific input[type="text"] {
border-bottom: 1px solid #e3ac24;
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
border: 1px solid #e3ac24;
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
box-shadow: 2px 2px 6px #e3ac24;
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:active,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:active,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:active,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll:hover,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll:hover,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"]:hover,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:hover {
background: #e3ac24;
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div:hover {
background: #eee8dd;
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator {
border: 1px solid #eee8dd;
box-shadow: 2px 2px 6px #eee8dd;
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid > div {
border-bottom: 1px solid #eee8dd;
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillGrid div > span,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-AspectSeparator,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-OptionsEdit,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-optbar > span {
background: #fff8ee;
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-StuntDisplay button[type="roll"].sheet-roll,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"].sheet-roll,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="action"],
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"] {
border: 1px solid #fff8ee;
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SectionHeader ~ div {
background-image: linear-gradient(to bottom,#fff8ee,white,white,white,#fff8ee);
}
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-AspectEdit > .repcontainer,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-TrackEdit > .repcontainer,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-StuntEdit > .repcontainer,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-PowerEdit > .repcontainer,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-NoteEdit > .repcontainer,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-ExtraEdit > .repcontainer,
input[value="orange"].sheet-theme + .sheet-Wrapper .sheet-SkillEdit > .repcontainer {
background-image: linear-gradient(to bottom,white,#fff8ee);
}