Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 11:42:29 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
af9680b94dea33dadb68f4e4ed7f5cb0b86a8b48
roll20-character-sheets/Stewpot/Stewpot.css
T
fredhicks 3696a71d94 Added support for the Adventure and Town Jobs from Dice, Dungeons, and Delicacies 
Added support for the Adventure and Town Jobs from Dice, Dungeons, and Delicacies.
2025-02-28 11:10:51 -05:00

820 lines
27 KiB
CSS
Raw Blame History

@import url("https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,700;1,400;1,700&family=Kurale&family=Material+Symbols+Outlined&display=swap");
:root, .sheet-rolltemplate-ANYTEMPLATE {
--stew-fg: #6d4634;
--stew-bg: #ffffff;
--stew-boxb: #999c4c;
--stew-boxc: #ffffff;
--stew-keep: #ffce71;
--stew-keepb: #6d4634;
--stew-shader: rgba(255,255,255,0.5);
--stew-crossed: #9c7822;
--stew-peach: #fabeaf;
--stew-green: #999c4c;
--stew-yellow: #ffce71;
font-family: Alegreya, serif;
}
.sheet-darkmode, .sheet-rolltemplate-darkmode {
--stew-fg: #ffce71;
--stew-bg: #1f1f1f;
--stew-boxb: #999c4c;
--stew-boxc: #1f1f1f;
--stew-keep: #9c7822;
--stew-keepb: #ffce71;
--stew-shader: rgba(31,31,31,0.5);
--stew-crossed: #9c7822;
}
.wrapper p,
.ui-dialog .charsheet {
font-family: Alegreya, serif;
font-size: 18px;
color: var(--stew-fg) !important;
background-color: var(--stew-bg);
line-height: unset;
}
.ui-dialog .charsheet input, .ui-dialog .charsheet select, .ui-dialog .charsheet textarea {
font-family: Alegreya, serif;
font-size: 18px;
color: var(--stew-fg);
background-color: var(--stew-bg);
border: none;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 1px solid var(--stew-boxb);
}
.wrapper .tavern {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wrapper .tavern .topline {
margin-bottom: 10px;
}
.wrapper .tavern .topline .nameblock, .wrapper .tavern .topline .lookblock, .wrapper .tavern .topline .locblock {
display: -ms-grid;
display: grid;
-ms-grid-columns: 75px 5px 1fr;
grid-template-columns: 75px 1fr;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
padding-right: 10px;
}
.wrapper .tavern .topline .nameblock input[type=text], .wrapper .tavern .topline .lookblock input[type=text], .wrapper .tavern .topline .locblock input[type=text] {
width: 100%;
}
.wrapper .tavern .topline .nameblock input[type=text] + input[type=text], .wrapper .tavern .topline .lookblock input[type=text] + input[type=text], .wrapper .tavern .topline .locblock input[type=text] + input[type=text] {
margin-left: 5px;
}
.wrapper .tavern .topline .nameblock .flabel, .wrapper .tavern .topline .lookblock .flabel, .wrapper .tavern .topline .locblock .flabel {
vertical-align: bottom;
}
.wrapper .tavern .columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.wrapper .tavern .columns .column {
width: calc(50% - 5px);
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.wrapper .tavern .columns .column .rateblock {
border: 1px solid var(--stew-boxb);
margin-bottom: 10px;
}
.wrapper .tavern .columns .column .rateblock .shead {
color: var(--stew-boxc);
background-color: var(--stew-boxb);
}
.wrapper .tavern .columns .column .rateblock .shead .flabel {
text-align: center;
font-size: 18px;
}
.wrapper .tavern .columns .column .rateblock > .shead .flabel {
font-size: 22px;
}
.wrapper .tavern .columns .column .rateblock .ratebox {
margin: 5px;
}
.wrapper .tavern .columns .column .rateblock .ratebox .shead {
color: var(--stew-fg);
background-color: var(--stew-bg);
}
.wrapper .tavern .columns .column .rateblock .ratebox .cuisine, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere, .wrapper .tavern .columns .column .rateblock .ratebox .service {
display: -ms-grid;
display: grid;
-ms-grid-columns: 40px 5px 1fr;
grid-template-columns: 40px 1fr;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
padding: 5px;
border: 3px double var(--stew-boxb);
border-radius: 10px;
}
.wrapper .tavern .columns .column .rateblock .ratebox .cuisine .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere .description, .wrapper .tavern .columns .column .rateblock .ratebox .service .description {
color: var(--stew-green);
-ms-grid-column: 2;
grid-column: 2;
}
.wrapper .tavern .columns .column .rateblock .ratebox .cuisine input.state[value="1"] + input.highlighter[value="1"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere input.state[value="1"] + input.highlighter[value="1"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .service input.state[value="1"] + input.highlighter[value="1"] + .description {
color: var(--stew-fg);
}
.wrapper .tavern .columns .column .rateblock .ratebox .cuisine input.state[value="2"] + input.highlighter[value="2"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere input.state[value="2"] + input.highlighter[value="2"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .service input.state[value="2"] + input.highlighter[value="2"] + .description {
color: var(--stew-fg);
}
.wrapper .tavern .columns .column .rateblock .ratebox .cuisine input.state[value="3"] + input.highlighter[value="3"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere input.state[value="3"] + input.highlighter[value="3"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .service input.state[value="3"] + input.highlighter[value="3"] + .description {
color: var(--stew-fg);
}
.wrapper .tavern .columns .column .rateblock .ratebox .cuisine input.state[value="4"] + input.highlighter[value="4"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere input.state[value="4"] + input.highlighter[value="4"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .service input.state[value="4"] + input.highlighter[value="4"] + .description {
color: var(--stew-fg);
}
.wrapper .tavern .columns .column .advblock, .wrapper .tavern .columns .column .npcblock, .wrapper .tavern .columns .column .listblock {
border: 1px solid var(--stew-boxb);
margin-bottom: 10px;
}
.wrapper .tavern .columns .column .advblock .shead, .wrapper .tavern .columns .column .npcblock .shead, .wrapper .tavern .columns .column .listblock .shead {
color: var(--stew-boxc);
background-color: var(--stew-boxb);
}
.wrapper .tavern .columns .column .advblock .shead .flabel, .wrapper .tavern .columns .column .npcblock .shead .flabel, .wrapper .tavern .columns .column .listblock .shead .flabel {
text-align: center;
font-size: 22px;
}
.wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .npcblock .instruction, .wrapper .tavern .columns .column .listblock .instruction {
font-style: italic;
color: var(--stew-boxb);
}
.wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .advblock .content, .wrapper .tavern .columns .column .npcblock .instruction, .wrapper .tavern .columns .column .npcblock .content, .wrapper .tavern .columns .column .listblock .instruction, .wrapper .tavern .columns .column .listblock .content {
padding: 5px;
margin-bottom: 0px;
}
.wrapper .tavern .columns .column .advblock .instruction .repcontainer, .wrapper .tavern .columns .column .advblock .content .repcontainer, .wrapper .tavern .columns .column .npcblock .instruction .repcontainer, .wrapper .tavern .columns .column .npcblock .content .repcontainer, .wrapper .tavern .columns .column .listblock .instruction .repcontainer, .wrapper .tavern .columns .column .listblock .content .repcontainer {
padding: 0px;
}
.wrapper .tavern .columns .column .advblock .instruction .btn, .wrapper .tavern .columns .column .advblock .content .btn, .wrapper .tavern .columns .column .npcblock .instruction .btn, .wrapper .tavern .columns .column .npcblock .content .btn, .wrapper .tavern .columns .column .listblock .instruction .btn, .wrapper .tavern .columns .column .listblock .content .btn {
background-color: var(--stew-bg);
color: var(--stew-boxb);
border: 1px solid var(--stew-boxb);
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-image: unset;
}
.wrapper .tavern .columns .column .advblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .advblock .content .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .content .btn.repcontrol_move, .wrapper .tavern .columns .column .listblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .listblock .content .btn.repcontrol_move {
font-size: 16px;
}
.wrapper .tavern .columns .column .advblock input[type=text], .wrapper .tavern .columns .column .listblock input[type=text] {
width: 100%;
margin-bottom: 5px;
}
.wrapper .tavern .columns .column .advblock textarea, .wrapper .tavern .columns .column .listblock textarea {
height: 60px;
border: 1px solid var(--stew-keepb);
border-radius: 5px;
margin-bottom: 10px;
width: calc(100% - 10px);
height: 42px;
resize: none;
padding: 5px;
background: rgba(0, 0, 0, 0);
}
.wrapper .tavern .columns .column .readonly .btn {
display: none;
}
.wrapper .tavern .columns .column .npcblock .repitem {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 5px 100px;
grid-template-columns: 1fr 100px;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
}
.wrapper .tavern .columns .column .npcblock .repitem input[type=text] {
width: 100%;
}
.wrapper .tavern .columns .column .npcblock .repitem input[type=text].left {
font-size: 18px;
font-weight: bold;
}
.wrapper .tavern .columns .column .npcblock .repitem .left {
-ms-grid-column: 1;
grid-column: 1;
}
.wrapper .tavern .columns .column .npcblock .repitem .right {
-ms-grid-column: 2;
grid-column: 2;
text-align: right;
}
.wrapper .tavern .columns .column .npcblock .repitem .substruct {
font-style: italic;
font-size: 14px;
color: var(--stew-boxb);
}
.wrapper .tavern .columns .column .npcblock .repitem textarea {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/span 2;
border: 1px solid var(--stew-keepb);
border-radius: 5px;
margin-bottom: 10px;
width: calc(100% - 10px);
height: 60px;
resize: none;
padding: 5px;
background: rgba(0, 0, 0, 0);
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--stew-shader)), to(var(--stew-shader))), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-keep)), -webkit-gradient(linear, left top, left bottom, from(var(--stew-keep)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)), to(var(--stew-keep)));
background-image: linear-gradient(to bottom, var(--stew-shader), var(--stew-shader)), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-keep)), linear-gradient(to bottom, var(--stew-keep), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, var(--stew-keep));
text-shadow: 1px 1px 2px var(--stew-bg), -1px 1px 2px var(--stew-bg), 1px -1px 2px var(--stew-bg), -1px -1px 2px var(--stew-bg);
}
.wrapper .tavern .columns .column .npcblock .repitem:nth-of-type(3n) textarea {
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--stew-shader)), to(var(--stew-shader))), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-peach)), -webkit-gradient(linear, left top, left bottom, from(var(--stew-peach)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)), to(var(--stew-peach)));
background-image: linear-gradient(to bottom, var(--stew-shader), var(--stew-shader)), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-peach)), linear-gradient(to bottom, var(--stew-peach), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, var(--stew-peach));
}
.wrapper .tavern .columns .column .npcblock .repitem:nth-of-type(3n+1) textarea {
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--stew-shader)), to(var(--stew-shader))), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-green)), -webkit-gradient(linear, left top, left bottom, from(var(--stew-green)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)), to(var(--stew-green)));
background-image: linear-gradient(to bottom, var(--stew-shader), var(--stew-shader)), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-green)), linear-gradient(to bottom, var(--stew-green), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, var(--stew-green));
}
.wrapper .character {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wrapper .character .topline {
margin-bottom: 10px;
}
.wrapper .character .topline .nameblock, .wrapper .character .topline .lookblock {
display: -ms-grid;
display: grid;
-ms-grid-columns: 75px 5px 1fr 5px 100px;
grid-template-columns: 75px 1fr 100px;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
padding-right: 10px;
}
.wrapper .character .topline .nameblock input[type=text], .wrapper .character .topline .lookblock input[type=text] {
width: 100%;
}
.wrapper .character .topline .nameblock input[type=text] + input[type=text], .wrapper .character .topline .lookblock input[type=text] + input[type=text] {
margin-left: 5px;
}
.wrapper .character .topline .nameblock .sublabel, .wrapper .character .topline .lookblock .sublabel {
text-align: right;
font-style: italic;
-ms-grid-column: 3;
grid-column: 3;
font-size: 80%;
}
.wrapper .character .topline .nameblock .flabel, .wrapper .character .topline .lookblock .flabel {
vertical-align: bottom;
}
.wrapper .character .topline .lookblock input[type=text] {
-ms-grid-column: 2;
-ms-grid-column-span: 2;
grid-column: 2/span 2;
}
.wrapper .character .columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.wrapper .character .columns .column {
width: calc(50% - 5px);
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.wrapper .character .columns .column .waqblock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 10px;
}
.wrapper .character .columns .column .waqblock .fbox {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-grid;
display: grid;
-ms-grid-columns: 75px 5px 1fr;
grid-template-columns: 75px 1fr;
-ms-grid-rows: 100%;
grid-template-rows: 100%;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 10px;
margin-bottom: 5px;
border: 1px solid var(--stew-boxb);
border-radius: 10px;
background-image: radial-gradient(circle farthest-side at 60%, var(--stew-bg) 30%, var(--stew-boxb));
}
.wrapper .character .columns .column .waqblock .fbox > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.wrapper .character .columns .column .waqblock .fbox > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.wrapper .character .columns .column .waqblock .fbox .flabel {
text-align: center;
padding-top: 18px;
color: var(--stew-boxc);
background-color: var(--stew-boxb);
border-radius: 9px 0 0 9px;
}
.wrapper .character .columns .column .waqblock .fbox select {
width: 100%;
}
.wrapper .character .columns .column .waqblock .fbox textarea {
width: calc(100% - 5px);
height: 48px;
resize: none;
overflow: hidden;
border-bottom: unset;
margin-top: 5px;
margin-bottom: 0px;
background: none;
text-shadow: 1px 1px 2px var(--stew-bg), -1px 1px 2px var(--stew-bg), 1px -1px 2px var(--stew-bg), -1px -1px 2px var(--stew-bg);
}
.wrapper .character .columns .column .keepblock {
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
margin-right: 10px;
margin-bottom: 5px;
margin-top: 10px;
border: 1px solid var(--stew-boxb);
}
.wrapper .character .columns .column .keepblock .shead .flabel {
text-align: center;
color: var(--stew-boxc);
background-color: var(--stew-boxb);
font-size: 22px;
}
.wrapper .character .columns .column .keepblock .kbody {
padding: 5px;
}
.wrapper .character .columns .column .keepblock .kbody .repcontainer {
padding: 0px;
}
.wrapper .character .columns .column .keepblock .kbody .repitem {
background-image: -webkit-gradient(linear, left top, left bottom, from(var(--stew-shader)), to(var(--stew-shader))), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-keep)), -webkit-gradient(linear, left top, left bottom, from(var(--stew-keep)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)), to(var(--stew-keep)));
background-image: linear-gradient(to bottom, var(--stew-shader), var(--stew-shader)), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-keep)), linear-gradient(to bottom, var(--stew-keep), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, var(--stew-keep));
border: 1px solid var(--stew-keepb);
border-radius: 5px;
margin-bottom: 5px;
}
.wrapper .character .columns .column .keepblock .kbody .btn {
background-color: var(--stew-bg);
color: var(--stew-boxb);
border: 1px solid var(--stew-boxb);
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-image: unset;
}
.wrapper .character .columns .column .keepblock .kbody .btn.repcontrol_move {
font-size: 16px;
}
.wrapper .character .columns .column .keepblock .kbody textarea {
width: calc(100% - 10px);
height: 60px;
resize: none;
padding: 5px;
margin-bottom: 0px;
background: rgba(0, 0, 0, 0);
border: none;
text-shadow: 1px 1px 2px var(--stew-bg), -1px 1px 2px var(--stew-bg), 1px -1px 2px var(--stew-bg), -1px -1px 2px var(--stew-bg);
}
.wrapper .character .columns .column .advblock, .wrapper .character .columns .column .townblock {
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
margin-right: 10px;
margin-bottom: 10px;
border: 4px double var(--stew-boxb);
}
.wrapper .character .columns .column .advblock .shead .flabel, .wrapper .character .columns .column .townblock .shead .flabel {
text-align: center;
color: var(--stew-boxc);
background-color: var(--stew-boxb);
}
.wrapper .character .columns .column .advblock .shead .flabel.big, .wrapper .character .columns .column .townblock .shead .flabel.big {
font-size: 22px;
}
.wrapper .character .columns .column .advblock .jbody, .wrapper .character .columns .column .townblock .jbody {
padding: 5px;
}
.wrapper .character .columns .column .advblock .jbody input[type=text], .wrapper .character .columns .column .townblock .jbody input[type=text] {
width: 100%;
}
.wrapper .character .columns .column .advblock .jbody select, .wrapper .character .columns .column .townblock .jbody select {
width: 100%;
}
.wrapper .character .columns .column .advblock .jbody select.job, .wrapper .character .columns .column .townblock .jbody select.job {
height: 30px;
text-align: center;
font-size: 22px;
font-weight: bold;
border-bottom: 0;
}
.wrapper .character .columns .column .advblock .jbody textarea, .wrapper .character .columns .column .townblock .jbody textarea {
width: calc(100% - 10px);
height: 60px;
resize: none;
margin-top: 5px;
margin-bottom: 0px;
}
.wrapper .character .columns .column .advblock .jbody .markable, .wrapper .character .columns .column .townblock .jbody .markable {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.wrapper .character .columns .column .advblock .jbody .markable textarea, .wrapper .character .columns .column .advblock .jbody .markable .blank, .wrapper .character .columns .column .townblock .jbody .markable textarea, .wrapper .character .columns .column .townblock .jbody .markable .blank {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.wrapper .character .columns .column .advblock .jbody .markable .blank, .wrapper .character .columns .column .townblock .jbody .markable .blank {
width: 100%;
}
.wrapper .character .columns .column .advblock .jbody .markable input.state[value="1"] ~ .blank div.crossout, .wrapper .character .columns .column .townblock .jbody .markable input.state[value="1"] ~ .blank div.crossout {
margin-left: 5px;
text-decoration: line-through;
color: var(--stew-crossed);
}
.wrapper .character .columns .column .listblock {
border: 1px solid var(--stew-boxb);
margin-bottom: 10px;
}
.wrapper .character .columns .column .listblock .shead {
color: var(--stew-boxc);
background-color: var(--stew-boxb);
}
.wrapper .character .columns .column .listblock .shead .flabel {
text-align: center;
font-size: 22px;
}
.wrapper .character .columns .column .listblock .content {
padding: 5px;
margin-bottom: 0px;
}
.wrapper .character .columns .column .listblock .content .repcontainer {
padding: 0px;
}
.wrapper .character .columns .column .listblock .content .btn {
background-color: var(--stew-bg);
color: var(--stew-boxb);
border: 1px solid var(--stew-boxb);
text-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-image: unset;
}
.wrapper .character .columns .column .listblock .content .btn.repcontrol_move {
font-size: 16px;
}
.wrapper .character .columns .column .listblock input[type=text] {
width: 100%;
margin-bottom: 5px;
}
.wrapper .character .columns .column .listblock textarea {
height: 60px;
border: 1px solid var(--stew-keepb);
border-radius: 5px;
margin-bottom: 10px;
width: calc(100% - 10px);
height: 42px;
resize: none;
padding: 5px;
background: rgba(0, 0, 0, 0);
}
.wrapper .character .columns .column .readonly .btn {
display: none;
}
input.thider[value="0"] + *, input.hider[value=""] + *, input.mhider[value=""] + *, input.mhider[value=character] + *, input.mhider[value=tavern] + * {
display: none;
}
input.tshower[value="1"] + *, input.shower:not([value=""]) + * {
display: none;
}
input.rshower[value="1"] + button[value="1"].unmarked {
display: none;
}
input.rshower[value="2"] + button[value="2"].unmarked {
display: none;
}
input.rshower[value="3"] + button[value="3"].unmarked {
display: none;
}
input.rshower[value="4"] + button[value="4"].unmarked {
display: none;
}
input.rhider[value="1"] + button:not([value="1"]).marked {
display: none;
}
input.rhider[value="2"] + button:not([value="2"]).marked {
display: none;
}
input.rhider[value="3"] + button:not([value="3"]).marked {
display: none;
}
input.rhider[value="4"] + button:not([value="4"]).marked {
display: none;
}
input.lhider:not([value="1"]) + *, input.lshower[value="1"] + * {
display: none;
}
input.hideunless + * {
display: none;
}
input.hideunless[value=Paladin] + .Paladin {
display: initial;
}
input.hideunless[value=Wizard] + .Wizard {
display: initial;
}
input.hideunless[value=Fighter] + .Fighter {
display: initial;
}
input.hideunless[value=Rogue] + .Rogue {
display: initial;
}
input.hideunless[value=Druid] + .Druid {
display: initial;
}
input.hideunless[value=Bard] + .Bard {
display: initial;
}
input.hideunless[value=Ranger] + .Ranger {
display: initial;
}
input.hideunless[value=Swashbuckler] + .Swashbuckler {
display: initial;
}
input.hideunless[value=Augur] + .Augur {
display: initial;
}
input.hideunless[value=Beastmaster] + .Beastmaster {
display: initial;
}
input.hideunless[value=Modder] + .Modder {
display: initial;
}
input.hideunless[value=Shadowspinner] + .Shadowspinner {
display: initial;
}
input.hideunless[value=Spiritcaller] + .Spiritcaller {
display: initial;
}
input.hideunless[value=Warlock] + .Warlock {
display: initial;
}
input.hideunless[value=Farmer] + .Farmer {
display: initial;
}
input.hideunless[value=Healer] + .Healer {
display: initial;
}
input.hideunless[value=Chef] + .Chef {
display: initial;
}
input.hideunless[value=Poet] + .Poet {
display: initial;
}
input.hideunless[value=Merchant] + .Merchant {
display: initial;
}
input.hideunless[value=Crafter] + .Crafter {
display: initial;
}
input.hideunless[value=Scholar] + .Scholar {
display: initial;
}
input.hideunless[value=Lookout] + .Lookout {
display: initial;
}
input.hideunless[value=Apothecary] + .Apothecary {
display: initial;
}
input.hideunless[value=Hunter] + .Hunter {
display: initial;
}
input.hideunless[value=Ice-Vendor] + .Ice-Vendor {
display: initial;
}
input.hideunless[value=MagiTech-Farmer] + .MagiTech-Farmer {
display: initial;
}
input.hideunless[value=Matchmaker] + .Matchmaker {
display: initial;
}
input.hideunless[value=Mezzo-Soprano] + .Mezzo-Soprano {
display: initial;
}
input.hideunless[value=Playwright] + .Playwright {
display: initial;
}
input.hideunless[value=Tattoo-Artist] + .Tattoo-Artist {
display: initial;
}
input.mhider[value=character] + .character, input.mhider[value=tavern] + .tavern {
display: initial;
}
.cbox, .rbox, .ebox {
background: none;
color: none;
border: none;
padding: 0;
}
.cbox::before, .rbox::before, .ebox::before {
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
font-size: 20px;
color: var(--stew-boxb);
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
padding-top: 5px;
}
.rbox::before {
font-size: 40px;
}
.cbox::before {
content: "check_box_outline_blank";
}
.cbox.marked::before {
content: "select_check_box";
}
.rbox::before {
content: "radio_button_unchecked";
}
.rbox.marked::before {
content: "radio_button_checked";
}
.ebox::before {
content: "edit";
}
.ebox.marked::before {
content: "visibility";
}
.ebox .eboxtext {
line-height: 1;
color: var(--stew-boxb);
font-weight: normal;
font-style: normal;
font-size: 16px;
color: var(--stew-boxb);
display: inline-block;
text-transform: uppercase;
white-space: nowrap;
padding-top: 6px;
vertical-align: top;
}
button.rbox.marked[value="1"]::before {
color: var(--stew-fg);
content: "counter_1";
}
button.rbox.unmarked[value="1"]:hover::before {
content: "counter_1";
}
button.rbox.marked[value="2"]::before {
color: var(--stew-fg);
content: "counter_2";
}
button.rbox.unmarked[value="2"]:hover::before {
content: "counter_2";
}
button.rbox.marked[value="3"]::before {
color: var(--stew-fg);
content: "counter_3";
}
button.rbox.unmarked[value="3"]:hover::before {
content: "counter_3";
}
button.rbox.marked[value="4"]::before {
color: var(--stew-fg);
content: "counter_4";
}
button.rbox.unmarked[value="4"]:hover::before {
content: "counter_4";
}
.flabel {
font-family: Kurale, serif;
text-transform: uppercase;
font-size: 16px;
}
Reference in New Issue View Git Blame Copy Permalink