diff --git a/Fate/FateOmni.css b/Fate/FateOmni.css new file mode 100644 index 0000000000..3af643d54f --- /dev/null +++ b/Fate/FateOmni.css @@ -0,0 +1,2071 @@ +.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-charname { + border: 0px; + font-size: 36px; + font-weight: bold; + width: 100%; + 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; + 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-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-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-fpbox div { + text-align: center; + vertical-align: middle; + white-space: nowrap; + margin-left: 10px; +} +.sheet-fpbox > div > div { + display: block; +} +.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-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-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-SkillNone, +.sheet-SkillList, +.sheet-SkillGrid { + display: none; +} + +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"]::before, +.sheet-SkillDisplay button[type="roll"]::before { + content: ""; +} + +.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"] { + 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"]:active, +.sheet-SkillDisplay button[type="roll"]:active { + color: white; + text-shadow: 0 0 2px white; +} + +.sheet-ExtraDisplay button[type="roll"]:hover, +.sheet-SkillDisplay button[type="roll"]:hover { + color: white; + text-shadow: 0 0 2px black; +} + +.sheet-ExtraDisplay button[type="roll"], +.sheet-SkillDisplay button[type="roll"] { + font-size: 14px; +} + +.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"; +} + +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; +} + +/* Corruption */ + +.sheet-CorrClock { + min-height: 150px; +} + +.sheet-CorrClock > div { + background-image: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/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/fredhicks/ehp-roll20/master/Fate%20Official/pics/Clock0.png); +} + +input.sheet-corruptor[value="1"] + .sheet-CorrClock > div { + background-image: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/Clock1.png); +} + +input.sheet-corruptor[value="2"] + .sheet-CorrClock > div { + background-image: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/Clock2.png); +} + +input.sheet-corruptor[value="3"] + .sheet-CorrClock > div { + background-image: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/Clock3.png); +} + +input.sheet-corruptor[value="4"] + .sheet-CorrClock > div { + background-image: url(https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/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; +} + +/* Roll Template */ + +.sheet-rolltemplate-fateroll { + background: white; + padding: 6px; + margin-bottom: 6px; + margin-top: 6px; + border-radius: 6px; +} + +.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-fateroll { + border: 1px solid #000000; + box-shadow: 2px 2px 6px #000000; +} + +.sheet-rolltemplate-fateroll .sheet-roll { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice.jpg"); +} + +.sheet-rolltemplate-fateroll .sheet-roll-name { + border-bottom: 1px solid #1b75bb; +} + +.sheet-rolltemplate-fateroll .sheet-roll .inlinerollresult { + background: #1b75bb; + border: 1px solid #1b75bb; +} + +/* Color Theme Shenanigans */ + +/* Blue theme */ + +.sheet-rolltemplate-fateroll .sheet-theme-blue .sheet-roll-name { + border-bottom: 1px solid #1b75bb; +} + +.sheet-rolltemplate-fateroll .sheet-theme-blue .sheet-roll .inlinerollresult { + background: #1b75bb; + border: 1px solid #1b75bb; +} + +.sheet-rolltemplate-fateroll .sheet-theme-blue .sheet-roll { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice.jpg"); +} + +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-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-ExtraDisplay button[type="roll"]:active, +input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active, +input[value="blue"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"]: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-ExtraDisplay button[type="roll"], +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-fateroll .sheet-theme-green .sheet-roll { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-green.jpg"); +} + +.sheet-rolltemplate-fateroll .sheet-theme-green .sheet-roll-name { + border-bottom: 1px solid #356e45; +} + +.sheet-rolltemplate-fateroll .sheet-theme-green .sheet-roll .inlinerollresult { + background: #356e45; + border: 1px solid #356e45; +} + +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-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-ExtraDisplay button[type="roll"]:active, +input[value="green"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active, +input[value="green"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"]: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-ExtraDisplay button[type="roll"], +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-fateroll .sheet-theme-purple .sheet-roll { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-purple.jpg"); +} + +.sheet-rolltemplate-fateroll .sheet-theme-purple .sheet-roll-name { + border-bottom: 1px solid #3c1e5f; +} + +.sheet-rolltemplate-fateroll .sheet-theme-purple .sheet-roll .inlinerollresult { + background: #3c1e5f; + border: 1px solid #3c1e5f; +} + +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-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-ExtraDisplay button[type="roll"]:active, +input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active, +input[value="purple"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"]: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-ExtraDisplay button[type="roll"], +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-fateroll .sheet-theme-cthulhu .sheet-roll { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-cthulhu.jpg"); +} + +.sheet-rolltemplate-fateroll .sheet-theme-cthulhu .sheet-roll-name { + border-bottom: 1px solid #3a5224; +} + +.sheet-rolltemplate-fateroll .sheet-theme-cthulhu .sheet-roll .inlinerollresult { + background: #3a5224; + border: 1px solid #3a5224; +} + +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-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-ExtraDisplay button[type="roll"]:active, +input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active, +input[value="cthulhu"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"]: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-ExtraDisplay button[type="roll"], +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-fateroll .sheet-theme-evilhat .sheet-roll { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-evilhat.jpg"); +} + +.sheet-rolltemplate-fateroll .sheet-theme-evilhat .sheet-roll-name { + border-bottom: 1px solid #990000; +} + +.sheet-rolltemplate-fateroll .sheet-theme-evilhat .sheet-roll .inlinerollresult { + background: #990000; + border: 1px solid #000000; +} + +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-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-ExtraDisplay button[type="roll"]:active, +input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active, +input[value="evilhat"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"]: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-ExtraDisplay button[type="roll"], +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-fateroll .sheet-theme-gray .sheet-roll { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-gray.jpg"); +} + +.sheet-rolltemplate-fateroll .sheet-theme-gray .sheet-roll-name { + border-bottom: 1px solid #000000; +} + +.sheet-rolltemplate-fateroll .sheet-theme-gray .sheet-roll .inlinerollresult { + background: #000000; + border: 1px solid #000000; +} + +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-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-ExtraDisplay button[type="roll"]:active, +input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active, +input[value="gray"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"]: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-ExtraDisplay button[type="roll"], +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-fateroll .sheet-theme-shotc .sheet-roll { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/Fate%20Official/pics/RollingDice-shotc.jpg"); +} + +.sheet-rolltemplate-fateroll .sheet-theme-shotc .sheet-roll-name { + border-bottom: 1px solid #ec008b; +} + +.sheet-rolltemplate-fateroll .sheet-theme-shotc .sheet-roll .inlinerollresult { + background: #ec008b; + border: 1px solid #007da4; +} + +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-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-ExtraDisplay button[type="roll"]:active, +input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-SkillDisplay button[type="roll"]:active, +input[value="shotc"].sheet-theme + .sheet-Wrapper .sheet-ExtraDisplay button[type="roll"]: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-ExtraDisplay button[type="roll"], +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); +} + diff --git a/Fate/FateOmni.html b/Fate/FateOmni.html new file mode 100644 index 0000000000..6ab92653a0 --- /dev/null +++ b/Fate/FateOmni.html @@ -0,0 +1,2808 @@ + +