.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); }