From 10653e55d46ac02adb15f5440363bf9bab856416 Mon Sep 17 00:00:00 2001 From: fredhicks Date: Thu, 6 Jun 2024 13:30:32 -0400 Subject: [PATCH] Updated sheet to v3.10 Now includes support for dark mode, and has added crew sheets for the crew types found in the City of Red Waters supplement (Emcees, Roots, River). Moving this sheet into fully maintained by Evil Hat status as well, reflecting that change in the instructions found in sheet.json. Changes involved moving off of legacy mode (and attendant adjustments) as well, so legacy now = false. --- Blades in the Dark/Assets/darkmode/logo.png | Bin 0 -> 17432 bytes .../Assets/darkmode/teeth/shorttooth-grey.png | Bin 0 -> 2094 bytes .../Assets/darkmode/teeth/shorttooth-red.png | Bin 0 -> 827 bytes .../darkmode/teeth/stresstooth-black.png | Bin 0 -> 2419 bytes .../darkmode/teeth/stresstooth-halfgrey.png | Bin 0 -> 3245 bytes .../Assets/darkmode/teeth/stresstooth-red.png | Bin 0 -> 3312 bytes .../darkmode/teeth/stresstooth-white.png | Bin 0 -> 3137 bytes .../Assets/darkmode/teeth/xptooth-red.png | Bin 0 -> 2884 bytes .../Assets/darkmode/teeth/xptooth-white.png | Bin 0 -> 2866 bytes Blades in the Dark/README.md | 14 +- Blades in the Dark/blades.css | 7167 +++++++++-------- Blades in the Dark/blades.html | 1101 ++- Blades in the Dark/sheet.json | 10 +- Blades in the Dark/translation.json | 697 +- 14 files changed, 5178 insertions(+), 3811 deletions(-) create mode 100644 Blades in the Dark/Assets/darkmode/logo.png create mode 100644 Blades in the Dark/Assets/darkmode/teeth/shorttooth-grey.png create mode 100644 Blades in the Dark/Assets/darkmode/teeth/shorttooth-red.png create mode 100644 Blades in the Dark/Assets/darkmode/teeth/stresstooth-black.png create mode 100644 Blades in the Dark/Assets/darkmode/teeth/stresstooth-halfgrey.png create mode 100644 Blades in the Dark/Assets/darkmode/teeth/stresstooth-red.png create mode 100644 Blades in the Dark/Assets/darkmode/teeth/stresstooth-white.png create mode 100644 Blades in the Dark/Assets/darkmode/teeth/xptooth-red.png create mode 100644 Blades in the Dark/Assets/darkmode/teeth/xptooth-white.png diff --git a/Blades in the Dark/Assets/darkmode/logo.png b/Blades in the Dark/Assets/darkmode/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..3dbcf3bbabe78e00560ea8e2637f0b70665f523d GIT binary patch literal 17432 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 literal 0 HcmV?d00001 diff --git a/Blades in the Dark/Assets/darkmode/teeth/shorttooth-grey.png b/Blades in the Dark/Assets/darkmode/teeth/shorttooth-grey.png new file mode 100644 index 0000000000000000000000000000000000000000..243a254af1c8324181baf42a43812c63fc6f148a GIT binary patch literal 2094 zcmbVN3s4kg96v-9^*|8^(3ClsGy?8+_g>sBTzYWGLkH1`hV5}0HWU?rU!)ga;fgpO0!;TZ#6fer6Oteh{b=THGBAV1dFDdkh-X2St>4bci zT9}_=Ao8;bH3`jmK@{!4fC4MU<06OEV&gD}1{%Hwl&O^}JVGQzq;eRM!H80fqL@O8AqvsZ1p$LBX~fcW^M=fU zHw|Rwc{>Kfxw*NLT$zMnO)#oft6@Y6OQm9f5OaAp9(RasT*$Bn9mNqWZRcsmCUR-S zvzQ!S0|93TSy=6EwKi@jQXpoq1GmGd1aYw%0Fs0oXU}0R1I9@LrYw||vhf_iqHe6+ z%l~Tm8jD|fVG6CNlc}R%rdH#MlnSw)nd6^ii=fv zWR@5u6@)@1Q_JK=a#&u+5IL^g4$G7OQ+@$UgZ9ELPp!w*bgrVn5@-&jD{rVL7E&vR zb{1MRPzM-JxawO25w65ifWhEr`l%x@D4%PlfYN_R_aKa8jC?N6Qd$#;)_*7{7`P9+ zdU22m{CAQAXOHylFdPg6*Va9Vz>9m7Q8qBYSTLyg-_oN6f>9R}by|a??Z)}$Y=1mx zOpjl?Z%Ij|BefUqxui$$Wmqc?CAJx}y&8feg3h$+K6RS4?~YySf8pSgeTyeSj zzAG%b6nE3?aY|9M`EYFywxdi()IOLS8c^|^v)^*IGg#>BOJ8n2duWzl zYk5OOcbD{3QRC&YGBtaDW2q^sC>grjUiE#nPf_FAlPMk*sBdKG552w9%loT*BPWN8 z_lAUCIWsY!^ov06BFCQ2j9c=LJy&PiYdc!fp_4p2lfQCGW0>yZPU20c^U}I{gD^~- zaqn(XRmaxWho{l);hSdqjjKzG|HT1SYoautZBcsnHBOq~^<#;)IH`2>&iz{^P0Q)z z)*fG3wKafNc=a`^+B)98?T`f5`WJWMqhrKK<*RG_9#%$d+tn6R+OhjV(4U3#I&MWw z37#_-Ikq@>^UsWa-tlAM%QGijp6$#CN~*bj?7Zbx`FgLW54HW7!WzTx#aPUO_M_Es zl)j3X(Zr(Hl@)7`#P{DhS6t?O1!;;C`% literal 0 HcmV?d00001 diff --git a/Blades in the Dark/Assets/darkmode/teeth/shorttooth-red.png b/Blades in the Dark/Assets/darkmode/teeth/shorttooth-red.png new file mode 100644 index 0000000000000000000000000000000000000000..6c16125baf509e804fc605d8176c9acd1edd10ed GIT binary patch literal 827 zcmeAS@N?(olHy`uVBq!ia0vp^&On^O!3HE(E%a>zQfx`y?k)`fL2$v|<&%LToCO|{ z#S9E$svykh8Km+7D9B#o>Fdh=kV}kR)aVWtG&2@vHsEOX=37q3xD^g&s{dv@Bs6iW9mC@@B8Ca zdj3R2a6zoTo@jN~T5pSwr`NxZ3ZBempfRoc=cAB~n+?j}9DnY$!P9j|bWK>!{S}MM zJx!C>UTw9zcUbh!d%68)#uD|(qUjsO!*BCld~No_?QvJ&+Q3&^-+ny((CfghZQq`C z?|8lAYV*}cZiRa)wqI>ox1rRn@59w~)jv46cQpUwj%H2XW%TRl%SV?Vy-f;EtaOP# zsS%vC@5iWof{iwTlB0i+&x$F*z*NHgf2Z?KaEdb ze7#QpD!Cqx#rI!1uD7_p?YQ}?lRT+8$;y{gF1$LJG+Vc>U0LGGO3#c^^GC+(wtPPH zer@c%n{GMNcXLY1*uG!#TI$*Dg0F7bQ}RkDTiHgZ$3|$^Y2VYir)B1U^i6?m@1?_! zK0n&}aAxAHWy}AwKg#&%_wg5Vu*CTdzW-usZbUuHTlL@JWxT*Sk@w=eyVj+%J<@Er zdQJCTw(G~M6X(huXLua+@!*EwKZ);VM0UIHi);$Kc)b#orWrh4{an^LB{Ts5*J5!5 literal 0 HcmV?d00001 diff --git a/Blades in the Dark/Assets/darkmode/teeth/stresstooth-black.png b/Blades in the Dark/Assets/darkmode/teeth/stresstooth-black.png new file mode 100644 index 0000000000000000000000000000000000000000..e83f6cf8b139af041ba75b91873998492f60970f GIT binary patch literal 2419 zcmbVO3s4mI8NZkWEF)S1LCB-7OK^bnZg=kmx8f+c8`F`r&Ccw9 z|GVGs`+cwf_s#w;-Lxh+=(!+~NEB?)YuAIP2HfWs2Y}Vnm1_f!AF=vuUL*>S_T5hy z*1t3^5=MGl6jBnGodsx-C^5;!5@azYK!sEh?NGyGou^@lwy5Du zg%LHf8p=lN%Qh+0C^7MxNkmGSX1m6)_x zF|iz#qhdm-REpyjm|T&7DKJW!Ft4v=$WmWz=k+cBr+ykogZ3gyelU-(>3oL**V8;G zmwT=!Hc-Ew+m+DJ%sIdb(s#bqFzG8SWr62D(?2)^v$Red1xUZA+_NyAu?kLtqmqk2 zw*H3$g#h;vUoXx^g8XNYGqOkeb{-Cffp6;{MBv3g$|whzUmO@zJ(=D;VE#oLw8>`I z;O(ow&_C~f;mkzUfMhZ~XRzyb*DYguaGGp4aQ6aZ=Zar zBD_wwtbF{noOOtOrJl-*xem4H^PYYF4>_%U_w~lV|Fi1Eiw*ta+u;qXWFuqA=g$76 zYIS5$r7Y(49Xoc2zHSgbxdc74-~v5X2LI&Gx4bR;3-4}P9k#G8AYJqbd2RX^(+|$3 z4-F13(%5-E^zmljuWsJd?2LH06NxDJ%@Y9&EXm&^TTp3MP~*7cN-T&mnoN?1t1gK@ z?(2J{;MG@ezJ1Xu>*?wF7S3<#kFFWIJ^X%7+sEh6pTCr1mA?Ja&}4Oo$8)Xpc<%2( z*2+T69QW0OLrXHg0TOjb1lQux|Hfqd$%hmGcz+ZF-jjc zVGLTcgi4KwjC99*xw)mkzn{OEvvup%?s)NDv@VoPOY1Gj$jE5vvz>hJFt%z{>Tlm+ z&!h(&Xl`D4@P(c2vBhyOzg*FI^umR8A^oS8*KlEn+S=R!fq^eZMn=|O_J)OpZ5zvY z53BoQfz|p&c16X561sTwcnBdP1cP-jr-82BO_yaqp>TFY5ZI3kkMcW2^knD zJjYj$e9k6f4Hr9Z9(^V>RHvP;LhB-vht;R*E{$%!a^=dkt+ChgNMvJ@uvbp8Gdi@BfQ-!Po=t31iT#QwT{``VD& r;o;#m-QC^CuCu~JR5xr4Qco@WaRI!2d71uc-*1sYXVM-{DX9K8(g}96 literal 0 HcmV?d00001 diff --git a/Blades in the Dark/Assets/darkmode/teeth/stresstooth-halfgrey.png b/Blades in the Dark/Assets/darkmode/teeth/stresstooth-halfgrey.png new file mode 100644 index 0000000000000000000000000000000000000000..3d3bee3016615b1988a5291bd1f3c727f6aba570 GIT binary patch literal 3245 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 Nx@9Z7bo1`${{Y?y@1_6% literal 0 HcmV?d00001 diff --git a/Blades in the Dark/Assets/darkmode/teeth/xptooth-red.png b/Blades in the Dark/Assets/darkmode/teeth/xptooth-red.png new file mode 100644 index 0000000000000000000000000000000000000000..a413d4f35f0d2988922a9bcab6e4333515abfe35 GIT binary patch literal 2884 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 :not(.sheet-setting-char), -.sheet-type[value="crew"] ~ .sheet-settings > :not(.sheet-setting-crew), -.sheet-type[value="faction"] ~ .sheet-settings > :not(.sheet-setting-faction) { - display: none; +.charsheet .type[value=character] ~ .settings > :not(.setting-char), .charsheet .type[value=crew] ~ .settings > :not(.setting-crew), .charsheet .type[value=faction] ~ .settings > :not(.setting-faction) { + display: none; } -.sheet-settings { - position: absolute; - right: 0; - width: 415px; - border: 1px solid black; - background: white; - z-index: 100; - padding: 5px; - border-radius: 5px; - display: flex; - flex-wrap: wrap; +.charsheet .settings { + position: absolute; + right: 0; + width: 415px; + border: 1px solid var(--blades-blacktext); + background: var(--blades-whitetext); + z-index: 100; + padding: 5px; + border-radius: 5px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } - -.sheet-settings > div { - min-width: 50%; - display: flex; - flex-grow: 1; - align-items: center; - padding: 2px; - font-size: 10px; - min-height: 24px; - line-height: 17px; - border-bottom: 1px solid #d8d8d8; +.charsheet .settings > div { + min-width: 50%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 2px; + font-size: 10px; + min-height: 24px; + line-height: 17px; + border-bottom: 1px solid var(--blades-lightest); } - -.sheet-settings > div.sheet-generaterow { - line-height: 0; +.charsheet .settings > div.generaterow { + line-height: 0; } - -.sheet-settings label { - align-items: center; +.charsheet .settings label { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } - -.sheet-settings .sheet-checkbox + span { - margin-right: 6px; +.charsheet .settings .checkbox + span { + margin-right: 6px; } - -.sheet-settings .sheet-checkbox:checked + span { - background: black; +.charsheet .settings .checkbox:checked + span { + background: var(--blades-blacktext); } - -.sheet-settings :not(input) + span { - padding-right: 4px; +.charsheet .settings :not(input) + span { + padding-right: 4px; } - -.sheet-settings input[type=number] { - padding: 0 2px; - margin: 0 3px 0 8px; - width: 30px; - font-size: 12px; +.charsheet .settings input[type=number] { + padding: 0 2px; + margin: 0 3px 0 8px; + width: 30px; + font-size: 12px; } - -.sheet-settings input[type=text] { - width: 60px; - font-size: 10px; - margin-right: 3px; - padding-left: 1px; - line-height: 16px; - border-radius: 3px; - border: 1px solid #d8d8d8; +.charsheet .settings input[type=text] { + width: 60px; + font-size: 10px; + margin-right: 3px; + padding-left: 1px; + line-height: 16px; + border-radius: 3px; + border: 1px solid var(--blades-lightest); } - -.sheet-settings input[type=text].sheet-wide { - width: 200px; - margin-right: 8px; +.charsheet .settings input[type=text].wide { + width: 200px; + margin-right: 8px; } - -.sheet-settings select { - width: 80px; - margin: 0 7px 0 0; - padding: 0; - height: 18px; +.charsheet .settings select { + width: 80px; + margin: 0 7px 0 0; + padding: 0; + height: 18px; } /* SETTINGS FOR HIDING STUFF ON THE SHEET */ -.sheet-toothhider[value="0"] ~ .sheet-tooth, .sheet-toothhider[value="0"] ~ .sheet-tooth + span { - display: none; +.charsheet .toothhider[value="0"] ~ .tooth, .charsheet .toothhider[value="0"] ~ .tooth + span { + display: none; } -.sheet-hider[value="0"] + li, .sheet-hider[value="0"] + div, .sheet-hider[value="0"] + label { - display: none; +.charsheet .hider[value="0"] + li, .charsheet .hider[value="0"] + div, .charsheet .hider[value="0"] + label { + display: none; } /* Sheet container */ -.sheet-container { - position: relative; - min-width: 860px; - max-width: 1190px; +.charsheet .container { + position: relative; + min-width: 860px; + max-width: 1190px; + padding-left: 0px; + padding-right: 0px; } -.sheet-flexwidth[value="0"] ~ .sheet-container { - width: 860px; +.charsheet .flexwidth[value="0"] ~ .container { + width: 860px; } -.sheet-type:not([value="character"]) ~ .sheet-type-character, -.sheet-type:not([value="crew"]) ~ .sheet-type-crew, -.sheet-type:not([value="faction"]) ~ .sheet-type-faction { - display: none; +.charsheet .type:not([value=character]) ~ .type-character, .charsheet .type:not([value=crew]) ~ .type-crew, .charsheet .type:not([value=faction]) ~ .type-faction { + display: none; } -.sheet-type-character, .sheet-type-crew, .sheet-type-faction { - grid: auto/55% calc(45% - 5px); - grid-gap: 10px 5px; +.charsheet .type-character, .charsheet .type-crew, .charsheet .type-faction { + grid: auto/55% calc(45% - 5px); + grid-gap: 10px 5px; } /* USEFUL GENERAL LAYOUT*/ -.sheet-grid { - display: grid; +.charsheet .grid { + display: -ms-grid; + display: grid; +} +.charsheet .grid .sheet-2col { + -ms-grid-column-span: 2; + grid-column: span 2; } -.sheet-grid .sheet-2col { - grid-column: span 2; +.charsheet .type-character .left-column { + grid: auto/1.1fr 0.9fr; + -ms-flex-line-pack: start; + align-content: start; + grid-gap: 10px 5px; } -.sheet-type-character .sheet-left-column { - grid: auto / 1.1fr .9fr; - align-content: start; - grid-gap: 10px 5px; +.charsheet .right-column { + grid: none/minmax(202.5px, 248.5px) minmax(calc(47% - 5px), 277px); + grid-gap: 5px; + grid-auto-rows: -webkit-min-content; + grid-auto-rows: min-content; } -.sheet-right-column { - grid: none/minmax(202.5px, 248.5px) minmax(calc(47% - 5px), 277px); - grid-gap: 5px; - grid-auto-rows: min-content; +.charsheet .blackheader { + background: var(--blades-blacktext); + color: var(--blades-whitetext); } - -.sheet-blackheader { - background: black; - color: white; +.charsheet .blackheader.rep1, .charsheet .blackheader.hold1 { + padding-top: 3px; + line-height: 13px; } - -.sheet-blackheader.sheet-rep1, .sheet-blackheader.sheet-hold1 { - padding-top: 3px; - line-height: 13px; +.charsheet .blackheader.hold1 { + padding-left: 2px; } - -.sheet-blackheader.sheet-hold1 { - padding-left: 2px; +.charsheet .blackheader .sheet-label, .charsheet .blackheader button[type=roll].sheet-label, .charsheet .black-on-grey .sheet-label, .charsheet .black-on-grey button[type=roll].sheet-label, .charsheet .greyheader .sheet-label, .charsheet .greyheader button[type=roll].sheet-label { + font-size: 11px; + line-height: 15px; } - -.sheet-blackheader, .sheet-black-on-grey, .sheet-greyheader { - font-size: 11px; - letter-spacing: 1px; +.charsheet .black-on-grey, .charsheet .greyheader { + letter-spacing: 1px; } - -.sheet-blackheader, .sheet-greyheader { - height: 16px; - line-height: 15px; - padding: 1px 2px 0 4px; +.charsheet .black-on-grey .sheet-label, .charsheet .black-on-grey button[type=roll].sheet-label, .charsheet .greyheader .sheet-label, .charsheet .greyheader button[type=roll].sheet-label { + color: inherit; } - -.sheet-black-on-grey, .sheet-greyheader { - background: #b4b4b4; +.charsheet .blackheader { + letter-spacing: 1px; } - -.sheet-black-on-grey { - text-align: center; - position: relative; - flex-grow: 1; - padding-left: 1px; - height: 13px; - line-height: 13px; - --z-index: -1; /* Disabled for dark mode compatibility (text disappears in dark mode if enabled) */ +.charsheet .blackheader .sheet-label, .charsheet .blackheader button[type=roll].sheet-label { + color: var(--blades-whitetext); } - -.sheet-plainheader { - width: 100%; - border-top: 2px solid black; - font-size: 12px; - line-height: 22px; +.charsheet .blackheader, .charsheet .greyheader { + height: 16px; + line-height: 15px; + padding: 1px 2px 0 4px; } - -.sheet-specialheader { - background: #b4b4b4; - height: 20px; - font-size: 11px; - line-height: 20px; - letter-spacing: 1px; - padding: 0 5px; +.charsheet .blackheader .sheet-label, .charsheet .greyheader .sheet-label { + padding-left: 1px; + padding-right: 1px; + line-height: inherit; } - -.sheet-specialheader input[type=text] { - margin: 0 -5px; - padding: 0 5px; - width: calc(100% + 10px); +.charsheet .black-on-grey, .charsheet .greyheader { + background: var(--blades-darkgrey); } - -.sheet-italic { - font-style: italic; +.charsheet .black-on-grey, .charsheet .black-on-grey .sheet-label { + text-align: center; + position: relative; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding-left: 1px; + padding-right: 1px; + height: 13px; + line-height: 13px; + z-index: 0; /* Was -1 but that made it invisible in non-legacy mode */ } - -.sheet-bold { - font-weight: bold; +.charsheet .plainheader { + width: 100%; + border-top: 2px solid black; + font-size: 12px; + line-height: 22px; } - -.sheet-greyholder { - background: #d8d8d8; +.charsheet .specialheader { + background: var(--blades-darkgrey); + height: 20px; + font-size: 11px; + line-height: 20px; + letter-spacing: 1px; + padding: 0 5px; } - -.sheet-def-margin { - margin-top: 10px; +.charsheet .specialheader input[type=text] { + margin: 0 -5px; + padding: 0 5px; + width: calc(100% + 10px); } - -.sheet-small-margin { - margin-top: 5px; +.charsheet .italic { + font-style: italic; } - -.sheet-blackborder { - border-top: 3px solid black; +.charsheet .bold { + font-weight: bold; } - -.sheet-tier { - background: #d8d8d8; - height: 16px; - width: 56px; - align-items: center; +.charsheet .greyholder { + background: var(--blades-lightest); } - -.sheet-tier input[value="1"] { - margin-left: auto; +.charsheet .def-margin { + margin-top: 10px; } - -.sheet-tier .sheet-checkbox + span { - margin-right: auto; +.charsheet .small-margin { + margin-top: 5px; +} +.charsheet .blackborder { + border-top: 3px solid var(--blades-blacktext); +} +.charsheet .tier { + background: var(--blades-lightest); + height: 16px; + width: 56px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.charsheet .tier input[value="1"] { + margin-left: auto; +} +.charsheet .tier .checkbox + span { + margin-right: auto; } /* COLUMN LAYOUT */ -.sheet-flex { - display: flex; +.charsheet .flex { + display: -webkit-box; + display: -ms-flexbox; + display: flex; } - -.sheet-flex-center { - text-align: center; - display: flex; - justify-content: center; - align-items: center; +.charsheet .flex-center { + text-align: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } - -.sheet-col50 { - width: 50%; +.charsheet .col50 { + width: 50%; } - -.sheet-col52b { - width: 52%; +.charsheet .col52b { + width: 52%; } - -.sheet-col45 { - width: 45%; +.charsheet .col45 { + width: 45%; } - -.sheet-col100 { - width: 100%; +.charsheet .col100 { + width: 100%; } /* FONT STYLES */ -.sheet-label, -input[type=text].sheet-label, -textarea.sheet-label, -button[type=roll].sheet-label { - text-transform: uppercase; - font-weight: bold; +.charsheet .sheet-label, +.charsheet input[type=text].sheet-label, +.charsheet textarea.sheet-label, +.charsheet button[type=roll].sheet-label { + text-transform: uppercase; + font-weight: bold; + color: inherit; } - -.sheet-uppercase { - text-transform: uppercase; +.charsheet .uppercase { + text-transform: uppercase; } - -.sheet-smallcaps, -input[type=text].sheet-smallcaps, -textarea.sheet-smallcaps { - font-variant: small-caps; - font-weight: bold; +.charsheet .smallcaps, +.charsheet input[type=text].smallcaps, +.charsheet textarea.smallcaps { + font-variant: small-caps; + font-weight: bold; } /* INFO BOXES */ -.sheet-gatherinfo ul { - padding: 0; +.charsheet .gatherinfo ul { + padding: 0; } - -.sheet-gatherinfo li { - margin-bottom: 1px; - font-style: italic; - padding-left: 11px; - font-size: 11px; - height: 17px; +.charsheet .gatherinfo li { + margin-bottom: 1px; + font-style: italic; + padding-left: 11px; + font-size: 11px; + height: 17px; } - -.sheet-teamworkbox { - width: 95%; - padding: 5px; - margin-bottom: 5px; - background: #d8d8d8; - font-size: 12px; - line-height: 15px; +.charsheet .teamworkbox { + width: 95%; + padding: 5px; + margin-bottom: 5px; + background: var(--blades-lightest); + font-size: 12px; + line-height: 15px; } - -.sheet-planning .sheet-teamworkbox .sheet-bold::after { - content: ": "; +.charsheet .planning .teamworkbox .bold::after { + content: ": "; } - -.sheet-planningdesc { - font-size: 12px; - line-height: 15px; - text-align: justify; - margin: 0 5% 5px 0; +.charsheet .planningdesc { + font-size: 12px; + line-height: 15px; + text-align: justify; + margin: 0 5% 5px 0; } /* ITEMS/UPGRADES */ -.sheet-itemholder > div { - padding: 5px; +.charsheet .itemholder > div { + padding: 5px; } - -.sheet-item-container { - flex-grow: 1; +.charsheet .item-container { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } - -.sheet-playbookitems { - background: #d8d8d8; +.charsheet .playbookitems { + background: var(--blades-lightest); } - -.sheet-regularitems { - grid-template-columns: 50% 50%; +.charsheet .regularitems { + -ms-grid-columns: 50% 50%; + grid-template-columns: 50% 50%; } - -.sheet-regularitems .repcontainer { - display: flex; - flex-wrap: wrap; - align-content: flex-start; +.charsheet .regularitems .repcontainer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -ms-flex-line-pack: start; + align-content: flex-start; } - -.sheet-regularitems .repitem { - display: flex; - flex-grow: 1; +.charsheet .regularitems .repitem { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } - -.sheet-regularitems .sheet-input-short[value="1"] + .sheet-input-expand[value="0"] ~ .sheet-item-container { - width: 96px; +.charsheet .regularitems .input-short[value="1"] + .input-expand[value="0"] ~ .item-container { + width: 96px; } - -.sheet-upgrades > div { - position: relative; +.charsheet .upgrades > div { + position: relative; } - -.sheet-item { - display: flex; - align-items: start; +.charsheet .item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; } - -.sheet-item .sheet-itemname { - height: 18px; - font-size: 11px; - margin: 0 1px 0 2px; - padding-left: 2px; - flex: auto; - min-width: 0; +.charsheet .item .itemname { + height: 18px; + font-size: 11px; + margin: 0 1px 0 2px; + padding-left: 2px; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + min-width: 0; } - -.sheet-item .sheet-itemname.sheet-auto-expand { - min-height: 16px; - height: auto; - line-height: 16px; - margin: 1px 0; - padding: 0 7px 0 2px; +.charsheet .item .itemname.auto-expand { + min-height: 16px; + height: auto; + line-height: 16px; + margin: 1px 0; + padding: 0 7px 0 2px; } - -.sheet-item .sheet-checkbox, .sheet-item .sheet-checkbox + span { - margin-top: 3px; +.charsheet .item .checkbox, .charsheet .item .checkbox + span { + margin-top: 3px; } - -.sheet-item .sheet-input-bold[value="1"] ~ .sheet-itemname { - font-weight: bold; +.charsheet .item .input-bold[value="1"] ~ .itemname { + font-weight: bold; } - -.sheet-item .sheet-numboxes[value="0"] ~ .sheet-itemname { - font-style: italic; +.charsheet .item .numboxes[value="0"] ~ .itemname { + font-style: italic; } - -.sheet-upgradecaption { - font-size: 11px; - letter-spacing: 1px; +.charsheet .upgradecaption { + font-size: 11px; + letter-spacing: 1px; } - -.sheet-upgradecosts { - font-size: 11px; - padding-left: 3px; +.charsheet .upgradecosts { + font-size: 11px; + padding-left: 3px; } - -.sheet-upgradecosts.sheet-label { - font-size: 8px; - letter-spacing: 1px; +.charsheet .upgradecosts.sheet-label { + font-size: 8px; + letter-spacing: 1px; } - -.sheet-floatingbar { - width: 3px; - height: 2px; - margin: 8px 0 0 -3px; - flex: 0 0 auto; - background: #8c8c8c; +.charsheet .floatingbar { + width: 3px; + height: 2px; + margin: 8px 0 0 -3px; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + background: var(--blades-greyborder); } /* Repeating items*/ -.sheet-numboxes[value="0"] ~ .sheet-boxesgeq2, -.sheet-numboxes[value="1"] ~ .sheet-boxesgeq2, -.sheet-numboxes[value="2"] ~ .sheet-boxesgeq3 { - display: none; +.charsheet .numboxes[value="0"] ~ .boxesgeq2, +.charsheet .numboxes[value="1"] ~ .boxesgeq2, +.charsheet .numboxes[value="2"] ~ .boxesgeq3 { + display: none; } - -.sheet-itemholder .repitem .sheet-boxes-chosen[value="1"] + div, .sheet-itemholder .repitem .sheet-boxes-chosen[value="0"] + div ~ div { - display: none; +.charsheet .itemholder .repitem .boxes-chosen[value="1"] + div, .charsheet .itemholder .repitem .boxes-chosen[value="0"] + div ~ div { + display: none; } - -.sheet-numboxes-chooser { - padding: 1px 0; - font-size: 11px; +.charsheet .numboxes-chooser { + padding: 1px 0; + font-size: 11px; } - -.sheet-numboxes-chooser input[type=number] { - margin-left: auto; - height: 18px; - padding: 0; - text-align: right; - width: 2.5em; - background: transparent; +.charsheet .numboxes-chooser input[type=number] { + margin-left: auto; + height: 18px; + padding: 0; + text-align: right; + width: 2.5em; + background: transparent; } - -.sheet-numboxes-chooser label { - height: 18px; - border: 1px solid #aaa; - margin-left: auto; - padding: 2px; - line-height: 12px; +.charsheet .numboxes-chooser label { + height: 18px; + border: 1px solid var(--blades-versiongrey); + margin-left: auto; + padding: 2px; + line-height: 12px; } - -.sheet-numboxes-chooser input:checked + span { - font-weight: bold; +.charsheet .numboxes-chooser input:checked + span { + font-weight: bold; } - -.sheet-show-itemdesc[value="0"] ~ div .sheet-item-description { - display: none; +.charsheet .show-itemdesc[value="0"] ~ div .item-description { + display: none; } - -.sheet-itemholder .sheet-expand { - top: 4px; - right: 1px; +.charsheet .itemholder .expand { + top: 4px; + right: 1px; } - -.sheet-itemholder .sheet-expand + span { - top: 1px; - right: 1px; +.charsheet .itemholder .expand + span { + top: 1px; + right: 1px; } - -.sheet-itemholder .sheet-expand + span::before { - content: "◀"; +.charsheet .itemholder .expand + span::before { + content: "◀"; } - -.sheet-itemholder .sheet-expand:checked + span::before { - content: "▼"; +.charsheet .itemholder .expand:checked + span::before { + content: "▼"; } - -.sheet-itemholder .sheet-expand ~ textarea { - border-top: 1px solid #d8d8d8; - line-height: 12px; - font-size: 10px; - height: 49px; +.charsheet .itemholder .expand ~ textarea { + border-top: 1px solid var(--blades-lightest); + line-height: 12px; + font-size: 10px; + height: 49px; } - -.sheet-itemholder .sheet-playbookitems .sheet-expand ~ textarea { - border-color: #aaa; +.charsheet .itemholder .playbookitems .expand ~ textarea { + border-color: var(--blades-versiongrey); } /* LOGO */ -.sheet-bladeslogo { - height: 43px; - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/logo.png"); - background-size: 102% auto; - background-repeat: no-repeat; +.charsheet .bladeslogo { + height: 43px; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/logo.png"); + background-size: 102% auto; + background-repeat: no-repeat; } -.sheet-crewheader { - color: #808080; - font-size: 28px; - align-self: flex-start; - letter-spacing: -2px; - line-height: 31px; +.sheet-darkmode .charsheet .bladeslogo { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/art/Blades%20in%20the%20Dark/Assets/darkmode/logo.png"); +} + +.charsheet .crewheader { + color: var(--blades-headergrey); + font-size: 28px; + -ms-flex-item-align: start; + align-self: flex-start; + letter-spacing: -2px; + line-height: 31px; } /* LOAD */ -.sheet-itemheader, -.sheet-loadheader { - background: #b4b4b4; - height: 20px; - font-size: 10px; - padding: 3px 2px 1px 4px; - align-items: center; -} - -.sheet-loadheader label { - align-items: center; - line-height: 11px; - font-style: italic; - margin-left: auto; - text-transform: lowercase; -} - -.sheet-loadnumber { - font-weight: bold; - font-family: "Times New Roman", Times, serif; - font-size: 12px; - margin: 0 3px 0 4px; -} - -.sheet-itemheader > .sheet-label { - margin-right: 4px; -} - -.sheet-itemheader:not(:hover) .sheet-text-button { - display: none; -} - -.sheet-itemheader .sheet-text-button { - margin-left: auto; -} - -.sheet-itemheader .sheet-text-button input[type=checkbox] + span { - opacity: 1; - color: #333; -} - -.sheet-itemheader .sheet-text-button:hover input[type=checkbox] + span { - color: red; -} - -/* ADVANCEMENT BOX*/ -.sheet-advancement-header { - letter-spacing: 2px; -} - -.sheet-markxp { - margin-right: auto; -} - -.sheet-xpholder { - letter-spacing: 0; - font-size: 0; - margin-left: 8px; -} - -.sheet-advancement-desc li, .sheet-warblurb li { - font-size: 13px; - line-height: 16px; - width: 100%; -} - -.sheet-advancement-desc li.sheet-nondot, .sheet-warblurb li.sheet-nondot { - padding-left: 0; - font-style: normal; -} - -.sheet-advancement-desc li.sheet-nondot::before, .sheet-warblurb li.sheet-nondot::before { - display: none; -} - -.sheet-advancement-desc { - width: 99%; - background: #d8d8d8; - padding: 15px 10px 4px 11px; -} - -.sheet-advancement-desc li { - font-style: italic; - margin-bottom: .7em; - padding-left: 1em; -} - -.sheet-advancement-desc .sheet-auto-expand { - min-height: 16px; - padding: 0 2px; -} - -/* PLAYBOOK */ -.sheet-playbook { - align-items: center; - height: 50px; - position: relative; - background: #d8d8d8; -} - -.sheet-playbook input[type=text] { - flex: 0 0 auto; - margin: 0 2px; - padding-left: 5px; - letter-spacing: -1px; - font-size: 35px; - line-height: 40px; -} - -.sheet-playbook textarea { - height: 42px; - flex: 0 0 auto; - font-size: 10px; - padding-left: 3px; - letter-spacing: 1px; - color: #808080; - resize: none; - overflow: hidden; - line-height: 14px; -} - -.sheet-playbook .sheet-reminder { - position: absolute; - border: 1px solid #333; - background: white; - top: 48px; - z-index: 3; - border-radius: 5px; - width: 267px; - font-size: 12px; - text-align: center; - padding: 3px; -} - -.sheet-type-character .sheet-playbook input[type=text] { - width: calc(64% - 10px); -} - -.sheet-type-character .sheet-playbook textarea { - width: calc(36% + 6px); -} - -.sheet-type-crew .sheet-playbook input[type=text] { - width: calc(74% - 7px); -} - -.sheet-type-crew .sheet-playbook textarea { - width: calc(26% + 3px); -} - -/* HEADER */ -.sheet-header { - grid: auto / 53.7% 45%; - grid-column-gap: 1.3%; - align-items: end; -} - -.sheet-header label { - flex-wrap: wrap; -} - -.sheet-header input[type=text], .sheet-header .sheet-auto-expand { - width: 100%; - border-bottom: 1px solid black; - font-size: 14px; - line-height: 1.3; - text-align: left; - padding: 3px 0 0 2px; - margin: 3px 0 0; - min-height: 22px; - color: #c43c35; -} - -.sheet-header input[type="hidden"][value=""] + div > .sheet-title::after { - content: ": "; -} - -.sheet-header input[type="hidden"]:not([value=""]) + div > .sheet-info { - display: none; -} - -.sheet-header .sheet-text { - color: black; - text-align: justify; - padding: 3px 0 2px; - line-height: 13px; -} - -.sheet-header .sheet-title { - font-size: 10px; - letter-spacing: 1px; -} - -.sheet-header .sheet-info { - font-size: 8px; -} - -.sheet-header .sheet-vice-input:not([value="normal"]) ~ .sheet-normal, -.sheet-header .sheet-vice-input:not([value="ghost"]) ~ .sheet-ghost, -.sheet-header .sheet-vice-input:not([value="hull"]) ~ .sheet-hull, -.sheet-header .sheet-vice-input:not([value="vampire"]) ~ .sheet-vampire { - display: none; -} - -.sheet-header .sheet-vice { - justify-content: space-between; - text-align: justify; - grid-column: span 2; - line-height: 1.6; - font-size: 11px; -} - -.sheet-header .sheet-vice .sheet-smallcaps { - font-size: 130%; - line-height: 0; -} - -/* CLOCKS */ -.sheet-clocks .repcontainer { - display: grid; - grid-template-columns: 1fr 1fr; - padding-top: 2px; - grid-gap: 4px; -} - -.sheet-clocks .repitem { - display: flex; - padding: 4px 2px; - background: #d8d8d8; - align-items: start; -} - -.sheet-clocks .itemcontrol { - top: 0; - left: 0; -} - -.sheet-clocks .sheet-auto-expand { - font-size: 11px; - letter-spacing: 1px; - padding: 2px 3px; - line-height: 12px; - flex: auto; - min-width: 0; - margin-right: 2px; - min-height: 28px; -} - -.sheet-clock-container { - position: relative; - padding: 2px; - margin: 0 0 5px; - z-index: 1; - height: 44px; - width: 44px; - cursor: pointer; - flex: 0 0 auto; -} - -.sheet-clock-container input { - position: absolute; - display: none; -} - -.sheet-clock-container .sheet-zero { - z-index: 3; -} - -.sheet-clock-container .sheet-zero, .sheet-clock-container .sheet-zero + span { - position: absolute; - top: 37px; - left: -5px; -} - -.sheet-clock-container .sheet-all, .sheet-clock-container .sheet-zero { - display: block; -} - -.sheet-clock { - border: 2px solid black; - border-radius: 50%; - background: white; - width: 100%; - height: 100%; - position: absolute; - left: 0; - top: 0; - z-index: -1; -} - -div[class^="sheet-spoke"] { - height: 44px; - width: 2px; - position: absolute; - display: none; - left: 0; - top: 0; - background: black; -} - -.sheet-spoke-0 { - transform: translateX(21px); -} - -.sheet-spoke-30 { - transform: translateX(21px) rotate(30deg); -} - -.sheet-spoke-36 { - transform: translateX(21px) rotate(36deg); -} - -.sheet-spoke-45 { - transform: translateX(21px) rotate(45deg); -} - -.sheet-spoke-60 { - transform: translateX(21px) rotate(60deg); -} - -.sheet-spoke-72 { - transform: translateX(21px) rotate(72deg); -} - -.sheet-spoke-90 { - transform: translateX(21px) rotate(90deg); -} - -.sheet-spoke-108 { - transform: translateX(21px) rotate(108deg); -} - -.sheet-spoke-120 { - transform: translateX(21px) rotate(120deg); -} - -.sheet-spoke-135 { - transform: translateX(21px) rotate(135deg); -} - -.sheet-spoke-144 { - transform: translateX(21px) rotate(144deg); -} - -.sheet-spoke-150 { - transform: translateX(21px) rotate(150deg); -} - -.sheet-size-choice { - display: flex; - flex: 0 0 auto; - height: 45px; - margin: 2px 0; - width: 44px; - line-height: 12px; - font-size: 13px; - font-family: "Times New Roman", Times, serif; - align-content: space-evenly; - flex-wrap: wrap; -} - -/* Faction clocks */ -.sheet-clocks-only[value="0"] ~ .sheet-container .sheet-type-faction .sheet-clocks .repcontainer { - grid-template-columns: repeat(3, 1fr); -} - -.sheet-clocks-only[value="1"] ~ .sheet-container .sheet-type-faction .sheet-clocks .repcontainer { - grid-template-columns: repeat(4, 1fr); -} - -.sheet-clocks-only[value="1"] ~ .sheet-container .sheet-type-faction { - grid: auto / auto; -} - -.sheet-clocks-only[value="1"] ~ .sheet-container .sheet-type-faction .sheet-factiontitle, .sheet-clocks-only[value="1"] ~ .sheet-container .sheet-type-faction .sheet-factions, .sheet-clocks-only[value="1"] ~ .sheet-container .sheet-type-faction .sheet-notes { - display: none; -} - -.sheet-size[value="4"] ~ .sheet-clock-container input:not(.sheet-zero) { - height: 20px; - width: 20px; -} - -.sheet-size[value="4"] ~ .sheet-clock-container input[value="1"] { - margin-left: 20px; -} - -.sheet-size[value="4"] ~ .sheet-clock-container input[value="2"] { - margin: 20px 0 0 20px; -} - -.sheet-size[value="4"] ~ .sheet-clock-container input[value="3"] { - margin-top: 20px; -} - -.sheet-size[value="6"] ~ .sheet-clock-container input:not(.sheet-zero) { - height: 17px; - width: 12px; -} - -.sheet-size[value="6"] ~ .sheet-clock-container input[value="1"] { - margin-left: 21px; - transform: rotate(30deg); -} - -.sheet-size[value="6"] ~ .sheet-clock-container input[value="2"] { - margin: 12px 0 0 25px; - transform: rotate(90deg); -} - -.sheet-size[value="6"] ~ .sheet-clock-container input[value="3"] { - margin: 22px 0 0 21px; - transform: rotate(150deg); -} - -.sheet-size[value="6"] ~ .sheet-clock-container input[value="4"] { - margin: 22px 0 0 8px; - transform: rotate(210deg); -} - -.sheet-size[value="6"] ~ .sheet-clock-container input[value="5"] { - margin: 12px 0 0 1px; - transform: rotate(270deg); -} - -.sheet-size[value="6"] ~ .sheet-clock-container input[value="6"] { - margin-left: 8px; - transform: rotate(330deg); -} - -.sheet-size[value="8"] ~ .sheet-clock-container input:not(.sheet-zero) { - height: 14px; - width: 10px; -} - -.sheet-size[value="8"] ~ .sheet-clock-container input[value="1"] { - margin-left: 20px; - transform: rotate(22.5deg); -} - -.sheet-size[value="8"] ~ .sheet-clock-container input[value="2"] { - margin: 8px 0 0 26px; - transform: rotate(67.5deg); -} - -.sheet-size[value="8"] ~ .sheet-clock-container input[value="3"] { - margin: 18px 0 0 26px; - transform: rotate(112.5deg); -} - -.sheet-size[value="8"] ~ .sheet-clock-container input[value="4"] { - margin: 25px 0 0 20px; - transform: rotate(157.5deg); -} - -.sheet-size[value="8"] ~ .sheet-clock-container input[value="5"] { - margin: 25px 0 0 9px; - transform: rotate(202.5deg); -} - -.sheet-size[value="8"] ~ .sheet-clock-container input[value="6"] { - margin: 18px 0 0 2px; - transform: rotate(247.5deg); -} - -.sheet-size[value="8"] ~ .sheet-clock-container input[value="7"] { - margin: 8px 0 0 2px; - transform: rotate(292.5deg); -} - -.sheet-size[value="8"] ~ .sheet-clock-container input[value="8"] { - margin-left: 9px; - transform: rotate(337.5deg); -} - -.sheet-size[value="10"] ~ .sheet-clock-container input:not(.sheet-zero) { - height: 14px; - width: 9px; -} - -.sheet-size[value="10"] ~ .sheet-clock-container input[value="1"] { - transform: rotate(18deg); - margin-left: 20px; -} - -.sheet-size[value="10"] ~ .sheet-clock-container input[value="2"] { - transform: rotate(54deg); - margin: 5px 0 0 27px; -} - -.sheet-size[value="10"] ~ .sheet-clock-container input[value="3"] { - transform: rotate(90deg); - margin: 13px 0 0 30px; -} - -.sheet-size[value="10"] ~ .sheet-clock-container input[value="4"] { - transform: rotate(126deg); - margin: 21px 0 0 27px; -} - -.sheet-size[value="10"] ~ .sheet-clock-container input[value="5"] { - transform: rotate(162deg); - margin: 26px 0 0 20px; -} - -.sheet-size[value="10"] ~ .sheet-clock-container input[value="6"] { - transform: rotate(198deg); - margin: 26px 0 0 12px; -} - -.sheet-size[value="10"] ~ .sheet-clock-container input[value="7"] { - transform: rotate(234deg); - margin: 21px 0 0 5px; -} - -.sheet-size[value="10"] ~ .sheet-clock-container input[value="8"] { - transform: rotate(270deg); - margin: 13px 0 0 1px; -} - -.sheet-size[value="10"] ~ .sheet-clock-container input[value="9"] { - transform: rotate(306deg); - margin: 5px 0 0 5px; -} - -.sheet-size[value="10"] ~ .sheet-clock-container input[value="10"] { - transform: rotate(342deg); - margin-left: 12px; -} - -.sheet-size[value="12"] ~ .sheet-clock-container input:not(.sheet-zero) { - height: 12px; - width: 8px; -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="1"] { - margin-left: 20px; - transform: rotate(15deg); -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="2"] { - margin: 4px 0 0 26px; - transform: rotate(45deg); -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="3"] { - margin: 10px 0 0 29px; - transform: rotate(75deg); -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="4"] { - margin: 18px 0 0 29px; - transform: rotate(105deg); -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="5"] { - margin: 24px 0 0 26px; - transform: rotate(135deg); -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="6"] { - margin: 28px 0 0 20px; - transform: rotate(165deg); -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="7"] { - margin: 28px 0 0 12px; - transform: rotate(195deg); -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="8"] { - margin: 24px 0 0 6px; - transform: rotate(225deg); -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="9"] { - margin: 18px 0 0 3px; - transform: rotate(255deg); -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="10"] { - margin: 10px 0 0 3px; - transform: rotate(295deg); -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="11"] { - margin: 4px 0 0 6px; - transform: rotate(315deg); -} - -.sheet-size[value="12"] ~ .sheet-clock-container input[value="12"] { - margin-left: 12px; - transform: rotate(345deg); -} - -/* End positioning */ -.sheet-size[value="4"] ~ .sheet-clock-container .sheet-4clock, -.sheet-size[value="6"] ~ .sheet-clock-container .sheet-6clock, -.sheet-size[value="8"] ~ .sheet-clock-container .sheet-8clock, -.sheet-size[value="10"] ~ .sheet-clock-container .sheet-10clock, -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-12clock { - display: block; -} - -.sheet-size:not([value=""]) ~ .sheet-size-choice, -.sheet-clocks .sheet-size[value=""] ~ .sheet-broadcast-button, -.sheet-size[value=""] ~ .sheet-clock-container { - display: none; -} - -.sheet-clock-container .sheet-input-progress[value="0"]:checked ~ .sheet-clock { - background: white; -} - -.sheet-size[value="4"] ~ .sheet-clock-container .sheet-input-progress[value="1"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); -} - -.sheet-size[value="4"] ~ .sheet-clock-container .sheet-input-progress[value="2"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="4"] ~ .sheet-clock-container .sheet-input-progress[value="3"]:checked ~ .sheet-clock { - background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="4"] ~ .sheet-clock-container .sheet-input-progress[value="4"]:checked ~ .sheet-clock { - background: red; -} - -.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="1"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%); -} - -.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="2"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%); -} - -.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="3"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="4"]:checked ~ .sheet-clock { - background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="5"]:checked ~ .sheet-clock { - background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="6"]:checked ~ .sheet-clock { - background: red; -} - -.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="1"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(135deg, red 50%, white 50%); -} - -.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="2"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); -} - -.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="3"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(225deg, red 50%, white 50%); -} - -.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="4"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="5"]:checked ~ .sheet-clock { - background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="6"]:checked ~ .sheet-clock { - background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="7"]:checked ~ .sheet-clock { - background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="8"]:checked ~ .sheet-clock { - background: red; -} - -.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="1"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(126deg, red 50%, white 50%); -} - -.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="2"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(162deg, red 50%, white 50%); -} - -.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="3"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(198deg, red 50%, white 50%); -} - -.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="4"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(234deg, red 50%, white 50%); -} - -.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="5"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="6"]:checked ~ .sheet-clock { - background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="7"]:checked ~ .sheet-clock { - background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="8"]:checked ~ .sheet-clock { - background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="9"]:checked ~ .sheet-clock { - background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="10"]:checked ~ .sheet-clock { - background: red; -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="1"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(120deg, red 50%, white 50%); -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="2"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%); -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="3"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="4"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%); -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="5"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(240deg, red 50%, white 50%); -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="6"]:checked ~ .sheet-clock { - background-image: linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="7"]:checked ~ .sheet-clock { - background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="8"]:checked ~ .sheet-clock { - background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="9"]:checked ~ .sheet-clock { - background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="10"]:checked ~ .sheet-clock { - background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="11"]:checked ~ .sheet-clock { - background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); -} - -.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="12"]:checked ~ .sheet-clock { - background: red; -} - -/* TEXT INPUTS FOR TRAUMA AND CLOCKS */ -.sheet-text-button { - font-weight: bold; -} - -.sheet-text-button input:checked + span { - color: red; -} - -.sheet-size-choice > .sheet-text-button { - height: 17px; - padding: 3px; - flex: 0 0 40%; - margin: auto; - justify-content: center; -} - -/* TEETH */ -input.sheet-stresstooth, -input.sheet-xptooth, -input.sheet-holdtooth, -.sheet-stresstooth + span, -.sheet-xptooth + span, -.sheet-holdtooth + span { - height: 25px; -} - -input.sheet-regulartooth, -.sheet-regulartooth + span { - height: 13px; -} - -input.sheet-tooth { - width: 12px; - margin-right: -12px; -} - -input.sheet-tooth:last-of-type { - width: 8px; - margin-right: -8px; -} - -.sheet-tooth + span { - width: 8px; - background-size: cover; - background-repeat: no-repeat; -} - -.sheet-tooth + span:last-child { - margin-right: 0 !important; -} - -.sheet-tooth:hover + span { - opacity: 0.7; -} - -.sheet-xptooth + span { - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/xptooth-red.png"); - margin-right: 4px; -} - -.sheet-tooth:checked ~ .sheet-xptooth + span { - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/xptooth-white.png"); -} - -.sheet-stresstooth[type=radio] + span, -.sheet-stresstooth[type=checkbox]:checked + span, -.sheet-holdtooth:checked + span { - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-red.png"); -} - -.sheet-stresstooth[type=checkbox] + span, -.sheet-tooth:checked ~ .sheet-stresstooth[type=radio] + span, -.sheet-holdtooth + span { - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-white.png"); -} - -.sheet-regulartooth + span { - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/shorttooth-red.png"); -} - -.sheet-tooth:checked ~ .sheet-regulartooth + span { - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/shorttooth-grey.png"); -} - -input.sheet-zero { - width: 13px; - height: 13px; - margin-right: -13px; - vertical-align: top; -} - -.sheet-zero + span { - height: 11px; - width: 11px; - margin-top: 1px; - margin-right: 2px; - vertical-align: top; - border: 1px solid black; - background: white; - border-radius: 50%; - position: relative; -} - -.sheet-zero + span::before, .sheet-zero + span::after { - position: absolute; - width: 1px; - content: ""; - left: 0; - background: black; - height: 11px; -} - -.sheet-zero + span::after { - transform: translate(4px, -1px) rotate(135deg); -} - -.sheet-zero + span::before { - transform: translate(4px, -1px) rotate(45deg); -} - -.sheet-zero:checked + span { - visibility: hidden; -} - -.sheet-coin .sheet-zero + span { - position: relative; - bottom: 1px; - margin-right: auto; -} - -.sheet-stash input.sheet-zero, .sheet-stash .sheet-zero + span { - position: absolute; - left: -3px; - top: 3px; -} - -.sheet-crewcoin input.sheet-zero, .sheet-crewcoin .sheet-zero + span { - position: absolute; - left: -9px; - top: 3px; -} - -.sheet-stress2 input.sheet-zero, .sheet-stress2 .sheet-zero + span, .sheet-rep2 input.sheet-zero, .sheet-rep2 .sheet-zero + span, .sheet-heat2 input.sheet-zero, .sheet-heat2 .sheet-zero + span { - position: absolute; - left: -13px; - top: 13px; -} - -/* TURF RADIOS */ -.sheet-turfbox input[type=radio] { - height: 12px; - width: calc(100%/12); -} - -.sheet-turf-input[value="1"] ~ input[type=radio].sheet-turf1 + span, -.sheet-turf-input[value="2"] ~ input[type=radio].sheet-turf2 + span, -.sheet-turf-input[value="3"] ~ input[type=radio].sheet-turf3 + span, -.sheet-turf-input[value="4"] ~ input[type=radio].sheet-turf4 + span, -.sheet-turf-input[value="5"] ~ input[type=radio].sheet-turf5 + span, -.sheet-turf-input[value="6"] ~ input[type=radio].sheet-turf6 + span { - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-black.png"); -} - -.sheet-tooth:checked ~ .sheet-stresstooth.sheet-turf6 + span { - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-halfgrey.png"); -} - -/* SPECIAL ABILITIES*/ -.sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-friends .sheet-expand, .sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-friends .sheet-expand + span, .sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-friends .sheet-description, .sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-contacts .sheet-expand, .sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-contacts .sheet-expand + span, .sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-contacts .sheet-description { - display: none; -} - -.sheet-friends input.sheet-expand, .sheet-contacts input.sheet-expand { - top: 11px; -} - -.sheet-friends .sheet-expand + span, .sheet-contacts .sheet-expand + span { - top: 8px; -} - -.sheet-friends input.sheet-expand, .sheet-friends .sheet-expand + span, .sheet-contacts input.sheet-expand, .sheet-contacts .sheet-expand + span { - right: 3px; -} - -.sheet-friends .sheet-expand:not(:checked) + span::before, .sheet-contacts .sheet-expand:not(:checked) + span::before { - content: "◀"; -} - -.sheet-friends .sheet-expand:checked + span::before, .sheet-contacts .sheet-expand:checked + span::before { - content: "▼"; -} - -.sheet-friends .sheet-expand:not(:checked) ~ .sheet-description, .sheet-contacts .sheet-expand:not(:checked) ~ .sheet-description { - height: 0px !important; - border: none; - min-height: 0; - padding: 0; -} - -.sheet-friends .sheet-description, .sheet-contacts .sheet-description { - font-size: 11px; - padding: 2px 3px; - line-height: 14px; - height: 46px; - min-height: 18px; - border-bottom: 1px solid #b4b4b4; -} - -.sheet-specialability, -.sheet-friend-contact { - border-bottom: 1px solid #b4b4b4; - width: 100%; - align-items: start; -} - -.sheet-specialability { - padding: 4px; -} - -.sheet-friend-contact { - padding: 6px 4px; - align-items: center; -} - -.sheet-abilityname { - width: calc(28% - 22px); - font-size: 13px; - min-height: 17px; - margin: 0 auto; - line-height: 17px; - padding: 0 1px; -} - -.sheet-abilitydesc { - width: 72%; - min-height: 32px; - font-size: 12px; - line-height: 14px; - padding: 2px 1px; - text-align: justify; -} - -/* FRIENDS/CONTACTS */ -.sheet-friend-contact .sheet-auto-expand { - font-size: 12px; - color: #555; - min-height: 20px; - line-height: 16px; - flex: 1 1 0; - padding: 2px 0 2px 3px; -} - -/* HARM */ -.sheet-harm-coin { - grid: auto auto / 63% 16% 21%; -} - -.sheet-harm { - position: relative; - grid-row: 1 / 3; -} - -.sheet-harmbody { - display: grid; - grid: 52px / 12px auto auto 59px; - font-weight: 800; - text-transform: uppercase; - text-align: center; -} - -.sheet-harmbody div { - background: #d6d8d9; - border-bottom: 1px solid black; -} - -.sheet-harmbody .sheet-harmeffect { - width: 59px; - color: #555; - font-size: 10px; - letter-spacing: 1px; - line-height: 1.4; -} - -.sheet-harmbody .sheet-harmnumber { - line-height: 1; - font-size: 13px; -} - -.sheet-harmbody .sheet-twocols { - grid-column: span 2; -} - -.sheet-harmbody textarea { - font-size: 12px; - padding: 10px 4px 3px; - color: #c43c35; - overflow: hidden; - height: 52px; - resize: none; - line-height: 16px; - text-align: center; - border-bottom: 1px solid black; -} - -.sheet-harmbody textarea + textarea { - border-left: 1px solid #d8d8d8; -} - -/* HEALING AND ARMOR */ -.sheet-armor .sheet-blackheader, .sheet-healing .sheet-blackheader { - text-align: center; - padding: 1px 0 0; -} - -.sheet-healing { - position: relative; -} - -.sheet-healing .sheet-healing-progress { - line-height: 14px; - text-align: center; - font-style: italic; - font-size: 9px; -} - -.sheet-healing .sheet-clock-container { - margin: 0 auto; -} - -.sheet-armor label { - margin: 3px 0 3px 10px; - height: 18px; - font-size: 11px; - text-align: center; - line-height: 18px; -} - -.sheet-armor .sheet-label { - flex-grow: 1; - order: 1; -} - -.sheet-armor input:checked ~ span { - color: red; -} - -.sheet-armor .sheet-checkbox + span { - border: 1px solid black; - margin: 3px; - order: 2; -} - -/* COIN */ -.sheet-coin-and-stash { - width: 96%; - margin-left: 4%; - grid-column: span 2; -} - -.sheet-coinrow .sheet-label { - font-size: 11px; - margin-right: auto; -} - -.sheet-coin { - border-bottom: 1px solid #8c8c8c; - border-right: 1px solid #8c8c8c; - width: 70%; - height: 19px; - padding: 1px 3px 0 0; - align-items: center; -} - -.sheet-stashbutton-holder { - border-top: 1px solid #8c8c8c; - display: flex; - align-items: center; - justify-content: center; - width: 30%; - height: 19px; - padding-bottom: 1px; -} - -/* STASH */ -.sheet-stash { - padding: 4px 0 0 10px; - line-height: 18px; - margin-bottom: -5px; - position: relative; -} - -/* CREW COIN */ -.sheet-crewcoin-coins { - padding: 4px 0 0 3px; - position: relative; -} - -.sheet-crewcoin-desc { - font-size: 10px; - line-height: 14px; - padding-left: 3px; - font-style: italic; -} - -.sheet-crewcoinbar { - border-left: 1px solid #c7c7c7; - height: 15px; - width: 3px; - margin: -1px auto 0; -} - -/* LEFT-FILLED RADIO BOXES */ -.sheet-crewcoin input.sheet-radiobox { - width: 12px; - height: 12px; - margin-right: -12px; -} - -.sheet-crewcoin .sheet-radiobox + span { - width: 11px; - height: 11px; - margin-right: auto; -} - -.sheet-crewcoin input:checked ~ .sheet-radiobox.sheet-vaultcoin + span { - border-color: #c7c7c7; -} - -.sheet-coin-and-stash input.sheet-radiobox { - width: 13px; - height: 13px; - vertical-align: top; - margin-right: -13px; -} - -.sheet-coin-and-stash .sheet-radiobox + span { - width: 12px; - height: 12px; - vertical-align: top; -} - -.sheet-coinrow .sheet-radiobox + span { - margin-right: auto; -} - -.sheet-radiobox:hover + span { - opacity: 0.7; -} - -.sheet-radiobox:last-of-type + span { - margin-right: 0; -} - -.sheet-coin .sheet-radiobox + span, .sheet-crewcoin .sheet-radiobox + span { - background: red; - border: 1px solid black; -} - -.sheet-coin input:checked ~ .sheet-radiobox + span, .sheet-crewcoin input:checked ~ .sheet-radiobox + span { - background: white; -} - -.sheet-stash .sheet-radiobox + span { - background: black; - margin-right: calc((100% - 126px)/9); -} - -.sheet-stash input:checked ~ .sheet-radiobox + span { - background: #c7c7c7; -} - -.sheet-stash input.sheet-radiobox:nth-of-type(10n+1) { - margin: -2px -17px 0 3px; - width: 15px; - height: 15px; -} - -.sheet-stash .sheet-radiobox:nth-of-type(10n+1) + span { - width: 14px; - height: 14px; - border: 1px solid black; - margin-left: 3px; - margin-right: 0; - position: relative; - top: -2px; -} - -/* HUNTING GROUNDS */ -.sheet-hunting-grounds .sheet-plainheader { - min-height: 20px; - line-height: 18px; -} - -.sheet-hunting-grounds .sheet-description { - font-size: 12px; - min-height: 32px; - line-height: 16px; -} - -/* BONUS DIE SECTION */ -.sheet-bonusdie .sheet-label { - font-size: 12px; -} - -.sheet-bonusdieplus { - width: 10%; - background: black; - color: white; - font-size: 13px; - line-height: 1; - font-weight: bold; -} - -.sheet-bonusdietext { - background: #d8d8d8; - width: 90%; - padding: 3px; - font-size: 11px; - line-height: 14px; - text-align: center; -} - -/* REPEATING SECTION CONTROLS */ -.repcontrol { - display: flex; -} - -.repcontrol .repcontrol_edit { - margin-left: auto; - order: 1; -} - -.repcontrol button { - background: transparent; - color: #777; - border-radius: 0; - border-color: #b4b4b4; - transition: all 0.2s; - font-family: pictos; - font-size: 0; - font-weight: bold; - padding: 5px 3px 2px; - line-height: 8px; -} - -.repcontrol button:hover { - color: black; - border-color: black; - background: #c7c7c7; -} - -.repcontrol button.repcontrol_edit::after { - content: "("; -} - -.repcontrol button.repcontrol_add::after { - content: "&"; -} - -.repcontrol button.repcontrol_edit::after, .repcontrol button.repcontrol_add::after { - font-size: 12px; -} - -.repcontainer.editmode + .repcontrol button.repcontrol_edit::after { - content: ")"; -} - -.sheet-free-repcontrol .repcontrol { - margin-top: 3px; -} - -.itemcontrol { - z-index: 20; -} - -.sheet-itemholder .itemcontrol .btn { - padding: 0px 7px; - line-height: 16px; -} - -.sheet-factions .itemcontrol .btn { - padding: 1px 7px; -} - -/* STRESS, REP, et cetera */ -.sheet-rep-and-hold, .sheet-heat-and-vault { - justify-content: space-between; -} - -.sheet-hold { - width: 53%; -} - -.sheet-stress, .sheet-rep, .sheet-hold, .sheet-heat { - height: 25px; -} - -.sheet-stress1 { - flex: 1 0 auto; -} - -.sheet-stress2 { - flex: 2 1 136px; - position: relative; -} - -.sheet-stress3 { - flex: 1 0 68px; - text-align: center; -} - -.sheet-stress4 { - flex: 2 0 217px; - line-height: 13px; - font-size: 9px; - padding: 1px 0 0 2px; - text-transform: uppercase; -} - -.sheet-stress4 div { - justify-content: space-between; -} - -.sheet-stress4 .sheet-input:not([value="normal"]) ~ .sheet-normal, -.sheet-stress4 .sheet-input:not([value="ghost"]) ~ .sheet-ghost, -.sheet-stress4 .sheet-input:not([value="hull"]) ~ .sheet-hull, -.sheet-stress4 .sheet-input:not([value="vampire"]) ~ .sheet-vampire { - display: none; -} - -.sheet-stress4 .sheet-ghost, .sheet-stress4 .sheet-hull { - letter-spacing: 1px; -} - -.sheet-traumaholder, .sheet-wantedholder { - height: 13px; - padding-left: 2px; -} - -.sheet-rep1 { - width: 33px; -} - -.sheet-rep2 { - width: 134px; - position: relative; -} - -.sheet-turfbox { - display: flex; - position: absolute; - flex-flow: row-reverse; - z-index: 2; - width: 100%; -} - -.sheet-turfzero-holder { - margin-left: 2px; -} - -.sheet-hold > div, -.sheet-hold > label, -.sheet-heat > div, -.sheet-rep > div, -.sheet-crewcoin2 { - flex-grow: 1; -} - -.sheet-heat2 { - width: 107px; - position: relative; -} - -.sheet-crewcoin1 { - width: 26%; -} - -.sheet-regulartooth + span, -.sheet-rep .sheet-tooth + span, -.sheet-heat2 .sheet-tooth + span, -.sheet-stress2 .sheet-tooth + span { - margin-right: auto; -} - -.sheet-extra-teeth:checked + .sheet-tooth + span { - margin-right: 0; -} - -.sheet-extra-teeth:checked + .sheet-tooth ~ .sheet-tooth, .sheet-extra-teeth:checked + .sheet-tooth + span ~ span { - display: none; -} - -.sheet-vampirexp[value="1"] ~ .sheet-xptooth + span { - margin-right: 2px; -} - -.sheet-xpholder .sheet-vampirexp[value="0"] ~ .sheet-tooth[value="8"] + span, -.sheet-attribute-xp-box .sheet-vampirexp[value="0"] ~ .sheet-tooth[value="6"] + span { - margin-right: 0; -} - -/* small fixes */ -.sheet-rep input.sheet-tooth { - width: 11px; - margin-right: -11px; -} - -/* NOTES */ -.sheet-notes { - margin-left: 1%; - font-family: "Shadows Into Light", cursive; - color: #c43c35; - font-size: 20px; - width: 98%; - background: linear-gradient(transparent 26px, #a7a7a7 1px) 0 0/100% 27px; - line-height: 27px; - height: 378px; - min-height: 378px; +.charsheet .itemheader, +.charsheet .loadheader { + background: var(--blades-darkgrey); + height: 20px; + font-size: 10px; + padding: 3px 2px 1px 4px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.charsheet .itemheader .sheet-label, +.charsheet .loadheader .sheet-label { + font-size: 10px; + padding: 0px; +} +.charsheet .loadheader label { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + line-height: 11px; + font-style: italic; + margin-left: auto; + text-transform: lowercase; +} +.charsheet .loadnumber { + font-weight: bold; + font-family: "Times New Roman", Times, serif; + font-size: 12px; + margin: 0 3px 0 4px; +} +.charsheet .itemheader > .sheet-label { + margin-right: 4px; +} +.charsheet .itemheader:not(:hover) .text-button { + display: none; +} +.charsheet .itemheader .text-button { + margin-left: auto; +} +.charsheet .itemheader .text-button input[type=checkbox] + span { + opacity: 1; + color: var(--blades-fontblack); +} +.charsheet .itemheader .text-button:hover input[type=checkbox] + span { + color: red; } /* LOAD CHECKBOXES */ -.sheet-loadheader .sheet-checkbox + span { - border: 1px solid black; - transform: rotate(45deg); - width: 10px; - height: 10px; - background: white; +.charsheet .loadheader .checkbox + span { + border: 1px solid var(--blades-blacktext); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + width: 10px; + height: 10px; + background: var(--blades-whitetext); +} + +/* ADVANCEMENT BOX*/ +.charsheet .advancement-header { + letter-spacing: 2px; +} +.charsheet .markxp { + margin-right: auto; +} +.charsheet .xpholder { + letter-spacing: 0; + font-size: 0; + margin-left: 8px; +} +.charsheet .advancement-desc li, .charsheet .warblurb li { + font-size: 13px; + line-height: 16px; + width: 100%; +} +.charsheet .advancement-desc li.nondot, .charsheet .warblurb li.nondot { + padding-left: 0; + font-style: normal; +} +.charsheet .advancement-desc li.nondot::before, .charsheet .warblurb li.nondot::before { + display: none; +} +.charsheet .advancement-desc { + width: 99%; + background: var(--blades-lightest); + padding: 15px 10px 4px 11px; +} +.charsheet .advancement-desc li { + font-style: italic; + margin-bottom: 0.7em; + padding-left: 1em; +} +.charsheet .advancement-desc .auto-expand { + min-height: 16px; + padding: 0 2px; +} + +/* PLAYBOOK */ +.charsheet .playbook { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 50px; + position: relative; + background: var(--blades-lightest); +} +.charsheet .playbook input[type=text] { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + margin: 0 2px; + padding-left: 5px; + letter-spacing: -1px; + font-size: 35px; + line-height: 40px; +} +.charsheet .playbook .sheet-label:empty { + display: inherit; +} +.charsheet .playbook .sheet-label { + text-align: left; +} +.charsheet .playbook textarea { + height: 42px; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 10px; + padding-left: 3px; + letter-spacing: 1px; + color: var(--blades-headergrey); + resize: none; + overflow: hidden; + line-height: 14px; +} +.charsheet .playbook .reminder { + position: absolute; + border: 1px solid var(--blades-fontblack); + background: var(--blades-whitetext); + top: 48px; + z-index: 3; + border-radius: 5px; + width: 267px; + font-size: 12px; + text-align: center; + padding: 3px; +} +.charsheet .type-character .playbook input[type=text] { + width: calc(64% - 10px); +} +.charsheet .type-character .playbook textarea { + width: calc(36% + 6px); +} +.charsheet .type-crew .playbook input[type=text] { + width: calc(74% - 7px); +} +.charsheet .type-crew .playbook textarea { + width: calc(26% + 3px); +} + +/* HEADER */ +.charsheet .header { + grid: auto/53.7% 45%; + grid-column-gap: 1.3%; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: end; +} +.charsheet .header label { + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.charsheet .header input[type=text], .charsheet .header .auto-expand { + width: 100%; + border-bottom: 1px solid var(--blades-blacktext); + font-size: 14px; + line-height: 1.3; + text-align: left; + padding: 3px 0 0 2px; + margin: 3px 0 0; + min-height: 22px; + color: var(--blades-redtext); +} +.charsheet .header input[type=hidden][value=""] + div > .title::after { + content: ": "; +} +.charsheet .header input[type=hidden]:not([value=""]) + div > .info { + display: none; +} +.charsheet .header .text { + color: var(--blades-blacktext); + text-align: justify; + padding: 3px 0 2px; + line-height: 13px; +} +.charsheet .header .text .sheet-label { + padding: 3px 0 2px; +} +.charsheet .header .title { + font-size: 10px; + letter-spacing: 1px; +} +.charsheet .header .info { + font-size: 8px; +} +.charsheet .header .vice-input:not([value=normal]) ~ .normal, .charsheet .header .vice-input:not([value=ghost]) ~ .ghost, .charsheet .header .vice-input:not([value=hull]) ~ .hull, .charsheet .header .vice-input:not([value=vampire]) ~ .vampire { + display: none; +} +.charsheet .header .vice { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + text-align: justify; + -ms-grid-column-span: 2; + grid-column: span 2; + line-height: 1.6; + font-size: 11px; +} +.charsheet .header .vice .smallcaps { + font-size: 130%; + line-height: 0; +} + +/* CLOCKS */ +.charsheet { + /* Faction clocks */ + /* End positioning */ +} +.charsheet .clocks .repcontainer { + display: -ms-grid; + display: grid; + -ms-grid-columns: 1fr 4px 1fr; + grid-template-columns: 1fr 1fr; + padding-top: 2px; + grid-gap: 4px; +} +.charsheet .clocks .repitem { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 4px 2px; + background: var(--blades-lightest); + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; +} +.charsheet .clocks .itemcontrol { + top: 0; + left: 0; +} +.charsheet .clocks .auto-expand { + font-size: 11px; + letter-spacing: 1px; + padding: 2px 3px; + line-height: 12px; + -webkit-box-flex: 1; + -ms-flex: auto; + flex: auto; + min-width: 0; + margin-right: 2px; + min-height: 28px; +} +.charsheet .clock-container { + position: relative; + padding: 2px; + margin: 0 0 5px; + z-index: 1; + height: 44px; + width: 44px; + cursor: pointer; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +.charsheet .clock-container input { + position: absolute; + display: none; +} +.charsheet .clock-container .zero { + z-index: 3; +} +.charsheet .clock-container .zero, .charsheet .clock-container .zero + span { + position: absolute; + top: 37px; + left: -5px; +} +.charsheet .clock-container .all, .charsheet .clock-container .zero { + display: block; +} +.charsheet .clock { + border: 2px solid var(--blades-blacktext); + border-radius: 50%; + background: var(--blades-whitetext); + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + z-index: -1; /* Is this -1 okay? Other z-indexes at -1 have not been */ +} +.charsheet div[class^=spoke] { + height: 44px; + width: 2px; + position: absolute; + display: none; + left: 0; + top: 0; + background: var(--blades-blacktext); +} +.charsheet .spoke-0 { + -webkit-transform: translateX(21px); + transform: translateX(21px); +} +.charsheet .spoke-30 { + -webkit-transform: translateX(21px) rotate(30deg); + transform: translateX(21px) rotate(30deg); +} +.charsheet .spoke-36 { + -webkit-transform: translateX(21px) rotate(36deg); + transform: translateX(21px) rotate(36deg); +} +.charsheet .spoke-45 { + -webkit-transform: translateX(21px) rotate(45deg); + transform: translateX(21px) rotate(45deg); +} +.charsheet .spoke-60 { + -webkit-transform: translateX(21px) rotate(60deg); + transform: translateX(21px) rotate(60deg); +} +.charsheet .spoke-72 { + -webkit-transform: translateX(21px) rotate(72deg); + transform: translateX(21px) rotate(72deg); +} +.charsheet .spoke-90 { + -webkit-transform: translateX(21px) rotate(90deg); + transform: translateX(21px) rotate(90deg); +} +.charsheet .spoke-108 { + -webkit-transform: translateX(21px) rotate(108deg); + transform: translateX(21px) rotate(108deg); +} +.charsheet .spoke-120 { + -webkit-transform: translateX(21px) rotate(120deg); + transform: translateX(21px) rotate(120deg); +} +.charsheet .spoke-135 { + -webkit-transform: translateX(21px) rotate(135deg); + transform: translateX(21px) rotate(135deg); +} +.charsheet .spoke-144 { + -webkit-transform: translateX(21px) rotate(144deg); + transform: translateX(21px) rotate(144deg); +} +.charsheet .spoke-150 { + -webkit-transform: translateX(21px) rotate(150deg); + transform: translateX(21px) rotate(150deg); +} +.charsheet .size-choice { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + height: 45px; + margin: 2px 0; + width: 44px; + line-height: 12px; + font-size: 13px; + font-family: "Times New Roman", Times, serif; + -ms-flex-line-pack: space-evenly; + align-content: space-evenly; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.clocks-only[value="0"] ~ .charsheet .container .type-faction .clocks .repcontainer { + -ms-grid-columns: (1fr)[3]; + grid-template-columns: repeat(3, 1fr); +} +.clocks-only[value="1"] ~ .charsheet .container .type-faction .clocks .repcontainer { + -ms-grid-columns: (1fr)[4]; + grid-template-columns: repeat(4, 1fr); +} +.charsheet .clocks-only[value="1"] ~ .container .type-faction { + grid: auto/auto; +} +.charsheet .clocks-only[value="1"] ~ .container .type-faction .factiontitle, .charsheet .clocks-only[value="1"] ~ .container .type-faction .factions, .charsheet .clocks-only[value="1"] ~ .container .type-faction .notes { + display: none; +} +.charsheet .size[value="4"] ~ .clock-container input:not(.zero) { + height: 20px; + width: 20px; +} +.charsheet .size[value="4"] ~ .clock-container input[value="1"] { + margin-left: 20px; +} +.charsheet .size[value="4"] ~ .clock-container input[value="2"] { + margin: 20px 0 0 20px; +} +.charsheet .size[value="4"] ~ .clock-container input[value="3"] { + margin-top: 20px; +} +.charsheet .size[value="6"] ~ .clock-container input:not(.zero) { + height: 17px; + width: 12px; +} +.charsheet .size[value="6"] ~ .clock-container input[value="1"] { + margin-left: 21px; + -webkit-transform: rotate(30deg); + transform: rotate(30deg); +} +.charsheet .size[value="6"] ~ .clock-container input[value="2"] { + margin: 12px 0 0 25px; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); +} +.charsheet .size[value="6"] ~ .clock-container input[value="3"] { + margin: 22px 0 0 21px; + -webkit-transform: rotate(150deg); + transform: rotate(150deg); +} +.charsheet .size[value="6"] ~ .clock-container input[value="4"] { + margin: 22px 0 0 8px; + -webkit-transform: rotate(210deg); + transform: rotate(210deg); +} +.charsheet .size[value="6"] ~ .clock-container input[value="5"] { + margin: 12px 0 0 1px; + -webkit-transform: rotate(270deg); + transform: rotate(270deg); +} +.charsheet .size[value="6"] ~ .clock-container input[value="6"] { + margin-left: 8px; + -webkit-transform: rotate(330deg); + transform: rotate(330deg); +} +.charsheet .size[value="8"] ~ .clock-container input:not(.zero) { + height: 14px; + width: 10px; +} +.charsheet .size[value="8"] ~ .clock-container input[value="1"] { + margin-left: 20px; + -webkit-transform: rotate(22.5deg); + transform: rotate(22.5deg); +} +.charsheet .size[value="8"] ~ .clock-container input[value="2"] { + margin: 8px 0 0 26px; + -webkit-transform: rotate(67.5deg); + transform: rotate(67.5deg); +} +.charsheet .size[value="8"] ~ .clock-container input[value="3"] { + margin: 18px 0 0 26px; + -webkit-transform: rotate(112.5deg); + transform: rotate(112.5deg); +} +.charsheet .size[value="8"] ~ .clock-container input[value="4"] { + margin: 25px 0 0 20px; + -webkit-transform: rotate(157.5deg); + transform: rotate(157.5deg); +} +.charsheet .size[value="8"] ~ .clock-container input[value="5"] { + margin: 25px 0 0 9px; + -webkit-transform: rotate(202.5deg); + transform: rotate(202.5deg); +} +.charsheet .size[value="8"] ~ .clock-container input[value="6"] { + margin: 18px 0 0 2px; + -webkit-transform: rotate(247.5deg); + transform: rotate(247.5deg); +} +.charsheet .size[value="8"] ~ .clock-container input[value="7"] { + margin: 8px 0 0 2px; + -webkit-transform: rotate(292.5deg); + transform: rotate(292.5deg); +} +.charsheet .size[value="8"] ~ .clock-container input[value="8"] { + margin-left: 9px; + -webkit-transform: rotate(337.5deg); + transform: rotate(337.5deg); +} +.charsheet .size[value="10"] ~ .clock-container input:not(.zero) { + height: 14px; + width: 9px; +} +.charsheet .size[value="10"] ~ .clock-container input[value="1"] { + -webkit-transform: rotate(18deg); + transform: rotate(18deg); + margin-left: 20px; +} +.charsheet .size[value="10"] ~ .clock-container input[value="2"] { + -webkit-transform: rotate(54deg); + transform: rotate(54deg); + margin: 5px 0 0 27px; +} +.charsheet .size[value="10"] ~ .clock-container input[value="3"] { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + margin: 13px 0 0 30px; +} +.charsheet .size[value="10"] ~ .clock-container input[value="4"] { + -webkit-transform: rotate(126deg); + transform: rotate(126deg); + margin: 21px 0 0 27px; +} +.charsheet .size[value="10"] ~ .clock-container input[value="5"] { + -webkit-transform: rotate(162deg); + transform: rotate(162deg); + margin: 26px 0 0 20px; +} +.charsheet .size[value="10"] ~ .clock-container input[value="6"] { + -webkit-transform: rotate(198deg); + transform: rotate(198deg); + margin: 26px 0 0 12px; +} +.charsheet .size[value="10"] ~ .clock-container input[value="7"] { + -webkit-transform: rotate(234deg); + transform: rotate(234deg); + margin: 21px 0 0 5px; +} +.charsheet .size[value="10"] ~ .clock-container input[value="8"] { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + margin: 13px 0 0 1px; +} +.charsheet .size[value="10"] ~ .clock-container input[value="9"] { + -webkit-transform: rotate(306deg); + transform: rotate(306deg); + margin: 5px 0 0 5px; +} +.charsheet .size[value="10"] ~ .clock-container input[value="10"] { + -webkit-transform: rotate(342deg); + transform: rotate(342deg); + margin-left: 12px; +} +.charsheet .size[value="12"] ~ .clock-container input:not(.zero) { + height: 12px; + width: 8px; +} +.charsheet .size[value="12"] ~ .clock-container input[value="1"] { + margin-left: 20px; + -webkit-transform: rotate(15deg); + transform: rotate(15deg); +} +.charsheet .size[value="12"] ~ .clock-container input[value="2"] { + margin: 4px 0 0 26px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.charsheet .size[value="12"] ~ .clock-container input[value="3"] { + margin: 10px 0 0 29px; + -webkit-transform: rotate(75deg); + transform: rotate(75deg); +} +.charsheet .size[value="12"] ~ .clock-container input[value="4"] { + margin: 18px 0 0 29px; + -webkit-transform: rotate(105deg); + transform: rotate(105deg); +} +.charsheet .size[value="12"] ~ .clock-container input[value="5"] { + margin: 24px 0 0 26px; + -webkit-transform: rotate(135deg); + transform: rotate(135deg); +} +.charsheet .size[value="12"] ~ .clock-container input[value="6"] { + margin: 28px 0 0 20px; + -webkit-transform: rotate(165deg); + transform: rotate(165deg); +} +.charsheet .size[value="12"] ~ .clock-container input[value="7"] { + margin: 28px 0 0 12px; + -webkit-transform: rotate(195deg); + transform: rotate(195deg); +} +.charsheet .size[value="12"] ~ .clock-container input[value="8"] { + margin: 24px 0 0 6px; + -webkit-transform: rotate(225deg); + transform: rotate(225deg); +} +.charsheet .size[value="12"] ~ .clock-container input[value="9"] { + margin: 18px 0 0 3px; + -webkit-transform: rotate(255deg); + transform: rotate(255deg); +} +.charsheet .size[value="12"] ~ .clock-container input[value="10"] { + margin: 10px 0 0 3px; + -webkit-transform: rotate(295deg); + transform: rotate(295deg); +} +.charsheet .size[value="12"] ~ .clock-container input[value="11"] { + margin: 4px 0 0 6px; + -webkit-transform: rotate(315deg); + transform: rotate(315deg); +} +.charsheet .size[value="12"] ~ .clock-container input[value="12"] { + margin-left: 12px; + -webkit-transform: rotate(345deg); + transform: rotate(345deg); +} +.charsheet .size[value="4"] ~ .clock-container .sheet-4clock, +.charsheet .size[value="6"] ~ .clock-container .sheet-6clock, +.charsheet .size[value="8"] ~ .clock-container .sheet-8clock, +.charsheet .size[value="10"] ~ .clock-container .sheet-10clock, +.charsheet .size[value="12"] ~ .clock-container .sheet-12clock { + display: block; +} +.charsheet .size:not([value=""]) ~ .size-choice, +.charsheet .clocks .size[value=""] ~ .broadcast-button, +.charsheet .size[value=""] ~ .clock-container { + display: none; +} +.charsheet .clock-container .input-progress[value="0"]:checked ~ .clock { + background: var(--blades-whitetext); +} +.charsheet .size[value="4"] ~ .clock-container .input-progress[value="1"]:checked ~ .clock { + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, var(--blades-whitetext))); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(180deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="4"] ~ .clock-container .input-progress[value="2"]:checked ~ .clock { + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="4"] ~ .clock-container .input-progress[value="3"]:checked ~ .clock { + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="4"] ~ .clock-container .input-progress[value="4"]:checked ~ .clock { + background: red; +} +.charsheet .size[value="6"] ~ .clock-container .input-progress[value="1"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(150deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="6"] ~ .clock-container .input-progress[value="2"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(210deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="6"] ~ .clock-container .input-progress[value="3"]:checked ~ .clock { + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="6"] ~ .clock-container .input-progress[value="4"]:checked ~ .clock { + background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="6"] ~ .clock-container .input-progress[value="5"]:checked ~ .clock { + background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="6"] ~ .clock-container .input-progress[value="6"]:checked ~ .clock { + background: red; +} +.charsheet .size[value="8"] ~ .clock-container .input-progress[value="1"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(135deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="8"] ~ .clock-container .input-progress[value="2"]:checked ~ .clock { + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, var(--blades-whitetext))); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(180deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="8"] ~ .clock-container .input-progress[value="3"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(225deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="8"] ~ .clock-container .input-progress[value="4"]:checked ~ .clock { + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="8"] ~ .clock-container .input-progress[value="5"]:checked ~ .clock { + background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="8"] ~ .clock-container .input-progress[value="6"]:checked ~ .clock { + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="8"] ~ .clock-container .input-progress[value="7"]:checked ~ .clock { + background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="8"] ~ .clock-container .input-progress[value="8"]:checked ~ .clock { + background: red; +} +.charsheet .size[value="10"] ~ .clock-container .input-progress[value="1"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(126deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="10"] ~ .clock-container .input-progress[value="2"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(162deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="10"] ~ .clock-container .input-progress[value="3"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(198deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="10"] ~ .clock-container .input-progress[value="4"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(234deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="10"] ~ .clock-container .input-progress[value="5"]:checked ~ .clock { + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="10"] ~ .clock-container .input-progress[value="6"]:checked ~ .clock { + background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="10"] ~ .clock-container .input-progress[value="7"]:checked ~ .clock { + background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="10"] ~ .clock-container .input-progress[value="8"]:checked ~ .clock { + background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="10"] ~ .clock-container .input-progress[value="9"]:checked ~ .clock { + background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="10"] ~ .clock-container .input-progress[value="10"]:checked ~ .clock { + background: red; +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="1"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(120deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="2"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(150deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="3"]:checked ~ .clock { + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, var(--blades-whitetext))); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(180deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="4"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(210deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="5"]:checked ~ .clock { + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(240deg, red 50%, var(--blades-whitetext) 50%); +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="6"]:checked ~ .clock { + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="7"]:checked ~ .clock { + background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="8"]:checked ~ .clock { + background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="9"]:checked ~ .clock { + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="10"]:checked ~ .clock { + background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="11"]:checked ~ .clock { + background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); +} +.charsheet .size[value="12"] ~ .clock-container .input-progress[value="12"]:checked ~ .clock { + background: red; +} + +/* TEXT INPUTS FOR TRAUMA AND CLOCKS */ +.charsheet .text-button { + font-weight: bold; +} +.charsheet .text-button input:checked + span { + color: red; +} +.charsheet .size-choice > .text-button { + height: 17px; + padding: 3px; + -webkit-box-flex: 0; + -ms-flex: 0 0 40%; + flex: 0 0 40%; + margin: auto; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +/* TEETH */ +.charsheet input.stresstooth, +.charsheet input.xptooth, +.charsheet input.holdtooth, +.charsheet .stresstooth + span, +.charsheet .xptooth + span, +.charsheet .holdtooth + span { + height: 25px; +} +.charsheet input.regulartooth, +.charsheet .regulartooth + span { + height: 13px; +} +.charsheet input.tooth { + width: 12px; + margin-right: -12px; +} +.charsheet input.tooth:last-of-type { + width: 8px; + margin-right: -8px; +} +.charsheet .tooth + span { + width: 8px; + background-size: cover; + background-repeat: no-repeat; +} +.charsheet .tooth + span:last-child { + margin-right: 0 !important; +} +.charsheet .tooth:hover + span { + opacity: 0.7; +} +.charsheet .xptooth + span { + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/xptooth-red.png"); + margin-right: 4px; +} +.charsheet .tooth:checked ~ .xptooth + span { + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/xptooth-white.png"); +} +.charsheet .stresstooth[type=radio] + span, +.charsheet .stresstooth[type=checkbox]:checked + span, +.charsheet .holdtooth:checked + span { + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-red.png"); +} +.charsheet .stresstooth[type=checkbox] + span, +.charsheet .tooth:checked ~ .stresstooth[type=radio] + span, +.charsheet .holdtooth + span { + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-white.png"); +} +.charsheet .regulartooth + span { + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/shorttooth-red.png"); +} +.charsheet .tooth:checked ~ .regulartooth + span { + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/shorttooth-grey.png"); +} +.charsheet input.zero { + width: 13px; + height: 13px; + margin-right: -13px; + vertical-align: top; +} +.charsheet .zero + span { + height: 11px; + width: 11px; + margin-top: 1px; + margin-right: 2px; + vertical-align: top; + border: 1px solid var(--blades-blacktext); + background: var(--blades-whitetext); + border-radius: 50%; + position: relative; +} +.charsheet .zero + span::before, .charsheet .zero + span::after { + position: absolute; + width: 1px; + content: ""; + left: 0; + background: var(--blades-blacktext); + height: 11px; +} +.charsheet .zero + span::after { + -webkit-transform: translate(4px, -1px) rotate(135deg); + transform: translate(4px, -1px) rotate(135deg); +} +.charsheet .zero + span::before { + -webkit-transform: translate(4px, -1px) rotate(45deg); + transform: translate(4px, -1px) rotate(45deg); +} +.charsheet .zero:checked + span { + visibility: hidden; +} +.charsheet .coin .zero + span { + position: relative; + bottom: 1px; + margin-right: auto; +} +.charsheet .stash input.zero, .charsheet .stash .zero + span { + position: absolute; + left: -3px; + top: 3px; +} +.charsheet .crewcoin input.zero, .charsheet .crewcoin .zero + span { + position: absolute; + left: -9px; + top: 3px; +} +.charsheet .stress2 input.zero, .charsheet .stress2 .zero + span, .charsheet .rep2 input.zero, .charsheet .rep2 .zero + span, .charsheet .heat2 input.zero, .charsheet .heat2 .zero + span { + position: absolute; + left: -13px; + top: 13px; +} + +/* Darkmode adjustments */ +.sheet-darkmode .charsheet .xptooth + span { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/art/Blades%20in%20the%20Dark/Assets/darkmode/teeth/xptooth-red.png"); +} +.sheet-darkmode .charsheet .tooth:checked ~ .xptooth + span { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/art/Blades%20in%20the%20Dark/Assets/darkmode/teeth/xptooth-white.png"); +} +.sheet-darkmode .charsheet .stresstooth[type=radio] + span, +.sheet-darkmode .charsheet .stresstooth[type=checkbox]:checked + span, +.sheet-darkmode .charsheet .holdtooth:checked + span { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/art/Blades%20in%20the%20Dark/Assets/darkmode/teeth/stresstooth-red.png"); +} +.sheet-darkmode .charsheet .stresstooth[type=checkbox] + span, +.sheet-darkmode .charsheet .tooth:checked ~ .stresstooth[type=radio] + span, +.sheet-darkmode .charsheet .holdtooth + span { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/art/Blades%20in%20the%20Dark/Assets/darkmode/teeth/stresstooth-white.png"); +} +.sheet-darkmode .charsheet .regulartooth + span { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/art/Blades%20in%20the%20Dark/Assets/darkmode/teeth/shorttooth-red.png"); +} +.sheet-darkmode .charsheet .tooth:checked ~ .regulartooth + span { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/art/Blades%20in%20the%20Dark/Assets/darkmode/teeth/shorttooth-grey.png"); +} +.sheet-darkmode .charsheet .turf-input[value="1"] ~ input[type=radio].turf1 + span, +.sheet-darkmode .charsheet .turf-input[value="2"] ~ input[type=radio].turf2 + span, +.sheet-darkmode .charsheet .turf-input[value="3"] ~ input[type=radio].turf3 + span, +.sheet-darkmode .charsheet .turf-input[value="4"] ~ input[type=radio].turf4 + span, +.sheet-darkmode .charsheet .turf-input[value="5"] ~ input[type=radio].turf5 + span, +.sheet-darkmode .charsheet .turf-input[value="6"] ~ input[type=radio].turf6 + span { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/art/Blades%20in%20the%20Dark/Assets/darkmode/teeth/stresstooth-black.png"); +} +.sheet-darkmode .charsheet .tooth:checked ~ .stresstooth.turf6 + span { + background-image: url("https://raw.githubusercontent.com/fredhicks/ehp-roll20/master/art/Blades%20in%20the%20Dark/Assets/darkmode/teeth/stresstooth-halfgrey.png"); +} + +/* TURF RADIOS */ +.charsheet { + /* SPECIAL ABILITIES*/ +} +.charsheet .turfbox input[type=radio] { + height: 12px; + width: 8.3333333333%; +} +.charsheet .turf-input[value="1"] ~ input[type=radio].turf1 + span, +.charsheet .turf-input[value="2"] ~ input[type=radio].turf2 + span, +.charsheet .turf-input[value="3"] ~ input[type=radio].turf3 + span, +.charsheet .turf-input[value="4"] ~ input[type=radio].turf4 + span, +.charsheet .turf-input[value="5"] ~ input[type=radio].turf5 + span, +.charsheet .turf-input[value="6"] ~ input[type=radio].turf6 + span { + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-black.png"); +} +.charsheet .tooth:checked ~ .stresstooth.turf6 + span { + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-halfgrey.png"); +} +.charsheet .show-frienddesc[value="0"] ~ .container .friends .expand, .charsheet .show-frienddesc[value="0"] ~ .container .friends .expand + span, .charsheet .show-frienddesc[value="0"] ~ .container .friends .description, .charsheet .show-frienddesc[value="0"] ~ .container .contacts .expand, .charsheet .show-frienddesc[value="0"] ~ .container .contacts .expand + span, .charsheet .show-frienddesc[value="0"] ~ .container .contacts .description { + display: none; +} +.charsheet .friends input.expand, .charsheet .contacts input.expand { + top: 11px; +} +.charsheet .friends .expand + span, .charsheet .contacts .expand + span { + top: 8px; +} +.charsheet .friends input.expand, .charsheet .friends .expand + span, .charsheet .contacts input.expand, .charsheet .contacts .expand + span { + right: 3px; +} +.charsheet .friends .expand:not(:checked) + span::before, .charsheet .contacts .expand:not(:checked) + span::before { + content: "◀"; +} +.charsheet .friends .expand:checked + span::before, .charsheet .contacts .expand:checked + span::before { + content: "▼"; +} +.charsheet .friends .expand:not(:checked) ~ .description, .charsheet .contacts .expand:not(:checked) ~ .description { + height: 0px !important; + border: none; + min-height: 0; + padding: 0; +} +.charsheet .friends .description, .charsheet .contacts .description { + font-size: 11px; + padding: 2px 3px; + line-height: 14px; + height: 46px; + min-height: 18px; + border-bottom: 1px solid #b4b4b4; +} +.charsheet .specialability, +.charsheet .friend-contact { + border-bottom: 1px solid var(--blades-darkgrey); + width: 100%; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; +} +.charsheet .specialability { + padding: 4px; +} +.charsheet .friend-contact { + padding: 6px 4px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.charsheet .abilityname { + width: calc(28% - 22px); + font-size: 13px; + min-height: 17px; + margin: 0 auto; + line-height: 17px; + padding: 0 1px; +} +.charsheet .abilitydesc { + width: 72%; + min-height: 32px; + font-size: 12px; + line-height: 14px; + padding: 2px 1px; +} + +/* FRIENDS/CONTACTS */ +.charsheet .friend-contact .auto-expand { + font-size: 12px; + color: var(--blades-lighterblack); + min-height: 20px; + line-height: 16px; + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; + padding: 2px 0 2px 3px; +} + +/* HARM */ +.charsheet .harm-coin { + grid: auto auto/63% 16% 21%; +} +.charsheet .harm { + position: relative; + -ms-grid-row: 1; + -ms-grid-row-span: 2; + grid-row: 1/3; +} +.charsheet .harmbody { + display: -ms-grid; + display: grid; + grid: 52px/12px auto auto 59px; + font-weight: 800; + text-transform: uppercase; + text-align: center; +} +.charsheet .harmbody div { + background: #d6d8d9; + border-bottom: 1px solid var(--blades-blacktext); +} +.charsheet .harmbody .harmeffect { + width: 59px; + color: var(--blades-lighterblack); + font-size: 10px; + letter-spacing: 1px; + line-height: 1.4; +} +.charsheet .harmbody .harmnumber { + line-height: 1; + font-size: 13px; + color: var(--blades-lightblack); +} +.charsheet .harmbody .twocols { + -ms-grid-column-span: 2; + grid-column: span 2; +} +.charsheet .harmbody textarea { + font-size: 12px; + padding: 10px 4px 3px; + color: var(--blades-redtext); + overflow: hidden; + height: 52px; + resize: none; + line-height: 16px; + text-align: center; + border-bottom: 1px solid var(--blades-blacktext); +} +.charsheet .harmbody textarea + textarea { + border-left: 1px solid var(--blades-lightest); +} + +/* HEALING AND ARMOR */ +.charsheet .armor .blackheader, .charsheet .healing .blackheader { + text-align: center; + padding: 1px 0 0; +} +.charsheet .healing { + position: relative; +} +.charsheet .healing .healing-progress { + line-height: 14px; + text-align: center; + font-style: italic; + font-size: 9px; +} +.charsheet .healing .clock-container { + margin: 0 auto; +} +.charsheet .armor label { + margin: 3px 0 3px 10px; + height: 18px; + font-size: 11px; + text-align: center; + line-height: 18px; +} +.charsheet .armor .sheet-label { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; +} +.charsheet .armor input:checked ~ span { + color: red; +} +.charsheet .armor .checkbox + span { + border: 1px solid var(--blades-blacktext); + margin: 3px; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2; +} + +/* COIN */ +.charsheet .coin-and-stash { + width: 96%; + margin-left: 4%; + -ms-grid-column-span: 2; + grid-column: span 2; +} +.charsheet .coinrow .sheet-label { + font-size: 11px; + margin-right: auto; +} +.charsheet .coin { + border-bottom: 1px solid var(--blades-greyborder); + border-right: 1px solid var(--blades-greyborder); + width: 70%; + height: 19px; + padding: 1px 3px 0 0; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.charsheet .stashbutton-holder { + border-top: 1px solid var(--blades-greyborder); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 30%; + height: 19px; + padding-bottom: 1px; +} + +/* STASH */ +.charsheet .stash { + padding: 4px 0 0 10px; + line-height: 18px; + margin-bottom: -5px; + position: relative; +} + +/* CREW COIN */ +.charsheet .crewcoin-coins { + padding: 4px 0 0 3px; + position: relative; +} +.charsheet .crewcoin-desc { + font-size: 10px; + line-height: 14px; + padding-left: 3px; + font-style: italic; +} +.charsheet .crewcoinbar { + border-left: 1px solid var(--blades-lighter); + height: 15px; + width: 3px; + margin: -1px auto 0; +} + +/* LEFT-FILLED RADIO BOXES */ +.charsheet .crewcoin input.radiobox { + width: 12px; + height: 12px; + margin-right: -12px; +} +.charsheet .crewcoin .radiobox + span { + width: 11px; + height: 11px; + margin-right: auto; +} +.charsheet .crewcoin input:checked ~ .radiobox.vaultcoin + span { + border-color: var(--blades-lighter); +} +.charsheet .coin-and-stash input.radiobox { + width: 13px; + height: 13px; + vertical-align: top; + margin-right: -13px; +} +.charsheet .coin-and-stash .radiobox + span { + width: 12px; + height: 12px; + vertical-align: top; +} +.charsheet .coinrow .radiobox + span { + margin-right: auto; +} +.charsheet .radiobox:hover + span { + opacity: 0.7; +} +.charsheet .radiobox:last-of-type + span { + margin-right: 0; +} +.charsheet .coin .radiobox + span, .charsheet .crewcoin .radiobox + span { + background: red; + border: 1px solid var(--blades-blacktext); +} +.charsheet .coin input:checked ~ .radiobox + span, .charsheet .crewcoin input:checked ~ .radiobox + span { + background: var(--blades-whitetext); +} +.charsheet .stash .radiobox + span { + background: var(--blades-blacktext); + margin-right: calc((100% - 126px) / 9); +} +.charsheet .stash input:checked ~ .radiobox + span { + background: var(--blades-lighter); +} +.charsheet .stash input.radiobox:nth-of-type(10n+1) { + margin: -2px -17px 0 3px; + width: 15px; + height: 15px; +} +.charsheet .stash .radiobox:nth-of-type(10n+1) + span { + width: 14px; + height: 14px; + border: 1px solid var(--blades-blacktext); + margin-left: 3px; + margin-right: 0; + position: relative; + top: -2px; +} + +/* HUNTING GROUNDS */ +.charsheet .hunting-grounds .plainheader { + min-height: 20px; + line-height: 18px; +} +.charsheet .hunting-grounds .description { + font-size: 12px; + min-height: 32px; + line-height: 16px; +} + +/* BONUS DIE SECTION */ +.charsheet .bonusdie .sheet-label { + font-size: 12px; +} +.charsheet .bonusdieplus { + width: 10%; + background: var(--blades-blacktext); + color: var(--blades-whitetext); + font-size: 13px; + line-height: 1; + font-weight: bold; +} +.charsheet .bonusdietext { + background: var(--blades-lightest); + width: 90%; + padding: 3px; + font-size: 11px; + line-height: 14px; + text-align: center; +} + +/* REPEATING SECTION CONTROLS */ +.charsheet .repcontrol { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.charsheet .repcontrol .repcontrol_edit { + margin-left: auto; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; +} +.charsheet .repcontrol button { + background: transparent; + color: var(--blades-lightblack); + border-radius: 0; + border-color: var(--blades-darkgrey); + -webkit-transition: all 0.2s; + transition: all 0.2s; + font-family: pictos; + font-size: 0; + font-weight: bold; + padding: 5px 3px 2px; + line-height: 8px; +} +.charsheet .repcontrol button:hover { + color: var(--blades-blacktext); + border-color: var(--blades-blacktext); + background: var(--blades-lighter); +} +.charsheet .repcontrol button.repcontrol_edit::after { + content: "("; +} +.charsheet .repcontrol button.repcontrol_add::after { + content: "&"; +} +.charsheet .repcontrol button.repcontrol_edit::after, .charsheet .repcontrol button.repcontrol_add::after { + font-size: 12px; +} +.charsheet .repcontainer.editmode + .repcontrol button.repcontrol_edit::after { + content: ")"; +} +.charsheet .free-repcontrol .repcontrol { + margin-top: 3px; +} +.charsheet .itemcontrol { + z-index: 20; +} +.charsheet .itemholder .itemcontrol .btn { + padding: 0px 7px; + line-height: 16px; +} +.charsheet .factions .itemcontrol .btn { + padding: 1px 7px; +} + +/* STRESS, REP, et cetera */ +.charsheet { + /* small fixes */ +} +.charsheet .rep-and-hold, .charsheet .heat-and-vault { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.charsheet .hold { + width: 53%; +} +.charsheet .stress, .charsheet .rep, .charsheet .hold, .charsheet .heat { + height: 25px; +} +.charsheet .stress1 { + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; +} +.charsheet .stress2 { + -webkit-box-flex: 2; + -ms-flex: 2 1 136px; + flex: 2 1 136px; + position: relative; +} +.charsheet .stress3 { + -webkit-box-flex: 1; + -ms-flex: 1 0 68px; + flex: 1 0 68px; + text-align: center; +} +.charsheet .stress4 { + -webkit-box-flex: 2; + -ms-flex: 2 0 217px; + flex: 2 0 217px; + line-height: 13px; + font-size: 9px; + padding: 1px 0 0 2px; + text-transform: uppercase; +} +.charsheet .stress4 div { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} +.charsheet .stress4 .input:not([value=normal]) ~ .normal, +.charsheet .stress4 .input:not([value=ghost]) ~ .ghost, +.charsheet .stress4 .input:not([value=hull]) ~ .hull, +.charsheet .stress4 .input:not([value=vampire]) ~ .vampire { + display: none; +} +.charsheet .stress4 .ghost, .charsheet .stress4 .hull { + letter-spacing: 1px; +} +.charsheet .traumaholder, .charsheet .wantedholder { + height: 13px; + padding-left: 2px; +} +.charsheet .rep1 { + width: 33px; +} +.charsheet .rep2 { + width: 134px; + position: relative; +} +.charsheet .turfbox { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-flow: row-reverse; + flex-flow: row-reverse; + z-index: 2; + width: 100%; +} +.charsheet .turfzero-holder { + margin-left: 2px; +} +.charsheet .hold > div, +.charsheet .hold > label, +.charsheet .heat > div, +.charsheet .rep > div, +.charsheet .crewcoin2 { + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; +} +.charsheet .heat2 { + width: 107px; + position: relative; +} +.charsheet .crewcoin1 { + width: 26%; +} +.charsheet .regulartooth + span, +.charsheet .rep .tooth + span, +.charsheet .heat2 .tooth + span, +.charsheet .stress2 .tooth + span { + margin-right: auto; +} +.charsheet .extra-teeth:checked + .tooth + span { + margin-right: 0; +} +.charsheet .extra-teeth:checked + .tooth ~ .tooth, .charsheet .extra-teeth:checked + .tooth + span ~ span { + display: none; +} +.charsheet .vampirexp[value="1"] ~ .xptooth + span { + margin-right: 2px; +} +.charsheet .xpholder .vampirexp[value="0"] ~ .tooth[value="8"] + span, +.charsheet .attribute-xp-box .vampirexp[value="0"] ~ .tooth[value="6"] + span { + margin-right: 0; +} +.charsheet .rep input.tooth { + width: 11px; + margin-right: -11px; +} + +/* NOTES */ +.charsheet .notes { + margin-left: 1%; + font-family: "Shadows Into Light", cursive; + color: var(--blades-redtext); + font-size: 20px; + width: 98%; + background: linear-gradient(transparent 26px, #a7a7a7 1px) 0 0/100% 27px; + line-height: 27px; + height: 378px; + min-height: 378px; } /* ROLL BUTTONS */ -button[type=roll].sheet-rollbutton { - display: flex; - border: none; - margin: 0; - padding: 0; +.charsheet button[type=roll].rollbutton { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border: none; + margin: 0; + padding: 0; } - -.sheet-attribute-title button[type=roll].sheet-rollbutton { - max-width: calc(100% - 97px); - line-height: inherit; - color: inherit; - font-size: 13px; +.charsheet .attribute-title button[type=roll].rollbutton { + max-width: calc(100% - 97px); + line-height: inherit; + color: inherit; + font-size: 13px; } - -.sheet-action button[type=roll].sheet-rollbutton { - letter-spacing: 1px; - line-height: 13px; - flex: 0 0 86px; - font-size: 13px; +.charsheet .action button[type=roll].rollbutton { + letter-spacing: 1px; + line-height: 13px; + -webkit-box-flex: 0; + -ms-flex: 0 0 86px; + flex: 0 0 86px; + font-size: 13px; } - -.sheet-coinrow button[type=roll].sheet-rollbutton { - font-size: 11px; - color: #777; +.charsheet .coinrow button[type=roll].rollbutton { + font-size: 11px; + color: var(--blades-lightblack); } - -.sheet-blackheader button[type=roll].sheet-rollbutton { - margin: auto; +.charsheet .blackheader button[type=roll].rollbutton { + margin: auto; } - -button[type=roll].sheet-borderbutton { - color: #777; - font-size: 13px; - border-color: #b4b4b4; +.charsheet button[type=roll].borderbutton { + color: var(--blades-lightblack); + font-size: 13px; + border-color: var(--blades-darkgrey); } - -button[type=roll].sheet-vicebutton { - float: right; - margin: 5px 3px -5px auto; - line-height: 13px; - padding: 4px; +.charsheet button[type=roll].vicebutton { + float: right; + margin: 5px 3px -5px auto; + line-height: 13px; + padding: 4px; } - -button[type=roll].sheet-fortunebutton { - width: 100%; - height: 30px; - margin: 0; +.charsheet button[type=roll].fortunebutton { + width: 100%; + height: 30px; + margin: 0; } - -.sheet-type-faction button[type=roll].sheet-fortunebutton { - width: 100px; +.charsheet .type-faction button[type=roll].fortunebutton { + width: 100px; } - -button[type=roll].sheet-engagementbutton { - width: calc(100% - 20px); - padding: 2px 5px; - height: 30px; - margin: 10px 10px 0; +.charsheet button[type=roll].engagementbutton { + width: calc(100% - 20px); + padding: 2px 5px; + height: 30px; + margin: 10px 10px 0; } - -button[type=roll].sheet-rollbutton:hover { - color: red; +.charsheet button[type=roll].rollbutton:hover { + color: red; } - -button[type=roll].sheet-borderbutton:hover { - color: black; - border-color: black; +.charsheet button[type=roll].borderbutton:hover { + color: var(--blades-blacktext); + border-color: var(--blades-blacktext); } /* CHECKBOXES */ -.sheet-checkbox { - margin-right: -12px; +.charsheet { + /* Change text colour when boxes are checked*/ + /* specific adjustments */ + /* Fake radios */ } - -input.sheet-checkbox, .sheet-checkbox + span { - height: 12px; - width: 12px; - flex: 0 0 auto; +.charsheet .checkbox { + margin-right: -12px; } - -.sheet-checkbox + span { - border: 1px solid #8c8c8c; +.charsheet input.checkbox, .charsheet .checkbox + span { + height: 12px; + width: 12px; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } - -.sheet-checkbox:checked + span { - background: red; +.charsheet .checkbox + span { + border: 1px solid var(--blades-greyborder); } - -.sheet-checkbox:hover + span { - opacity: 0.7; +.charsheet .checkbox:checked + span { + background: red; } - -.sheet-squarebox + span { - background: transparent; - margin-right: 3px; +.charsheet .checkbox:hover + span { + opacity: 0.7; } - -.sheet-circlebox + span { - border-radius: 50%; - background: white; +.charsheet .squarebox + span { + background: transparent; + margin-right: 3px; } - -input.sheet-checkbox.sheet-squarebox-small, .sheet-checkbox.sheet-squarebox-small + span { - height: 9px; - width: 9px; +.charsheet .circlebox + span { + border-radius: 50%; + background: var(--blades-whitetext); } - -.sheet-checkbox.sheet-squarebox-small:checked + span { - background: black; +.charsheet input.checkbox.squarebox-small, .charsheet .checkbox.squarebox-small + span { + height: 9px; + width: 9px; } - -.sheet-claimbridge { - position: relative; +.charsheet .checkbox.squarebox-small:checked + span { + background: var(--blades-blacktext); } - -.sheet-claimbridge input, .sheet-claimbridge span { - width: 100%; - height: 100%; +.charsheet .claimbridge { + position: relative; } - -.sheet-claimbridge input:checked + span { - background: #d8d8d8; +.charsheet .claimbridge input, .charsheet .claimbridge span { + width: 100%; + height: 100%; } - -/* Change text colour when boxes are checked*/ -.sheet-specialability .sheet-checkbox:checked ~ .sheet-abilityname, -.sheet-item .sheet-checkbox:checked ~ .sheet-itemname, -.sheet-friend .sheet-friendstate[value="up"] ~ .sheet-auto-expand { - color: red; +.charsheet .claimbridge input:checked + span { + background: var(--blades-lightest); } - -.sheet-friend-contact .sheet-friendstate:not([value="0"]) ~ .sheet-auto-expand { - font-weight: bold; +.charsheet .specialability .checkbox:checked ~ .abilityname, +.charsheet .item .checkbox:checked ~ .itemname, +.charsheet .friend .friendstate[value=up] ~ .auto-expand { + color: red; } - -.sheet-friend .sheet-friendstate[value="down"] ~ .sheet-auto-expand, -.sheet-contact .sheet-friendstate[value="1"] ~ .sheet-auto-expand { - color: #333; +.charsheet .friend-contact .friendstate:not([value="0"]) ~ .auto-expand { + font-weight: bold; } - -/* specific adjustments */ -.sheet-specialability .sheet-checkbox, -.sheet-specialability .sheet-checkbox + span { - margin-top: 3px; +.charsheet .friend .friendstate[value=down] ~ .auto-expand, +.charsheet .contact .friendstate[value="1"] ~ .auto-expand { + color: var(--blades-fontblack); } - -.sheet-actions input.sheet-checkbox { - height: 20px; - width: 16px; - margin-right: -14px; +.charsheet .specialability .checkbox, +.charsheet .specialability .checkbox + span { + margin-top: 3px; } - -.sheet-actions .sheet-checkbox + span { - height: 11px; - width: 11px; - border: none; - margin-right: calc(7px + (100% - 173px)/8); +.charsheet .actions input.checkbox { + height: 20px; + width: 16px; + margin-right: -14px; } - -.sheet-action .sheet-checkbox + span:first-of-type { - margin-right: 6px; +.charsheet .actions .checkbox + span { + height: 11px; + width: 11px; + border: none; + margin-right: calc(7px + (100% - 173px) / 8); } - -.sheet-action .sheet-darktalent[value="1"] ~ .sheet-checkbox + span:first-of-type { - margin-right: 4px; +.charsheet .action .checkbox + span:first-of-type { + margin-right: 6px; } - -.sheet-action .sheet-darktalent[value="1"] ~ .sheet-checkbox + span:not(:first-of-type) { - margin-right: calc(3px + (100% - 171px)/10); +.charsheet .action .darktalent[value="1"] ~ .checkbox + span:first-of-type { + margin-right: 4px; } - -.sheet-action .sheet-darktalent[value="1"] ~ .sheet-checkbox + span:last-of-type { - margin-right: calc(4px + (100% - 171px)/10); +.charsheet .action .darktalent[value="1"] ~ .checkbox + span:not(:first-of-type) { + margin-right: calc(3px + (100% - 171px) / 10); } - -/* Fake radios */ -.sheet-checkbox.sheet-fakeradio + span { - background: red; +.charsheet .action .darktalent[value="1"] ~ .checkbox + span:last-of-type { + margin-right: calc(4px + (100% - 171px) / 10); } - -.sheet-action .sheet-fakeradio:checked ~ .sheet-fakeradio + span { - background: #c7c7c7; +.charsheet .checkbox.fakeradio + span { + background: red; } - -.sheet-tier .sheet-fakeradio:checked ~ .sheet-fakeradio + span { - background: white; +.charsheet .action .fakeradio:checked ~ .fakeradio + span { + background: var(--blades-lighter); +} +.charsheet .tier .fakeradio:checked ~ .fakeradio + span { + background: var(--blades-whitetext); } /* HIDER */ -.sheet-darktalent[value="0"] ~ input:last-of-type, -.sheet-darktalent[value="0"] ~ input:last-of-type + span { - display: none; +.charsheet .darktalent[value="0"] ~ input:last-of-type, +.charsheet .darktalent[value="0"] ~ input:last-of-type + span { + display: none; } /* Friend triangles */ -.sheet-friend-contact .sheet-checkbox + span { - width: 0; - height: 0; - background: transparent; - border-color: transparent; +.charsheet .friend-contact .checkbox + span { + width: 0; + height: 0; + background: transparent; + border-color: transparent; } - -.sheet-friend-contact label { - width: 12px; - height: 12px; - position: relative; +.charsheet .friend-contact label { + width: 12px; + height: 12px; + position: relative; } - -.sheet-friend label.sheet-up { - margin-right: 1px; - top: -1px; +.charsheet .friend label.up { + margin-right: 1px; + top: -1px; } - -.sheet-friend label.sheet-up .sheet-checkbox + span { - border-width: 0 5px 10px; - border-bottom-color: white; +.charsheet .friend label.up .checkbox + span { + border-width: 0 5px 10px; + border-bottom-color: var(--blades-whitetext); } - -.sheet-friend label.sheet-up .sheet-checkbox:checked + span { - border-bottom-color: red; +.charsheet .friend label.up .checkbox:checked + span { + border-bottom-color: red; } - -.sheet-friend label.sheet-down { - top: 5px; +.charsheet .friend label.down { + top: 5px; } - -.sheet-friend label.sheet-down .sheet-checkbox + span { - border-width: 10px 5px 0; - border-top-color: white; +.charsheet .friend label.down .checkbox + span { + border-width: 10px 5px 0; + border-top-color: var(--blades-whitetext); } - -.sheet-friend label.sheet-down .sheet-checkbox:checked + span { - border-top-color: black; +.charsheet .friend label.down .checkbox:checked + span { + border-top-color: var(--blades-blacktext); } - -.sheet-contact label { - top: 1px; +.charsheet .contact label { + top: 1px; } - -.sheet-contact label .sheet-checkbox + span { - border-width: 5px 0 5px 10px; - border-left-color: white; +.charsheet .contact label .checkbox + span { + border-width: 5px 0 5px 10px; + border-left-color: var(--blades-whitetext); } - -.sheet-contact label .sheet-checkbox:checked + span { - border-left-color: black; +.charsheet .contact label .checkbox:checked + span { + border-left-color: var(--blades-blacktext); } /* ACTION RATINGS */ -.sheet-actioncolumn > div, .sheet-cohortcolumn > div, .sheet-cohorts .repitem:not(:last-child) { - margin-bottom: 10px; +.charsheet .actioncolumn > div, .charsheet .cohortcolumn > div, .charsheet .cohorts .repitem:not(:last-child) { + margin-bottom: 10px; } - -.sheet-attribute-title, -.sheet-cohort-title { - height: 21px; - line-height: 21px; - color: white; - background: black; - padding: 0 3px; - align-items: center; - justify-content: space-between; +.charsheet .attribute-title, +.charsheet .cohort-title { + height: 21px; + line-height: 21px; + color: var(--blades-whitetext); + background: var(--blades-blacktext); + padding: 0 3px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } - -.sheet-attribute-xp-box { - width: 97px; - justify-content: flex-end; - height: 100%; +.charsheet .attribute-xp-box { + width: 97px; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; + height: 100%; } - -.sheet-actions { - padding-left: 2px; +.charsheet .actions { + padding-left: 2px; } - -.sheet-action { - height: 22px; - align-items: center; +.charsheet .action { + height: 22px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } - -.sheet-action:first-child { - height: 34px; - padding-top: 12px; +.charsheet .action:first-child { + height: 34px; + padding-top: 12px; } - -.sheet-divider { - margin-right: calc(5px + (100% - 173px)/12); - border-right: 1px solid black; - height: inherit; +.charsheet .divider { + margin-right: calc(5px + (100% - 173px) / 12); + border-right: 1px solid var(--blades-blacktext); + height: inherit; } - -.sheet-darktalent[value="1"] ~ .sheet-divider { - margin-right: calc(3px + (100% - 173px)/15); +.charsheet .darktalent[value="1"] ~ .divider { + margin-right: calc(3px + (100% - 173px) / 15); } - -.sheet-action:first-child .sheet-divider { - position: relative; - top: -6px; +.charsheet .action:first-child .divider { + position: relative; + top: -6px; } /* COHORTS */ -.sheet-cohort-title { - font-size: 11px; +.charsheet .cohort-title { + font-size: 11px; } - -.sheet-cohort-title input[type=text] { - width: calc(100% - 40px); +.charsheet .cohort-title input[type=text] { + width: calc(100% - 40px); } - -.sheet-cohort-info { - background: black; - height: 13px; - font-size: 9px; - color: white; - line-height: 13px; +.charsheet .cohort-info { + background: var(--blades-blacktext); + height: 13px; + font-size: 9px; + color: var(--blades-whitetext); + line-height: 13px; } - -.sheet-cohort-info input[type=text] { - flex: 1 1 0; - padding: 0 3px; +.charsheet .cohort-info input[type=text] { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; + padding: 0 3px; } - -.sheet-cohort-info input[type=number] { - flex: 0 0 auto; - color: inherit; - background: transparent; - border: none; - border-radius: 0; - padding: 0 0 0 4px; - line-height: inherit; - width: 13px; - -moz-appearance: textfield; - font-size: 11px; - font-family: "Times New Roman", Times, serif; +.charsheet .cohort-info input[type=number] { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + color: inherit; + background: transparent; + border: none; + border-radius: 0; + padding: 0 0 0 4px; + line-height: inherit; + width: 13px; + -moz-appearance: textfield; + font-size: 11px; + font-family: "Times New Roman", Times, serif; } - -.sheet-cohort-info input[type=number]::-webkit-outer-spin-button, .sheet-cohort-info input[type=number]::-webkit-inner-spin-button { - margin: 0; - -webkit-appearance: none; +.charsheet .cohort-info input[type=number]::-webkit-outer-spin-button, .charsheet .cohort-info input[type=number]::-webkit-inner-spin-button { + margin: 0; + -webkit-appearance: none; } - -.sheet-cohort-quality-label { - flex: 0 0 auto; +.charsheet .cohort-quality-label { + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } - -.sheet-cohort-condition { - justify-content: space-between; +.charsheet .cohort-condition { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } - -.sheet-cohort-condition-name { - font-size: 7.5px; - margin-right: 2px; - --z-index: -1; /* Disabled for dark mode compatibility (text disappears in dark mode if enabled) */ +.charsheet .cohort-condition-name { + font-size: 7.5px; + margin-right: 2px; + z-index: 0; /* Was -1 in legacy version, but that means nothing can be seen in current version */ } - -.sheet-cohort-dropdown { - background: black; - position: relative; - z-index: 1; - width: 41px; - height: 13px; - padding-left: 3px; - flex: 0 0 auto; - overflow: hidden; - transition: all 0.2s; +.charsheet .cohort-dropdown { + background: var(--blades-blacktext); + position: relative; + z-index: 1; + width: 41px; + height: 13px; + padding-left: 3px; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + overflow: hidden; + -webkit-transition: all 0.2s; + transition: all 0.2s; } - -.sheet-cohort-dropdown:hover { - height: 39px; +.charsheet .cohort-dropdown:hover { + height: 39px; } - -.sheet-cohort-dropdown:hover > div:first-child { - display: none; +.charsheet .cohort-dropdown:hover > div:first-child { + display: none; } - -.sheet-cohort-dropdown input[type=radio] { - width: 39px; - margin-right: -39px; - vertical-align: top; - height: 13px; - z-index: 10; +.charsheet .cohort-dropdown input[type=radio] { + width: 39px; + margin-right: -39px; + vertical-align: top; + height: 13px; + z-index: 10; } - -.sheet-cohort-dropdown input[type=radio]:checked + span { - color: red; +.charsheet .cohort-dropdown input[type=radio]:checked + span { + color: red; } - -.sheet-cohort-edgeflaw { - font-size: 9px; - line-height: 10px; - margin: 2px 0; - align-items: start; +.charsheet .cohort-edgeflaw { + font-size: 9px; + line-height: 10px; + margin: 2px 0; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; } - -.sheet-cohort-edgeflaw .sheet-uppercase { - width: 34px; - padding: 2px 0; +.charsheet .cohort-edgeflaw .uppercase { + width: 34px; + padding: 2px 0; } - -.sheet-cohort-edgeflaw .sheet-auto-expand { - width: calc(100% - 34px); - min-height: 14px; - padding: 2px 3px; +.charsheet .cohort-edgeflaw .auto-expand { + width: calc(100% - 34px); + min-height: 14px; + padding: 2px 3px; } - -.sheet-cohort-description { - font-size: 9px; - padding: 1px 0; - line-height: 12px; - height: 50px; - border-bottom: 1px solid #d8d8d8; +.charsheet .cohort-description { + font-size: 9px; + padding: 1px 0; + line-height: 12px; + height: 50px; + border-bottom: 1px solid var(--blades-lightest); } /* CLAIMS */ -.sheet-claims { - margin-top: 15px; +.charsheet .claims { + margin-top: 15px; +} +.charsheet .claimsbody, .charsheet .claims .repitem { + display: -ms-grid; + display: grid; + -ms-grid-columns: (18.4% 2%)[4] 18.4%; + grid-template-columns: repeat(4, 18.4% 2%) 18.4%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + justify-items: center; +} +.charsheet .claimbox, .charsheet .lairbox { + height: 66px; +} +.charsheet .lairbox { + background: var(--blades-lightblack); + font-size: 13px; + width: 100%; + color: var(--blades-whitetext); + letter-spacing: 1px; +} +.charsheet .claims-horisep { + height: 12px; + width: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.charsheet .claims-vertsep { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 12px; + height: 12px; +} +.charsheet .claimbox { + background: var(--blades-lightest); + position: relative; + -webkit-transition: all 0.2s; + transition: all 0.2s; +} +.charsheet .claimbox .sheet-label { + height: 30px; + padding: 4px 0 2px; + line-height: 12px; +} +.charsheet .claimbox textarea { + text-align: center; + font-size: 9px; + resize: none; +} +.charsheet .claimbox textarea.claim-desc { + height: 36px; + padding: 2px 2.5% 4px; + line-height: 10px; +} +.charsheet .claimbox label { + position: absolute; + bottom: 1px; + left: 1px; +} +.charsheet input[value="1"] + .claimbox { + background: var(--blades-lighter); } -.sheet-claimsbody, .sheet-claims .repitem { - display: grid; - grid-template-columns: repeat(4, 18.4% 2%) 18.4%; - align-items: center; - justify-items: center; +/* Support for The River (City of Red Waters) */ +.charsheet .claimhider[value="1"] ~ .claims, .charsheet .claimhider[value="1"] ~ .claims .claimbody { + display: none; } -.sheet-claimbox, .sheet-lairbox { - height: 66px; +.charsheet .riverhider[value="0"] ~ .river, .charsheet .riverhider[value="0"] ~ .river .riverbody { + display: none; } -.sheet-lairbox { - background: #777; - font-size: 13px; - width: 100%; - color: white; - letter-spacing: 1px; +.charsheet .river { + margin-top: 15px; +} +.charsheet .riverbody { + display: -ms-grid; + display: grid; + -ms-grid-columns: (2% 17.6%)[5] 2%; + grid-template-columns: repeat(5, 2% 17.6%) 2%; + -ms-grid-rows: (22px)[11]; + grid-template-rows: repeat(11, 22px); + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + justify-items: center; +} +.charsheet .riverbody > *:nth-child(1) { + -ms-grid-row: 1; + -ms-grid-column: 1; +} +.charsheet .riverbody > *:nth-child(2) { + -ms-grid-row: 1; + -ms-grid-column: 2; +} +.charsheet .riverbody > *:nth-child(3) { + -ms-grid-row: 1; + -ms-grid-column: 3; +} +.charsheet .riverbody > *:nth-child(4) { + -ms-grid-row: 1; + -ms-grid-column: 4; +} +.charsheet .riverbody > *:nth-child(5) { + -ms-grid-row: 1; + -ms-grid-column: 5; +} +.charsheet .riverbody > *:nth-child(6) { + -ms-grid-row: 1; + -ms-grid-column: 6; +} +.charsheet .riverbody > *:nth-child(7) { + -ms-grid-row: 2; + -ms-grid-column: 1; +} +.charsheet .riverbody > *:nth-child(8) { + -ms-grid-row: 2; + -ms-grid-column: 2; +} +.charsheet .riverbody > *:nth-child(9) { + -ms-grid-row: 2; + -ms-grid-column: 3; +} +.charsheet .riverbody > *:nth-child(10) { + -ms-grid-row: 2; + -ms-grid-column: 4; +} +.charsheet .riverbody > *:nth-child(11) { + -ms-grid-row: 2; + -ms-grid-column: 5; +} +.charsheet .riverbody > *:nth-child(12) { + -ms-grid-row: 2; + -ms-grid-column: 6; +} +.charsheet .riverbody > *:nth-child(13) { + -ms-grid-row: 3; + -ms-grid-column: 1; +} +.charsheet .riverbody > *:nth-child(14) { + -ms-grid-row: 3; + -ms-grid-column: 2; +} +.charsheet .riverbody > *:nth-child(15) { + -ms-grid-row: 3; + -ms-grid-column: 3; +} +.charsheet .riverbody > *:nth-child(16) { + -ms-grid-row: 3; + -ms-grid-column: 4; +} +.charsheet .riverbody > *:nth-child(17) { + -ms-grid-row: 3; + -ms-grid-column: 5; +} +.charsheet .riverbody > *:nth-child(18) { + -ms-grid-row: 3; + -ms-grid-column: 6; +} +.charsheet .riverbody > *:nth-child(19) { + -ms-grid-row: 4; + -ms-grid-column: 1; +} +.charsheet .riverbody > *:nth-child(20) { + -ms-grid-row: 4; + -ms-grid-column: 2; +} +.charsheet .riverbody > *:nth-child(21) { + -ms-grid-row: 4; + -ms-grid-column: 3; +} +.charsheet .riverbody > *:nth-child(22) { + -ms-grid-row: 4; + -ms-grid-column: 4; +} +.charsheet .riverbody > *:nth-child(23) { + -ms-grid-row: 4; + -ms-grid-column: 5; +} +.charsheet .riverbody > *:nth-child(24) { + -ms-grid-row: 4; + -ms-grid-column: 6; +} +.charsheet .riverbody > *:nth-child(25) { + -ms-grid-row: 5; + -ms-grid-column: 1; +} +.charsheet .riverbody > *:nth-child(26) { + -ms-grid-row: 5; + -ms-grid-column: 2; +} +.charsheet .riverbody > *:nth-child(27) { + -ms-grid-row: 5; + -ms-grid-column: 3; +} +.charsheet .riverbody > *:nth-child(28) { + -ms-grid-row: 5; + -ms-grid-column: 4; +} +.charsheet .riverbody > *:nth-child(29) { + -ms-grid-row: 5; + -ms-grid-column: 5; +} +.charsheet .riverbody > *:nth-child(30) { + -ms-grid-row: 5; + -ms-grid-column: 6; +} +.charsheet .riverbody > *:nth-child(31) { + -ms-grid-row: 6; + -ms-grid-column: 1; +} +.charsheet .riverbody > *:nth-child(32) { + -ms-grid-row: 6; + -ms-grid-column: 2; +} +.charsheet .riverbody > *:nth-child(33) { + -ms-grid-row: 6; + -ms-grid-column: 3; +} +.charsheet .riverbody > *:nth-child(34) { + -ms-grid-row: 6; + -ms-grid-column: 4; +} +.charsheet .riverbody > *:nth-child(35) { + -ms-grid-row: 6; + -ms-grid-column: 5; +} +.charsheet .riverbody > *:nth-child(36) { + -ms-grid-row: 6; + -ms-grid-column: 6; +} +.charsheet .riverbody > *:nth-child(37) { + -ms-grid-row: 7; + -ms-grid-column: 1; +} +.charsheet .riverbody > *:nth-child(38) { + -ms-grid-row: 7; + -ms-grid-column: 2; +} +.charsheet .riverbody > *:nth-child(39) { + -ms-grid-row: 7; + -ms-grid-column: 3; +} +.charsheet .riverbody > *:nth-child(40) { + -ms-grid-row: 7; + -ms-grid-column: 4; +} +.charsheet .riverbody > *:nth-child(41) { + -ms-grid-row: 7; + -ms-grid-column: 5; +} +.charsheet .riverbody > *:nth-child(42) { + -ms-grid-row: 7; + -ms-grid-column: 6; +} +.charsheet .riverbody > *:nth-child(43) { + -ms-grid-row: 8; + -ms-grid-column: 1; +} +.charsheet .riverbody > *:nth-child(44) { + -ms-grid-row: 8; + -ms-grid-column: 2; +} +.charsheet .riverbody > *:nth-child(45) { + -ms-grid-row: 8; + -ms-grid-column: 3; +} +.charsheet .riverbody > *:nth-child(46) { + -ms-grid-row: 8; + -ms-grid-column: 4; +} +.charsheet .riverbody > *:nth-child(47) { + -ms-grid-row: 8; + -ms-grid-column: 5; +} +.charsheet .riverbody > *:nth-child(48) { + -ms-grid-row: 8; + -ms-grid-column: 6; +} +.charsheet .riverbody > *:nth-child(49) { + -ms-grid-row: 9; + -ms-grid-column: 1; +} +.charsheet .riverbody > *:nth-child(50) { + -ms-grid-row: 9; + -ms-grid-column: 2; +} +.charsheet .riverbody > *:nth-child(51) { + -ms-grid-row: 9; + -ms-grid-column: 3; +} +.charsheet .riverbody > *:nth-child(52) { + -ms-grid-row: 9; + -ms-grid-column: 4; +} +.charsheet .riverbody > *:nth-child(53) { + -ms-grid-row: 9; + -ms-grid-column: 5; +} +.charsheet .riverbody > *:nth-child(54) { + -ms-grid-row: 9; + -ms-grid-column: 6; +} +.charsheet .riverbody > *:nth-child(55) { + -ms-grid-row: 10; + -ms-grid-column: 1; +} +.charsheet .riverbody > *:nth-child(56) { + -ms-grid-row: 10; + -ms-grid-column: 2; +} +.charsheet .riverbody > *:nth-child(57) { + -ms-grid-row: 10; + -ms-grid-column: 3; +} +.charsheet .riverbody > *:nth-child(58) { + -ms-grid-row: 10; + -ms-grid-column: 4; +} +.charsheet .riverbody > *:nth-child(59) { + -ms-grid-row: 10; + -ms-grid-column: 5; +} +.charsheet .riverbody > *:nth-child(60) { + -ms-grid-row: 10; + -ms-grid-column: 6; +} +.charsheet .riverbody > *:nth-child(61) { + -ms-grid-row: 11; + -ms-grid-column: 1; +} +.charsheet .riverbody > *:nth-child(62) { + -ms-grid-row: 11; + -ms-grid-column: 2; +} +.charsheet .riverbody > *:nth-child(63) { + -ms-grid-row: 11; + -ms-grid-column: 3; +} +.charsheet .riverbody > *:nth-child(64) { + -ms-grid-row: 11; + -ms-grid-column: 4; +} +.charsheet .riverbody > *:nth-child(65) { + -ms-grid-row: 11; + -ms-grid-column: 5; +} +.charsheet .riverbody > *:nth-child(66) { + -ms-grid-row: 11; + -ms-grid-column: 6; +} +.charsheet .riverbody .roundtl { + border-top-left-radius: 10px; +} +.charsheet .riverbody .roundtr { + border-top-right-radius: 10px; +} +.charsheet .riverbody .roundbl { + border-bottom-left-radius: 10px; +} +.charsheet .riverbody .roundbr { + border-bottom-right-radius: 10px; +} +.charsheet .riverbody .riverbox { + background: var(--blades-lightest); + width: 100%; + position: relative; + -webkit-transition: all 1.5s; + transition: all 1.5s; +} +.charsheet .riverbody .riverbox .sheet-label { + height: 30px; + padding: 4px 0 2px; + line-height: 12px; +} +.charsheet .riverbody .riverbox textarea { + text-align: center; + font-size: 9px; + resize: none; + -webkit-transition: all 0.5s; + transition: all 0.5s; +} +.charsheet .riverbody .riverbox textarea.river-desc { + height: 36px; + padding: 2px 2.5% 4px; + line-height: 10px; +} +.charsheet .riverbody .riverbox label { + position: absolute; + bottom: 3px; + left: 3px; +} +.charsheet .riverbody input[value="1"] + input[value="1"] + .riverbox.bloodflow, +.charsheet .riverbody input[value="1"] + .riverbox.rivertarget { + background: var(--blades-riverblood); + color: var(--blades-redtext); +} +.charsheet .riverbody input[value="1"] + input[value="1"] + .riverbox.bloodflow textarea, +.charsheet .riverbody input[value="1"] + .riverbox.rivertarget textarea { + -webkit-text-decoration: line-through 1px; + text-decoration: line-through 1px; + color: var(--blades-redtext); +} +.charsheet .riverbody input[value="1"] + input[value="1"] + .riverbox.bloodflow .checkbox:checked + span, +.charsheet .riverbody input[value="1"] + .riverbox.rivertarget .checkbox:checked + span { + background: var(--blades-redtext); +} +.charsheet .riverbody input[value="1"] + input:not([value="1"]) + .riverbox.bloodflow { + background: -webkit-gradient(linear, left top, right top, from(var(--blades-riverblood)), to(var(--blades-lightest))); + background: linear-gradient(to right, var(--blades-riverblood), var(--blades-lightest)); +} +.charsheet .riverbody input:not([value="1"]) + input[value="1"] + .riverbox.bloodflow { + background: -webkit-gradient(linear, right top, left top, from(var(--blades-riverblood)), to(var(--blades-lightest))); + background: linear-gradient(to left, var(--blades-riverblood), var(--blades-lightest)); +} +.charsheet .riverbody input[value="1"] + input:not([value="1"]) + .riverbox.bloodflow.vflow { + background: -webkit-gradient(linear, left top, left bottom, from(var(--blades-riverblood)), to(var(--blades-lightest))); + background: linear-gradient(to bottom, var(--blades-riverblood), var(--blades-lightest)); +} +.charsheet .riverbody input:not([value="1"]) + input[value="1"] + .riverbox.bloodflow.vflow { + background: -webkit-gradient(linear, left bottom, left top, from(var(--blades-riverblood)), to(var(--blades-lightest))); + background: linear-gradient(to top, var(--blades-riverblood), var(--blades-lightest)); +} +.charsheet .riverbody .col1 { + -ms-grid-column: 1; + grid-column-start: 1; + -ms-grid-column-span: 0; + grid-column-end: 1; +} +.charsheet .riverbody .row1 { + height: 22px; + -ms-grid-row: 1; + grid-row-start: 1; + -ms-grid-row-span: 0; + grid-row-end: 1; +} +.charsheet .riverbody .span3row1 { + height: 66px; + -ms-grid-row: 1; + -ms-grid-row-span: 3; + grid-row: 1/span 3; +} +.charsheet .riverbody .col2 { + -ms-grid-column: 2; + grid-column-start: 2; + -ms-grid-column-span: 0; + grid-column-end: 2; +} +.charsheet .riverbody .row2 { + height: 22px; + -ms-grid-row: 2; + grid-row-start: 2; + -ms-grid-row-span: 0; + grid-row-end: 2; +} +.charsheet .riverbody .span3row2 { + height: 66px; + -ms-grid-row: 2; + -ms-grid-row-span: 3; + grid-row: 2/span 3; +} +.charsheet .riverbody .col3 { + -ms-grid-column: 3; + grid-column-start: 3; + -ms-grid-column-span: 0; + grid-column-end: 3; +} +.charsheet .riverbody .row3 { + height: 22px; + -ms-grid-row: 3; + grid-row-start: 3; + -ms-grid-row-span: 0; + grid-row-end: 3; +} +.charsheet .riverbody .span3row3 { + height: 66px; + -ms-grid-row: 3; + -ms-grid-row-span: 3; + grid-row: 3/span 3; +} +.charsheet .riverbody .col4 { + -ms-grid-column: 4; + grid-column-start: 4; + -ms-grid-column-span: 0; + grid-column-end: 4; +} +.charsheet .riverbody .row4 { + height: 22px; + -ms-grid-row: 4; + grid-row-start: 4; + -ms-grid-row-span: 0; + grid-row-end: 4; +} +.charsheet .riverbody .span3row4 { + height: 66px; + -ms-grid-row: 4; + -ms-grid-row-span: 3; + grid-row: 4/span 3; +} +.charsheet .riverbody .col5 { + -ms-grid-column: 5; + grid-column-start: 5; + -ms-grid-column-span: 0; + grid-column-end: 5; +} +.charsheet .riverbody .row5 { + height: 22px; + -ms-grid-row: 5; + grid-row-start: 5; + -ms-grid-row-span: 0; + grid-row-end: 5; +} +.charsheet .riverbody .span3row5 { + height: 66px; + -ms-grid-row: 5; + -ms-grid-row-span: 3; + grid-row: 5/span 3; +} +.charsheet .riverbody .col6 { + -ms-grid-column: 6; + grid-column-start: 6; + -ms-grid-column-span: 0; + grid-column-end: 6; +} +.charsheet .riverbody .row6 { + height: 22px; + -ms-grid-row: 6; + grid-row-start: 6; + -ms-grid-row-span: 0; + grid-row-end: 6; +} +.charsheet .riverbody .span3row6 { + height: 66px; + -ms-grid-row: 6; + -ms-grid-row-span: 3; + grid-row: 6/span 3; +} +.charsheet .riverbody .col7 { + -ms-grid-column: 7; + grid-column-start: 7; + -ms-grid-column-span: 0; + grid-column-end: 7; +} +.charsheet .riverbody .row7 { + height: 22px; + -ms-grid-row: 7; + grid-row-start: 7; + -ms-grid-row-span: 0; + grid-row-end: 7; +} +.charsheet .riverbody .span3row7 { + height: 66px; + -ms-grid-row: 7; + -ms-grid-row-span: 3; + grid-row: 7/span 3; +} +.charsheet .riverbody .col8 { + -ms-grid-column: 8; + grid-column-start: 8; + -ms-grid-column-span: 0; + grid-column-end: 8; +} +.charsheet .riverbody .row8 { + height: 22px; + -ms-grid-row: 8; + grid-row-start: 8; + -ms-grid-row-span: 0; + grid-row-end: 8; +} +.charsheet .riverbody .span3row8 { + height: 66px; + -ms-grid-row: 8; + -ms-grid-row-span: 3; + grid-row: 8/span 3; +} +.charsheet .riverbody .col9 { + -ms-grid-column: 9; + grid-column-start: 9; + -ms-grid-column-span: 0; + grid-column-end: 9; +} +.charsheet .riverbody .row9 { + height: 22px; + -ms-grid-row: 9; + grid-row-start: 9; + -ms-grid-row-span: 0; + grid-row-end: 9; +} +.charsheet .riverbody .span3row9 { + height: 66px; + -ms-grid-row: 9; + -ms-grid-row-span: 3; + grid-row: 9/span 3; +} +.charsheet .riverbody .col10 { + -ms-grid-column: 10; + grid-column-start: 10; + -ms-grid-column-span: 0; + grid-column-end: 10; +} +.charsheet .riverbody .row10 { + height: 22px; + -ms-grid-row: 10; + grid-row-start: 10; + -ms-grid-row-span: 0; + grid-row-end: 10; +} +.charsheet .riverbody .span3row10 { + height: 66px; + -ms-grid-row: 10; + -ms-grid-row-span: 3; + grid-row: 10/span 3; +} +.charsheet .riverbody .col11 { + -ms-grid-column: 11; + grid-column-start: 11; + -ms-grid-column-span: 0; + grid-column-end: 11; +} +.charsheet .riverbody .row11 { + height: 22px; + -ms-grid-row: 11; + grid-row-start: 11; + -ms-grid-row-span: 0; + grid-row-end: 11; +} +.charsheet .riverbody .span3row11 { + height: 66px; + -ms-grid-row: 11; + -ms-grid-row-span: 3; + grid-row: 11/span 3; +} +.charsheet .riverbody .riverbend { + width: 100%; + height: 22px; + background: var(--blades-bg); } -.sheet-claims-horisep { - height: 12px; - width: 100%; - display: flex; +/* Support for Roots (City of Red Waters) */ +.charsheet .plots { + margin-top: 15px; } - -.sheet-claims-vertsep { - display: flex; - width: 12px; - height: 12px; +.charsheet .plotsbody { + display: -ms-grid; + display: grid; + -ms-grid-columns: 19% 3px 19% 3px 19% 3px 19% 3px 19%; + grid-template-columns: repeat(5, 19%); + grid-gap: 3px 3px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + justify-items: center; } - -.sheet-claimbox { - background: #d8d8d8; - position: relative; - transition: all 0.2s; +.charsheet .plotsbody .plotbox { + background: var(--blades-lightest); + width: 100%; + position: relative; + -webkit-transition: all 0.2s; + transition: all 0.2s; } - -.sheet-claimbox .sheet-label { - height: 30px; - padding: 4px 0 2px; - line-height: 12px; +.charsheet .plotsbody .plotbox .sheet-label { + height: 30px; + padding: 4px 0 2px; + line-height: 12px; + resize: none; + overflow: hidden; } - -.sheet-claimbox textarea { - text-align: center; - font-size: 9px; - resize: none; +.charsheet .plotsbody .plotbox textarea { + text-align: center; + font-size: 9px; + line-height: 12px; + resize: none; + overflow: hidden; + -webkit-transition: all 0.2s; + transition: all 0.2s; + padding-left: 3px; + padding-right: 3px; } - -.sheet-claimbox textarea.sheet-claim-desc { - height: 36px; - padding: 2px 2.5% 4px; - line-height: 10px; +.charsheet .plotsbody .plotbox textarea.plot-benefit { + height: 36px; } - -.sheet-claimbox label { - position: absolute; - bottom: 1px; - left: 1px; +.charsheet .plotsbody .plotbox textarea.plot-sacrifice { + height: 24px; + font-style: italic; } - -input[value="1"] + .sheet-claimbox { - background: #c7c7c7; +.charsheet .plotsbody .plotbox .plot-clock { + text-align: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-top: 3px; +} +.charsheet .plotsbody .plotbox label { + position: absolute; + bottom: 3px; + left: 3px; +} +.charsheet .plotsbody input:not([value="0"]) + .plotbox { + background: var(--blades-lighterblack); + color: var(--blades-whitetext); +} +.charsheet .plotsbody input:not([value="0"]) + .plotbox textarea { + color: var(--blades-whitetext); } /* STRICTURES */ -.sheet-strictures { - font-size: 11px; - line-height: 1.6; - text-align: justify; +.charsheet .strictures { + font-size: 11px; + line-height: 1.6; + text-align: justify; } - -.sheet-strictures label { - margin-right: 3px; - display: inline-flex; - vertical-align: top; - align-items: center; +.charsheet .strictures label { + margin-right: 3px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } - -.sheet-strictures span.sheet-label::after { - content: ":"; +.charsheet .strictures span.sheet-label::after { + content: ":"; } /* ALCHEMICALS */ -.sheet-title-checkbox ~ div { - height: auto; - transition: all 0.2s; - overflow: hidden; +.charsheet .title-checkbox ~ div { + height: auto; + -webkit-transition: all 0.2s; + transition: all 0.2s; + overflow: hidden; } - -.sheet-title-checkbox:not(:checked) ~ div { - height: 0; +.charsheet .title-checkbox:not(:checked) ~ div { + height: 0; } - -input.sheet-title-checkbox { - width: 100%; - vertical-align: top; - margin-right: -100%; - height: 24px; +.charsheet input.title-checkbox { + width: 100%; + vertical-align: top; + margin-right: -100%; + height: 24px; } - -.sheet-title-checkbox:hover + span { - color: red; +.charsheet .title-checkbox:hover + span { + color: red; } - -.sheet-alchemicals { - padding: 0 5px; - line-height: 16px; +.charsheet .alchemicals { + padding: 0 5px; + line-height: 16px; } - -.sheet-bandolier-desc { - line-height: 12px; - margin-top: 2px; - font-size: 10px; - font-style: italic; +.charsheet .bandolier-desc { + line-height: 12px; + margin-top: 2px; + font-size: 10px; + font-style: italic; } - -.sheet-bandoliers-name { - margin-right: 7px; - font-size: 12px; - line-height: 18px; +.charsheet .bandoliers-name { + margin-right: 7px; + font-size: 12px; + line-height: 18px; } - -.sheet-bandolier input:nth-of-type(3) + span { - margin-right: 8px; +.charsheet .bandolier input:nth-of-type(3) + span { + margin-right: 8px; } - -.sheet-alchemicals .repcontainer { - display: flex; - flex-flow: row wrap; +.charsheet .alchemicals .repcontainer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; } - -.sheet-alchemicals .repitem { - font-size: 11px; - width: 50%; +.charsheet .alchemicals .repitem { + font-size: 11px; + width: 50%; } - -.sheet-alchemicals .sheet-auto-expand { - margin: 0 1px 0 7px; - padding: 1px; - min-height: 16px; - line-height: 14px; - width: calc(100% - 8px); +.charsheet .alchemicals .auto-expand { + margin: 0 1px 0 7px; + padding: 1px; + min-height: 16px; + line-height: 14px; + width: calc(100% - 8px); } - -.sheet-alchemicals input.sheet-alchemicals-expand { - width: 10px; - position: absolute; - height: 16px; +.charsheet .alchemicals input.alchemicals-expand { + width: 10px; + position: absolute; + height: 16px; } - -.sheet-alchemicals .sheet-alchemicals-expand + span { - transform: rotate(45deg) scale(0.9); - position: absolute; +.charsheet .alchemicals .alchemicals-expand + span { + -webkit-transform: rotate(45deg) scale(0.9); + transform: rotate(45deg) scale(0.9); + position: absolute; } - -.sheet-alchemicals .sheet-alchemicals-expand:not(:checked) ~ .sheet-alchemicals-info { - display: none; +.charsheet .alchemicals .alchemicals-expand:not(:checked) ~ .alchemicals-info { + display: none; } - -.sheet-alchemicals .sheet-alchemicals-info { - position: relative; - font-size: 9px; - z-index: 2; - background: white; - line-height: 1.3; - height: 64px; - width: 200%; - padding: 2px; - border: 1px solid #d8d8d8; +.charsheet .alchemicals .alchemicals-info { + position: relative; + font-size: 9px; + z-index: 2; + background: var(--blades-whitetext); + line-height: 1.3; + height: 64px; + width: 200%; + padding: 2px; + border: 1px solid var(--blades-lightest); } - -.sheet-alchemicals .repitem:nth-child(even) .sheet-alchemicals-info { - left: -100%; +.charsheet .alchemicals .repitem:nth-child(even) .alchemicals-info { + left: -100%; } - -.sheet-alchemicals .sheet-alchemicals-expand + span::before { - content: '■'; - font-family: serif; +.charsheet .alchemicals .alchemicals-expand + span::before { + content: "■"; + font-family: serif; } - -.sheet-alchemicals .sheet-alchemicals-expand:checked + span { - color: red; +.charsheet .alchemicals .alchemicals-expand:checked + span { + color: red; } - -.sheet-alchemicals .itemcontrol .btn { - padding: 0 4px; - font-size: 9px; - line-height: 14px; +.charsheet .alchemicals .itemcontrol .btn { + padding: 0 4px; + font-size: 9px; + line-height: 14px; } - -.sheet-alchemicals .repcontrol_del { - order: 1; +.charsheet .alchemicals .repcontrol_del { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1; } - -.sheet-alchemicals .repcontainer.editmode .repitem .itemcontrol { - display: flex; - justify-content: space-between; - align-items: start; +.charsheet .alchemicals .repcontainer.editmode .repitem .itemcontrol { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; } /* FRAME */ -.sheet-frame textarea { - font-size: 11px; - height: 40px; +.charsheet .frame textarea { + font-size: 11px; + height: 40px; } /* FACTIONS PAGE */ -.sheet-factions { - grid: auto auto/repeat(4, 1fr); - grid-gap: 5px 10px; +.charsheet { + /* Column widths */ + /* War blurb */ + /* Generate button */ + /* Auto-expand textareas */ + /* Broadcast buttons */ } - -.sheet-factions .sheet-2row { - grid-row: span 2; +.charsheet .factions { + grid: auto auto/repeat(4, 1fr); + grid-gap: 5px 10px; } - -.sheet-factiontitle { - align-items: center; +.charsheet .factions .sheet-2row { + -ms-grid-row-span: 2; + grid-row: span 2; } - -.sheet-factiontitle input[type=text] { - font-size: 26px; - margin-right: auto; - width: 60%; +.charsheet .factiontitle { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } - -.sheet-factions-header { - width: 100%; - height: 24px; - align-items: center; - line-height: 14px; - background: #c7c7c7; +.charsheet .factiontitle input[type=text] { + font-size: 26px; + margin-right: auto; + width: 60%; } - -.sheet-factions-header input[type=text] { - padding-left: 3px; +.charsheet .factions-header { + width: 100%; + height: 24px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + line-height: 14px; + background: var(--blades-lighter); } - -.sheet-factions-header span { - font-size: 7px; +.charsheet .factions-header input[type=text] { + padding-left: 3px; } - -input.sheet-expand, .sheet-expand + span { - position: absolute; - width: 7px; - height: 10px; - font-size: 8px; +.charsheet .factions-header span { + font-size: 7px; } - -.sheet-type-faction .sheet-expand { - left: -7px; - top: 6px; +.charsheet input.expand, .charsheet .expand + span { + position: absolute; + width: 7px; + height: 10px; + font-size: 8px; } - -.sheet-type-faction .sheet-expand + span { - top: 3px; - left: -7px; +.charsheet .type-faction .expand { + left: -7px; + top: 6px; } - -.sheet-type-faction .sheet-expand + span::before { - content: "▶"; +.charsheet .type-faction .expand + span { + top: 3px; + left: -7px; } - -.sheet-type-faction .sheet-expand:checked + span::before { - content: "▼"; +.charsheet .type-faction .expand + span::before { + content: "▶"; } - -.sheet-faction { - border-bottom: 1px solid #d8d8d8; +.charsheet .type-faction .expand:checked + span::before { + content: "▼"; } - -.sheet-faction textarea { - border-top: 1px solid #d8d8d8; - font-size: 11px; - line-height: 1.5; - height: 51px; +.charsheet .faction { + border-bottom: 1px solid var(--blades-lightest); } - -.sheet-faction input[type=number] { - border: none; - background: transparent; - padding: 0; - font-size: 12px; +.charsheet .faction textarea { + border-top: 1px solid var(--blades-lightest); + font-size: 11px; + line-height: 1.5; + height: 51px; } - -.sheet-faction input[type=text] { - border-right: 1px solid #d8d8d8; - font-size: 12px; - padding: 2px 1px; +.charsheet .faction input[type=number] { + border: none; + background: transparent; + padding: 0; + font-size: 12px; } - -.sheet-expand:not(:checked) ~ textarea { - height: 0 !important; - border-width: 0; +.charsheet .faction input[type=text] { + border-right: 1px solid var(--blades-lightest); + font-size: 12px; + padding: 2px 1px; } - -/* Column widths */ -.sheet-faction-name, input[type=text].sheet-faction-name { - width: 65%; +.charsheet .expand:not(:checked) ~ textarea { + height: 0 !important; + border-width: 0; } - -.sheet-faction-tier, input[type=text].sheet-faction-tier { - width: 10%; - text-align: center; +.charsheet .faction-name, .charsheet input[type=text].faction-name { + width: 65%; } - -.sheet-faction-hold, input[type=text].sheet-faction-hold { - width: 10%; - text-align: center; +.charsheet .faction-tier, .charsheet input[type=text].faction-tier { + width: 10%; + text-align: center; } - -.sheet-faction-status, input[type=number].sheet-faction-status { - width: 15%; - text-align: center; +.charsheet .faction-hold, .charsheet input[type=text].faction-hold { + width: 10%; + text-align: center; } - -/* War blurb */ -.sheet-warblurb { - text-align: justify; +.charsheet .faction-status, .charsheet input[type=number].faction-status { + width: 15%; + text-align: center; } - -.sheet-warblurb .sheet-label { - font-size: 14px; +.charsheet .warblurb { + text-align: justify; } - -.sheet-warblurb li { - margin-bottom: .5em; - padding-left: 1em; +.charsheet .warblurb .sheet-label { + font-size: 14px; } - -/* Generate button */ -label.sheet-generatebutton { - color: #777; - border: 1px solid #b4b4b4; +.charsheet .warblurb li { + margin-bottom: 0.5em; + padding-left: 1em; } - -label.sheet-generatebutton:hover { - color: black; - border-color: black; +.charsheet label.generatebutton { + color: var(--blades-lightblack); + border: 1px solid var(--blades-darkgrey); } - -label.sheet-generatebutton:hover input + span { - opacity: 1; +.charsheet label.generatebutton:hover { + color: var(--blades-blacktext); + border-color: var(--blades-blacktext); } - -.sheet-type-faction label.sheet-generatebutton { - font-size: 13px; - padding: 0 6px; - align-items: center; - margin: 0 6px; - font-weight: bold; - height: 30px; +.charsheet label.generatebutton:hover input + span { + opacity: 1; } - -.sheet-settings label.sheet-generatebutton { - padding: 2px; - line-height: 12px; - margin: 0 4px; - font-size: 11px; +.charsheet .type-faction label.generatebutton { + font-size: 13px; + padding: 0 6px; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: 0 6px; + font-weight: bold; + height: 30px; } - -/* Auto-expand textareas */ -.sheet-auto-expand { - position: relative; - cursor: text; - word-wrap: break-word; +.charsheet .settings label.generatebutton { + padding: 2px; + line-height: 12px; + margin: 0 4px; + font-size: 11px; } - -.sheet-auto-expand span { - visibility: hidden; - white-space: pre-wrap; - display: block; +.charsheet .auto-expand { + position: relative; + cursor: text; + word-wrap: break-word; } - -.sheet-auto-expand textarea { - position: absolute; - overflow: hidden; - z-index: 1; - top: 0; - left: 0; - resize: none; - height: 100%; - word-wrap: break-word; - padding: inherit; - font: inherit; - color: inherit; - text-transform: inherit; - letter-spacing: inherit; - text-align: inherit; +.charsheet .auto-expand span { + visibility: hidden; + white-space: pre-wrap; + display: block; } - -/* Broadcast buttons */ -.sheet-show-broadcast[value="0"] ~ .sheet-container .sheet-broadcast-button { - display: none; +.charsheet .auto-expand textarea { + position: absolute; + overflow: hidden; + z-index: 1; + top: 0; + left: 0; + resize: none; + height: 100%; + word-wrap: break-word; + padding: inherit; + font: inherit; + color: inherit; + text-transform: inherit; + letter-spacing: inherit; + text-align: inherit; } - -button[type=roll].sheet-broadcast-button { - font-family: pictos; - position: absolute; - border: none; - margin: 0; - padding: 0; - z-index: 3; +.charsheet .show-broadcast[value="0"] ~ .container .broadcast-button { + display: none; } - -.sheet-specialability button[type=roll].sheet-broadcast-button { - font-size: 12px; - line-height: 14px; - height: 14px; - width: 14px; - color: #777; - left: 3px; - bottom: 7px; +.charsheet button[type=roll].broadcast-button { + font-family: pictos; + position: absolute; + border: none; + margin: 0; + padding: 0; + z-index: 3; } - -.sheet-clocks button[type=roll].sheet-broadcast-button { - font-size: 11px; - line-height: 11px; - height: 12px; - width: 12px; - color: #777; - right: 0; - bottom: 2px; +.charsheet .specialability button[type=roll].broadcast-button { + font-size: 12px; + line-height: 14px; + height: 14px; + width: 14px; + color: var(--blades-lightblack); + left: 3px; + bottom: 7px; } - -.sheet-harm button[type=roll].sheet-broadcast-button { - color: white; - font-weight: normal; - font-size: 11px; - line-height: 11px; - right: 2px; - top: 1px; +.charsheet .clocks button[type=roll].broadcast-button { + font-size: 11px; + line-height: 11px; + height: 12px; + width: 12px; + color: var(--blades-lightblack); + right: 0; + bottom: 2px; +} +.charsheet .harm button[type=roll].broadcast-button { + color: var(--blades-whitetext); + font-weight: normal; + font-size: 11px; + line-height: 11px; + right: 2px; + top: 1px; } /* Kirsty */ -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-specialheader, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-blackheader, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-greyheader, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-black-on-grey, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-playbook input[type="text"], -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-plainheader, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-itemheader :first-child, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-loadheader :first-child, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-attribute-title button[type=roll].sheet-rollbutton, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-bonusdie > .sheet-label:first-child, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-cohort-title, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-claimbox .sheet-label, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-lairbox, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-crewheader, -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-factiontitle input[type="text"], -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-factions-header input[type="text"] { - font-family: Kirsty, Georgia, serif; +.charsheet .use-kirsty[value="1"] ~ .container .specialheader, +.charsheet .use-kirsty[value="1"] ~ .container .blackheader, +.charsheet .use-kirsty[value="1"] ~ .container .greyheader, +.charsheet .use-kirsty[value="1"] ~ .container .black-on-grey, +.charsheet .use-kirsty[value="1"] ~ .container .playbook input[type=text], +.charsheet .use-kirsty[value="1"] ~ .container .plainheader, +.charsheet .use-kirsty[value="1"] ~ .container .itemheader :first-child, +.charsheet .use-kirsty[value="1"] ~ .container .loadheader :first-child, +.charsheet .use-kirsty[value="1"] ~ .container .attribute-title button[type=roll].rollbutton, +.charsheet .use-kirsty[value="1"] ~ .container .bonusdie > .sheet-label:first-child, +.charsheet .use-kirsty[value="1"] ~ .container .cohort-title, +.charsheet .use-kirsty[value="1"] ~ .container .claimbox .sheet-label, +.charsheet .use-kirsty[value="1"] ~ .container .lairbox, +.charsheet .use-kirsty[value="1"] ~ .container .crewheader, +.charsheet .use-kirsty[value="1"] ~ .container .factiontitle input[type=text], +.charsheet .use-kirsty[value="1"] ~ .container .factions-header input[type=text] { + font-family: Kirsty, Georgia, serif; } - -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-claimbox .sheet-label { - font-size: 10px; - font-weight: 400; +.charsheet .use-kirsty[value="1"] ~ .container .claimbox .sheet-label { + font-size: 10px; + font-weight: 400; } - -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-specialheader, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-itemheader :first-child, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-loadheader :first-child { - font-size: 12px; - font-weight: 400; +.charsheet .use-kirsty[value="1"] ~ .container .specialheader, .charsheet .use-kirsty[value="1"] ~ .container .itemheader :first-child, .charsheet .use-kirsty[value="1"] ~ .container .loadheader :first-child { + font-size: 12px; + font-weight: 400; } - -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-plainheader, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-cohort-title { - font-size: 13px; - font-weight: 400; +.charsheet .use-kirsty[value="1"] ~ .container .plainheader, .charsheet .use-kirsty[value="1"] ~ .container .cohort-title { + font-size: 13px; + font-weight: 400; } - -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-factions-header input[type="text"], -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-bonusdie > .sheet-label:first-child { - font-size: 14px; - font-weight: 400; +.charsheet .use-kirsty[value="1"] ~ .container .factions-header input[type=text], +.charsheet .use-kirsty[value="1"] ~ .container .bonusdie > .sheet-label:first-child { + font-size: 14px; + font-weight: 400; } - -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-attribute-title button[type=roll].sheet-rollbutton, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-lairbox { - font-size: 15px; - font-weight: 400; +.charsheet .use-kirsty[value="1"] ~ .container .attribute-title button[type=roll].rollbutton, .charsheet .use-kirsty[value="1"] ~ .container .lairbox { + font-size: 15px; + font-weight: 400; } - -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-crewheader { - font-size: 29px; - letter-spacing: 0; +.charsheet .use-kirsty[value="1"] ~ .container .crewheader { + font-size: 29px; + letter-spacing: 0; } - -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-factiontitle input[type="text"] { - font-size: 32px; +.charsheet .use-kirsty[value="1"] ~ .container .factiontitle input[type=text] { + font-size: 32px; } - -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-playbook input[type="text"] { - font-size: 40px; - letter-spacing: 0; +.charsheet .use-kirsty[value="1"] ~ .container .playbook input[type=text] { + font-size: 40px; + letter-spacing: 0; } - -.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-blackheader .sheet-label, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-blackheader button[type="roll"].sheet-label, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-greyheader .sheet-label, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-greyheader button[type="roll"].sheet-label, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-black-on-grey .sheet-label, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-black-on-grey button[type="roll"].sheet-label { - font-size: 12px; - font-weight: 400; +.charsheet .use-kirsty[value="1"] ~ .container .blackheader .sheet-label, .charsheet .use-kirsty[value="1"] ~ .container .blackheader button[type=roll].sheet-label, .charsheet .use-kirsty[value="1"] ~ .container .greyheader .sheet-label, .charsheet .use-kirsty[value="1"] ~ .container .greyheader button[type=roll].sheet-label, .charsheet .use-kirsty[value="1"] ~ .container .black-on-grey .sheet-label, .charsheet .use-kirsty[value="1"] ~ .container .black-on-grey button[type=roll].sheet-label { + font-size: 12px; + font-weight: 400; } /* Custom action/attribute labels */ -.sheet-settings .sheet-custom-actions { - width: 100%; - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-column-gap: 5px; +.charsheet .settings .custom-actions { + width: 100%; + display: -ms-grid; + display: grid; + -ms-grid-columns: 1fr 5px 1fr 5px 1fr; + grid-template-columns: 1fr 1fr 1fr; + grid-column-gap: 5px; } - -.sheet-settings .sheet-custom-actions label { - grid-column: span 3; +.charsheet .settings .custom-actions label { + -ms-grid-column-span: 3; + grid-column: span 3; } - -.sheet-custom-action-toggle[value="0"] ~ .sheet-container .sheet-settings .sheet-custom-actions .sheet-column { - cursor: pointer; - pointer-events: none; - opacity: 0.6; +.custom-action-toggle[value="0"] ~ .container .charsheet .settings .custom-actions .column { + cursor: pointer; + pointer-events: none; + opacity: 0.6; } - -.sheet-settings .sheet-custom-actions .sheet-column { - display: grid; - grid: auto / 1fr 1fr; - grid-gap: 2px; +.charsheet .settings .custom-actions .column { + display: -ms-grid; + display: grid; + grid: auto/1fr 1fr; + grid-gap: 2px; } - -.sheet-settings .sheet-custom-actions .sheet-column .sheet-attribute-label { - font-weight: bold; - grid-column: span 2; +.charsheet .settings .custom-actions .column .attribute-label { + font-weight: bold; + -ms-grid-column-span: 2; + grid-column: span 2; } - -.sheet-custom-action-toggle[value="0"] ~ .sheet-container .sheet-custom-label, -.sheet-custom-action-toggle[value="1"] ~ .sheet-container .sheet-default-label { - display: none; +.charsheet .custom-action-toggle[value="0"] ~ .container .custom-label, +.charsheet .custom-action-toggle[value="1"] ~ .container .default-label { + display: none; } /* Adjustments for non-English languages */ .charsheet.lang-ko { - font-family: "Malgun Gothic", Dotum, Georgia, "Bitstream Charter", "Times New Roman", serif; + font-family: "Malgun Gothic", Dotum, Georgia, "Bitstream Charter", "Times New Roman", serif; } - -.charsheet.lang-ko .sheet-kirsty-option { - display: none; +.charsheet.lang-ko .kirsty-option { + display: none; } - -.charsheet.lang-ko .sheet-settings label.sheet-generatebutton { - font-size: 12px; +.charsheet.lang-ko .settings label.generatebutton { + font-size: 12px; } - -.charsheet.lang-ko .sheet-settings > div { - font-size: 11px; +.charsheet.lang-ko .settings > div { + font-size: 11px; } - -.charsheet.lang-ko .sheet-header .sheet-title { - font-size: 13px; +.charsheet.lang-ko .header .title { + font-size: 13px; } - -.charsheet.lang-ko .sheet-header .sheet-info { - font-size: 11px; +.charsheet.lang-ko .header .info { + font-size: 11px; } - -.charsheet.lang-ko .sheet-header .sheet-smallcaps { - font-size: 1em; +.charsheet.lang-ko .header .smallcaps { + font-size: 1em; } - -.charsheet.lang-ko .sheet-header .sheet-italic { - font-style: normal; +.charsheet.lang-ko .header .italic { + font-style: normal; } - -.charsheet.lang-ko .sheet-stress4 { - font-size: 12px; +.charsheet.lang-ko .stress4 { + font-size: 12px; } - -.charsheet.lang-ko .sheet-harmrow .sheet-harmeffect { - font-size: 12px; +.charsheet.lang-ko .harmrow .harmeffect { + font-size: 12px; } - -.charsheet.lang-ko .sheet-healing-progress { - font-size: 11px; +.charsheet.lang-ko .healing-progress { + font-size: 11px; } - -.charsheet.lang-ko .sheet-armor label { - font-size: 12px; +.charsheet.lang-ko .armor label { + font-size: 12px; } - -.charsheet.lang-ko .sheet-coinrow .sheet-label, .charsheet.lang-ko .sheet-coinrow button[type="roll"].sheet-rollbutton { - font-size: 12px; +.charsheet.lang-ko .coinrow .sheet-label, .charsheet.lang-ko .coinrow button[type=roll].rollbutton { + font-size: 12px; } - -.charsheet.lang-ko .sheet-specialheader { - font-size: 13px; +.charsheet.lang-ko .specialheader { + font-size: 13px; } - -.charsheet.lang-ko .sheet-abilityname { - font-size: 14px; +.charsheet.lang-ko .abilityname { + font-size: 14px; } - -.charsheet.lang-ko .sheet-abilitydesc { - font-family: 13px; - line-height: 16px; - min-height: 36px; +.charsheet.lang-ko .abilitydesc { + font-family: 13px; + line-height: 16px; + min-height: 36px; } - -.charsheet.lang-ko .sheet-plainheader { - font-size: 14px; +.charsheet.lang-ko .plainheader { + font-size: 14px; } - -.charsheet.lang-ko .sheet-teamworkbox { - font-size: 13px; +.charsheet.lang-ko .teamworkbox { + font-size: 13px; } - -.charsheet.lang-ko .sheet-gatherinfo li { - font-size: 12px; +.charsheet.lang-ko .gatherinfo li { + font-size: 12px; } - -.charsheet.lang-ko .sheet-strictures { - font-size: 12px; +.charsheet.lang-ko .strictures { + font-size: 12px; } - -.charsheet.lang-ko .sheet-playbook textarea { - font-size: 12px; +.charsheet.lang-ko .playbook textarea { + font-size: 12px; } - -.charsheet.lang-ko .sheet-loadheader .sheet-loadnumber { - font-family: inherit; +.charsheet.lang-ko .loadheader .loadnumber { + font-family: inherit; } - -.charsheet.lang-ko .sheet-loadheader label { - font-style: normal; +.charsheet.lang-ko .loadheader label { + font-style: normal; } - -.charsheet.lang-ko .sheet-itemheader, .charsheet.lang-ko .sheet-loadheader { - font-size: 12px; - padding: 1px 2px 0 4px; - height: auto; +.charsheet.lang-ko .itemheader, .charsheet.lang-ko .loadheader { + font-size: 12px; + padding: 1px 2px 0 4px; + height: auto; } - -.charsheet.lang-ko .sheet-numboxes-chooser { - font-size: 10px; +.charsheet.lang-ko .numboxes-chooser { + font-size: 10px; } - -.charsheet.lang-ko .sheet-item .sheet-itemname, .charsheet.lang-ko .sheet-item .sheet-label { - font-size: 12px; +.charsheet.lang-ko .item .itemname, .charsheet.lang-ko .item .sheet-label { + font-size: 12px; } - -.charsheet.lang-ko .sheet-item .sheet-label.sheet-upgradecosts { - font-size: 9px; +.charsheet.lang-ko .item .sheet-label.upgradecosts { + font-size: 9px; } - -.charsheet.lang-ko .sheet-itemholder .sheet-expand ~ textarea { - font-size: 11px; +.charsheet.lang-ko .itemholder .expand ~ textarea { + font-size: 11px; } - -.charsheet.lang-ko .sheet-bandoliers-name { - font-size: 13px; +.charsheet.lang-ko .bandoliers-name { + font-size: 13px; } - -.charsheet.lang-ko .sheet-bandolier-desc { - font-size: 11px; - font-style: normal; +.charsheet.lang-ko .bandolier-desc { + font-size: 11px; + font-style: normal; } - -.charsheet.lang-ko .sheet-attribute-title button[type="roll"].sheet-rollbutton { - font-size: 15px; +.charsheet.lang-ko .attribute-title button[type=roll].rollbutton { + font-size: 15px; } - -.charsheet.lang-ko .sheet-action button[type="roll"].sheet-rollbutton { - font-size: 15px; +.charsheet.lang-ko .action button[type=roll].rollbutton { + font-size: 15px; } - -.charsheet.lang-ko button[type="roll"].sheet-borderbutton { - font-size: 15px; +.charsheet.lang-ko button[type=roll].borderbutton { + font-size: 15px; } - -.charsheet.lang-ko .sheet-bonusdietext, .charsheet.lang-ko .sheet-bonusdie .sheet-label { - font-size: 13px; +.charsheet.lang-ko .bonusdietext, .charsheet.lang-ko .bonusdie .sheet-label { + font-size: 13px; } - -.charsheet.lang-ko .sheet-friend-contact .sheet-auto-expand { - font-size: 13px; +.charsheet.lang-ko .friend-contact .auto-expand { + font-size: 13px; } - -.charsheet.lang-ko .sheet-clocks .sheet-auto-expand { - font-size: 12px; +.charsheet.lang-ko .clocks .auto-expand { + font-size: 12px; } - -.charsheet.lang-ko .sheet-crewcoin-desc { - font-style: normal; +.charsheet.lang-ko .crewcoin-desc { + font-style: normal; } - -.charsheet.lang-ko .sheet-claimbox textarea.sheet-label { - font-size: 12px; +.charsheet.lang-ko .claimbox textarea.sheet-label { + font-size: 12px; } - -.charsheet.lang-ko .sheet-claimbox textarea.sheet-claim-desc { - overflow: hidden; - height: 54px; - line-height: 12px; - font-size: 11px; +.charsheet.lang-ko .claimbox textarea.claim-desc { + overflow: hidden; + height: 54px; + line-height: 12px; + font-size: 11px; } - -.charsheet.lang-ko .sheet-claimbox, .charsheet.lang-ko .sheet-lairbox { - height: 84px; +.charsheet.lang-ko .claimbox, .charsheet.lang-ko .lairbox { + height: 84px; } - -.charsheet.lang-ko .sheet-cohort-title { - font-size: 12px; +.charsheet.lang-ko .cohort-title { + font-size: 12px; } - -.charsheet.lang-ko .sheet-cohort-info { - height: 15px; - font-size: 11px; +.charsheet.lang-ko .cohort-info { + height: 15px; + font-size: 11px; } - -.charsheet.lang-ko .sheet-cohort-condition-name { - font-size: 12px; +.charsheet.lang-ko .cohort-condition-name { + font-size: 12px; } - -.charsheet.lang-ko .sheet-cohort-edgeflaw { - font-size: 11px; +.charsheet.lang-ko .cohort-edgeflaw { + font-size: 11px; } - -.charsheet.lang-ko .sheet-cohort-description { - font-size: 11px; +.charsheet.lang-ko .cohort-description { + font-size: 11px; } - -.charsheet.lang-ko .sheet-factions-header span { - font-size: 9px; +.charsheet.lang-ko .factions-header span { + font-size: 9px; } - -.charsheet.lang-ko .sheet-faction-name, .charsheet.lang-ko input[type=text].sheet-faction-name { - width: 60%; +.charsheet.lang-ko .faction-name, .charsheet.lang-ko input[type=text].faction-name { + width: 60%; } - -.charsheet.lang-ko .sheet-faction-tier, .charsheet.lang-ko input[type=text].sheet-faction-tier { - width: 12%; +.charsheet.lang-ko .faction-tier, .charsheet.lang-ko input[type=text].faction-tier { + width: 12%; } - -.charsheet.lang-ko .sheet-faction-hold, .charsheet.lang-ko input[type=text].sheet-faction-hold { - width: 13%; +.charsheet.lang-ko .faction-hold, .charsheet.lang-ko input[type=text].faction-hold { + width: 13%; } -.charsheet.lang-fr .sheet-abilityname { - min-height: 34px; +.charsheet.lang-fr .abilityname { + min-height: 34px; } - -.charsheet.lang-fr .sheet-heat { - width: 48%; +.charsheet.lang-fr .heat { + width: 48%; } - -.charsheet.lang-fr .sheet-heat .sheet-blackheader { - letter-spacing: 0; +.charsheet.lang-fr .heat .blackheader { + letter-spacing: 0; } - -.charsheet.lang-fr .sheet-crewcoin { - width: 51%; +.charsheet.lang-fr .crewcoin { + width: 51%; } -.charsheet.lang-es .sheet-crewheader { - font-size: 24px; +.charsheet.lang-es .crewheader { + font-size: 24px; } - -.charsheet.lang-es .sheet-playbook input[type=text] { - font-size: 32px; +.charsheet.lang-es .playbook input[type=text] { + font-size: 32px; } - -.charsheet.lang-es .sheet-itemheader .sheet-italic { - line-height: 10px; +.charsheet.lang-es .itemheader .italic { + line-height: 10px; } - -.charsheet.lang-es .sheet-coinrow button[type=roll].sheet-rollbutton { - padding: 2px 0 0 6px; +.charsheet.lang-es .coinrow button[type=roll].rollbutton { + padding: 2px 0 0 6px; } - -.charsheet.lang-es .sheet-harmbody .sheet-harmeffect { - font-size: 9px; - letter-spacing: 0; +.charsheet.lang-es .harmbody .harmeffect { + font-size: 9px; + letter-spacing: 0; } - -.charsheet.lang-es .sheet-armor .sheet-label { - font-size: 10px; +.charsheet.lang-es .armor .sheet-label { + font-size: 10px; } - -.charsheet.lang-es .sheet-coinrow .sheet-label, -.charsheet.lang-es .sheet-coinrow button[type=roll].sheet-rollbutton { - font-size: 10px; +.charsheet.lang-es .coinrow .sheet-label, +.charsheet.lang-es .coinrow button[type=roll].rollbutton { + font-size: 10px; } -.charsheet.lang-pt .sheet-crewheader { - font-size: 24px; +.charsheet.lang-pt .crewheader { + font-size: 24px; } - -.charsheet.lang-pt .sheet-heat3 button[type=roll].sheet-rollbutton { - max-width: 56px; +.charsheet.lang-pt .heat3 button[type=roll].rollbutton { + max-width: 56px; } - -.charsheet.lang-pt .sheet-healing .sheet-healing-progress { - line-height: 10px; +.charsheet.lang-pt .healing .healing-progress { + line-height: 10px; } - -.charsheet.lang-pt .sheet-playbook input[type=text] { - font-size: 32px; +.charsheet.lang-pt .playbook input[type=text] { + font-size: 32px; } - -.charsheet.lang-pt .sheet-coinrow button[type=roll].sheet-rollbutton { - padding: 2px 0 0 6px; +.charsheet.lang-pt .coinrow button[type=roll].rollbutton { + padding: 2px 0 0 6px; } - -.charsheet.lang-pt .sheet-advancement-header { - font-size: 10px; +.charsheet.lang-pt .advancement-header { + font-size: 10px; } - -.charsheet.lang-pt .sheet-itemheader .sheet-italic { - line-height: 10px; +.charsheet.lang-pt .itemheader .italic { + line-height: 10px; } - -.charsheet.lang-pt .sheet-harmbody .sheet-harmeffect { - font-size: 9px; - letter-spacing: 0; +.charsheet.lang-pt .harmbody .harmeffect { + font-size: 9px; + letter-spacing: 0; } - -.charsheet.lang-pt .sheet-armor .sheet-label { - font-size: 10px; +.charsheet.lang-pt .armor .sheet-label { + font-size: 10px; } - -.charsheet.lang-pt .sheet-coinrow .sheet-label, -.charsheet.lang-pt .sheet-coinrow button[type=roll].sheet-rollbutton { - font-size: 10px; +.charsheet.lang-pt .coinrow .sheet-label, +.charsheet.lang-pt .coinrow button[type=roll].rollbutton { + font-size: 10px; } /* Colors */ /* Standard template */ .sheet-rolltemplate-blades { - /* Header */ - /* Image */ - /* Title */ - /* Position and Effect */ - /* Dice */ - /* Zerodice dice holder */ - /* Zerodice text */ - /* Inlinerolls */ - /* Instructions and Notes */ + /* Header */ + /* Image */ + /* Title */ + /* Position and Effect */ + /* Dice */ + /* Zerodice dice holder */ + /* Zerodice text */ + /* Inlinerolls */ + /* Instructions and Notes */ } - .sheet-rolltemplate-blades .sheet-holder { - display: grid; - align-content: start; - align-items: end; - margin: 0 -5px -4px -45px; - padding: 16px 20px 0 30px; - max-width: 299px; - box-sizing: border-box; - font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; - user-select: none; - cursor: default; - overflow: hidden; - position: relative; - background-repeat: no-repeat; - font-variant-numeric: lining-nums; + display: -ms-grid; + display: grid; + -ms-flex-line-pack: start; + align-content: start; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: end; + margin: 0 -5px -4px -45px; + padding: 16px 20px 0 30px; + max-width: 299px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; + overflow: hidden; + position: relative; + background-repeat: no-repeat; + font-variant-numeric: lining-nums; } - .withoutavatars .sheet-rolltemplate-blades .sheet-holder { - margin-left: -15px; + margin-left: -15px; } - .sheet-rolltemplate-blades .sheet-action { - height: 258px; - grid: 35px 53px 74px 54px / 133px 1fr; - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-action.gif"); + height: 258px; + grid: 35px 53px 74px 54px/133px 1fr; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-action.gif"); } - .sheet-rolltemplate-blades .sheet-action.sheet-short { - height: 195px; + height: 195px; } - .sheet-rolltemplate-blades .sheet-fortune { - min-height: 250px; - grid: 35px 53px 42px auto / 56% 44%; - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-fortune.jpg"); - background-position: bottom right; - background-color: white; - height: auto; + min-height: 250px; + grid: 35px 53px 42px auto/56% 44%; + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-fortune.jpg"); + background-position: bottom right; + background-color: white; + height: auto; } - .sheet-rolltemplate-blades .sheet-fortune.sheet-short { - min-height: 199px; - grid: 0 31px 42px auto/ 56% 44%; + min-height: 199px; + grid: 0 31px 42px auto/56% 44%; } - .sheet-rolltemplate-blades .sheet-resist, .sheet-rolltemplate-blades .sheet-vice { - height: 258px; - grid: 35px 35px 62px auto/ auto; + height: 258px; + grid: 35px 35px 62px auto/auto; } - .sheet-rolltemplate-blades .sheet-resist.sheet-short, .sheet-rolltemplate-blades .sheet-vice.sheet-short { - height: 171px; + height: 171px; } - .sheet-rolltemplate-blades .sheet-resist { - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-resist.jpg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-resist.jpg"); } - .sheet-rolltemplate-blades .sheet-vice { - background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-vice.jpg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-vice.jpg"); } - .sheet-rolltemplate-blades .sheet-header { - grid-column: span 2; - display: -webkit-box; - font-size: 15px; - height: 35px; - line-height: 17.5px; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - overflow: hidden; - font-variant: small-caps; - text-overflow: ellipsis; + -ms-grid-column-span: 2; + grid-column: span 2; + display: -webkit-box; + font-size: 15px; + height: 35px; + line-height: 17.5px; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + font-variant: small-caps; + text-overflow: ellipsis; } - .sheet-rolltemplate-blades .sheet-header.sheet-narrow { - width: calc(100% - 52px); + width: calc(100% - 52px); } - .sheet-rolltemplate-blades .sheet-resist .sheet-header { - color: #8da8bb; + color: #8da8bb; } - .sheet-rolltemplate-blades .sheet-vice .sheet-header { - color: white; + color: white; } - .sheet-rolltemplate-blades .sheet-fortune .sheet-header { - color: #303032; - letter-spacing: 1px; - font-weight: 800; + color: #303032; + letter-spacing: 1px; + font-weight: 800; } - .sheet-rolltemplate-blades .sheet-action .sheet-header { - color: #e74a10; - letter-spacing: 1px; - font-weight: 800; + color: #e74a10; + letter-spacing: 1px; + font-weight: 800; } - .sheet-rolltemplate-blades .sheet-char-image { - position: absolute; - right: 10px; - top: 10px; - line-height: 0; + position: absolute; + right: 10px; + top: 10px; + line-height: 0; } - .sheet-rolltemplate-blades .sheet-char-image a { - cursor: default; - pointer-events: none; + cursor: default; + pointer-events: none; } - .sheet-rolltemplate-blades .sheet-char-image img { - max-width: 60px; - max-height: 80px; + max-width: 60px; + max-height: 80px; } - .sheet-rolltemplate-blades .sheet-title { - grid-column: span 2; - color: white; - position: relative; - text-transform: uppercase; - font-weight: bold; + -ms-grid-column-span: 2; + grid-column: span 2; + color: white; + position: relative; + text-transform: uppercase; + font-weight: bold; } - .sheet-rolltemplate-blades .sheet-title img { - display: block; - height: 100%; + display: block; + height: 100%; } - .sheet-rolltemplate-blades .sheet-action .sheet-title, .sheet-rolltemplate-blades .sheet-fortune .sheet-title { - font-size: 36px; - line-height: 31px; - height: 31px; + font-size: 36px; + line-height: 31px; + height: 31px; } - .sheet-rolltemplate-blades .sheet-vice .sheet-title, .sheet-rolltemplate-blades .sheet-resist .sheet-title { - font-size: 24px; - line-height: 24px; - height: 24px; + font-size: 24px; + line-height: 24px; + height: 24px; } - .sheet-rolltemplate-blades .sheet-fortune .sheet-title { - color: black; + color: black; } - .sheet-rolltemplate-blades .sheet-small-title { - font-size: 28px; + font-size: 28px; } - .sheet-rolltemplate-blades .sheet-position, .sheet-rolltemplate-blades .sheet-effect { - color: white; - text-transform: uppercase; - font-size: 12px; - letter-spacing: 1px; + color: white; + text-transform: uppercase; + font-size: 12px; + letter-spacing: 1px; } - .sheet-rolltemplate-blades .sheet-dice { - grid-column: span 2; - height: 27px; - font-size: 19px; - line-height: 20px; - color: white; + -ms-grid-column-span: 2; + grid-column: span 2; + height: 27px; + font-size: 19px; + line-height: 20px; + color: white; } - .sheet-rolltemplate-blades .sheet-fortune .sheet-dice { - color: #303032; + color: #303032; } - .sheet-rolltemplate-blades .sheet-action .sheet-zerodice1 { - text-shadow: 0 0 6px #ff9e00; - color: white; + text-shadow: 0 0 6px rgb(255, 158, 0); + color: white; } - .sheet-rolltemplate-blades .sheet-fortune .sheet-zerodice1 { - text-shadow: 0 0 6px #88dbd7; - color: #1e1e1e; + text-shadow: 0 0 6px rgb(136, 219, 215); + color: #1e1e1e; } - .sheet-rolltemplate-blades .sheet-vice .sheet-zerodice1, .sheet-rolltemplate-blades .sheet-resist .sheet-zerodice1 { - text-shadow: 0 0 6px #09c7d0; - color: white; + text-shadow: 0 0 6px rgb(9, 199, 208); + color: white; } - .sheet-rolltemplate-blades .sheet-zerodice2 { - line-height: 1; - font-size: 12.5px; - margin-top: 7px; - font-style: italic; + line-height: 1; + font-size: 12.5px; + margin-top: 7px; + font-style: italic; } - .sheet-rolltemplate-blades .sheet-vice .sheet-zerodice2, .sheet-rolltemplate-blades .sheet-resist .sheet-zerodice2 { - text-shadow: 0 0 6px #09c7d0; - color: #d8e4ef; + text-shadow: 0 0 6px rgb(9, 199, 208); + color: #d8e4ef; } - .sheet-rolltemplate-blades .sheet-action .sheet-zerodice2 { - text-shadow: 0 0 6px #ff9e00; - color: #ffd8ca; + text-shadow: 0 0 6px rgb(255, 158, 0); + color: #ffd8ca; } - .sheet-rolltemplate-blades .sheet-fortune .sheet-zerodice2 { - width: 60%; - text-shadow: 0 0 6px #88dbd7; - color: #1e1e1e; + width: 60%; + text-shadow: 0 0 6px rgb(136, 219, 215); + color: #1e1e1e; } - .sheet-rolltemplate-blades .inlinerollresult, .sheet-rolltemplate-blades .sheet-action .inlinerollresult, .sheet-rolltemplate-blades .sheet-fortune .inlinerollresult, .sheet-rolltemplate-blades .sheet-vice .inlinerollresult, .sheet-rolltemplate-blades .sheet-resist .inlinerollresult { - border: none !important; - background-color: transparent; - font-weight: normal; - padding: 0 3px 0 0; + border: none !important; + background-color: transparent; + font-weight: normal; + padding: 0 3px 0 0; } - .sheet-rolltemplate-blades .sheet-comma:last-child { - display: none; + display: none; } - .sheet-rolltemplate-blades .sheet-instructions { - grid-column: span 2; - margin-top: 30px; - line-height: 1.3; + -ms-grid-column-span: 2; + grid-column: span 2; + margin-top: 30px; + line-height: 1.3; } - .sheet-rolltemplate-blades .sheet-resist .sheet-instructions { - color: #d3dde4; - font-size: 13px; + color: #d3dde4; + font-size: 13px; } - .sheet-rolltemplate-blades .sheet-vice .sheet-instructions { - color: #c9c9c9; - font-size: 11px; + color: #c9c9c9; + font-size: 11px; } - .sheet-rolltemplate-blades .sheet-notes { - line-height: 1.2; - font-size: 13px; - margin: 30px 0 20px; - color: #303032; + line-height: 1.2; + font-size: 13px; + margin: 30px 0 20px; + color: #303032; } - .sheet-rolltemplate-blades .sheet-holder.sheet-i18n-ko { - font-family: "Malgun Gothic", Dotum, Georgia, "Bitstream Charter", "Times New Roman", serif; + font-family: "Malgun Gothic", Dotum, Georgia, "Bitstream Charter", "Times New Roman", serif; } - .sheet-rolltemplate-blades .sheet-i18n-fr.sheet-action .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-fr.sheet-action .sheet-small-title, .sheet-rolltemplate-blades .sheet-i18n-fr.sheet-fortune .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-fr.sheet-fortune .sheet-small-title { - font-size: 28px; + font-size: 28px; } - .sheet-rolltemplate-blades .sheet-i18n-es.sheet-action .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-es.sheet-action .sheet-small-title, .sheet-rolltemplate-blades .sheet-i18n-es.sheet-fortune .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-es.sheet-fortune .sheet-small-title, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-action .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-action .sheet-small-title, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-fortune .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-fortune .sheet-small-title { - font-size: 30px; + font-size: 30px; } - .sheet-rolltemplate-blades .sheet-i18n-es.sheet-resist.sheet-short, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-resist.sheet-short { - grid: 35px 30px 67px auto/ auto; + grid: 35px 30px 67px auto/auto; } - .sheet-rolltemplate-blades .sheet-i18n-es.sheet-resist.sheet-short .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-resist.sheet-short .sheet-title { - line-height: 20px; + line-height: 20px; } /* BROADCAST TEMPLATE */ .sheet-rolltemplate-bitd-broadcast { - margin: 0 -5px -4px -45px; - max-width: 299px; - padding: 16px 10px 15px 20px; - overflow: hidden; - box-sizing: border-box; - position: relative; - font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; - background-color: #180d06; - /* Image */ + margin: 0 -5px -4px -45px; + max-width: 299px; + padding: 16px 10px 15px 20px; + overflow: hidden; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + font-family: Georgia, "Bitstream Charter", "Times New Roman", serif; + background-color: #180d06; + /* Image */ } - .withoutavatars .sheet-rolltemplate-bitd-broadcast { - margin-left: -15px; + margin-left: -15px; } - .sheet-rolltemplate-bitd-broadcast .sheet-i18n-ko { - font-family: "Malgun Gothic", Dotum, Georgia, "Bitstream Charter", "Times New Roman", serif; + font-family: "Malgun Gothic", Dotum, Georgia, "Bitstream Charter", "Times New Roman", serif; } - .sheet-rolltemplate-bitd-broadcast .sheet-header { - color: #e74a10; - font-size: 15px; - line-height: 19px; - font-variant: small-caps; - letter-spacing: 1px; - font-weight: 800; + color: #e74a10; + font-size: 15px; + line-height: 19px; + font-variant: small-caps; + letter-spacing: 1px; + font-weight: 800; } - .sheet-rolltemplate-bitd-broadcast .sheet-header.sheet-narrow { - width: calc(100% - 62px); + width: calc(100% - 62px); } - .sheet-rolltemplate-bitd-broadcast .sheet-char-image { - position: absolute; - right: 10px; - top: 10px; - line-height: 0; + position: absolute; + right: 10px; + top: 10px; + line-height: 0; } - .sheet-rolltemplate-bitd-broadcast .sheet-char-image a { - cursor: default; - pointer-events: none; + cursor: default; + pointer-events: none; } - .sheet-rolltemplate-bitd-broadcast .sheet-char-image img { - max-width: 60px; - max-height: 80px; + max-width: 60px; + max-height: 80px; } - .sheet-rolltemplate-bitd-broadcast .sheet-flex { - display: flex; - align-items: center; - clear: both; - margin: 5px 0 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + clear: both; + margin: 5px 0 0; } - .sheet-rolltemplate-bitd-broadcast .sheet-title { - margin: 9px 0 0; - color: white; - text-transform: uppercase; - position: relative; - font-weight: bold; - word-wrap: normal; - font-size: 23px; - line-height: 29px; + margin: 9px 0 0; + color: white; + text-transform: uppercase; + position: relative; + font-weight: bold; + word-wrap: normal; + font-size: 23px; + line-height: 29px; } - .sheet-rolltemplate-bitd-broadcast .sheet-title img { - margin: 9px 0 0; - display: block; - height: 31px; + margin: 9px 0 0; + display: block; + height: 31px; } - .sheet-flex .sheet-rolltemplate-bitd-broadcast .sheet-title { - margin: 0; - font-size: 20px; - line-height: 1.2; + margin: 0; + font-size: 20px; + line-height: 1.2; } - .sheet-rolltemplate-bitd-broadcast .sheet-content { - padding: 15px 0 5px; - line-height: 1.3; - font-size: 13px; - color: #ccc; + padding: 15px 0 5px; + line-height: 1.3; + font-size: 13px; + color: #ccc; } - .sheet-rolltemplate-bitd-broadcast .sheet-harm { - color: white; - width: 100%; - margin: 18px 0 0; - border: 1px solid white; + color: white; + width: 100%; + margin: 18px 0 0; + border: 1px solid white; } - .sheet-rolltemplate-bitd-broadcast .sheet-harm td { - text-align: center; - padding: 5px; - border: 1px solid white; + text-align: center; + padding: 5px; + border: 1px solid white; } - .sheet-rolltemplate-bitd-broadcast .sheet-harm td:first-child { - width: 10px; + width: 10px; } - .sheet-rolltemplate-bitd-broadcast .sheet-harm td:nth-child(2n+1) { - font-weight: bold; + font-weight: bold; } - .sheet-rolltemplate-bitd-broadcast .sheet-harm td:nth-child(2) { - padding: 5px 0; + padding: 5px 0; } - .sheet-rolltemplate-bitd-broadcast .sheet-harm td:last-child { - width: 60px; - letter-spacing: 0.5px; - text-transform: uppercase; + width: 60px; + letter-spacing: 0.5px; + text-transform: uppercase; } - .sheet-rolltemplate-bitd-broadcast .sheet-harm-inner { - color: #e74a10; - padding: 0 5px; + color: #e74a10; + padding: 0 5px; } - .sheet-rolltemplate-bitd-broadcast .sheet-harm-inner:first-child:not(:last-child) { - padding-bottom: 2.5px; - border-bottom: 1px solid white; + padding-bottom: 2.5px; + border-bottom: 1px solid white; } - .sheet-rolltemplate-bitd-broadcast .sheet-harm-inner:last-child:not(:first-child) { - padding-top: 2.5px; + padding-top: 2.5px; } - .sheet-rolltemplate-bitd-broadcast .sheet-clock { - width: 88px; - flex: 0 0 auto; - box-sizing: border-box; - position: relative; - background: white; - height: 88px; - border: 4px solid black; - border-radius: 50%; - margin-right: 4px; + width: 88px; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: relative; + background: white; + height: 88px; + border: 4px solid black; + border-radius: 50%; + margin-right: 4px; } - -.sheet-rolltemplate-bitd-broadcast [class^='sheet-spoke'] { - height: 88px; - width: 4px; - position: absolute; - background: black; +.sheet-rolltemplate-bitd-broadcast [class^=sheet-spoke] { + height: 88px; + width: 4px; + position: absolute; + background: black; } - -.sheet-rolltemplate-bitd-broadcast [class^='sheet-spoke']:not(.sheet-spoke-0) { - display: none; +.sheet-rolltemplate-bitd-broadcast [class^=sheet-spoke]:not(.sheet-spoke-0) { + display: none; } - .sheet-rolltemplate-bitd-broadcast .sheet-size-4 .sheet-spoke-90, .sheet-rolltemplate-bitd-broadcast .sheet-size-6 .sheet-spoke-60, .sheet-rolltemplate-bitd-broadcast .sheet-size-6 .sheet-spoke-120, @@ -3902,214 +4325,184 @@ button[type=roll].sheet-broadcast-button { .sheet-rolltemplate-bitd-broadcast .sheet-size-12 .sheet-spoke-90, .sheet-rolltemplate-bitd-broadcast .sheet-size-12 .sheet-spoke-120, .sheet-rolltemplate-bitd-broadcast .sheet-size-12 .sheet-spoke-150 { - display: block; + display: block; } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-0 { - transform: translate(39px, -4px); + -webkit-transform: translate(39px, -4px); + transform: translate(39px, -4px); } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-30 { - transform: translate(39px, -4px) rotate(30deg); + -webkit-transform: translate(39px, -4px) rotate(30deg); + transform: translate(39px, -4px) rotate(30deg); } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-36 { - transform: translate(39px, -4px) rotate(36deg); + -webkit-transform: translate(39px, -4px) rotate(36deg); + transform: translate(39px, -4px) rotate(36deg); } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-45 { - transform: translate(39px, -4px) rotate(45deg); + -webkit-transform: translate(39px, -4px) rotate(45deg); + transform: translate(39px, -4px) rotate(45deg); } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-60 { - transform: translate(39px, -4px) rotate(60deg); + -webkit-transform: translate(39px, -4px) rotate(60deg); + transform: translate(39px, -4px) rotate(60deg); } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-72 { - transform: translate(39px, -4px) rotate(72deg); + -webkit-transform: translate(39px, -4px) rotate(72deg); + transform: translate(39px, -4px) rotate(72deg); } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-90 { - transform: translate(39px, -4px) rotate(90deg); + -webkit-transform: translate(39px, -4px) rotate(90deg); + transform: translate(39px, -4px) rotate(90deg); } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-108 { - transform: translate(39px, -4px) rotate(108deg); + -webkit-transform: translate(39px, -4px) rotate(108deg); + transform: translate(39px, -4px) rotate(108deg); } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-120 { - transform: translate(39px, -4px) rotate(120deg); + -webkit-transform: translate(39px, -4px) rotate(120deg); + transform: translate(39px, -4px) rotate(120deg); } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-135 { - transform: translate(39px, -4px) rotate(135deg); + -webkit-transform: translate(39px, -4px) rotate(135deg); + transform: translate(39px, -4px) rotate(135deg); } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-144 { - transform: translate(39px, -4px) rotate(144deg); + -webkit-transform: translate(39px, -4px) rotate(144deg); + transform: translate(39px, -4px) rotate(144deg); } - .sheet-rolltemplate-bitd-broadcast .sheet-spoke-150 { - transform: translate(39px, -4px) rotate(150deg); + -webkit-transform: translate(39px, -4px) rotate(150deg); + transform: translate(39px, -4px) rotate(150deg); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-1 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, var(--blades-whitetext))); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(180deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-2 { - background-image: linear-gradient(90deg, white 50%, red 50%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-3 { - background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-4 { - background: red; + background: red; } - .sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-1 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(150deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-2 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(210deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-3 { - background-image: linear-gradient(90deg, white 50%, red 50%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-4 { - background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-5 { - background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-6 { - background: red; + background: red; } - .sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-1 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(135deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(135deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-2 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, var(--blades-whitetext))); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(180deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-3 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(225deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(225deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-4 { - background-image: linear-gradient(90deg, white 50%, red 50%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-5 { - background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-6 { - background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-7 { - background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-8 { - background: red; + background: red; } - .sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-1 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(126deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(126deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-2 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(162deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(162deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-3 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(198deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(198deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-4 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(234deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(234deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-5 { - background-image: linear-gradient(90deg, white 50%, red 50%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-6 { - background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-7 { - background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-8 { - background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-9 { - background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-10 { - background: red; + background: red; } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-1 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(120deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(120deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-2 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(150deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-3 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, red), color-stop(50%, var(--blades-whitetext))); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(180deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-4 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(210deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-5 { - background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(240deg, red 50%, white 50%); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, transparent 50%), linear-gradient(240deg, red 50%, var(--blades-whitetext) 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-6 { - background-image: linear-gradient(90deg, white 50%, red 50%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-7 { - background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-8 { - background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-9 { - background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, red)), -webkit-gradient(linear, left top, right top, color-stop(50%, var(--blades-whitetext)), color-stop(50%, red)); + background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-10 { - background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-11 { - background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%); + background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, var(--blades-whitetext) 50%, red 50%); } - .sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-12 { - background: red; -} - + background: red; +} \ No newline at end of file diff --git a/Blades in the Dark/blades.html b/Blades in the Dark/blades.html index 598cc5d0d8..0c36b34403 100644 --- a/Blades in the Dark/blades.html +++ b/Blades in the Dark/blades.html @@ -1,4 +1,5 @@ -
+ +
@@ -33,11 +34,11 @@
-
- - - - +
+ + + +
-
+
@@ -373,7 +381,7 @@
@@ -383,7 +391,7 @@
-
+
@@ -409,7 +417,7 @@
-
+
@@ -536,7 +544,7 @@
-
+
@@ -555,7 +563,7 @@
- +
@@ -572,22 +580,22 @@
-
+
-
+
@@ -596,7 +604,7 @@
-
@@ -646,7 +654,7 @@
-
+
@@ -666,8 +674,8 @@
-
-
+
+
@@ -711,14 +719,14 @@
-
+
-
+
  • @@ -744,31 +752,31 @@
-
+
@@ -776,14 +784,14 @@
- - + +

-
+
@@ -795,7 +803,7 @@
-
+
@@ -873,7 +881,7 @@
- +
@@ -897,7 +905,7 @@
- +
@@ -912,7 +920,7 @@
- @@ -944,7 +952,7 @@ -
@@ -958,7 +966,7 @@ -
@@ -972,7 +980,7 @@ -
@@ -986,14 +994,14 @@ -
- @@ -1025,7 +1033,7 @@ -
@@ -1039,7 +1047,7 @@ -
@@ -1053,7 +1061,7 @@ -
@@ -1067,14 +1075,14 @@ -
- @@ -1106,7 +1114,7 @@ -
@@ -1120,7 +1128,7 @@ -
@@ -1134,7 +1142,7 @@ -
@@ -1148,7 +1156,7 @@ -
@@ -1157,7 +1165,7 @@
-
+
@@ -1175,9 +1183,9 @@
- -
Q:
- + +
Q:
+
@@ -1206,17 +1214,17 @@
-
+
+
-
-
+
+
-
+
@@ -1241,7 +1249,7 @@
-
+
@@ -1302,40 +1310,40 @@
-
+
-
+
@@ -1363,7 +1371,7 @@
-
+
@@ -1372,22 +1380,22 @@
-
+
-
@@ -1400,6 +1408,7 @@
+
@@ -1407,7 +1416,7 @@ - +
@@ -1615,7 +1624,7 @@ - +
+ + +
+
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+ + +
+
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+ +
+ + +
+ +
+
+
+
+ + + + + + + +
+
+
+ +
+
+
-
+
@@ -1683,7 +2332,7 @@
-
@@ -1699,10 +2348,10 @@
-
+
-
+
@@ -1730,7 +2379,7 @@
-
+
@@ -1748,8 +2397,8 @@
-
-
+
+
@@ -1785,13 +2434,13 @@
- - + +

-
+
@@ -1819,8 +2468,8 @@
-
-
+
+
@@ -1956,8 +2605,8 @@
-
-
+
+
@@ -1968,7 +2617,7 @@
-
+
@@ -2017,7 +2666,7 @@
-
+
@@ -2030,7 +2679,7 @@
-
+
@@ -2048,7 +2697,7 @@
- +
@@ -2081,7 +2730,7 @@
-
+
@@ -2099,7 +2748,7 @@
- +
@@ -2130,7 +2779,7 @@
-
+
@@ -2152,7 +2801,7 @@
-
+
@@ -2211,7 +2860,7 @@
- +