/* ======================== 5ETOOLS CUSTOM OVERRIDES ======================== */ /*#region Var*/ :root { /*#region COLORS*/ --otm-dark-main-heading: #d29e38; --otm-dark-subheading: #ff7043; --otm-link-default: #ffa03c;/* #fb8c00*/ --otm-link-default-muted: #cc8030; --otm-link-dice: #ffab91; --otm-link-dice-muted: #cc8974; --otm-white: #e4e4e4; --otm-yellow-accent: #d29e34; --otm-green-accent: #004d40; --otm-red: #e53935; --otm-deco-gold: #e3c24a; --otm-deco-gold-light: #f0d87a; /*#endregion COLORS*/ /*#region EFFECTS*/ --otm-deco-gradient: linear-gradient( 150deg, var(--otm-deco-gold) 0%, color-mix(in lab, var(--otm-deco-gold), white 3%) 26%, color-mix(in lab, var(--otm-deco-gold), white 20%) 45%, color-mix(in lab, var(--otm-deco-gold), white 40%) 51%, color-mix(in lab, var(--otm-deco-gold), white 7%) 80% ); --otm-deco-corner-size: 50px; --otm-deco-h-corner-size: 60px; /*#endregion EFFECTS*/ /*#region ICONS*/ --otm-icon-dice: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtZGljZXMtaWNvbiBsdWNpZGUtZGljZXMiPjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgeD0iMiIgeT0iMTAiIHJ4PSIyIiByeT0iMiIvPjxwYXRoIGQ9Im0xNy45MiAxNCAzLjUtMy41YTIuMjQgMi4yNCAwIDAgMCAwLTNsLTUtNC45MmEyLjI0IDIuMjQgMCAwIDAtMyAwTDEwIDYiLz48cGF0aCBkPSJNNiAxOGguMDEiLz48cGF0aCBkPSJNMTAgMTRoLjAxIi8+PHBhdGggZD0iTTE1IDZoLjAxIi8+PHBhdGggZD0iTTE4IDloLjAxIi8+PC9zdmc+"); --otm-icon-eye: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Ik0xNiA4cy0zLTUuNS04LTUuNVMwIDggMCA4czMgNS41IDggNS41UzE2IDggMTYgOE0xLjE3MyA4YTEzIDEzIDAgMCAxIDEuNjYtMi4wNDNDNC4xMiA0LjY2OCA1Ljg4IDMuNSA4IDMuNXMzLjg3OSAxLjE2OCA1LjE2OCAyLjQ1N0ExMyAxMyAwIDAgMSAxNC44MjggOHEtLjA4Ni4xMy0uMTk1LjI4OGMtLjMzNS40OC0uODMgMS4xMi0xLjQ2NSAxLjc1NUMxMS44NzkgMTEuMzMyIDEwLjExOSAxMi41IDggMTIuNXMtMy44NzktMS4xNjgtNS4xNjgtMi40NTdBMTMgMTMgMCAwIDEgMS4xNzIgOHoiLz48cGF0aCBkPSJNOCA1LjVhMi41IDIuNSAwIDEgMCAwIDUgMi41IDIuNSAwIDAgMCAwLTVNNC41IDhhMy41IDMuNSAwIDEgMSA3IDAgMy41IDMuNSAwIDAgMS03IDAiLz48L3N2Zz4K"); --otm-icon-eye-fill: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Ik0xMC41IDhhMi41IDIuNSAwIDEgMS01IDAgMi41IDIuNSAwIDAgMSA1IDAiLz48cGF0aCBkPSJNMCA4czMtNS41IDgtNS41UzE2IDggMTYgOHMtMyA1LjUtOCA1LjVTMCA4IDAgOG04IDMuNWEzLjUgMy41IDAgMSAwIDAtNyAzLjUgMy41IDAgMCAwIDAgNyIvPjwvc3ZnPgo="); --otm-icon-eye-slash: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Ik0xMy4zNTkgMTEuMjM4QzE1LjA2IDkuNzIgMTYgOCAxNiA4cy0zLTUuNS04LTUuNWE3IDcgMCAwIDAtMi43OS41ODhsLjc3Ljc3MUE2IDYgMCAwIDEgOCAzLjVjMi4xMiAwIDMuODc5IDEuMTY4IDUuMTY4IDIuNDU3QTEzIDEzIDAgMCAxIDE0LjgyOCA4cS0uMDg2LjEzLS4xOTUuMjg4Yy0uMzM1LjQ4LS44MyAxLjEyLTEuNDY1IDEuNzU1cS0uMjQ3LjI0OC0uNTE3LjQ4NnoiLz48cGF0aCBkPSJNMTEuMjk3IDkuMTc2YTMuNSAzLjUgMCAwIDAtNC40NzQtNC40NzRsLjgyMy44MjNhMi41IDIuNSAwIDAgMSAyLjgyOSAyLjgyOXptLTIuOTQzIDEuMjk5LjgyMi44MjJhMy41IDMuNSAwIDAgMS00LjQ3NC00LjQ3NGwuODIzLjgyM2EyLjUgMi41IDAgMCAwIDIuODI5IDIuODI5Ii8+PHBhdGggZD0iTTMuMzUgNS40N3EtLjI3LjI0LS41MTguNDg3QTEzIDEzIDAgMCAwIDEuMTcyIDhsLjE5NS4yODhjLjMzNS40OC44MyAxLjEyIDEuNDY1IDEuNzU1QzQuMTIxIDExLjMzMiA1Ljg4MSAxMi41IDggMTIuNWMuNzE2IDAgMS4zOS0uMTMzIDIuMDItLjM2bC43Ny43NzJBNyA3IDAgMCAxIDggMTMuNUMzIDEzLjUgMCA4IDAgOHMuOTM5LTEuNzIxIDIuNjQxLTMuMjM4bC43MDguNzA5em0xMC4yOTYgOC44ODQtMTItMTIgLjcwOC0uNzA4IDEyIDEyeiIvPjwvc3ZnPgo="); --otm-icon-eye-slash-fill: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGQ9Im0xMC43OSAxMi45MTItMS42MTQtMS42MTVhMy41IDMuNSAwIDAgMS00LjQ3NC00LjQ3NGwtMi4wNi0yLjA2Qy45MzggNi4yNzggMCA4IDAgOHMzIDUuNSA4IDUuNWE3IDcgMCAwIDAgMi43OS0uNTg4TTUuMjEgMy4wODhBNyA3IDAgMCAxIDggMi41YzUgMCA4IDUuNSA4IDUuNXMtLjkzOSAxLjcyMS0yLjY0MSAzLjIzOGwtMi4wNjItMi4wNjJhMy41IDMuNSAwIDAgMC00LjQ3NC00LjQ3NHoiLz48cGF0aCBkPSJNNS41MjUgNy42NDZhMi41IDIuNSAwIDAgMCAyLjgyOSAyLjgyOXptNC45NS43MDgtMi44MjktMi44M2EyLjUgMi41IDAgMCAxIDIuODI5IDIuODI5em0zLjE3MSA2LTEyLTEyIC43MDgtLjcwOCAxMiAxMnoiLz48L3N2Zz4K"); /* box corner deco top left */ --otm-deco-corner-tl: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-40.612917,-83.589496)'%3E%3Cg transform='matrix(-0.30334715,0,0,0.30338915,92.930632,58.413673)' style='fill:none;stroke:%23000000;stroke-width:1.7443;'%3E%3Cpath d='M 171.59602,116.47005 A 32.748245,32.748245 0 0 1 138.84811,83.879621' /%3E%3Cpath d='M 171.61279,121.24895 A 37.527149,37.527149 0 0 1 134.06919,83.8863' /%3E%3Cpath d='m 40.612917,89.673823 125.163343,-10e-7 V 214.83716' /%3E%3Cpath d='M 154.16388,83.854096 V 101.28619 H 128.32241' /%3E%3Cpath d='m 84.85534,89.673823 v 4.818481 h 50.79229' /%3E%3Cpath d='M 171.59598,149.44348 V 83.854099 l -65.58938,-1e-6' /%3E%3Cpath d='m 171.59598,101.2862 h -17.43209 v 25.84147' /%3E%3Cpath d='m 165.77626,170.59474 h -4.81848 v -50.79229' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); /* box corner deco top right */ --otm-deco-corner-tr: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-40.612917,-83.589496)'%3E%3Cg transform='matrix(0.30334715,0,0,0.30338915,28.293104,58.413673)' style='fill:none;stroke:%23000000;stroke-width:1.7443;'%3E%3Cpath d='M 171.59602,116.47005 A 32.748245,32.748245 0 0 1 138.84811,83.879621' /%3E%3Cpath d='M 171.61279,121.24895 A 37.527149,37.527149 0 0 1 134.06919,83.8863' /%3E%3Cpath d='m 40.612917,89.673823 125.163343,-10e-7 V 214.83716' /%3E%3Cpath d='M 154.16388,83.854096 V 101.28619 H 128.32241' /%3E%3Cpath d='m 84.85534,89.673823 v 4.818481 h 50.79229' /%3E%3Cpath d='M 171.59598,149.44348 V 83.854099 l -65.58938,-1e-6' /%3E%3Cpath d='m 171.59598,101.2862 h -17.43209 v 25.84147' /%3E%3Cpath d='m 165.77626,170.59474 h -4.81848 v -50.79229' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); /* box corner deco bottom left */ --otm-deco-corner-bl: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-40.612917,-83.589496)'%3E%3Cg transform='matrix(-0.30334715,0,0,-0.30338915,92.930632,148.76876)' style='fill:none;stroke:%23000000;stroke-width:1.7443;'%3E%3Cpath d='M 171.59602,116.47005 A 32.748245,32.748245 0 0 1 138.84811,83.879621' /%3E%3Cpath d='M 171.61279,121.24895 A 37.527149,37.527149 0 0 1 134.06919,83.8863' /%3E%3Cpath d='m 40.612917,89.673823 125.163343,-10e-7 V 214.83716' /%3E%3Cpath d='M 154.16388,83.854096 V 101.28619 H 128.32241' /%3E%3Cpath d='m 84.85534,89.673823 v 4.818481 h 50.79229' /%3E%3Cpath d='M 171.59598,149.44348 V 83.854099 l -65.58938,-1e-6' /%3E%3Cpath d='m 171.59598,101.2862 h -17.43209 v 25.84147' /%3E%3Cpath d='m 165.77626,170.59474 h -4.81848 v -50.79229' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); /* box corner deco bottom right */ --otm-deco-corner-br: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-40.612917,-83.589496)'%3E%3Cg transform='matrix(0.30334715,0,0,-0.30338915,28.293104,148.76876)' style='fill:none;stroke:%23000000;stroke-width:1.7443;'%3E%3Cpath d='M 171.59602,116.47005 A 32.748245,32.748245 0 0 1 138.84811,83.879621' /%3E%3Cpath d='M 171.61279,121.24895 A 37.527149,37.527149 0 0 1 134.06919,83.8863' /%3E%3Cpath d='m 40.612917,89.673823 125.163343,-10e-7 V 214.83716' /%3E%3Cpath d='M 154.16388,83.854096 V 101.28619 H 128.32241' /%3E%3Cpath d='m 84.85534,89.673823 v 4.818481 h 50.79229' /%3E%3Cpath d='M 171.59598,149.44348 V 83.854099 l -65.58938,-1e-6' /%3E%3Cpath d='m 171.59598,101.2862 h -17.43209 v 25.84147' /%3E%3Cpath d='m 165.77626,170.59474 h -4.81848 v -50.79229' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); /* horizontal line/bottom frame accent */ --otm-deco-bottom-frame: url("data:image/svg+xml,%0A%3Csvg width='104.36078mm' height='11.870854mm' viewBox='0 0 104.36078 11.870854' version='1.1' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-20.837109,-110.17865)' style='fill:none;stroke:%23000000;stroke-width:0.352778;stroke-linejoin:miter;'%3E%3Crect width='1.7521752' height='1.7521752' x='136.00464' y='32.742298' transform='rotate(45)' /%3E%3Crect width='1.1171812' height='1.1171812' x='134.88745' y='31.625116' transform='rotate(45)' /%3E%3Cpath d='m 69.40488,113.25396 v 2.45552 l 2.82265,2.82265 v -8.35348' /%3E%3Cpath d='m 76.630118,113.25397 v 2.45552 l -2.82265,2.82265 v -8.35348' /%3E%3Cpath d='m 75.3137,117.02589 v -5.1879 h -2.296204 -2.296204 v 5.1879' /%3E%3Cpath d='m 72.22753,118.53213 -1.526899,1.5269 H 20.837109' /%3E%3Cpath d='m 71.410515,119.34914 -2.153922,-2.15392 H 54.097149' /%3E%3Cpath d='m 69.256593,117.19522 -1.329776,2.86381' /%3E%3Cpath d='m 67.991909,117.19522 -1.329776,2.86381' /%3E%3Cpath d='m 66.652143,117.19522 -0.673746,1.45098 h -4.433579' /%3E%3Ccircle cx='60.903217' cy='118.64232' r='0.64161199' /%3E%3Cpath d='M 60.261605,118.64232 H 50.642956' /%3E%3Cpath d='m 73.807468,118.53214 1.526899,1.5269 h 49.863523' /%3E%3Cpath d='m 74.624483,119.34915 2.153922,-2.15392 h 15.159449' /%3E%3Cpath d='m 76.778405,117.19523 1.329776,2.86381' /%3E%3Cpath d='m 78.043089,117.19523 1.329776,2.86381' /%3E%3Cpath d='m 79.382855,117.19523 0.673746,1.45098 h 4.433579' /%3E%3Ccircle cx='-85.131783' cy='118.64233' r='0.64161199' /%3E%3Cpath d='m 85.773393,118.64233 h 9.618651' /%3E%3C/g%3E%3C/svg%3E%0A"); /* heading corner top left */ --otm-deco-h-tl: url("data:image/svg+xml,%0A%3Csvg width='15.769768mm' height='15.723796mm' viewBox='0 0 15.769766 15.723796' version='1.1' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern xlink:href='%23pattern18' preserveAspectRatio='xMidYMid' id='pattern33' patternTransform='matrix(0.35355339,0.35355339,-0.35355339,0.35355339,0,0)' x='1.20000005' y='0' /%3E%3Cpattern xlink:href='%23Strips1_2' preserveAspectRatio='xMidYMid' id='pattern18' patternTransform='rotate(45)' x='1.2' y='0' /%3E%3Cpattern patternUnits='userSpaceOnUse' width='3' height='1' patternTransform='translate(0,0) scale(2,2)' preserveAspectRatio='xMidYMid' id='Strips1_2' style='fill:%23000000'%3E%3Crect style='stroke:none' x='0' y='-0.5' width='1' height='2' /%3E%3C/pattern%3E%3C/defs%3E%3Cg transform='translate(13.81997,-136.66645)' style='fill:none;stroke:%23000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1'%3E%3Cpath d='M 1.9497135,140.37029 H -0.607187' /%3E%3Cpath style='fill:url(%23pattern33);fill-opacity:1' d='m 13.56983,147.58687 a 10.664035,10.664035 0 0 1 -7.5453295,-3.12218 10.664035,10.664035 0 0 1 -3.1246656,-7.5443 l 10.6640341,0.002 z' transform='scale(-1,1)' /%3E%3Cpath d='m 1.9497135,136.91659 c 0,0 -1.2959741,4.4e-4 -2.1061065,0 0.0033,3.55259 -1.408423,6.96675 -3.924165,9.48397 -2.515742,2.51722 -5.929061,3.93075 -9.487905,3.92975 v 2.05994' /%3E%3Cpath d='m -10.20726,152.39025 v -2.48697' /%3E%3C/g%3E%3C/svg%3E%0A"); /* heading corner top right */ --otm-deco-h-tr: url("data:image/svg+xml,%0A%3Csvg width='15.769768mm' height='15.723796mm' viewBox='0 0 15.769766 15.723796' version='1.1' xml:space='preserve' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1'%3E%3Cpattern xlink:href='%23pattern18' preserveAspectRatio='xMidYMid' id='pattern33' patternTransform='matrix(0.35355339,0.35355339,-0.35355339,0.35355339,-11.870171,0)' x='1.20000005' y='0' /%3E%3Cpattern xlink:href='%23Strips1_2' preserveAspectRatio='xMidYMid' id='pattern18' patternTransform='rotate(45)' x='1.2' y='0' /%3E%3Cpattern patternUnits='userSpaceOnUse' width='3' height='1' patternTransform='translate(0,0) scale(2,2)' preserveAspectRatio='xMidYMid' id='Strips1_2' style='fill:%23000000'%3E%3Crect style='stroke:none' x='0' y='-0.5' width='1' height='2' id='rect146' /%3E%3C/pattern%3E%3C/defs%3E%3Cg id='layer1' transform='translate(13.81997,-136.66645)'%3E%3Cpath style='fill:none;stroke:%23000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='m -13.819885,140.37029 h 2.556901' id='path18' /%3E%3Cpath style='fill:url(%23pattern33);fill-opacity:1;stroke:%23000000;stroke-width:0.5;stroke-dasharray:none;paint-order:fill markers stroke' id='path21' d='m 1.6996587,147.58687 a 10.664035,10.664035 0 0 1 -7.5453294,-3.12218 10.664035,10.664035 0 0 1 -3.1246656,-7.5443 l 10.6640346,0.002 z' /%3E%3Cpath id='path23' style='fill:none;stroke:%23000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='m -13.819885,136.91659 c 0,0 1.295974,4.4e-4 2.106107,0 -0.0033,3.55259 1.408423,6.96675 3.9241648,9.48397 2.515742,2.51722 5.929061,3.93075 9.487905,3.92975 v 2.05994' /%3E%3Cpath id='path32' style='fill:none;stroke:%23000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1' d='m -1.6629112,152.39025 v -2.48697' /%3E%3C/g%3E%3C/svg%3E%0A"); /* heading line connector */ --otm-deco-h-hline: url("data:image/svg+xml,%0A%3Csvg width='32.0854mm' height='3.9537001mm' viewBox='0 0 32.085396 3.9537' version='1.1' preserveAspectRatio='none' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(-1.9497135,-136.66659)' style='fill:none;stroke:%23000000;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1'%3E%3Cpath d='M 34.035112,140.37029 H 1.9497135'/%3E%3Cpath d='M 34.035112,136.91659 H 1.9497135' /%3E%3C/g%3E%3C/svg%3E%0A"); /*#endregion ICONS*/ } /*#endregion Var*/ /* ====================================================== */ /* ======================== LIGHT MODE ======================== */ /* -------- Bold Font Weight -------- */ .ve-night-mode b, .ve-night-mode strong, .ve-night-mode em { color: var(--otm-white); } /* ======================== NIGHT MODE ======================== */ /*#region Links & Inline Dice Rollers*/ .ve-night-mode #pagecontent a, .ve-night-mode #classtable a, .ve-night-mode .hwin a, .ve-night-mode .cls__stats a, .ve-night-mode .cls-side a { color: var(--otm-link-default); } .ve-night-mode #pagecontent .ve-roller, .ve-night-mode #classtable .ve-roller, .ve-night-mode .hwin .ve-roller, .ve-night-mode .ve-roller.render-roller, .ve-night-mode .cls-side .ve-roller { color: var(--otm-link-dice); } .ve-night-mode #pagecontent .ve-muted a, .ve-night-mode #classtable .ve-muted a, .ve-night-mode .hwin .ve-muted a, .ve-night-mode .cls__stats .ve-muted a, .ve-night-mode .cls-side .ve-muted a { color: var(--otm-link-default-muted); } .ve-night-mode #pagecontent .ve-muted .ve-roller, .ve-night-mode #classtable .ve-muted .ve-roller, .ve-night-mode .hwin .ve-muted .ve-roller, .ve-night-mode .ve-muted .ve-roller.render-roller, .ve-night-mode .cls-side .ve-muted .ve-roller { color: var(--otm-link-dice-muted); } /*#endregion Links & Inline Dice Rollers */ /* ====================================================== */ /*#region Dice Rollbox*/ .rollbox-min .glyphicon-chevron-up::before { font-family: inherit; content: ""; display: inline-block; width: 20px; height: 20px; background: currentColor; mask-image: var(--otm-icon-dice); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: var(--otm-icon-dice); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; vertical-align: middle; } .rollbox .head-roll { background-color: var(--otm-green-accent); color: var(--otm-white); font-weight: bold; border-top-left-radius: 4px; border-top-right-radius: 4px; } .rollbox .head-roll::before { content: ""; display: inline-block; width: 18px; height: 18px; background: currentColor; mask-image: var(--otm-icon-dice); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: var(--otm-icon-dice); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; margin-right: 4px; vertical-align: middle; /* position: relative; top: 3px; left: 3px; */ } .roll { color: var(--otm-white); } .ve-night-mode .rollbox-min { background-color: var(--otm-green-accent); color: var(--otm-white); font-weight: bold; } .ve-night-mode .rollbox-min { width: 32px; height: 32px; border-radius: 4px; display: flex; align-items: center; justify-content: center; padding: 0; } .ve-p-2.glyphicon.glyphicon-remove { color: var(--otm-red); } /*#endregion Dice Rollbox*/ /* ====================================================== */ /*#region Class StatProf Sidebar*/ #statsprof { position: relative; } #statsprof::before { content: ""; position: absolute; inset: -2px; pointer-events: none; background: var(--otm-deco-gradient); opacity: 0.3; --cs: 30px; mask: var(--otm-deco-corner-tl) 0 0 / var(--cs) no-repeat, var(--otm-deco-corner-tr) top right / var(--cs) no-repeat, var(--otm-deco-corner-br) bottom right / var(--cs) no-repeat, var(--otm-deco-corner-bl) bottom left / var(--cs) no-repeat; -webkit-mask: var(--otm-deco-corner-tl) 0 0 / var(--cs) no-repeat, var(--otm-deco-corner-tr) top right / var(--cs) no-repeat, var(--otm-deco-corner-br) bottom right / var(--cs) no-repeat, var(--otm-deco-corner-bl) bottom left / var(--cs) no-repeat; } /*#endregion Class StatProf Sidebar*/ /* ====================================================== */ /*#region Heading & Name Colors*/ .ve-night-mode .cls-side__name { color: var(--otm-dark-main-heading); } .ve-night-mode .cls-side__section-head { color: var(--otm-dark-subheading); } .ve-night-mode .ve-rd__h--2 { color: var(--otm-dark-subheading); } .ve-night-mode #classtable .ve-cls-tbl__disp-name { color: var(--otm-dark-main-heading); } .ve-night-mode .ve-cls-tbl > tbody > tr > th { color: var(--otm-dark-subheading); } /*#endregion Heading & Name Colors*/ /* ====================================================== */ /*#region Homepage Buttons*/ .home__btn-page { transition: transform 0.15s ease-in-out; border-radius: 4px; } .home__btn-page:hover { transform: scale(1.05); background: linear-gradient(to bottom, #383838, #15171A); border-width: 3px; filter: brightness(1.05); } .home__btn-page { border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } /* .home__h-player { text-decoration-color: var(--otm-green-accent); } .home__btn-player { border-color: var(--otm-green-accent); color: var(--color-primary); } */ /*#endregion Homepage Buttons */ /* ====================================================== */ /*#region Navigation Appearance*/ .page__header span { color: var(--otm-white); text-transform: capitalize; display: inline-block; } .page__header { background-color: var(--otm-green-accent); } /* Active Tab */ .ve-night-mode .page__nav-inner > li.ve-active > a, .ve-night-mode .page__nav-inner > li.ve-active:hover > a { background-color: var(--otm-green-accent); color: #ffffff; font-weight: bold; } /* Active in Currently Open Dropdown */ /* .ve-night-mode .ve-dropdown-menu li.ve-active > a { background-color: var(--rgb-border--statblock); font-weight: bold; } */ /*#endregion Navigation Appearance*/ /*#region Filter Summary*/ /* Shared base */ [title="Toggle Filter Summary"] > .glyphicon-resize-small::before { font-family: inherit; content: ""; display: inline-block; width: 1em; height: 1em; background: currentColor; mask-size: contain; mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; } /* Default — filters hidden */ [title="Toggle Filter Summary"] > .glyphicon-resize-small::before { mask-image: var(--otm-icon-eye-slash-fill); -webkit-mask-image: var(--otm-icon-eye-slash-fill); } /* Default + hover */ [title="Toggle Filter Summary"]:hover > .glyphicon-resize-small::before { mask-image: var(--otm-icon-eye); -webkit-mask-image: var(--otm-icon-eye); } /* Active — filters visible */ [title="Toggle Filter Summary"].ve-active > .glyphicon-resize-small::before { mask-image: var(--otm-icon-eye-fill); -webkit-mask-image: var(--otm-icon-eye-fill); } /* Active + hover */ [title="Toggle Filter Summary"].ve-active:hover > .glyphicon-resize-small::before { mask-image: var(--otm-icon-eye-slash); -webkit-mask-image: var(--otm-icon-eye-slash); } /*#endregion Filter Summary*/ /* ====================================================== */ /* Renderer H0 and H1 — chapter titles, statblock section heads (render-night.scss) .ve-night-mode .ve-rd__h--0, .ve-night-mode .ve-rd__h--1 { color: #d29a34; } /* H1 bottom border accent line (render-night.scss) *-/ .ve-night-mode .ve-rd__h--1 { border-bottom-color: #d29a34; } /* Statblock creature/item name at top of card (style-statblock.scss) *-/ .ve-night-mode .stats__h-name { color: #d29a34; } /* Statblock section dividers — "Actions", "Traits", etc. (style-statblock.scss) *-/ .ve-night-mode .stats__sect-header-inner { color: #d29a34; border-bottom-color: #d29a34; } /* Hover window top border accent — the colored bar on pinned popups (hover-night.scss) *-/ .ve-night-mode .hwin .ve-tbl-border { background-color: #d29a34; } /* Horizontal divider lines within statblocks (style.scss) *-/ .ve-night-mode .ve-tbl-divider { background-color: #d29a34; } /* Class feature table header text (classes-table-night.scss) *-/ .ve-night-mode .cls-tbl > tbody > tr > th { color: #d29a34; } */ /*#region Structural Additions*/ /* sticky column header for scrollable table-view tables */ .ve-overflow-y-auto { position: relative; } .ve-overflow-y-auto thead th { position: sticky; top: 0; z-index: 2; background: #232323; } .page__nav { position: sticky; top: 0; z-index: 1030; } /*#endregion Structural Additions*/