diff --git a/Ordem Paranormal/ordemparanormal.css b/Ordem Paranormal/ordemparanormal.css index b7e5963b8c..e485c35b0f 100644 --- a/Ordem Paranormal/ordemparanormal.css +++ b/Ordem Paranormal/ordemparanormal.css @@ -123,27 +123,27 @@ body.sheet-darkmode, background-color: var(--background-color) !important; } -.main input { +.sheet-main input { color: var(--text-color); } -.main input:disabled { +.sheet-main input:disabled { background-color: var(--background-color-disabled) !important; } -.main span { +.sheet-main span { color: var(--title-color); } -.main div { +.sheet-main div { color: var(--text-color); } -.main button { +.sheet-main button { color: var(--title-color); } -.main h1, +.sheet-main h1, h2, h3, h4, @@ -152,63 +152,63 @@ h6 { color: var(--title-color); } -.main select, -.main option { +.sheet-main select, +.sheet-main option { color: var(--text-color); background-color: var(--background-color-secondary); } -.main textarea { +.sheet-main textarea { overflow: auto; color: var(--text-color); } -.main progress { +.sheet-main progress { vertical-align: baseline; } -.main button, -.main input, -.main optgroup, -.main select, -.main textarea { +.sheet-main button, +.sheet-main input, +.sheet-main optgroup, +.sheet-main select, +.sheet-main textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } -.main button, -.main input { +.sheet-main button, +.sheet-main input { overflow: visible; } -.main img { +.sheet-main img { border-style: none; } -.main sub, -.main sup { +.sheet-main sub, +.sheet-main sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } -.main sub { +.sheet-main sub { bottom: -0.25em; } -.main sup { +.sheet-main sup { top: -0.5em; } -.main b, -.main strong { +.sheet-main b, +.sheet-main strong { font-weight: bolder; } -.main { +.sheet-main { margin: 0 auto; font-family: "PT Sans", sans-serif; font-size: 13px; @@ -221,48 +221,48 @@ h6 { background-color: var(--background-color); } -.main * { +.sheet-main * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -.main *::-moz-selection { +.sheet-main *::-moz-selection { color: #4d131a; background: var(--highligth-color); } -.main *::selection { +.sheet-main *::selection { color: #4d131a; background: var(--highligth-color); } -.main input, -.main textarea, -.main select { +.sheet-main input, +.sheet-main textarea, +.sheet-main select { outline: none !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; border-radius: 0 !important; } -.main input { +.sheet-main input { background-color: var(--background-color); } -.main input:disabled, -.main textarea:disabled, -.main select:disabled { +.sheet-main input:disabled, +.sheet-main textarea:disabled, +.sheet-main select:disabled { background-color: var(--background-color-secondary); } -.main button { +.sheet-main button { outline: none !important; } -.main button[type="roll"], -.main button[type="roll"].btn, -.main button[type="roll"].btn { +.sheet-main button[type="roll"], +.sheet-main button[type="roll"].btn, +.sheet-main button[type="roll"].btn { background-image: none; border-radius: 0 !important; padding: 0 !important; @@ -272,15 +272,15 @@ h6 { text-shadow: initial; } -.main button[type="roll"]:active, -.main button[type="roll"]:hover, -.main button[type="roll"]:focus, -.main button[type="roll"].btn:active, -.main button[type="roll"].btn:hover, -.main button[type="roll"].btn:focus, -.main button[type="roll"].btn:active, -.main button[type="roll"].btn:hover, -.main button[type="roll"].btn:focus { +.sheet-main button[type="roll"]:active, +.sheet-main button[type="roll"]:hover, +.sheet-main button[type="roll"]:focus, +.sheet-main button[type="roll"].btn:active, +.sheet-main button[type="roll"].btn:hover, +.sheet-main button[type="roll"].btn:focus, +.sheet-main button[type="roll"].btn:active, +.sheet-main button[type="roll"].btn:hover, +.sheet-main button[type="roll"].btn:focus { background-image: none; border-radius: 0 !important; padding: 0 !important; @@ -290,14 +290,14 @@ h6 { text-shadow: initial; } -.main button[type="roll"]::before, -.main button[type="roll"].btn::before, -.main button[type="roll"].btn::before { +.sheet-main button[type="roll"]::before, +.sheet-main button[type="roll"].btn::before, +.sheet-main button[type="roll"].btn::before { content: ""; border-radius: 0 !important; } -.main .repcontrol > .btn { +.sheet-main .repcontrol > .btn { background-color: var(--icon-color); font-size: 2px; border: none; @@ -315,11 +315,11 @@ h6 { position: relative; } -.main .repcontrol > .btn:hover { +.sheet-main .repcontrol > .btn:hover { background-color: var(--icon-hover); } -.main .repcontrol > .btn.repcontrol_add::before { +.sheet-main .repcontrol > .btn.repcontrol_add::before { position: absolute; content: "&"; font-weight: 0; @@ -336,7 +336,7 @@ h6 { transform: translate(-50%, -50%); } -.main .repcontrol > .btn.repcontrol_edit::before { +.sheet-main .repcontrol > .btn.repcontrol_edit::before { position: absolute; display: flex; align-items: center; @@ -353,7 +353,7 @@ h6 { transform: translate(-50%, -50%); } -.main +.sheet-main .repcontainer[data-groupname="repeating_attacks"] > .repitem .itemcontrol { @@ -361,7 +361,7 @@ h6 { font-family: "Pictos"; } -.main +.sheet-main .repcontainer[data-groupname="repeating_attacks"] > .repitem .repcontrol_del { @@ -374,7 +374,7 @@ h6 { right: 0; } -.main +.sheet-main .repcontainer[data-groupname="repeating_attacks"] > .repitem .editmode @@ -382,7 +382,7 @@ h6 { content: "Aplicar"; } -.main .header-info { +.sheet-main .sheet-header-info { display: grid; width: 100%; grid-template-columns: 140px 140px auto; @@ -391,7 +391,7 @@ h6 { margin-bottom: 2rem; } -.header-info .double-input-container { +.sheet-header-info .sheet-double-input-container { width: 100%; display: grid; /* height: 155px; */ @@ -399,7 +399,7 @@ h6 { column-gap: 10px; } -.main .character-attributes { +.sheet-main .sheet-character-attributes { /* margin-top: -20px; */ width: 100%; height: 90px; @@ -409,8 +409,8 @@ h6 { column-gap: 22px; } -.main .pseudo-attributes, -.main .proeficience-container { +.sheet-main .sheet-pseudo-attributes, +.sheet-main .sheet-proeficience-container { width: 100%; display: flex; flex-direction: column; @@ -420,7 +420,7 @@ h6 { margin-bottom: 22px; } -.main .pseudo-attributes .double-containers { +.sheet-main .sheet-pseudo-attributes .sheet-double-containers { display: grid; grid-template-columns: 22rem 22rem; column-gap: 2rem; @@ -428,35 +428,42 @@ h6 { margin: 0 auto; } -.main .pseudo-attributes .single-container { +.sheet-main .sheet-pseudo-attributes .sheet-single-container { display: flex; flex-direction: column; width: 22rem; margin: 0 auto; } -.pseudo-attributes-wrapper { +.sheet-pseudo-attributes-wrapper { display: flex; flex-direction: column; row-gap: 1rem; } -.pseudo-attributes-wrapper .container-title, -.attacks-container .container-title { +.sheet-pseudo-attributes-wrapper .sheet-container-title, +.sheet-attacks-container .sheet-container-title { text-align: center; } -.main .pseudo-attributes .container-pvs-mps { +.sheet-main .sheet-pseudo-attributes .container-pvs-mps { min-height: 6.5rem; } -.main .pseudo-attributes .container-pvs-mps .inside-negative-corner { +.sheet-main + .sheet-pseudo-attributes + .container-pvs-mps + .sheet-inside-negative-corner { display: grid; grid-template-columns: 74px auto 74px; grid-template-rows: 16px auto 14px; } -.main .pseudo-attributes .container-pvs-mps .inside-negative-corner .box-title { +.sheet-main + .sheet-pseudo-attributes + .sheet-container-pvs-mps + .sheet-inside-negative-corner + .sheet-box-title { width: 100%; display: flex; justify-content: center; @@ -473,43 +480,47 @@ h6 { text-transform: uppercase; } -.main - .pseudo-attributes - .container-pvs-mps - .inside-negative-corner - .border-right { +.sheet-main + .sheet-pseudo-attributes + .sheet-container-pvs-mps + .sheet-inside-negative-corner + .sheet-border-right { border: 0; border-right: 1px solid var(--accent-color); } -.main - .pseudo-attributes - .container-pvs-mps - .inside-negative-corner - .border-right +.sheet-main + .sheet-pseudo-attributes + .sheet-container-pvs-mps + .sheet-inside-negative-corner + .sheet-border-right input { width: 50px; } -.main - .pseudo-attributes - .container-pvs-mps - .inside-negative-corner - .border-left { +.sheet-main + .sheet-pseudo-attributes + .sheet-container-pvs-mps + .sheet-inside-negative-corner + .sheet-border-left { border: 0; border-left: 1px solid var(--accent-color); } -.main - .pseudo-attributes - .container-pvs-mps - .inside-negative-corner - .border-left +.sheet-main + .sheet-pseudo-attributes + .sheet-container-pvs-mps + .sheet-inside-negative-corner + .sheet-border-left input { width: 50px; } -.main .pseudo-attributes .container-pvs-mps .inside-negative-corner input { +.sheet-main + .sheet-pseudo-attributes + .sheet-container-pvs-mps + .sheet-inside-negative-corner + input { background-color: transparent; border: 0; min-width: 40px; @@ -520,19 +531,19 @@ h6 { height: 100%; } -.main .left-container { +.sheet-main .sheet-left-container { width: 100%; display: flex; flex-direction: column; } -.main .left-container .attacks-container { +.sheet-main .sheet-left-container .sheet-attacks-container { width: 100%; display: block; margin-bottom: 22px; } -.main .left-container .attacks-container .attacksgrid { +.sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid { display: grid; padding-left: 10px; padding-right: 10px; @@ -541,11 +552,18 @@ h6 { grid-template-rows: 24px auto; } -.main .left-container .attacks-container .attacksgrid.header { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid.header { grid-template-rows: 24px; } -.main .left-container .attacks-container .attacksgrid input { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + input { display: inline-block; height: 24px; font-size: 12px; @@ -556,7 +574,11 @@ h6 { width: 100%; } -.main .left-container .attacks-container .attacksgrid .buttonrollataque { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-buttonrollataque { background-color: transparent; font-family: "dicefontd20"; color: var(--icon-color); @@ -569,47 +591,59 @@ h6 { transition: color 1s; } -.buttonrollerro { +.sheet-buttonrollerro { font-family: "dicefontd10" !important; } -.buttondicefont { +.sheet-buttondicefont { font-family: "dicefontd20" !important; font-size: 20px; } -.main .left-container .attacks-container .attacksgrid .buttonrollataque:hover, -.buttonrollerro:hover { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-buttonrollataque:hover, +.sheet-buttonrollerro:hover { color: var(--dice-hover); } -.main .left-container .attacks-container .attacksgrid .buttonrollataque:active, -.buttonrollerro:active { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-buttonrollataque:active, +.sheet-buttonrollerro:active { font-size: 18px; } -.main .left-container .attacks-container .attacksgrid .containercritico { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .containercritico { display: flex; flex-direction: row; justify-content: center; align-items: center; } -.main - .left-container - .attacks-container - .attacksgrid - .containercritico +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-containercritico input.margem { width: 24px; } -.main - .left-container - .attacks-container - .attacksgrid - .containercritico - .divisor { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-containercritico + .sheet-divisor { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; display: inline-flex; @@ -623,27 +657,31 @@ h6 { border-bottom: 2px solid transparent; } -.main - .left-container - .attacks-container - .attacksgrid - .containercritico - .divisor +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-containercritico + .sheet-divisor b { font-weight: bold; } -.main - .left-container - .attacks-container - .attacksgrid - .containercritico - input.multiplicador { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-containercritico + input.sheet-multiplicador { text-align: center; width: 16px; } -.main .left-container .attacks-container .attacksgrid .moreinfo { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo { position: relative; margin-top: 7px; grid-column: 1/8; @@ -656,12 +694,12 @@ h6 { margin-bottom: 7px; } -.main - .left-container - .attacks-container - .attacksgrid - .moreinfo - .containermoreinfo { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + .sheet-containermoreinfo { width: 100%; display: none; padding: 7px; @@ -672,52 +710,52 @@ h6 { border: 0; } -.main - .left-container - .attacks-container - .attacksgrid - .moreinfo - .containermoreinfo - .inputtextbellow { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + .sheet-containermoreinfo + .sheet-inputtextbellow { display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; } -.main - .left-container - .attacks-container - .attacksgrid - .moreinfo - .containermoreinfo - .inputtextbellow.descricao { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + .sheet-containermoreinfo + .sheet-inputtextbellow.descricao { grid-column: 1/5; } -.pericialuta, -.tiporolagemtres { +.sheet-pericialuta, +.sheet-tiporolagemtres { grid-column: 5/7; } -.tipodano, -.tiporolagemum { +.sheet-tipodano, +.sheet-tiporolagemum { grid-column: 1/3; } -.alcance, -.tiporolagemdois { +.sheet-alcance, +.sheet-tiporolagemdois { grid-column: 3/5; } -.main - .left-container - .attacks-container - .attacksgrid - .moreinfo - .containermoreinfo - .inputtextbellow - .title { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + .sheet-containermoreinfo + .sheet-inputtextbellow + .sheet-title { width: 100%; font-size: 10px; line-height: 12px; @@ -726,12 +764,12 @@ h6 { display: block; } -.main - .left-container - .attacks-container - .attacksgrid - .moreinfo - .hiddencheckbox { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + .sheet-hiddencheckbox { width: 24px; height: 24px; border: 0; @@ -744,22 +782,22 @@ h6 { cursor: pointer; } -.main - .left-container - .attacks-container - .attacksgrid - .moreinfo - .hiddencheckbox:hover - ~ span.hiddencheckboxcover { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + .sheet-hiddencheckbox:hover + ~ span.sheet-hiddencheckboxcover { background-color: var(--icon-hover); } -.main - .left-container - .attacks-container - .attacksgrid - .moreinfo - span.hiddencheckboxcover { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + span.sheet-hiddencheckboxcover { pointer-events: none; display: block; width: 24px; @@ -774,12 +812,12 @@ h6 { cursor: pointer; } -.main - .left-container - .attacks-container - .attacksgrid - .moreinfo - span.hiddencheckboxcover::before { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + span.sheet-hiddencheckboxcover::before { pointer-events: none; width: 14px; height: 14px; @@ -798,43 +836,63 @@ h6 { transform: translate(-50%, -50%); } -.main - .left-container - .attacks-container - .attacksgrid - .moreinfo +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo input:checked - ~ span.hiddencheckboxcover::before { + ~ span.sheet-hiddencheckboxcover::before { content: "▲"; } -.main - .left-container - .attacks-container - .attacksgrid - .moreinfo - .hiddencheckbox:checked - ~ .containermoreinfo { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + .sheet-hiddencheckbox:checked + ~ .sheet-containermoreinfo { display: grid; border: 1px solid var(--icon-color); } -.main .left-container .attacks-container .attacksgrid .moreinfo .topline, -.main .left-container .attacks-container .attacksgrid .moreinfo .bottomline { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + .sheet-topline, +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + .sheet-bottomline { display: none; background-color: var(--icon-color); height: 2px; width: 100%; } -.main .left-container .attacks-container .attacksgrid .moreinfo input { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + input { background-color: transparent; border: 0; border-bottom: 2px solid var(--icon-color); color: var(--icon-color); } -.main .left-container .attacks-container .attacksgrid .moreinfo select { +.sheet-main + .sheet-left-container + .sheet-attacks-container + .sheet-attacksgrid + .sheet-moreinfo + select { color: var(--accent-color); width: 100%; height: 24px; @@ -844,14 +902,14 @@ h6 { border-bottom: 2px solid var(--icon-color); } -.main .left-container .attacks-container .repeating_attacks { +.sheet-main .sheet-left-container .sheet-attacks-container .repeating_attacks { border: 0; padding: 0; margin: 0; margin-bottom: 35px; } -.main .left-container .defense-and-proeficience-container { +.sheet-main .sheet-left-container .sheet-defense-and-proeficience-container { width: 100%; display: grid; grid-template-columns: 294px auto; @@ -861,7 +919,7 @@ h6 { margin-top: 1.75rem; } -.main .left-container .size-and-move-container { +.sheet-main .sheet-left-container .sheet-size-and-move-container { width: 100%; display: grid; grid-template-columns: 294px auto; @@ -870,35 +928,48 @@ h6 { margin-bottom: 22px; } -.main .left-container .defense-and-proeficience-container .box-proficiencies, -.main .left-container .proeficience-container .box-proficiencies, -.main .left-container .size-and-move-container .container-size { +.sheet-main + .sheet-left-container + .sheet-defense-and-proeficience-container + .sheet-box-proficiencies, +.sheet-main + .sheet-left-container + .sheet-proeficience-container + .box-proficiencies, +.sheet-main + .sheet-left-container + .sheet-size-and-move-container + .sheet-container-size { box-sizing: border-box; } -.main - .left-container - .defense-and-proeficience-container - .box-proficiencies - .default-title, -.main - .left-container - .proeficience-container - .box-proficiencies - .default-title { +.sheet-main + .sheet-left-container + .sheet-defense-and-proeficience-container + .sheet-box-proficiencies + .sheet-default-title, +.sheet-main + .sheet-left-container + .sheet-proeficience-container + .sheet-box-proficiencies + .sheet-default-title { font-size: 11px; } -.main - .left-container - .defense-and-proeficience-container - .box-proficiencies +.sheet-main + .sheet-left-container + .sheet-defense-and-proeficience-container + .sheet-box-proficiencies textarea { /* width: 190px; */ height: 150px; } -.main .left-container .size-and-move-container .container-size select { +.sheet-main + .sheet-left-container + .sheet-size-and-move-container + .sheet-container-size + select { height: 23px; font-size: 12px; text-align: center; @@ -911,7 +982,11 @@ h6 { width: 100%; } -.main .left-container .size-and-move-container .container-move input { +.sheet-main + .sheet-left-container + .sheet-size-and-move-container + .sheet-container-move + input { height: 20px; font-size: 12px; text-align: center; @@ -927,12 +1002,14 @@ h6 { width: 100%; } -.main .pseudo-attributes-wrapper .container-defense-armor-shield { +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield { display: flex; flex-direction: column; } -.main .pseudo-attributes-wrapper .double-defense-containers { +.sheet-main .sheet-pseudo-attributes-wrapper .sheet-double-defense-containers { display: grid; grid-template-columns: 28rem 28rem; column-gap: 2rem; @@ -940,45 +1017,38 @@ h6 { margin: 0 auto; } -.main .pseudo-attributes-wrapper .single-defense-container { +.sheet-main .sheet-pseudo-attributes-wrapper .sheet-single-defense-container { display: flex; flex-direction: column; width: calc(50% - 2rem); margin: 0 auto; } -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense { - /* height: 76px; */ -} - -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense - .inside-negative-corner, -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense-nonbased - .inside-negative-corner { +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense + .sheet-inside-negative-corner, +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense-nonbased + .sheet-inside-negative-corner { display: flex; } -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense - .inside-negative-corner - .box-title, -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense-nonbased - .inside-negative-corner - .box-title { +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense + .sheet-inside-negative-corner + .sheet-box-title, +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense-nonbased + .sheet-inside-negative-corner + .sheet-box-title { width: 100%; display: flex; justify-content: center; @@ -997,12 +1067,12 @@ h6 { margin-bottom: 0.5rem; } -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense - .inside-negative-corner - .grid-wrapper { +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense + .sheet-inside-negative-corner + .sheet-grid-wrapper { padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; @@ -1012,12 +1082,12 @@ h6 { row-gap: 5px; } -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense-nonbased - .inside-negative-corner - .grid-wrapper { +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense-nonbased + .sheet-inside-negative-corner + .sheet-grid-wrapper { padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; @@ -1027,11 +1097,11 @@ h6 { row-gap: 5px; } -.main - .left-container - .size-and-move-container - .container-size - .inside-negative-corner { +.sheet-main + .sheet-left-container + .sheet-size-and-move-container + .sheet-container-size + .sheet-inside-negative-corner { height: 100%; padding-left: 10px; padding-right: 10px; @@ -1039,45 +1109,45 @@ h6 { grid-template-columns: auto; } -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense, -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense-nonbased, -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense - .inside-negative-corner, -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense-nonbased - .inside-negative-corner { +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense, +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense-nonbased, +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense + .sheet-inside-negative-corner, +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense-nonbased + .sheet-inside-negative-corner { height: 100% !important; } -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense - .inside-negative-corner - .signal, -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense-nonbased - .inside-negative-corner - .signal, -.main - .left-container - .size-and-move-container - .container-size - .inside-negative-corner - .signal { +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense + .sheet-inside-negative-corner + .sheet-signal, +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense-nonbased + .sheet-inside-negative-corner + .sheet-signal, +.sheet-main + .sheet-left-container + .sheet-size-and-move-container + .sheet-container-size + .sheet-inside-negative-corner + .sheet-signal { font-family: Arial, Verdana; width: 100%; height: 26px; @@ -1088,24 +1158,24 @@ h6 { font-size: 10px !important; } -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense - .inside-negative-corner - .big-signal, -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense-nonbased - .inside-negative-corner - .big-signal, -.main - .left-container - .size-and-move-container - .container-size - .inside-negative-corner - .big-signal { +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense + .sheet-inside-negative-corner + .sheet-big-signal, +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense-nonbased + .sheet-inside-negative-corner + .sheet-big-signal, +.sheet-main + .sheet-left-container + .sheet-size-and-move-container + .sheet-container-size + .sheet-inside-negative-corner + .sheet-big-signal { font-size: 14px !important; font-family: Arial, Verdana; width: 100%; @@ -1116,17 +1186,17 @@ h6 { align-items: center; } -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense - .inside-negative-corner +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense + .sheet-inside-negative-corner input, -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense-nonbased - .inside-negative-corner +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense-nonbased + .sheet-inside-negative-corner input { height: 26px; font-size: 12px; @@ -1137,17 +1207,17 @@ h6 { width: 100%; } -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense - .inside-negative-corner +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense + .sheet-inside-negative-corner select, -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense-nonbased - .inside-negative-corner +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense-nonbased + .sheet-inside-negative-corner select { height: 26px; margin: 0; @@ -1159,11 +1229,11 @@ h6 { border-bottom: 2px solid var(--accent-color); } -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-move - .inside-negative-corner +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-move + .sheet-inside-negative-corner input { height: 20px; font-size: 12px; @@ -1180,18 +1250,18 @@ h6 { width: 100%; } -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense - .inside-negative-corner - .select_mod_defesa, -.main - .pseudo-attributes-wrapper - .container-defense-armor-shield - .container-defense-nonbased - .inside-negative-corner - .select_mod_defesa { +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense + .sheet-inside-negative-corner + .sheet-select_mod_defesa, +.sheet-main + .sheet-pseudo-attributes-wrapper + .sheet-container-defense-armor-shield + .sheet-container-defense-nonbased + .sheet-inside-negative-corner + .sheet-select_mod_defesa { height: 26px; font-size: 10px; text-align: center; @@ -1203,7 +1273,10 @@ h6 { font-family: "PT Sans", sans-serif; } -.main .left-container .container-armor-shield .inside-negative-corner { +.sheet-main + .sheet-left-container + .sheet-container-armor-shield + .sheet-inside-negative-corner { /* height: 12rem; */ padding: 1rem 1rem; display: grid; @@ -1215,16 +1288,16 @@ h6 { border: 2px var(--accent-color) solid; } -.main - .left-container - .size-and-move-container - .container-size - .inside-negative-corner, -.main - .left-container - .size-and-move-container - .container-move - .inside-negative-corner { +.sheet-main + .sheet-left-container + .sheet-size-and-move-container + .sheet-container-size + .sheet-inside-negative-corner, +.sheet-main + .sheet-left-container + .sheet-size-and-move-container + .sheet-container-move + .sheet-inside-negative-corner { height: 76px; padding-left: 10px; padding-right: 10px; @@ -1234,7 +1307,11 @@ h6 { grid-template-rows: auto; } -.main .left-container .container-armor-shield .inside-negative-corner input { +.sheet-main + .sheet-left-container + .sheet-container-armor-shield + .sheet-inside-negative-corner + input { height: 20px; font-size: 12px; text-align: center; @@ -1244,24 +1321,36 @@ h6 { width: 100%; } -.main .left-container .spells { +.sheet-main .sheet-left-container .sheet-spells { width: 100%; display: block; margin-bottom: 22px; } -.main .left-container .spells .inside-negative-corner .content-grid { +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-content-grid { display: grid; grid-template-columns: 1fr 1fr; } -.main .left-container .spells .inside-negative-corner .vertical-line { +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-vertical-line { width: 1px; background-color: var(--accent-color); height: 96%; } -.main .left-container .spells .inside-negative-corner .spellcolumn { +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-spellcolumn { width: 100%; display: flex; flex-direction: column; @@ -1271,7 +1360,11 @@ h6 { justify-content: flex-start; } -.main .left-container .spells .inside-negative-corner .cicloheader { +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-cicloheader { width: 100%; height: 24px; font-size: 11px; @@ -1288,12 +1381,12 @@ h6 { column-gap: 7px; } -.main - .left-container - .spells - .inside-negative-corner - .cicloheader - .ciclo-title { +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-cicloheader + .sheet-ciclo-title { height: 100%; width: 100%; padding-left: 80px; @@ -1307,7 +1400,12 @@ h6 { font-weight: bold; } -.main .left-container .spells .inside-negative-corner .cicloheader .ciclo-cost { +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-cicloheader + .sheet-ciclo-cost { height: 100%; width: 100%; text-align: center; @@ -1320,160 +1418,164 @@ h6 { justify-content: center; } -.main .left-container .spells .inside-negative-corner .containerspelllist { +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist { width: 100%; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"], -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"], -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"], -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"], -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] { width: 100%; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] .itemcontrol, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] .itemcontrol, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] .itemcontrol, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] .itemcontrol, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] .itemcontrol { z-index: 99; font-family: "Pictos"; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem { width: 100%; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell { + .sheet-container-single-spell { position: relative; padding-left: 3px; padding-right: 3px; @@ -1485,95 +1587,95 @@ h6 { width: 100%; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell + .sheet-container-single-spell input, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell + .sheet-container-single-spell select, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell + .sheet-container-single-spell input, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell + .sheet-container-single-spell select, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell + .sheet-container-single-spell input, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell + .sheet-container-single-spell select, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell + .sheet-container-single-spell input, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell + .sheet-container-single-spell select, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell + .sheet-container-single-spell input, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell + .sheet-container-single-spell select { width: 100%; background-color: var(--background-color); @@ -1582,51 +1684,51 @@ h6 { border-bottom: 2px solid var(--accent-color); } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .buttonspell, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .buttonspell, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .buttonspell, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .buttonspell, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .buttonspell { + .sheet-container-single-spell + .sheet-buttonspell { background-color: transparent; font-family: "dicefontd20"; color: var(--icon-color); @@ -1640,147 +1742,147 @@ h6 { transition: color 1s; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .buttonspell:hover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell:hover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .buttonspell:hover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell:hover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .buttonspell:hover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell:hover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .buttonspell:hover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell:hover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .buttonspell:hover { + .sheet-container-single-spell + .sheet-buttonspell:hover { color: var(--dice-hover); } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .buttonspell:active, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell:active, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .buttonspell:active, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell:active, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .buttonspell:active, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell:active, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .buttonspell:active, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-buttonspell:active, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .buttonspell:active { + .sheet-container-single-spell + .sheet-buttonspell:active { font-size: 18px; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .hiddencheckbox, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .hiddencheckbox, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .hiddencheckbox, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .hiddencheckbox, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .hiddencheckbox { + .sheet-container-single-spell + .sheet-hiddencheckbox { width: 20px; height: 20px; border: 0; @@ -1796,210 +1898,210 @@ h6 { transition: color 1s; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .hiddencheckbox:checked - ~ .extra, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:checked + ~ .sheet-extra, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .hiddencheckbox:checked - ~ .extra, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:checked + ~ .sheet-extra, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .hiddencheckbox:checked - ~ .extra, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:checked + ~ .sheet-extra, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .hiddencheckbox:checked - ~ .extra, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:checked + ~ .sheet-extra, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .hiddencheckbox:checked - ~ .extra { + .sheet-container-single-spell + .sheet-hiddencheckbox:checked + ~ .sheet-extra { display: grid; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .hiddencheckbox:checked - ~ span.hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:checked + ~ span.sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .hiddencheckbox:checked - ~ span.hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:checked + ~ span.sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .hiddencheckbox:checked - ~ span.hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:checked + ~ span.sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .hiddencheckbox:checked - ~ span.hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:checked + ~ span.sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .hiddencheckbox:checked - ~ span.hiddencheckboxcover { + .sheet-container-single-spell + .sheet-hiddencheckbox:checked + ~ span.sheet-hiddencheckboxcover { color: var(--title-color); } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .hiddencheckbox:hover - ~ .hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:hover + ~ .sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .hiddencheckbox:hover - ~ .hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:hover + ~ .sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .hiddencheckbox:hover - ~ .hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:hover + ~ .sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .hiddencheckbox:hover - ~ .hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-hiddencheckbox:hover + ~ .sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .hiddencheckbox:hover - ~ .hiddencheckboxcover { + .sheet-container-single-spell + .sheet-hiddencheckbox:hover + ~ .sheet-hiddencheckboxcover { color: var(--icon-hover); } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - span.hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + span.sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - span.hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + span.sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - span.hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + span.sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - span.hiddencheckboxcover, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + span.sheet-hiddencheckboxcover, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - span.hiddencheckboxcover { + .sheet-container-single-spell + span.sheet-hiddencheckboxcover { position: absolute; font-family: "Pictos"; font-size: 20px; @@ -2014,51 +2116,51 @@ h6 { z-index: 1; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .extra, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .extra, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .extra, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .extra, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .extra { + .sheet-container-single-spell + .sheet-extra { display: none; grid-column: 1/5; width: 100%; @@ -2072,160 +2174,160 @@ h6 { color: var(--icon-color); } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra span, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra span, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra span, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra span, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra span { display: inline-flex; height: 100%; align-items: center; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra input, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra select, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra input, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra select, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra input, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra select, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra input, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra select, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra input, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra select { width: 100%; background-color: transparent; @@ -2235,163 +2337,163 @@ h6 { border-bottom: 2px solid var(--icon-color); } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .extra - .cd, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-cd, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .extra - .cd, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-cd, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .extra - .cd, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-cd, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .extra - .cd, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-cd, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .extra - .cd { + .sheet-container-single-spell + .sheet-extra + .sheet-cd { text-align: center; justify-content: center; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .extra - .singleline, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-singleline, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .extra - .singleline, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-singleline, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .extra - .singleline, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-singleline, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .extra - .singleline, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-singleline, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .extra - .singleline { + .sheet-container-single-spell + .sheet-extra + .sheet-singleline { grid-column: 2/5; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .extra - .fullline, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-fullline, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .extra - .fullline, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-fullline, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .extra - .fullline, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-fullline, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .extra - .fullline, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist + .sheet-container-single-spell + .sheet-extra + .sheet-fullline, +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .extra - .fullline { + .sheet-container-single-spell + .sheet-extra + .sheet-fullline { grid-column: 1/5; display: inline-flex; justify-content: center; @@ -2399,55 +2501,55 @@ h6 { width: 100%; } -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra textarea, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra textarea, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra textarea, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra textarea, -.main - .left-container - .spells - .inside-negative-corner - .containerspelllist +.sheet-main + .sheet-left-container + .sheet-spells + .sheet-inside-negative-corner + .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] > .repitem - .container-single-spell - .extra + .sheet-container-single-spell + .sheet-extra textarea { font-size: 12px; grid-column: 1/5; @@ -2456,28 +2558,28 @@ h6 { border: 2px solid var(--icon-color); } -.main .left-container .powers-and-abilities { +.sheet-main .sheet-left-container .sheet-powers-and-abilities { width: 100%; display: block; margin-bottom: 22px; } -.main - .left-container - .powers-and-abilities - .inside-negative-corner - .content-grid { +.sheet-main + .sheet-left-container + .sheet-powers-and-abilities + .sheet-inside-negative-corner + .sheet-content-grid { margin-bottom: 5px; display: grid; grid-template-columns: 1fr 1fr; } -.main - .left-container - .powers-and-abilities - .inside-negative-corner - .content-grid - .grid-title { +.sheet-main + .sheet-left-container + .sheet-powers-and-abilities + .sheet-inside-negative-corner + .sheet-content-grid + .sheet-grid-title { width: 100%; display: flex; justify-content: center; @@ -2493,41 +2595,41 @@ h6 { text-transform: uppercase; } -.main - .left-container - .powers-and-abilities - .inside-negative-corner - .vertical-line { +.sheet-main + .sheet-left-container + .sheet-powers-and-abilities + .sheet-inside-negative-corner + .sheet-vertical-line { width: 1px; background-color: var(--accent-color); height: 96%; } -.main - .left-container - .powers-and-abilities - .inside-negative-corner - .container-reapeater { +.sheet-main + .sheet-left-container + .sheet-powers-and-abilities + .sheet-inside-negative-corner + .sheet-container-reapeater { box-sizing: border-box; margin-top: 4px; border: 0; } -.main - .left-container - .powers-and-abilities - .inside-negative-corner - .container-reapeater:nth-child(odd) { +.sheet-main + .sheet-left-container + .sheet-powers-and-abilities + .sheet-inside-negative-corner + .sheet-container-reapeater:nth-child(odd) { border-right: 1px solid var(--accent-color); } -.main .right-container { +.sheet-main .sheet-right-container { width: 100%; display: flex; flex-direction: column; } -.main .right-container .logo-level { +.sheet-main .sheet-right-container .sheet-logo-level { display: flex; width: 100%; flex-direction: column; @@ -2536,36 +2638,52 @@ h6 { row-gap: 10px; } -/* .main .right-container .logo-level .container-logo { +/* .sheet-main .sheet-right-container .sheet-logo-level .container-logo { height: 76px; } */ -.main .right-container .logo-level .container-logo-ghanor { +.sheet-main .sheet-right-container .sheet-logo-level .container-logo-ghanor { height: 150px; } -.main .right-container .logo-level .container-logo .logo-ordem-paranormal { +.sheet-main + .sheet-right-container + .sheet-logo-level + .sheet-container-logo + .sheet-logo-ordem-paranormal { width: 100%; user-select: none; } -.main .right-container .logo-level .container-logo img { +.sheet-main .sheet-right-container .sheet-logo-level .container-logo img { object-fit: cover; } -.main .right-container .logo-level .container-logo .logo-ghanor { +.sheet-main + .sheet-right-container + .sheet-logo-level + .container-logo + .logo-ghanor { width: 100%; user-select: none; } -.main .right-container .logo-level .char-level-container { +.sheet-main + .sheet-right-container + .sheet-logo-level + .sheet-char-level-container { display: flex; width: 100%; align-items: flex-end; justify-content: center; } -.main .right-container .logo-level .char-level-container .total-level span { +.sheet-main + .sheet-right-container + .sheet-logo-level + .sheet-char-level-container + .sheet-total-level + span { display: inline-block; line-height: 24px; font-size: 12px; @@ -2574,7 +2692,12 @@ h6 { font-weight: bold; } -.main .right-container .logo-level .char-level-container .total-level input { +.sheet-main + .sheet-right-container + .sheet-logo-level + .sheet-char-level-container + .sheet-total-level + input { display: inline-block; text-align: center; width: 40px; @@ -2585,22 +2708,25 @@ h6 { padding-right: 2px; } -.main .right-container .skills-container { +.sheet-main .sheet-right-container .sheet-skills-container { width: 100%; display: block; margin-top: 15px; margin-bottom: 16px; } -.main .right-container .skills-container .inside-negative-corner { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner { min-height: 780px; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template { display: grid; width: 100%; padding: 8px 8px; @@ -2608,7 +2734,9 @@ h6 { row-gap: 0.5rem; } -.condition-container .inside-negative-corner .condition-grid-template { +.sheet-condition-container + .sheet-inside-negative-corner + .sheet-condition-grid-template { display: grid; width: 100%; padding-left: 7px; @@ -2617,52 +2745,54 @@ h6 { border-bottom: 1px solid #e3e3e3; } -.skills-container .repcontainer, -.skills-container .repcontrol { +.sheet-skills-container .repcontainer, +.sheet-skills-container .repcontrol { grid-column: 1/13; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .repitem { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-repitem { display: grid; grid-template-columns: auto 12px 48px 12px 35px 12px 12px 80px 12px 24px 12px 35px; } -.inside-negative-corner .condition-grid-template .repitem { +.sheet-inside-negative-corner .sheet-condition-grid-template .repitem { display: grid; grid-template-columns: 20px auto 170px; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template.header, -.inside-negative-corner .condition-grid-template.header { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template.header, +.sheet-inside-negative-corner .sheet-condition-grid-template.header { height: 30px; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template.header - .pericias-titulo, -.inside-negative-corner .condition-grid-template.header .pericias-titulo { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template.header + .sheet-pericias-titulo, +.sheet-inside-negative-corner + .sheet-condition-grid-template.header + .sheet-pericias-titulo { grid-column: 1/3; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .signal, -.inside-negative-corner .condition-grid-template .signal { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-signal, +.sheet-inside-negative-corner .sheet-condition-grid-template .sheet-signal { /* font-family: Arial, Verdana; */ width: 100%; height: 24px; @@ -2675,20 +2805,20 @@ h6 { text-align: center; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template input[type="text"], -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template select, -.inside-negative-corner .condition-grid-template input[type="text"], -.inside-negative-corner .condition-grid-template select { +.sheet-inside-negative-corner .sheet-condition-grid-template input[type="text"], +.sheet-inside-negative-corner .sheet-condition-grid-template select { height: 24px; text-align: center; border: 0; @@ -2696,77 +2826,89 @@ h6 { width: 100%; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template input[type="text"].total, -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template select.total, -.inside-negative-corner .condition-grid-template input[type="text"].total, -.inside-negative-corner .condition-grid-template select.total { +.sheet-inside-negative-corner + .sheet-condition-grid-template + input[type="text"].total, +.sheet-inside-negative-corner .sheet-condition-grid-template select.total { border: 2px solid var(--accent-color); border-top: 1px solid var(--accent-color); border-bottom: 1px solid var(--accent-color); } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - input[type="text"].total.first, -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - select.total.first, -.inside-negative-corner .condition-grid-template input[type="text"].total.first, -.inside-negative-corner .condition-grid-template select.total.first { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + input[type="text"].sheet-total.sheet-first, +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + select.sheet-total.sheet-first, +.sheet-inside-negative-corner + .sheet-condition-grid-template + input[type="text"].sheet-total.sheet-first, +.sheet-inside-negative-corner + .sheet-condition-grid-template + select.sheet-total.sheet-first { border-top: 2px solid var(--accent-color); } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - input[type="text"].total.last, -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - select.total.last, -.inside-negative-corner .condition-grid-template input[type="text"].total.last, -.inside-negative-corner .condition-grid-template select.total.last { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + input[type="text"].sheet-total.sheet-last, +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + select.sheet-total.sheet-last, +.sheet-inside-negative-corner + .sheet-condition-grid-template + input[type="text"].sheet-total.sheet-last, +.sheet-inside-negative-corner + .sheet-condition-grid-template + select.sheet-total.sheet-last { border-bottom: 2px solid var(--accent-color); } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template select, -.inside-negative-corner .condition-grid-template select { +.sheet-inside-negative-corner .sheet-condition-grid-template select { font-size: 9px; padding-left: 1px; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .legenda-pericias, -.inside-negative-corner .condition-grid-template .legenda-pericias { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-legenda-pericias, +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-legenda-pericias { height: 14px; margin-top: 4px; padding-top: 4px; @@ -2781,40 +2923,43 @@ h6 { font-family: "PT Sans"; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .legenda-pericias +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-legenda-pericias i, -.inside-negative-corner .condition-grid-template .legenda-pericias i { +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-legenda-pericias + i { display: inline; font-family: "Alegreya Sans SC"; font-style: normal; margin-left: 1rem; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .legenda-pericias +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-legenda-pericias i:last-child, -.inside-negative-corner - .condition-grid-template - .legenda-pericias +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-legenda-pericias i:last-child { margin-left: 12px; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .profissao { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-profissao { width: 100%; display: flex; justify-self: start; @@ -2823,13 +2968,13 @@ h6 { font-family: "Alegreya Sans SC"; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .profissao - input.nome-profissao { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-profissao + input.sheet-nome-profissao { width: 50px; margin-left: 8px; padding: 0; @@ -2842,13 +2987,13 @@ h6 { position: relative; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .profissao - input.nome-profissao::before { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-profissao + input.sheet-nome-profissao::before { content: "*"; position: absolute; height: 20px; @@ -2858,7 +3003,7 @@ h6 { vertical-align: super; } -.nome-profissao-extra { +.sheet-nome-profissao-extra { width: 75px; margin-left: 8px; padding: 0; @@ -2872,7 +3017,7 @@ h6 { position: relative; } -.nome-profissao-extra::before { +.sheet-nome-profissao-extra::before { content: "*"; position: absolute; height: 20px; @@ -2882,14 +3027,17 @@ h6 { vertical-align: super; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .profissao - .skill-button, -.inside-negative-corner .condition-grid-template .profissao .skill-button { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-profissao + .sheet-skill-button, +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-profissao + .sheet-skill-button { width: auto; text-align: left; font-family: inherit; @@ -2900,15 +3048,19 @@ h6 { font-size: inherit; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .profissao - .skill-button +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-profissao + .sheet-skill-button span, -.inside-negative-corner .condition-grid-template .profissao .skill-button span { +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-profissao + .sheet-skill-button + span { display: inline-flex; height: 100%; align-items: center; @@ -2917,23 +3069,23 @@ h6 { padding-right: 2px; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .profissao - .skill-button:hover { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-profissao + .sheet-skill-button:hover { color: var(--highligth-color); } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .skill-name, -.inside-negative-corner .condition-grid-template .skill-name { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-skill-name, +.sheet-inside-negative-corner .sheet-condition-grid-template .sheet-skill-name { width: 100%; display: flex; justify-self: start; @@ -2943,14 +3095,17 @@ h6 { font-family: "Alegreya Sans SC"; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .skill-name - .skill-button, -.inside-negative-corner .condition-grid-template .skill-name .skill-button { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-skill-name + .sheet-skill-button, +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-skill-name + .sheet-skill-button { width: 100%; text-align: left; font-family: inherit; @@ -2961,18 +3116,18 @@ h6 { font-size: inherit; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .skill-name - .skill-button +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-skill-name + .sheet-skill-button span, -.inside-negative-corner - .condition-grid-template - .skill-name - .skill-button +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-skill-name + .sheet-skill-button span { display: inline-flex; height: 100%; @@ -2981,49 +3136,49 @@ h6 { width: auto; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .skill-name - .skill-button:hover, -.inside-negative-corner - .condition-grid-template - .skill-name - .skill-button:hover { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-skill-name + .sheet-skill-button:hover, +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-skill-name + .sheet-skill-button:hover { color: var(--highligth-color); } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .skill-name - .skill-button - .sup-penalidade, -.inside-negative-corner - .condition-grid-template - .skill-name - .skill-button - .sup-penalidade { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-penalidade, +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-penalidade { position: relative; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .skill-name - .skill-button - .sup-penalidade::after, -.inside-negative-corner - .condition-grid-template - .skill-name - .skill-button - .sup-penalidade::after { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-penalidade::after, +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-penalidade::after { content: "+"; position: absolute; height: 20px; @@ -3033,35 +3188,35 @@ h6 { vertical-align: super; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .skill-name - .skill-button - .sup-treinada, -.inside-negative-corner - .condition-grid-template - .skill-name - .skill-button - .sup-treinada { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-treinada, +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-treinada { position: relative; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .skill-name - .skill-button - .sup-treinada::before, -.inside-negative-corner - .condition-grid-template - .skill-name - .skill-button - .sup-treinada::before { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-treinada::before, +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-treinada::before { content: "*"; position: absolute; height: 20px; @@ -3071,35 +3226,35 @@ h6 { vertical-align: super; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .skill-name - .skill-button - .sup-treinada-penalidade, -.inside-negative-corner - .condition-grid-template - .skill-name - .skill-button - .sup-treinada-penalidade { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-treinada-penalidade, +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-treinada-penalidade { position: relative; } -.main - .right-container - .skills-container - .inside-negative-corner - .skill-grid-template - .skill-name - .skill-button - .sup-treinada-penalidade::before, -.inside-negative-corner - .condition-grid-template - .skill-name - .skill-button - .sup-treinada-penalidade::before { +.sheet-main + .sheet-right-container + .sheet-skills-container + .sheet-inside-negative-corner + .sheet-skill-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-treinada-penalidade::before, +.sheet-inside-negative-corner + .sheet-condition-grid-template + .sheet-skill-name + .sheet-skill-button + .sheet-sup-treinada-penalidade::before { content: "+*"; position: absolute; height: 20px; @@ -3109,21 +3264,24 @@ h6 { vertical-align: super; } -.main .right-container .equipment-container { +.sheet-main .sheet-right-container .sheet-equipment-container { width: 100%; display: block; margin-bottom: 22px; } -.main .right-container .equipment-container .inside-negative-corner { +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner { padding: 5px; } -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money { +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money { width: 100%; height: 26px; font-weight: bold; @@ -3133,17 +3291,17 @@ h6 { align-items: center; } -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money input, -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money span { display: inline-flex; text-align: center; @@ -3151,21 +3309,21 @@ h6 { line-height: 26px; } -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money span { text-transform: uppercase; min-width: 60px; } -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money input { border: 0; border-bottom: 1px solid var(--accent-color); @@ -3174,70 +3332,73 @@ h6 { width: 70px; } -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money input:read-only { cursor: default; } -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money - .cargainput { +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money + .sheet-cargainput { width: 70px; } -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money - .cargainput:read-only { +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money + .sheet-cargainput:read-only { background-color: var(--background-color); } -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money - .cargalimite { +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money + .sheet-cargalimite { width: 70px; } -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money - .cargalimite:read-only { +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money + .sheet-cargalimite:read-only { background-color: var(--background-color); } -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money - .cargamaxima { +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money + .sheet-cargamaxima { width: 70px; } -.main - .right-container - .equipment-container - .inside-negative-corner - .container-money - .cargamaxima:read-only { +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-inside-negative-corner + .sheet-container-money + .sheet-cargamaxima:read-only { background-color: var(--background-color); } -.main .right-container .equipment-container .grid-equipment { +.sheet-main + .sheet-right-container + .sheet-equipment-container + .sheet-grid-equipment { display: grid; grid-template-columns: 40px auto 120px 40px; column-gap: 7px; @@ -3246,19 +3407,19 @@ h6 { padding-right: 14px; } -.main - .right-container - .equipment-container +.sheet-main + .sheet-right-container + .sheet-equipment-container .repcontainer[data-groupname="repeating_equipment"] { margin-top: 5px; } -.main - .right-container - .equipment-container +.sheet-main + .sheet-right-container + .sheet-equipment-container .repcontainer[data-groupname="repeating_equipment"] > .repitem - .grid-equipment { + .sheet-grid-equipment { width: 100%; display: grid; grid-template-columns: 40px auto 120px 40px; @@ -3266,12 +3427,12 @@ h6 { margin-bottom: 7px; } -.main - .right-container - .equipment-container +.sheet-main + .sheet-right-container + .sheet-equipment-container .repcontainer[data-groupname="repeating_equipment"] > .repitem - .grid-equipment + .sheet-grid-equipment input { text-align: center; width: 100%; @@ -3279,34 +3440,34 @@ h6 { border-bottom: 2px solid var(--accent-color); } -.main .charnotes-container { +.sheet-main .sheet-charnotes-container { width: 100%; display: block; grid-column: 1/3; } -.main .charnotes-container .inside-negative-corner { +.sheet-main .sheet-charnotes-container .sheet-inside-negative-corner { padding: 7px; padding-top: 0; } -.main .charnotes-container .inside-negative-corner textarea { +.sheet-main .sheet-charnotes-container .sheet-inside-negative-corner textarea { width: 100%; min-height: 180px; height: 100%; } -.main .smaller-text { +.sheet-main .sheet-smaller-text { font-size: 10px; font-weight: bold; } -.main .input-with-text-bellow { +.sheet-main .sheet-input-with-text-bellow { display: flex; flex-direction: column; } -.main .input-with-text-bellow input { +.sheet-main .sheet-input-with-text-bellow input { width: 100%; height: 24px; border: 0; @@ -3316,7 +3477,7 @@ h6 { padding-right: 2px; } -.main .input-with-text-bellow span { +.sheet-main .sheet-input-with-text-bellow span { display: block; padding-top: 2px; padding-left: 2px; @@ -3326,12 +3487,12 @@ h6 { text-transform: uppercase; } -.main .input-with-text-right { +.sheet-main .sheet-input-with-text-right { display: flex; column-gap: 0.5rem; } -.main .input-with-text-right input { +.sheet-main .sheet-input-with-text-right input { width: 100%; height: 24px; border: 0; @@ -3341,7 +3502,7 @@ h6 { padding-right: 2px; } -.main .input-with-text-right span { +.sheet-main .sheet-input-with-text-right span { display: block; padding-top: 2px; padding-left: 2px; @@ -3352,28 +3513,28 @@ h6 { text-align: end; } -.main .input-with-text-bellow.char-name { +.sheet-main .sheet-input-with-text-bellow.sheet-char-name { padding-top: 15px; grid-column: 1/3; } -.main .input-with-text-bellow.char-player { +.sheet-main .sheet-input-with-text-bellow.sheet-char-player { padding-top: 15px; } -.main .input-with-text-bellow.char-player-ghanor { +.sheet-main .sheet-input-with-text-bellow.sheet-char-player-ghanor { padding-top: 15px; grid-column: 3/5; } -.main .outer-container-negative-corner { +.sheet-main .sheet-outer-container-negative-corner { position: relative; width: 100%; height: 100%; padding-bottom: 10px; } -.main .outer-container-negative-corner .oval { +.sheet-main .sheet-outer-container-negative-corner .sheet-oval { position: absolute; background-color: var(--background-color); border: 2px solid var(--accent-color); @@ -3389,7 +3550,7 @@ h6 { overflow: hidden; } -.main .outer-container-negative-corner .oval input { +.sheet-main .sheet-outer-container-negative-corner .sheet-oval input { border: 0; height: 20px; width: 22px; @@ -3399,10 +3560,10 @@ h6 { background-color: transparent; } -.main - .outer-container-negative-corner - .inside-negative-corner - button.button-title-attribute { +.sheet-main + .sheet-outer-container-negative-corner + .sheet-inside-negative-corner + button.sheet-button-title-attribute { background-color: transparent; font-size: 14px; border: 0; @@ -3417,17 +3578,17 @@ h6 { transition: color 1s; } -.main - .outer-container-negative-corner - .inside-negative-corner - button.button-title-attribute:hover { +.sheet-main + .sheet-outer-container-negative-corner + .sheet-inside-negative-corner + button.sheet-button-title-attribute:hover { color: var(--highligth-color); } -.main - .outer-container-negative-corner - .inside-negative-corner - span.button-title-attribute { +.sheet-main + .sheet-outer-container-negative-corner + .sheet-inside-negative-corner + span.sheet-button-title-attribute { background-color: transparent; font-size: 14px; border: 0; @@ -3444,13 +3605,16 @@ h6 { transition: color 1s; } -.character-attributes .inside-negative-corner:hover { +.sheet-character-attributes .sheet-inside-negative-corner:hover { background-color: var(--accent-color-hover) !important; transition: background 1s; } -.main .outer-container-negative-corner .inside-negative-corner input.fake-mod { +.sheet-main + .sheet-outer-container-negative-corner + .sheet-inside-negative-corner + input.sheet-fake-mod { background-color: transparent; font-size: 24px; border: 0; @@ -3465,7 +3629,7 @@ h6 { width: 100%; } -.main .container-negative-corner { +.sheet-main .sheet-container-negative-corner { display: flex; justify-content: center; align-items: center; @@ -3474,7 +3638,7 @@ h6 { overflow: hidden; } -.main .container-negative-corner .inside-negative-corner { +.sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner { box-sizing: border-box; position: relative; border: 2px solid var(--accent-color); @@ -3487,7 +3651,10 @@ h6 { justify-content: center; } -.main .container-negative-corner .inside-negative-corner .span-fake-mod { +.sheet-main + .sheet-container-negative-corner + .sheet-inside-negative-corner + .sheet-span-fake-mod { font-size: 16px; font-weight: bold; color: var(--highligth-color); @@ -3495,14 +3662,20 @@ h6 { width: 100%; } -.main .container-negative-corner .inside-negative-corner .content-centered { +.sheet-main + .sheet-container-negative-corner + .sheet-inside-negative-corner + .sheet-content-centered { display: flex; justify-content: center; align-items: center; width: 100%; } -.main .container-negative-corner .inside-negative-corner .small-title { +.sheet-main + .sheet-container-negative-corner + .sheet-inside-negative-corner + .sheet-small-title { width: 100%; display: flex; justify-content: center; @@ -3516,7 +3689,10 @@ h6 { user-select: none; } -.main .container-negative-corner .inside-negative-corner .default-title { +.sheet-main + .sheet-container-negative-corner + .sheet-inside-negative-corner + .sheet-default-title { width: 100%; display: flex; justify-content: center; @@ -3532,7 +3708,10 @@ h6 { text-transform: uppercase; } -.main .container-negative-corner .inside-negative-corner .grid-title { +.sheet-main + .sheet-container-negative-corner + .sheet-inside-negative-corner + .sheet-grid-title { width: 100%; display: flex; justify-content: center; @@ -3548,7 +3727,10 @@ h6 { text-transform: uppercase; } -.main .container-negative-corner .inside-negative-corner textarea { +.sheet-main + .sheet-container-negative-corner + .sheet-inside-negative-corner + textarea { border: 0; text-align: left; padding: 5px; @@ -3556,7 +3738,10 @@ h6 { background-color: transparent; } -.main .container-negative-corner .inside-negative-corner .corner { +.sheet-main + .sheet-container-negative-corner + .sheet-inside-negative-corner + .sheet-corner { position: absolute; background-color: var(--background-color); border-top: 2px solid transparent; @@ -3569,31 +3754,43 @@ h6 { pointer-events: none; } -.main .container-negative-corner .inside-negative-corner .corner.top-left { +.sheet-main + .sheet-container-negative-corner + .sheet-inside-negative-corner + .sheet-corner.sheet-top-left { top: -12px; left: -12px; } -.main .container-negative-corner .inside-negative-corner .corner.top-right { +.sheet-main + .sheet-container-negative-corner + .sheet-inside-negative-corner + .sheet-corner.sheet-top-right { top: -12px; right: -12px; transform: rotate(90deg); } -.main .container-negative-corner .inside-negative-corner .corner.bottom-left { +.sheet-main + .sheet-container-negative-corner + .sheet-inside-negative-corner + .sheet-corner.sheet-bottom-left { bottom: -12px; left: -12px; transform: rotate(-90deg); } -.main .container-negative-corner .inside-negative-corner .corner.bottom-right { +.sheet-main + .sheet-container-negative-corner + .sheet-inside-negative-corner + .sheet-corner.sheet-bottom-right { bottom: -12px; right: -12px; transform: rotate(180deg); } -.main .repcontainer[data-groupname="repeating_abilities"], -.main .repcontainer[data-groupname="repeating_powers"] { +.sheet-main .repcontainer[data-groupname="repeating_abilities"], +.sheet-main .repcontainer[data-groupname="repeating_powers"] { min-height: 10px; display: flex; flex-direction: column; @@ -3602,14 +3799,14 @@ h6 { align-items: center; } -.main .repcontainer[data-groupname="repeating_abilities"] .itemcontrol, -.main .repcontainer[data-groupname="repeating_powers"] .itemcontrol { +.sheet-main .repcontainer[data-groupname="repeating_abilities"] .itemcontrol, +.sheet-main .repcontainer[data-groupname="repeating_powers"] .itemcontrol { z-index: 99; font-family: "Pictos"; } -.main .repcontainer[data-groupname="repeating_abilities"] > .repitem, -.main .repcontainer[data-groupname="repeating_powers"] > .repitem { +.sheet-main .repcontainer[data-groupname="repeating_abilities"] > .repitem, +.sheet-main .repcontainer[data-groupname="repeating_powers"] > .repitem { display: inline-block; width: 100%; box-sizing: border-box; @@ -3619,12 +3816,12 @@ h6 { border: 0; } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power, -.main + .sheet-container-ability-power, +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power { + .sheet-container-ability-power { position: relative; padding-left: 3px; padding-right: 3px; @@ -3635,14 +3832,14 @@ h6 { width: 100%; } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power - .buttonshowinfo, -.main + .sheet-container-ability-power + .sheet-buttonshowinfo, +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power - .buttonshowinfo { + .sheet-container-ability-power + .sheet-buttonshowinfo { background-color: transparent; font-family: "Pictos"; color: var(--icon-color); @@ -3654,35 +3851,35 @@ h6 { cursor: pointer; } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power - .buttonshowinfo:hover, -.main + .sheet-container-ability-power + .sheet-buttonshowinfo:hover, +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power - .buttonshowinfo:hover { + .sheet-container-ability-power + .sheet-buttonshowinfo:hover { color: var(--icon-hover); } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power - .buttonshowinfo:active, -.main + .sheet-container-ability-power + .sheet-buttonshowinfo:active, +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power - .buttonshowinfo:active { + .sheet-container-ability-power + .sheet-buttonshowinfo:active { font-size: 18px; } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power + .sheet-container-ability-power input, -.main +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power + .sheet-container-ability-power input { height: 20px; border: 0; @@ -3693,14 +3890,14 @@ h6 { border-bottom: 2px solid var(--accent-color); } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power - .hiddencheckbox, -.main + .sheet-container-ability-power + .sheet-hiddencheckbox, +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power - .hiddencheckbox { + .sheet-container-ability-power + .sheet-hiddencheckbox { width: 20px; height: 20px; border: 0; @@ -3714,53 +3911,53 @@ h6 { cursor: pointer; } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power - .hiddencheckbox:checked - ~ .extra, -.main + .sheet-container-ability-power + .sheet-hiddencheckbox:checked + ~ .sheet-extra, +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power - .hiddencheckbox:checked - ~ .extra { + .sheet-container-ability-power + .sheet-hiddencheckbox:checked + ~ .sheet-extra { display: flex; } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power - .hiddencheckbox:checked - ~ span.hiddencheckboxcover, -.main + .sheet-container-ability-power + .sheet-hiddencheckbox:checked + ~ span.sheet-hiddencheckboxcover, +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power - .hiddencheckbox:checked - ~ span.hiddencheckboxcover { + .sheet-container-ability-power + .sheet-hiddencheckbox:checked + ~ span.sheet-hiddencheckboxcover { color: var(--title-color); } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power - .hiddencheckbox:hover - ~ .hiddencheckboxcover, -.main + .sheet-container-ability-power + .sheet-hiddencheckbox:hover + ~ .sheet-hiddencheckboxcover, +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power - .hiddencheckbox:hover - ~ .hiddencheckboxcover { + .sheet-container-ability-power + .sheet-hiddencheckbox:hover + ~ .sheet-hiddencheckboxcover { color: var(--icon-hover); } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power - span.hiddencheckboxcover, -.main + .sheet-container-ability-power + span.sheet-hiddencheckboxcover, +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power - span.hiddencheckboxcover { + .sheet-container-ability-power + span.sheet-hiddencheckboxcover { position: absolute; font-family: "Pictos"; font-size: 20px; @@ -3775,14 +3972,14 @@ h6 { z-index: 1; } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power - .extra, -.main + .sheet-container-ability-power + .sheet-extra, +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power - .extra { + .sheet-container-ability-power + .sheet-extra { display: none; grid-column: 2/4; width: 100%; @@ -3790,15 +3987,15 @@ h6 { border: solid 2px var(--accent-color); } -.main +.sheet-main .repcontainer[data-groupname="repeating_abilities"] - .container-ability-power - .extra + .sheet-container-ability-power + .sheet-extra textarea, -.main +.sheet-main .repcontainer[data-groupname="repeating_powers"] - .container-ability-power - .extra + .sheet-container-ability-power + .sheet-extra textarea { width: 100%; height: 100%; @@ -3806,7 +4003,7 @@ h6 { margin-bottom: 8px; } -.main .fake-checkbox { +.sheet-main .sheet-fake-checkbox { display: inline-flex; justify-content: center; align-items: center; @@ -3816,12 +4013,12 @@ h6 { padding: 0; } -.main .fake-checkbox input[type="checkbox"] { +.sheet-main .sheet-fake-checkbox input[type="checkbox"] { display: none; visibility: hidden; } -.main .fake-checkbox .fake-checkbox-status { +.sheet-main .sheet-fake-checkbox .sheet-fake-checkbox-status { position: relative; width: 16px; height: 16px; @@ -3831,7 +4028,7 @@ h6 { border-radius: 50%; } -.main .fake-checkbox .fake-checkbox-status::before { +.sheet-main .sheet-fake-checkbox .sheet-fake-checkbox-status::before { content: ""; color: var(--accent-color); position: absolute; @@ -3845,14 +4042,14 @@ h6 { transform: translate(-50%, -50%); } -.main - .fake-checkbox +.sheet-main + .sheet-fake-checkbox input[type="checkbox"]:checked - ~ .fake-checkbox-status::before { + ~ .sheet-fake-checkbox-status::before { content: "3"; } -.navegacao { +.sheet-navegacao { border-bottom: 1px solid #969696; overflow: hidden; width: 100%; @@ -3861,7 +4058,7 @@ h6 { list-style: none; } -.navegacao label { +.sheet-navegacao label { position: relative; background: var(--background-color); background-image: linear-gradient(to bottom, var(--background-color), #ddd); @@ -3876,18 +4073,18 @@ h6 { transition: background 0.5s, color 0.5s; } -.navegacao label:hover, -.navegacao label:hover::after, -.navegacao label:focus, -.navegacao label:focus::after { +.sheet-navegacao label:hover, +.sheet-navegacao label:hover::after, +.sheet-navegacao label:focus, +.sheet-navegacao label:focus::after { background: var(--switch-hover-color); } -.navegacao label:focus { +.sheet-navegacao label:focus { outline: 0; } -.navegacao label::after { +.sheet-navegacao label::after { content: ""; position: absolute; z-index: 1; @@ -3904,18 +4101,18 @@ h6 { transition: background 0.5s, color 0.5s; } -.navegacao label, -.navegacao label::after { +.sheet-navegacao label, +.sheet-navegacao label::after { background: var(--background-color); z-index: 3; } -.switch-selected::after { +.sheet-switch-selected::after { background: var(--switch-selected-color) !important; z-index: 3; } -.navegacao > input { +.sheet-navegacao > input { width: 50px; height: 12px; font-size: 7px; @@ -3928,7 +4125,7 @@ h6 { outline: none; } -.main .hide-author > input { +.sheet-main .sheet-hide-author > input { width: 50px; height: 12px; font-size: 7px; @@ -3942,7 +4139,7 @@ h6 { outline: none; } -.main .hide-author span { +.sheet-main .sheet-hide-author span { color: var(--icon-hover); height: 12px; font-size: 9px; @@ -4286,7 +4483,7 @@ h6 { .sheet-rollbox-container .sheet-rollbox .sheet-roll-label - .crit { + .sheet-crit { color: green; margin-left: 2px; font-weight: normal; @@ -4336,7 +4533,7 @@ h6 { .sheet-rolltemplate-ordem-paranormal-attack .sheet-rollbox-container .sheet-rollbox - .divisor { + .sheet-divisor { display: flex; align-items: center; justify-content: center; @@ -4346,7 +4543,7 @@ h6 { .sheet-rolltemplate-ordem-paranormal-attack .sheet-rollbox-container .sheet-rollbox - .divisor + .sheet-divisor span { width: 1px; height: 70%; @@ -4498,7 +4695,7 @@ h6 { .sheet-rolltemplate-ordem-paranormal-info .sheet-rollbox-container .sheet-rollbox - .info-title { + .sheet-info-title { width: 100%; font-style: italic; display: flex; @@ -4852,8 +5049,8 @@ h6 { .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox - .props - .content { + .sheet-props + .sheet-content { font-weight: normal !important; margin-bottom: 2px; } @@ -4891,25 +5088,25 @@ h6 { font-size: 13px; } -.rolltemplate-darkmode { +.sheet-rolltemplate-darkmode { color: black !important; } -.deityAndLevel { +.sheet-deityAndLevel { display: grid; grid-template-columns: 1fr 5fr; grid-gap: 20px; } -.dado { +.sheet-dado { margin: auto !important; } -.ataque_rolagens { +.sheet-ataque_rolagens { justify-content: center; } /* The switch - the box around the slider */ -.switch { +.sheet-switch { position: relative; display: inline-block; height: 20px !important; @@ -4919,7 +5116,7 @@ h6 { } /* Hide default HTML checkbox */ -.switch input { +.sheet-switch input { display: none; opacity: 0; width: 0; @@ -4927,14 +5124,14 @@ h6 { } /* The slider */ -.slider { +.sheet-slider { cursor: pointer; height: 20px !important; -webkit-transition: 0.4s; transition: 0.4s; } -.switch-selected { +.sheet-switch-selected { background-color: var(--switch-selected-color) !important; color: var(--switch-selected-text-color) !important; } @@ -4952,127 +5149,127 @@ input:checked + .slider:before { /* Rounded sliders */ -.menace-spam { +.sheet-menace-spam { font-family: "Alegreya Sans SC"; font-weight: bold; font-size: 14px; } -.main .menace-container { +.sheet-main .menace-container { width: 100%; display: flex; flex-direction: column; grid-column: 1/3; } -.menace-powers .repcontrol_add, -.menace-powers .repcontrol_edit, -.menace-spells .repcontrol_add, -.menace-spells .repcontrol_edit, -.menace-attacks .repcontrol_add, -.menace-attacks .repcontrol_edit { +.sheet-menace-powers .repcontrol_add, +.sheet-menace-powers .repcontrol_edit, +.sheet-menace-spells .repcontrol_add, +.sheet-menace-spells .repcontrol_edit, +.sheet-menace-attacks .repcontrol_add, +.sheet-menace-attacks .repcontrol_edit { display: none !important; } -.menace-attacks .repcontainer, -.menace-attacks .repitem { +.sheet-menace-attacks .repcontainer, +.sheet-menace-attacks .repitem { display: inline-block; } -.menace-spells .container-menace-ability-power { +.sheet-menace-spells .container-menace-ability-power { display: list-item; list-style-position: inside; } -.hiddenelement { +.sheet-hiddenelement { display: none !important; } -.menace-container input { +.sheet-menace-container input { border: none; background-color: transparent; color: var(--highligth-color); } -.container-logo { +.sheet-container-logo { display: flex; justify-content: end; } -.container-logo-ghanor { +.sheet-container-logo-ghanor { display: flex; justify-content: end; height: 150px; } -.menace-header { +.sheet-menace-header { display: grid; grid-template-columns: 5fr 1fr; } -.menace-header .name-div { +.sheet-menace-header .name-div { align-self: center; } -.menace-header .menace-nd { +.sheet-menace-header .menace-nd { display: grid; grid-template-columns: 1fr 3fr; } -.menace-header span { +.sheet-menace-header span { font-size: 25px; font-family: "Alegreya Sans SC"; font-weight: bold; color: var(--highligth-color); } -.menace-name { +.sheet-menace-name { width: 100%; font-family: "Alegreya Sans SC" !important; font-weight: bold; font-size: 30px !important; } -.menace-nd { +.sheet-menace-nd { width: 70%; font-family: "Alegreya Sans SC" !important; font-weight: bold; font-size: 25px !important; } -.menace-creature { +.sheet-menace-creature { font-style: italic; width: 100%; } -.menace-base-info, -.menace-attributes { +.sheet-menace-base-info, +.sheet-menace-attributes { border-top: 2px var(--highligth-color) solid; border-bottom: 2px var(--highligth-color) solid; } -.menace-base-info span, -.menace-rolls span, -.menace-attributes span, -.menace-skills span, -.menace-treasures span { +.sheet-menace-base-info span, +.sheet-menace-rolls span, +.sheet-menace-attributes span, +.sheet-menace-skills span, +.sheet-menace-treasures span { font-size: 14px; font-weight: bold; color: var(--highligth-color); } -.menace-container input, -.menace-container span { +.sheet-menace-container input, +.sheet-menace-container span { padding: 0px; } -.menace-nd { +.sheet-menace-nd { margin-bottom: 10px; margin-left: 5px; } -.menace-perception, -.menace-resistence { +.sheet-menace-perception, +.sheet-menace-resistence { width: 100% !important; padding-left: 0px; text-align: left !important; @@ -5080,62 +5277,62 @@ input:checked + .slider:before { resize: none; } -.menace-desloc-vida, -.menace-mana { +.sheet-menace-desloc-vida, +.sheet-menace-mana { padding-left: 3px; width: 70% !important; text-align: left !important; } -.span-menace { +.sheet-span-menace { width: 30px; color: var(--accent-color); } -.menace-creature-type input, -.menace-base-info input { +.sheet-menace-creature-type input, +.sheet-menace-base-info input { color: var(--accent-color) !important; } -.infos { +.sheet-infos { color: var(--accent-color) !important; padding-left: 3px !important; font-weight: initial !important; } -.menace-base-info input, -.menace-attributes input { +.sheet-menace-base-info input, +.sheet-menace-attributes input { width: 20px; text-align: right; vertical-align: baseline; } -.menace-container .btn { +.sheet-menace-container .btn { vertical-align: baseline !important; } -.melee, -.distance { +.sheet-melee, +.sheet-distance { font-weight: bold !important; } -.left-global-container { +.sheet-left-global-container { width: 100%; display: flex; flex-direction: column; } -.right-global-container { +.sheet-right-global-container { width: 100%; display: flex; flex-direction: column; } -.domains-container { +.sheet-domains-container { grid-column: 1/3; } -.domain-header { +.sheet-domain-header { margin: 0 auto; font-family: "PT Sans", sans-serif; font-size: 13px; @@ -5148,20 +5345,20 @@ input:checked + .slider:before { background-color: var(--background-color); } -.domain-terrain { +.sheet-domain-terrain { display: grid; column-gap: 22px; grid-template-columns: 516px 146px 146px; } -.domain-header-info { +.sheet-domain-header-info { display: grid; column-gap: 22px; grid-template-columns: 400px auto; } -.court-container, -.popularity-container { +.sheet-court-container, +.sheet-popularity-container { display: grid; column-gap: 22px; grid-template-columns: auto auto auto; @@ -5169,8 +5366,8 @@ input:checked + .slider:before { margin-bottom: 30px; } -.court-level-container, -.popularity-level-container { +.sheet-court-level-container, +.sheet-popularity-level-container { display: grid; column-gap: 22px; grid-template-columns: auto auto; @@ -5179,71 +5376,53 @@ input:checked + .slider:before { padding: 15px 0px 0px 15px; } -.regent-player { +.sheet-regent-player { padding-top: 15px; grid-column: 1/2; } -.domain-level { +.sheet-domain-level { padding-top: 15px; } -/* .global-container { - margin: 0 auto; - font-family: "PT Sans", sans-serif; - font-size: 13px; - display: grid; - width: 860px; - background-repeat: no-repeat; - background-size: cover; - column-gap: 22px; - grid-template-columns: 516px 312px; - background-color: var(--background-color); -} */ - -.global-columns { +.sheet-global-columns { display: grid; grid-template-columns: 75% 25%; margin-bottom: 5px; } -.global-rolls { +.sheet-global-rolls { margin-top: 15px; } -.global-conditions { +.sheet-global-conditions { margin-top: 15px; } -.left-global-container .character-attributes, -.right-global-container .character-attributes { +.sheet-left-global-container .sheet-character-attributes, +.sheet-right-global-container .sheet-character-attributes { width: 100%; margin-top: 15px; height: 223px; - /* display: grid; - grid-template-columns: repeat(3, 1fr); - column-gap: 30px; - row-gap: 10px; - padding-top: 15px; */ display: flex; flex-wrap: wrap; justify-content: center; } -.left-container .character-attributes > div { +.sheet-left-container .sheet-character-attributes > div { width: 84px; height: 89px; } -.left-global-container .character-attributes > div, -.right-global-container .character-attributes > div { +.sheet-left-global-container .sheet-character-attributes > div, +.sheet-right-global-container .sheet-character-attributes > div { width: 84px; height: 89px; } -.left-global-container .button-title-attribute, -.right-global-container .button-title-attribute { +.sheet-left-global-container .sheet-button-title-attribute, +.sheet-right-global-container .sheet-button-title-attribute { background-color: transparent; font-size: 14px; border: 0; @@ -5256,8 +5435,8 @@ input:checked + .slider:before { user-select: none; } -.left-global-container .attacks-container .attacksgrid, -.right-global-container .attacks-container .attacksgrid { +.sheet-left-global-container .sheet-attacks-container .sheet-attacksgrid, +.sheet-right-global-container .sheet-attacks-container .sheet-attacksgrid { display: grid; padding-left: 10px; padding-right: 10px; @@ -5267,8 +5446,8 @@ input:checked + .slider:before { padding-bottom: 20px; } -.left-global-container .small-title, -.right-global-container .small-title { +.sheet-left-global-container .sheet-small-title, +.sheet-right-global-container .sheet-small-title { width: 100%; display: flex; justify-content: center; @@ -5282,8 +5461,11 @@ input:checked + .slider:before { user-select: none; } -.left-global-container .attacks-container .attacksgrid input, -.right-global-container .attacks-container .attacksgrid input { +.sheet-left-global-container .sheet-attacks-container .sheet-attacksgrid input, +.sheet-right-global-container + .sheet-attacks-container + .sheet-attacksgrid + input { display: inline-block; height: 24px; font-size: 12px; @@ -5294,8 +5476,8 @@ input:checked + .slider:before { width: 100%; } -.left-global-container .defense-container .defensegrid, -.right-global-container .defense-container .defensegrid { +.sheet-left-global-container .sheet-defense-container .sheet-defensegrid, +.sheet-right-global-container .sheet-defense-container .sheet-defensegrid { display: grid; padding-left: 10px; padding-right: 10px; @@ -5305,8 +5487,11 @@ input:checked + .slider:before { padding-bottom: 20px; } -.left-global-container .defense-container .defensegrid input, -.right-global-container .defense-container .defensegrid input { +.sheet-left-global-container .sheet-defense-container .sheet-defensegrid input, +.sheet-right-global-container + .sheet-defense-container + .sheet-defensegrid + input { display: inline-block; height: 24px; font-size: 12px; @@ -5317,43 +5502,43 @@ input:checked + .slider:before { width: 100%; } -.attribute-center { +.sheet-attribute-center { text-align: center; } -.attack-icon, -.damage-icon, -.roll-icon, -.skills-icon, -.defense-icon, -.armor-icon, -.shield-icon, -.resist-icon { +.sheet-attack-icon, +.sheet-damage-icon, +.sheet-roll-icon, +.sheet-skills-icon, +.sheet-defense-icon, +.sheet-armor-icon, +.sheet-shield-icon, +.sheet-resist-icon { height: 20px; filter: invert(11%) sepia(83%) saturate(4245%) hue-rotate(348deg) brightness(97%) contrast(87%); } -.attack-span, -.damage-span, -.roll-span, -.skills-span, -.defense-span, -.armor-span, -.shield-span, -.resist-span { +.sheet-attack-span, +.sheet-damage-span, +.sheet-roll-span, +.sheet-skills-span, +.sheet-defense-span, +.sheet-armor-span, +.sheet-shield-span, +.sheet-resist-span { font-size: 15px; font-weight: bold; color: var(--highligth-color); } -.defesacaido-color { +.sheet-defesacaido-color { font-size: 11px; font-weight: bold; color: var(--highligth-color); } -.global-color { +.sheet-global-color { background-color: var(--highligth-color); color: var(--background-color); font-size: 15px !important; @@ -5364,276 +5549,51 @@ input:checked + .slider:before { padding: 0px 10px 0px 10px; } -.header-global { +.sheet-header-global { height: 84px; width: 100%; position: relative; } -.header-global-ghanor { - height: 145px; - width: 100%; - position: relative; -} - -.header-position { +.sheet-header-position { position: absolute; bottom: 0px; } -.header-button-position { +.sheet-header-button-position { position: absolute; bottom: 0px; right: 0px; } -.erase-global { +.sheet-erase-global { margin-left: 35px; } -.global-title { +.sheet-global-title { font-size: 25px; font-family: "Alegreya Sans SC"; font-weight: bold; color: var(--highligth-color) !important; } -.right-icons { +.sheet-right-icons { text-align: right; } -.span-middle { +.sheet-span-middle { display: table; } -.span-middle div { +.sheet-span-middle div { display: table-cell; vertical-align: middle; } -.council-container > .counchil-header { - display: grid; - grid-template-columns: 100px 100px; - column-gap: 15px; -} - -.council-input .repcontainer[data-groupname="repeating_council"] { - margin-top: 5px; -} - -.council-input - .repcontainer[data-groupname="repeating_council"] - > .repitem - .grid-council { - width: 100%; - display: grid; - grid-template-columns: 100px 100px; - column-gap: 7px; - margin-bottom: 7px; -} - -.council-input - .repcontainer[data-groupname="repeating_council"] - > .repitem - .grid-council - input { - text-align: center; - width: 100%; - border: 0; - border-bottom: 2px solid var(--accent-color); -} - -.council-input - .repcontainer[data-groupname="repeating_council"] - > .repitem - .itemcontrol { - z-index: 99; - font-family: "Pictos"; -} - -.council-input - .repcontainer[data-groupname="repeating_council"] - > .repitem - .repcontrol_del { - font-family: "Pictos"; - background-color: var(--highligth-color); - background-image: none; - position: absolute; - z-index: 99 !important; - top: 0; - right: 0; -} - -.council-input - .repcontainer[data-groupname="repeating_council"] - > .repitem - .editmode - ~ .repcontrol_edit::before { - content: "Aplicar"; -} - -.fortification-container { - align-content: center; - justify-content: center; - display: grid; -} - -.council-container span, -.fortification-container span { - font-size: 15px; - font-weight: bolder; -} - -.fortification-container textarea { - resize: none; - border: 3px solid #ab893a; -} - -.span-court { - font-size: 20px; - padding: 5px 30px 5px 30px; - color: var(--background-color); - background-color: #ab893a; -} - -.court_span { - color: var(--accent-color); - font-size: 15px; -} - -.court_description { - color: var(--accent-color); - font-size: 11px; - font-weight: 100; -} - -.court_sub_desc { - color: var(--accent-color); - font-weight: 100; - font-style: italic; - font-size: 13px; -} - -.grid-buildings { - display: grid; - grid-template-columns: auto auto auto; - column-gap: 22px; - align-items: center; - justify-items: center; - margin-top: 7px; - margin-bottom: 7px; - padding-left: 15px; - padding-right: 15px; -} - -.grid-buildings-body { - display: grid; - grid-template-columns: 350px 55px auto; - column-gap: 22px; - margin-top: 7px; - margin-bottom: 7px; - padding-left: 15px; - padding-right: 15px; -} - -.grid-buildings .grid-title { - justify-content: start !important; - font-size: 15px !important; -} - -.grid-buildings .small-title { - justify-content: start !important; -} - -.grid-buildings-body input, -.grid-troop input { - border: 0; - border-bottom: 2px solid var(--accent-color); - width: 100%; -} - -.grid-troop { - display: grid; - grid-template-columns: 300px auto auto auto auto auto auto; - column-gap: 22px; - align-items: center; - justify-items: start; - margin-top: 7px; - margin-bottom: 7px; - padding-left: 15px; - padding-right: 15px; -} - -.grid-troop .grid-title { - justify-content: start !important; - font-size: 15px !important; -} - -.grid-troop .small-title { - justify-content: start !important; -} - -.buildings-container, -.troop-container { - margin-top: 10px; - margin-bottom: 10px; -} - -.fortification-container span { - font-size: 20px; - padding: 5px 30px 5px 30px; - color: var(--background-color); - background-color: #ab893a; - text-align: center; -} - -.ghanor-color-border-1 { - border: 1px solid #ab893a !important; -} - -.ghanor-color-border-2 { - border: 2px solid #ab893a !important; -} - -.ghanor-color-border-3 { - border: 3px solid #ab893a !important; -} - -.ghanor-color-background { - background-color: #ab893a !important; -} - -.ghanor-box-shadow { - box-shadow: 0 0 1px #ab893a; -} - -.container-negative-corner-ghanor { - border-right: 2px solid #ab893a !important; - border-bottom: 2px solid #ab893a !important; -} - -.menace-base-info-ghanor, -.menace-attributes-ghanor { - border-top: 2px #ab893a solid !important; - border-bottom: 2px #ab893a solid !important; -} - -.ghanor-color { - color: #ab893a !important; -} - -.menace-treasures textarea { - resize: none; -} - -.character-attributes-ghanor { - margin-top: -5px !important; -} - -.background-tormenta { +.sheet-background-tormenta { background-color: var(--highligth-color) !important; } -.border-tormenta { +.sheet-border-tormenta { border: 3px solid var(--highligth-color) !important; } diff --git a/Ordem Paranormal/ordemparanormal.html b/Ordem Paranormal/ordemparanormal.html index 17c7584848..c275f0e353 100644 --- a/Ordem Paranormal/ordemparanormal.html +++ b/Ordem Paranormal/ordemparanormal.html @@ -319,7 +319,7 @@ data-i18n-title="spam-attack" >