mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
2553 lines
51 KiB
CSS
2553 lines
51 KiB
CSS
/* -------------------------- IMPORTS -------------------------- */
|
|
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
|
|
@import url("https://fonts.googleapis.com/css2?family=Limelight&display=swap");
|
|
|
|
/* -------------------------- BASE STYLES -------------------------- */
|
|
.charsheet {
|
|
--main-color: #ffd27a;
|
|
--main-color1:rgb(241, 102, 97);
|
|
--main-color2: #04d9ff;
|
|
--secondary-color: #222222;
|
|
--background-color: #3e5367;
|
|
--accent-color: #1e2021;
|
|
--background-grey: #a7a9ac;
|
|
--background-plus: #e6e7e8;
|
|
--border-grey: #838383bf;
|
|
--text-grey: #f0f0f0bf;
|
|
--blackandwhite:white;
|
|
--blackandwhite2:#1f1f1f;
|
|
--main-font: "Limelight";
|
|
--standard-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
background-color: var(--blackandwhite);
|
|
}
|
|
|
|
.sheet-darkmode .charsheet {
|
|
--main-color: #ffd27a;
|
|
--main-color1:rgb(241, 102, 97);
|
|
--main-color2: #04d9ff;
|
|
--secondary-color: #e2e2e2;
|
|
--accent-color: #e4d4b6;
|
|
--background-grey: #2d2d2d;
|
|
--background-plus: #1c1c1c;
|
|
--border-grey: #454545;
|
|
--text-grey: #8d8d8d;
|
|
--h4color:#9b9b9b;
|
|
--blackandwhite:#1f1f1f;
|
|
--blackandwhite2:white;
|
|
--main-font: "Limelight";
|
|
--standard-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
background-color: var(--blackandwhite);
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* -------------------------- DARK MODE STYLES -------------------------- */
|
|
|
|
input[disabled] {
|
|
cursor: default;
|
|
border-color: var(--border-grey) !important;
|
|
color: var(--text-grey);
|
|
}
|
|
|
|
/* -------------------------- UI DIALOG STYLES -------------------------- */
|
|
button,
|
|
input,
|
|
select,
|
|
span,
|
|
label,
|
|
option,
|
|
textarea,
|
|
button[type="roll"] {
|
|
width: 100% !important;
|
|
background-image: none;
|
|
border-radius: 2px;
|
|
font-size: 12px !important;
|
|
-moz-appearance: textfield;
|
|
appearance: none;
|
|
text-align: center;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
outline: none;
|
|
display: inline-block;
|
|
padding: 4px;
|
|
border: none;
|
|
font-weight: 500;
|
|
line-height: 18px;
|
|
color: var(--secondary-color);
|
|
border-color: var(--border-grey) !important;
|
|
background-color: var(--background-grey);
|
|
border: 1px solid;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
select,
|
|
span,
|
|
label,
|
|
option,
|
|
button[type="roll"] {
|
|
height: 18px !important;
|
|
}
|
|
|
|
.charsheet label {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
color: var(--secondary-color) !important;
|
|
}
|
|
|
|
label.sheet-legend,
|
|
.sheet-character-bars label {
|
|
color: var(--text-grey) !important;
|
|
font-size: 8px !important;
|
|
font-weight: bold;
|
|
line-height: 10px;
|
|
max-height: 10px;
|
|
text-transform: uppercase;
|
|
text-align: left;
|
|
}
|
|
|
|
label.sheet-legend2 {
|
|
color: #6b6b6b !important;
|
|
font-size: 8px !important;
|
|
font-weight: normal;
|
|
line-height: 8px;
|
|
max-height: 8px;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
}
|
|
|
|
input[type="number"] {
|
|
-moz-appearance: textfield !important;
|
|
appearance: textfield !important;
|
|
}
|
|
|
|
input[type="number"]::-webkit-inner-spin-button,
|
|
input[type="number"]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.sheet-darkmode select,
|
|
select {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.ui-dialog .largedialog {
|
|
padding:0px!important;
|
|
}
|
|
|
|
input[disabled],
|
|
input[readonly],
|
|
select[readonly],
|
|
select[disabled] {
|
|
cursor: default;
|
|
border-color: var(--border-grey) !important;
|
|
color: #4d4d4dbf !important;
|
|
background-color: var(--background-grey);
|
|
}
|
|
|
|
.ui-dialog .charsheet input[type="checkbox"]:checked + span {
|
|
color: var(--main-color);
|
|
align-items: center;
|
|
max-height: 18px;
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-talent-card2 input[type="checkbox"]:checked + span {
|
|
color: var(--text-grey);
|
|
}
|
|
|
|
.ui-dialog .charsheet .sheet-features-traits2 input[type="checkbox"]:checked + span {
|
|
color: var(--secondary-color);
|
|
}
|
|
|
|
.ui-dialog .charsheet input[type="checkbox"]:hover + span {
|
|
color: var(--main-color);
|
|
align-items: center;
|
|
max-height: 18px;
|
|
}
|
|
|
|
/* -------------------------- INPUT STYLES -------------------------- */
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
appearance: none;
|
|
text-align: center;
|
|
}
|
|
|
|
input::-webkit-inner-spin-button,
|
|
input::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
/* -------------------------- PLACEHOLDERS -------------------------- */
|
|
|
|
::placeholder {
|
|
text-align: center;
|
|
font-size: 10px;
|
|
line-height: 10px;
|
|
font-family: "Montserrat" !important;
|
|
text-align: left !important;
|
|
justify-content: left;
|
|
color: var(--secondary-color);
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.sheet-backgroundbox ::placeholder {
|
|
height: 25px !important;
|
|
max-height: 25px;
|
|
font-size: 20px !important;
|
|
font-family: var(--main-font);
|
|
font-weight: bolder;
|
|
background-color: transparent !important;
|
|
border: none;
|
|
color: var(--secondary-color);
|
|
text-align:center!important;
|
|
}
|
|
|
|
.sheet-equipement-global-visible input::placeholder,
|
|
.sheet-equipement-global-unvisible input::placeholder,
|
|
.sheet-equipement-global-visible h5 {
|
|
font-size: 8.5px;
|
|
line-height: 8.5px;
|
|
}
|
|
|
|
.sheet-equipement-global-visible textarea::placeholder {
|
|
font-size: 8.5px;
|
|
line-height: 12px;
|
|
}
|
|
|
|
/* -------------------------- BUTTON STYLES -------------------------- */
|
|
|
|
.btn,
|
|
.btn.btn-default,
|
|
input[type="checkbox"] {
|
|
border-color: var(--border-grey) !important;
|
|
max-height: 18px;
|
|
border-radius: 4px;
|
|
background-color: var(--text-grey);
|
|
}
|
|
|
|
input[type="checkbox"]:focus {
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-features-traits2 input[type="checkbox"]:checked {
|
|
background-color: var(--secondary-color) !important;
|
|
}
|
|
|
|
input[type="checkbox"]:checked {
|
|
background-color: var(--main-color);
|
|
}
|
|
|
|
.ui-dialog .charsheet button[type="roll"],
|
|
.sheet-character-triggers label,
|
|
input[type="checkbox"]:checked {
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 1px solid #999 !important;
|
|
z-index: 2;
|
|
max-height: 18px;
|
|
}
|
|
|
|
.ui-dialog .charsheet button[type="roll"]:before {
|
|
text-align: center;
|
|
font-family: Material Symbols Outlined !important;
|
|
font-size: 12px;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
.sheet-button-instance button {
|
|
opacity: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-button-instance button:hover + label {
|
|
background-color: red !important;
|
|
color: var(--blackandwhite);
|
|
}
|
|
|
|
/* -------------------------- BUTTON ICON STYLES -------------------------- */
|
|
|
|
.charsheet button:hover {
|
|
background-color: var(--main-color);
|
|
color: var(--blackandwhite);
|
|
}
|
|
|
|
.charsheet .repcontrol button:hover {
|
|
background-color: transparent !important;
|
|
color: transparent !important;
|
|
}
|
|
|
|
button[type="roll"].sheet-button-none:before {
|
|
content: "" !important;
|
|
}
|
|
.sheet-button-none input[readonly] {
|
|
padding: 0 !important;
|
|
background-color: transparent;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: var(--blackandwhite);
|
|
cursor: pointer;
|
|
}
|
|
button[type="roll"].sheet-button-description:before {
|
|
content: "description" !important;
|
|
}
|
|
button[type="roll"].sheet-button-parry:before {
|
|
content: "shield" !important;
|
|
}
|
|
button[type="roll"].sheet-button-attack:before {
|
|
content: "swords" !important;
|
|
}
|
|
button[type="roll"].sheet-button-deadeye:before {
|
|
content: "visibility" !important;
|
|
}
|
|
button[type="roll"].sheet-button-mojo:before {
|
|
content: "poker_chip" !important;
|
|
}
|
|
button[type="roll"].sheet-button-ballad:before {
|
|
content: "park" !important;
|
|
}
|
|
button[type="roll"].sheet-button-chi:before {
|
|
content: "spa" !important;
|
|
}
|
|
button[type="roll"].sheet-button-damage:before {
|
|
content: "explosion" !important;
|
|
}
|
|
button[type="roll"].sheet-button-initiative:before {
|
|
content: "timer" !important;
|
|
}
|
|
button[type="roll"].sheet-button-combined:before {
|
|
content: "join" !important;
|
|
}
|
|
button[type="roll"].sheet-button-spell:before {
|
|
content: "stars_2" !important;
|
|
}
|
|
button[type="roll"].sheet-button-hit:before {
|
|
content: "target" !important;
|
|
}
|
|
button[type="roll"].sheet-button-bolt:before {
|
|
content: "bolt" !important;
|
|
}
|
|
|
|
/* -------------------------- SPECIAL -------
|
|
------------------- */
|
|
|
|
.sheet-minimal-checkbox::before,
|
|
.sheet-minimal-checkbox:checked::before {
|
|
content: "" !important;
|
|
}
|
|
|
|
.sheet-minimal-checkbox:checked {
|
|
border-radius: 100%;
|
|
width: 10px !important;
|
|
height: 10px !important;
|
|
}
|
|
|
|
.sheet-minimal-checkbox {
|
|
border-radius: 100%;
|
|
width: 10px !important;
|
|
height: 10px !important;
|
|
}
|
|
|
|
input[type="checkbox"]:checked::before {
|
|
content: "✔";
|
|
color: var(--blackandwhite);
|
|
font-size: 10px;
|
|
}
|
|
|
|
input[type="checkbox"]::before {
|
|
content: "✘";
|
|
color: var(--text-grey);
|
|
font-size: 10px;
|
|
}
|
|
|
|
input.sheet-checkbox-toogle:checked::before {
|
|
content: "toggle_on";
|
|
}
|
|
|
|
input.sheet-checkbox-toogle::before {
|
|
content: "toggle_off";
|
|
}
|
|
|
|
input.sheet-checkbox-visibility:checked::before {
|
|
content: "visibility";
|
|
}
|
|
|
|
input.sheet-checkbox-visibility::before {
|
|
content: "visibility_off";
|
|
}
|
|
|
|
input.sheet-checkbox-jetdemort:checked::before {
|
|
content: "skull";
|
|
}
|
|
|
|
input.sheet-checkbox-jetdemort::before {
|
|
content: "favorite";
|
|
}
|
|
|
|
input.sheet-checkbox-bienrepose:checked::before {
|
|
content: "bedtime";
|
|
}
|
|
|
|
input.sheet-checkbox-bienrepose::before {
|
|
content: "bedtime_off";
|
|
}
|
|
|
|
/* -------------------------- TEXT AREA STYLES -------------------------- */
|
|
.charsheet textarea {
|
|
width: 100% !important;
|
|
border: none;
|
|
height: 16px;
|
|
line-height: 14px !important;
|
|
text-shadow: none;
|
|
font-family: "Questrial", sans-serif;
|
|
font-weight: normal;
|
|
border: 1px solid var(--border-grey);
|
|
box-shadow: none;
|
|
resize: vertical;
|
|
overflow: hidden;
|
|
padding: 0 5px;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-magic-hide {
|
|
display: none !important;
|
|
}
|
|
|
|
/* -------------------------- ROLL TEMPLATE -------------------------- */
|
|
|
|
.sheet-rolltemplate-moonshine {
|
|
--main-color: #ffd27a;
|
|
--main-color2: #04d9ff;
|
|
--secondary-color: #1e2021;
|
|
--background-color: #3e5367;
|
|
--accent-color: #1e2021;
|
|
--background-grey: #a7a9ac;
|
|
--border-grey: #838383bf;
|
|
--text-grey: #f0f0f0bf;
|
|
--background-main: white;
|
|
--blackandwhite:white;
|
|
--blackandwhite2:#1f1f1f;;
|
|
--main-font: "Limelight";
|
|
--standard-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
background-color: transparent !important;
|
|
font-size: 16px;
|
|
padding-top: 25px;
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-moonshine {
|
|
--main-color: #ffd27a;
|
|
--main-color2: #04d9ff;
|
|
--secondary-color: #e2e2e2;
|
|
--background-color: #3e5367;
|
|
--accent-color: #e4d4b6;
|
|
--background-grey: #2d2d2d;
|
|
--border-grey: #454545;
|
|
--text-grey: #8d8d8d;
|
|
--background-main: white;
|
|
--blackandwhite:#1f1f1f;
|
|
--blackandwhite2:white;
|
|
--main-font: "Limelight";
|
|
--standard-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
background-color: transparent !important;
|
|
font-size: 16px;
|
|
padding-top: 25px;
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-triplecolumn {
|
|
grid-template-columns: 10fr 20px 10fr;
|
|
padding: 10px 50px !important;
|
|
column-gap: 0px !important;
|
|
}
|
|
|
|
/* -------------------------- CRITICAL RULES -------------------------- */
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-extra-button {
|
|
background-color: transparent;
|
|
padding: 0;
|
|
border: none;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-cogs-hideshow:not(:checked) ~ .sheet-rolltemplate-moonshine .sheet-description .sheet-cogs-hideshow-div1 {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-extra-button span {
|
|
width: 100% !important;
|
|
background-image: none;
|
|
border-radius: 2px;
|
|
font-size: 12px !important;
|
|
-moz-appearance: textfield;
|
|
appearance: none;
|
|
text-align: center;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
outline: none;
|
|
display: inline-block;
|
|
padding: 4px;
|
|
border: none;
|
|
font-weight: 500;
|
|
line-height: 18px;
|
|
color: var(--secondary-color);
|
|
border-color: var(--border-grey) !important;
|
|
background-color: var(--background-grey);
|
|
border: 1px solid;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-extra-button span:hover {
|
|
background-color: var(--main-color)!important;
|
|
color: var(--blackandwhite2);
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-extra-button span {
|
|
text-align: center;
|
|
font-family: Material Symbols Outlined !important;
|
|
font-size: 12px;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -2px;
|
|
padding: 0!important;
|
|
height: 18px!important;
|
|
width: 18px!important;
|
|
max-height: none!important;
|
|
background-color: transparent!important;
|
|
align-items: center;
|
|
margin: 5px auto 0px auto!important;
|
|
border-radius: 100%;
|
|
border: 1px solid #999 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-extra-button span::before {
|
|
content: "bolt" !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls {
|
|
display: grid;
|
|
gap: 5px;
|
|
padding: 10px 5px 10px 5px;
|
|
margin: 5px 0;
|
|
border-radius: 3px;
|
|
color: var(--blackandwhite2);
|
|
border-image: url('https://imgsrv.roll20.net/?src=https%3A//www.spirito.fr/DL/RP/moonshine/BlocFrame33.png');
|
|
border-image-slice: 40;
|
|
border-image-width: 25px;
|
|
border-image-outset: 0;
|
|
border-image-repeat: stretch;
|
|
background-color: var(--blackandwhite);
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-moonshine .sheet-template-rolls {
|
|
display: grid;
|
|
gap: 5px;
|
|
padding: 10px 5px 10px 5px;
|
|
margin: 5px 0;
|
|
border-radius: 3px;
|
|
color: var(--blackandwhite2);
|
|
border-image: url("https://www.spirito.fr/DL/RP/moonshine/BlocFrame33white.png");
|
|
border-image-slice: 40;
|
|
border-image-width: 25px;
|
|
border-image-outset: 0;
|
|
border-image-repeat: stretch;
|
|
background-color: var(--blackandwhite);
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-header {
|
|
display: grid;
|
|
gap: 5px;
|
|
padding: 10px 5px;
|
|
margin: 5px 0;
|
|
background-color: var(--main-color);
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
border-image: url("https://www.spirito.fr/DL/RP/moonshine/BlocFrame33.png");
|
|
border-image-slice: 75;
|
|
border-image-width: 20px;
|
|
border-image-outset: 0;
|
|
border-image-repeat: stretch;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-onecolumn {
|
|
display: grid !important;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-doublecolumn {
|
|
grid-template-columns: 50% 50%;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-roll span {
|
|
background-color: var(--blackandwhite2) !important;
|
|
border: 2px solid var(--blackandwhite2) !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-subtitle {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-dmg {
|
|
margin-bottom: 8px !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-bottomimage {
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/rolltemplate-image.png");
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
background-size: 25px 25px;
|
|
height: 25px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-moonshine .sheet-bottomimage {
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/rolltemplate-imagew.png");
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine span.sheet-subtitle,
|
|
.sheet-rolltemplate-moonshine span.sheet-subtitle .inlinerollresult {
|
|
font-family: var(--standard-font);
|
|
font-size: 10px;
|
|
color: rgb(63 63 63) !important;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
padding: 0 2px !important;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine span.sheet-subtitle .inlinerollresult {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-lessmargin {
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .inlinerollresult,
|
|
.sheet-rolltemplate-moonshine span {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
padding: 3px 5px !important;
|
|
font-size: 24px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-instruction {
|
|
padding: 0px 10px 5px !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine span {
|
|
font-family: var(--main-font);
|
|
font-size: 18px;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-effect,
|
|
.sheet-rolltemplate-moonshine .sheet-description {
|
|
padding: 5px 22px;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
font-style: italic;
|
|
line-height: 12px;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-roll-detail {
|
|
display: grid;
|
|
grid-template-columns: repeat(4,1fr)!important;
|
|
width: 40%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-roll-detail.sheet-roll-detail3 {
|
|
display: grid;
|
|
grid-template-columns: repeat(3,1fr)!important;
|
|
width: 35%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-roll-detail.sheet-roll-detail2 {
|
|
display: grid;
|
|
grid-template-columns: repeat(2,1fr)!important;
|
|
width: 20%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-roll-detail.sheet-roll-detail4 {
|
|
display: grid;
|
|
grid-template-columns: repeat(1,1fr)!important;
|
|
width: 10%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-roll-detail.sheet-roll-detail5 {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
grid-template-columns: 1fr !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-roll-detail .sheet-roll span {
|
|
font-size: 18px;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-description2 {
|
|
grid-column: 1/-1;
|
|
text-align: center;
|
|
font-size: 12px!important;
|
|
text-transform: uppercase;
|
|
margin: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-effect .inlinerollresult {
|
|
font-size: 14px !important;
|
|
padding: 0 !important;
|
|
color: rgb(63 63 63) !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-roll {
|
|
font-size: 18px;
|
|
text-align: center;
|
|
font-family: var(--main-font);
|
|
font-weight: 600;
|
|
vertical-align: super;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-header .sheet-headerstyle1 {
|
|
font-family: var(--main-font);
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #1f1f1f;
|
|
margin: 0;
|
|
padding: 0 !important;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-rolls .sheet-headerstyle1.sheet-headerstyle1special {
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
max-height: 10px;
|
|
line-height: 10px;
|
|
font-family: var(--standard-font);
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-header .sheet-headerstyle2 {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #1f1f1f;
|
|
padding: 0 !important;
|
|
font-family: var(--standard-font);
|
|
margin-top: -4px;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-specialdisplay.sheet-template-header .sheet-headerstyle2 {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
color: var(--blackandwhite2);
|
|
padding: 0 !important;
|
|
font-family: var(--main-font);
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-specialdisplay.sheet-template-header .sheet-headerstyle2::before,
|
|
.sheet-rolltemplate-moonshine .sheet-specialdisplay.sheet-template-header .sheet-headerstyle2::after {
|
|
font-family: 'Material Symbols Outlined' !important;
|
|
content: "bolt";
|
|
font-size: 18px;
|
|
vertical-align: middle;
|
|
margin: auto 10px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-template-header .sheet-headerstyle3 {
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
text-transform: none;
|
|
align-items: center;
|
|
display: grid;
|
|
color: var(--secondary-color);
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-instruction {
|
|
padding: 0px 10px;
|
|
font-size: 12px !important;
|
|
line-height: 12px;
|
|
text-align: center;
|
|
font-style: italic;
|
|
color: var(--text-grey);
|
|
max-height: 18px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine-description .sheet-roll.sheet-initiative {
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-instruction .inlinerollresult {
|
|
padding: 0px 3px !important;
|
|
font-size: 12px !important;
|
|
font-weight: 500;
|
|
color: var(--text-grey) !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-allgrey .inlinerollresult {
|
|
color: var(--blackandwhite2)!important;
|
|
opacity:0.5;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-blocgeneral-damage span {
|
|
color: var(--blackandwhite2)!important;
|
|
opacity:0.5;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-dmg .inlinerollresult.fullfail {
|
|
color: #538b3f !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-moonshine .sheet-dmg .inlinerollresult.fullfail {
|
|
color: #70df48 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .sheet-dmg .inlinerollresult.fullcrit {
|
|
color: #9b2a2a !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-moonshine .sheet-dmg .inlinerollresult.fullcrit {
|
|
color: #f54141 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-moonshine .sheet-allblu .inlinerollresult {
|
|
color: #4a57ed;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-moonshine .sheet-allgreen .inlinerollresult {
|
|
color: #9b2a2a;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-moonshine .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-moonshine .sheet-allgreen .inlinerollresult {
|
|
color: #f54141;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-moonshine .sheet-allred .inlinerollresult {
|
|
color: #70df48;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-moonshine .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-darkmode.sheet-rolltemplate-moonshine .sheet-allred .inlinerollresult {
|
|
color: #70df48;
|
|
}
|
|
|
|
/* -------------------------- EXTRA BUTTON -------------------------- */
|
|
|
|
.sheet-rolltemplate-moonshine-description .sheet-extra-button,
|
|
.sheet-rolltemplate-moonshine .sheet-extra-button {
|
|
background-color: transparent;
|
|
padding: 0;
|
|
border: none;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine-description .sheet-blocgeneral .sheet-extra-button a,
|
|
.sheet-rolltemplate-moonshine .sheet-blocgeneral .sheet-extra-button a {
|
|
background-color: var(--background-grey);
|
|
font-size: 10px;
|
|
text-transform: uppercase;
|
|
margin-top: 8px;
|
|
padding: 0px 25px;
|
|
border-radius: 15px;
|
|
border-color: var(--border-grey) !important;
|
|
color: var(--text-grey) !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-moonshine-description .sheet-blocgeneral .sheet-extra-button a:hover,
|
|
.sheet-rolltemplate-moonshine .sheet-blocgeneral .sheet-extra-button a:hover {
|
|
background-color: var(--main-color);
|
|
color: var(--blackandwhite2)!important;
|
|
}
|
|
|
|
/* -------------------------- H STYLE -------------------------- */
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5 {
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-weight: 500;
|
|
align-content: center;
|
|
color: var(--background-main);
|
|
}
|
|
|
|
.sheet-main-characteristics h1 {
|
|
text-align: center;
|
|
max-width: none;
|
|
}
|
|
|
|
h1 {
|
|
font-family: var(--main-font) !important;
|
|
font-size: 20px !important;
|
|
line-height: 20px;
|
|
font-weight: bolder !important;
|
|
color: var(--blackandwhite2);
|
|
text-align: left;
|
|
padding: 10px 2px 5px 2px;
|
|
background-color: var(--blackandwhite);
|
|
max-width: 150px;
|
|
border-radius: 16px;
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
h2 {
|
|
font-family: var(--main-font) !important;
|
|
font-size: 18px !important;
|
|
line-height: 18px;
|
|
font-weight: bolder !important;
|
|
}
|
|
|
|
h3 {
|
|
font-family: var(--standard-font) !important;
|
|
font-size: 18px !important;
|
|
line-height: 18px;
|
|
color: var(--blackandwhite2);
|
|
font-weight: bolder !important;
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-main-top-informations2 h4,
|
|
.sheet-main-top-informations2 h1,
|
|
.sheet-main-top-informations h4 {
|
|
text-align: center !important;
|
|
max-width: 100% !important;
|
|
}
|
|
|
|
h4 {
|
|
font-family: var(--standard-font) !important;
|
|
font-size: 11px !important;
|
|
line-height: 11px;
|
|
font-weight: normal;
|
|
color: var(--blackandwhite2);
|
|
text-align: right;
|
|
}
|
|
|
|
h5 {
|
|
font-family: var(--standard-font) !important;
|
|
font-size: 12px !important;
|
|
line-height: 12px;
|
|
color: var(--blackandwhite2);
|
|
font-weight: normal;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-h5-seemless {
|
|
font-family: var(--standard-font) !important;
|
|
font-size: 8px !important;
|
|
line-height: 8px;
|
|
color: var(--text-grey);
|
|
font-weight: normal;
|
|
background-color: transparent;
|
|
border: none;
|
|
max-height: 8px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* -------------------------- SPECIAL ALIGN STYLE -------------------------- */
|
|
|
|
.sheet-specialisation-display .sheet-left {
|
|
text-align: left !important;
|
|
padding-left: 5px !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.sheet-left {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.sheet-center {
|
|
text-align: center !important;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.sheet-charsheet .sheet-hidden,
|
|
.sheet-charsheet .sheet-hiddena {
|
|
display: none !important;
|
|
}
|
|
|
|
.sheet-jump {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* -------------------------- REP CONTROL CONTAINER SECTION -------------------------- */
|
|
|
|
.charsheet .repcontrol {
|
|
width: 100%;
|
|
display: flex;
|
|
position: relative;
|
|
z-index: 99;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
height: 18px;
|
|
max-height: 18px;
|
|
margin: auto !important;
|
|
}
|
|
|
|
.repcontrol_add,
|
|
.repcontrol_edit,
|
|
.repcontrol_move,
|
|
.repcontrol_del {
|
|
opacity: 0.6;
|
|
border: 0;
|
|
}
|
|
|
|
.repcontrol_add:hover,
|
|
.repcontrol_edit:hover,
|
|
.repcontrol_move:hover,
|
|
.repcontrol_del:hover {
|
|
outline: none;
|
|
opacity: 1;
|
|
}
|
|
|
|
.repcontrol_add:focus,
|
|
.repcontrol_edit:focus,
|
|
.repcontrol_move:focus,
|
|
.repcontrol_del:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.repcontrol_move {
|
|
height: 11px;
|
|
margin-top: 2px;
|
|
line-height: 11px;
|
|
}
|
|
|
|
.repcontrol_del {
|
|
width: 30px;
|
|
height: 22px;
|
|
margin-top: 2px;
|
|
line-height: 12px;
|
|
font-family: "Pictos" !important;
|
|
}
|
|
|
|
.charsheet .repcontrol_add,
|
|
.charsheet .repcontrol_edit {
|
|
border-color: transparent;
|
|
text-shadow: none;
|
|
color: transparent;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 18px;
|
|
}
|
|
|
|
.charsheet .repcontrol_add:focus-visible,
|
|
.charsheet .repcontrol_edit:focus-visible {
|
|
border: none !important;
|
|
}
|
|
|
|
.sheet-main-equipment .repcontrol {
|
|
width: 94% !important;
|
|
bottom: -7px;
|
|
}
|
|
|
|
.repcontrol_add:before {
|
|
content: "+";
|
|
visibility: visible;
|
|
padding: 2px 0 0 0;
|
|
border: none;
|
|
font-family: pictos;
|
|
font-size: 14px;
|
|
color: var(--secondary-color);
|
|
text-align: right;
|
|
display: block;
|
|
width: 100%;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.repcontrol_edit:after {
|
|
content: "y";
|
|
visibility: visible;
|
|
padding: 0;
|
|
border: none;
|
|
font-family: pictos;
|
|
font-size: 16px;
|
|
color: var(--secondary-color);
|
|
text-align: left;
|
|
display: block;
|
|
width: 100%;
|
|
position: relative;
|
|
top: -16px !important;
|
|
height: fit-content;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: "y";
|
|
}
|
|
|
|
.charsheet .repcontainer .repitem .itemcontrol {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
height: auto !important;
|
|
background-color: transparent !important;
|
|
z-index: 9999 !important;
|
|
margin: 0;
|
|
}
|
|
|
|
.charsheet .repcontainer .repitem .itemcontrol .repcontrol_del {
|
|
height: 100%;
|
|
width: 49% !important;
|
|
opacity: 0.75;
|
|
background-color: var(--main-color);
|
|
color: var(--secondary-color);
|
|
align-items: center;
|
|
display: grid;
|
|
padding: 0;
|
|
background-image: none;
|
|
margin: 0;
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
.repcontrol_del:hover {
|
|
background-color: grey !important;
|
|
}
|
|
|
|
.btn-danger:hover,
|
|
.btn-danger:active,
|
|
.btn-danger.active,
|
|
.btn-danger.disabled,
|
|
.btn-danger[disabled] {
|
|
background-color: grey;
|
|
}
|
|
|
|
.charsheet .repcontainer .repitem .itemcontrol .repcontrol_move {
|
|
height: 100%;
|
|
width: 49% !important;
|
|
opacity: 0.75;
|
|
background-color: var(--main-color);
|
|
color: var(--secondary-color);
|
|
align-items: center;
|
|
display: grid;
|
|
padding: 0;
|
|
background-image: none;
|
|
margin: 0;
|
|
height: 18px;
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
.repcontrol_move:hover {
|
|
background-color: grey !important;
|
|
}
|
|
|
|
/* -------------------------- COGS -------------------------- */
|
|
|
|
.sheet-cogs-container {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 18px;
|
|
}
|
|
|
|
.sheet-cogs-input {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-cogs-icon {
|
|
font-family: "Pictos";
|
|
text-transform: none !important;
|
|
font-size: 12px !important;
|
|
position: relative;
|
|
z-index: 1;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: var(--text-grey);
|
|
font-weight: bold;
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
/* -------------------------- COUNTER REPEATING FIELDS -------------------------- */
|
|
|
|
.sheet-charsheet .sheet-repeating-fields {
|
|
counter-reset: sheet-rep-items;
|
|
margin: 0 !important;
|
|
justify-content: unset;
|
|
text-align: initial;
|
|
align-items: normal;
|
|
}
|
|
|
|
.sheet-counter::before {
|
|
counter-increment: sheet-rep-items;
|
|
content: counter(sheet-rep-items) ". ";
|
|
}
|
|
|
|
/* -------------------------- COUNTER REPEATING FIELDS -------------------------- */
|
|
|
|
.sheet-separative {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-weight: 800;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
position: relative;
|
|
z-index: 1;
|
|
margin: 5px auto;
|
|
border: 1px;
|
|
padding: 1px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-separative::before {
|
|
content: "";
|
|
display: block;
|
|
width: 99%;
|
|
height: 1px;
|
|
position: absolute;
|
|
top: 39%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background: linear-gradient(to bottom, #a89361, #816215);
|
|
z-index: -1;
|
|
border-radius: 50px;
|
|
}
|
|
|
|
/* -------------------------- INPUTS -------------------------- */
|
|
|
|
input.sheet-inputchar,
|
|
select.sheet-inputchar {
|
|
height: 25px !important;
|
|
max-height: 25px;
|
|
font-size: 20px !important;
|
|
font-family: var(--main-font);
|
|
font-weight: bolder;
|
|
background-color: transparent !important;
|
|
border: none;
|
|
color: var(--secondary-color);
|
|
}
|
|
|
|
input.sheet-inputchar2 {
|
|
height: 25px !important;
|
|
max-height: 25px;
|
|
font-size: 14px !important;
|
|
font-family: var(--standard-font);
|
|
font-weight: 400;
|
|
color: var(--secondary-color) !important;
|
|
}
|
|
|
|
input.sheet-verylittleinput {
|
|
height: 10px !important;
|
|
font-size: 10px !important;
|
|
}
|
|
|
|
.sheet-button-holder input {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
opacity: 0;
|
|
}
|
|
|
|
div.sheet-button-holder {
|
|
max-height: 18px !important;
|
|
}
|
|
|
|
.sheet-button-holder button {
|
|
position: absolute;
|
|
opacity: 0;
|
|
}
|
|
|
|
/* -------------------------- RADIO INPUTS -------------------------- */
|
|
|
|
input[type="radio"] {
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 100% !important;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 99;
|
|
}
|
|
|
|
.radio-button {
|
|
position: relative;
|
|
text-align: center !important;
|
|
width: 100% !important;
|
|
background-image: none;
|
|
border-radius: 4px;
|
|
-moz-appearance: textfield;
|
|
appearance: none;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
outline: none;
|
|
height: 18px !important;
|
|
border-color: var(--border-grey) !important;
|
|
background-color: var(--background-grey);
|
|
border: 1px solid;
|
|
font-family: var(--standard-font);
|
|
font-size: 12px !important;
|
|
text-transform: uppercase;
|
|
line-height: 18px;
|
|
font-weight: 100 !important;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
input[type="radio"]:checked + .radio-button {
|
|
background-color: var(--main-color);
|
|
color: var(--blackandwhite);
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: bolder !important;
|
|
text-shadow: 1px 1px 5px var(--blackandwhite2);
|
|
}
|
|
|
|
/* -------------------------- PROGRESS BAR -------------------------- */
|
|
|
|
.sheet-progress-bars-menu input {
|
|
background-color: transparent !important;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-progress-container-bar-menu {
|
|
background-color: transparent;
|
|
border-radius: 50px;
|
|
grid-template-columns: 100%;
|
|
z-index: 0;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-progress-bars-menu {
|
|
grid-template-columns: 1fr 0.1fr 1fr;
|
|
justify-content: space-between;
|
|
z-index: 2;
|
|
border-radius: 4px;
|
|
height: 100%;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-progress-bars-menu span {
|
|
border: none;
|
|
background-color: transparent;
|
|
max-height: 100% !important;
|
|
top: -3px;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-progress-barhp {
|
|
height: 100%;
|
|
position: absolute !important;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sheet-progress-barhp:before {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0px;
|
|
background-size: 200%;
|
|
z-index: -1;
|
|
filter: blur(3px);
|
|
-webkit-filter: blur(0px);
|
|
width: calc(100% + 2px);
|
|
height: calc(100% + 2px);
|
|
animation: glowing-bar 20s linear infinite;
|
|
transition: opacity 0.3s ease-in-out;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.sheet-progress-bars-menu.sheet-barhp {
|
|
background-color: #f8481c50;
|
|
}
|
|
.sheet-progress-barhp:before {
|
|
background: var(--main-color);
|
|
}
|
|
|
|
/* -------------------------- SHEET BARS -------------------------- */
|
|
|
|
.sheet-bar0,
|
|
.sheet-bar1,
|
|
.sheet-bar2,
|
|
.sheet-bar3,
|
|
.sheet-bar4,
|
|
.sheet-bar5,
|
|
.sheet-bar6,
|
|
.sheet-bar7,
|
|
.sheet-bar8,
|
|
.sheet-bar9,
|
|
.sheet-bar10,
|
|
.sheet-bar11,
|
|
.sheet-bar12,
|
|
.sheet-bar13,
|
|
.sheet-bar14,
|
|
.sheet-bar15,
|
|
.sheet-bar16,
|
|
.sheet-bar17,
|
|
.sheet-bar18,
|
|
.sheet-bar19,
|
|
.sheet-bar20,
|
|
.sheet-bar21,
|
|
.sheet-bar22,
|
|
.sheet-bar23,
|
|
.sheet-bar24,
|
|
.sheet-bar25,
|
|
.sheet-bar26,
|
|
.sheet-bar27,
|
|
.sheet-bar28,
|
|
.sheet-bar29,
|
|
.sheet-bar30,
|
|
.sheet-bar31,
|
|
.sheet-bar32,
|
|
.sheet-bar33,
|
|
.sheet-bar34,
|
|
.sheet-bar35,
|
|
.sheet-bar36,
|
|
.sheet-bar37,
|
|
.sheet-bar38,
|
|
.sheet-bar39,
|
|
.sheet-bar40,
|
|
.sheet-bar41,
|
|
.sheet-bar42,
|
|
.sheet-bar43,
|
|
.sheet-bar44,
|
|
.sheet-bar45,
|
|
.sheet-bar46,
|
|
.sheet-bar47,
|
|
.sheet-bar48,
|
|
.sheet-bar49,
|
|
.sheet-bar50,
|
|
.sheet-bar51,
|
|
.sheet-bar52,
|
|
.sheet-bar53,
|
|
.sheet-bar54,
|
|
.sheet-bar55,
|
|
.sheet-bar56,
|
|
.sheet-bar57,
|
|
.sheet-bar58,
|
|
.sheet-bar59,
|
|
.sheet-bar60,
|
|
.sheet-bar61,
|
|
.sheet-bar62,
|
|
.sheet-bar63,
|
|
.sheet-bar64,
|
|
.sheet-bar65,
|
|
.sheet-bar66,
|
|
.sheet-bar67,
|
|
.sheet-bar68,
|
|
.sheet-bar69,
|
|
.sheet-bar70,
|
|
.sheet-bar71,
|
|
.sheet-bar72,
|
|
.sheet-bar73,
|
|
.sheet-bar74,
|
|
.sheet-bar75,
|
|
.sheet-bar76,
|
|
.sheet-bar77,
|
|
.sheet-bar78,
|
|
.sheet-bar79,
|
|
.sheet-bar80,
|
|
.sheet-bar81,
|
|
.sheet-bar82,
|
|
.sheet-bar83,
|
|
.sheet-bar84,
|
|
.sheet-bar85,
|
|
.sheet-bar86,
|
|
.sheet-bar87,
|
|
.sheet-bar88,
|
|
.sheet-bar89,
|
|
.sheet-bar90,
|
|
.sheet-bar91,
|
|
.sheet-bar92,
|
|
.sheet-bar93,
|
|
.sheet-bar94,
|
|
.sheet-bar95,
|
|
.sheet-bar96,
|
|
.sheet-bar97,
|
|
.sheet-bar98,
|
|
.sheet-bar99,
|
|
.sheet-bar100 {
|
|
transition: width 0.75s ease;
|
|
}
|
|
|
|
.sheet-bar0 {
|
|
width: 0% !important;
|
|
}
|
|
|
|
.sheet-bar1 {
|
|
width: 1% !important;
|
|
}
|
|
|
|
.sheet-bar2 {
|
|
width: 2% !important;
|
|
}
|
|
|
|
.sheet-bar3 {
|
|
width: 3% !important;
|
|
}
|
|
|
|
.sheet-bar4 {
|
|
width: 4% !important;
|
|
}
|
|
|
|
.sheet-bar5 {
|
|
width: 5% !important;
|
|
}
|
|
|
|
.sheet-bar6 {
|
|
width: 6% !important;
|
|
}
|
|
|
|
.sheet-bar7 {
|
|
width: 7% !important;
|
|
}
|
|
|
|
.sheet-bar8 {
|
|
width: 8% !important;
|
|
}
|
|
|
|
.sheet-bar9 {
|
|
width: 9% !important;
|
|
}
|
|
|
|
.sheet-bar10 {
|
|
width: 10% !important;
|
|
}
|
|
|
|
.sheet-bar11 {
|
|
width: 11% !important;
|
|
}
|
|
|
|
.sheet-bar12 {
|
|
width: 12% !important;
|
|
}
|
|
|
|
.sheet-bar13 {
|
|
width: 13% !important;
|
|
}
|
|
|
|
.sheet-bar14 {
|
|
width: 14% !important;
|
|
}
|
|
|
|
.sheet-bar15 {
|
|
width: 15% !important;
|
|
}
|
|
|
|
.sheet-bar16 {
|
|
width: 16% !important;
|
|
}
|
|
|
|
.sheet-bar17 {
|
|
width: 17% !important;
|
|
}
|
|
|
|
.sheet-bar18 {
|
|
width: 18% !important;
|
|
}
|
|
|
|
.sheet-bar19 {
|
|
width: 19% !important;
|
|
}
|
|
|
|
.sheet-bar20 {
|
|
width: 20% !important;
|
|
}
|
|
|
|
.sheet-bar21 {
|
|
width: 21% !important;
|
|
}
|
|
|
|
.sheet-bar22 {
|
|
width: 22% !important;
|
|
}
|
|
|
|
.sheet-bar23 {
|
|
width: 23% !important;
|
|
}
|
|
|
|
.sheet-bar24 {
|
|
width: 24% !important;
|
|
}
|
|
|
|
.sheet-bar25 {
|
|
width: 25% !important;
|
|
}
|
|
|
|
.sheet-bar26 {
|
|
width: 26% !important;
|
|
}
|
|
|
|
.sheet-bar27 {
|
|
width: 27% !important;
|
|
}
|
|
|
|
.sheet-bar28 {
|
|
width: 28% !important;
|
|
}
|
|
|
|
.sheet-bar29 {
|
|
width: 29% !important;
|
|
}
|
|
|
|
.sheet-bar30 {
|
|
width: 30% !important;
|
|
}
|
|
|
|
.sheet-bar31 {
|
|
width: 31% !important;
|
|
}
|
|
|
|
.sheet-bar32 {
|
|
width: 32% !important;
|
|
}
|
|
|
|
.sheet-bar33 {
|
|
width: 33% !important;
|
|
}
|
|
|
|
.sheet-bar34 {
|
|
width: 34% !important;
|
|
}
|
|
|
|
.sheet-bar35 {
|
|
width: 35% !important;
|
|
}
|
|
|
|
.sheet-bar36 {
|
|
width: 36% !important;
|
|
}
|
|
|
|
.sheet-bar37 {
|
|
width: 37% !important;
|
|
}
|
|
|
|
.sheet-bar38 {
|
|
width: 38% !important;
|
|
}
|
|
|
|
.sheet-bar39 {
|
|
width: 39% !important;
|
|
}
|
|
|
|
.sheet-bar40 {
|
|
width: 40% !important;
|
|
}
|
|
|
|
.sheet-bar41 {
|
|
width: 41% !important;
|
|
}
|
|
|
|
.sheet-bar42 {
|
|
width: 42% !important;
|
|
}
|
|
|
|
.sheet-bar43 {
|
|
width: 43% !important;
|
|
}
|
|
|
|
.sheet-bar44 {
|
|
width: 44% !important;
|
|
}
|
|
|
|
.sheet-bar45 {
|
|
width: 45% !important;
|
|
}
|
|
|
|
.sheet-bar46 {
|
|
width: 46% !important;
|
|
}
|
|
|
|
.sheet-bar47 {
|
|
width: 47% !important;
|
|
}
|
|
|
|
.sheet-bar48 {
|
|
width: 48% !important;
|
|
}
|
|
|
|
.sheet-bar49 {
|
|
width: 49% !important;
|
|
}
|
|
|
|
.sheet-bar50 {
|
|
width: 50% !important;
|
|
}
|
|
|
|
.sheet-bar51 {
|
|
width: 51% !important;
|
|
}
|
|
|
|
.sheet-bar52 {
|
|
width: 52% !important;
|
|
}
|
|
|
|
.sheet-bar53 {
|
|
width: 53% !important;
|
|
}
|
|
|
|
.sheet-bar54 {
|
|
width: 54% !important;
|
|
}
|
|
|
|
.sheet-bar55 {
|
|
width: 55% !important;
|
|
}
|
|
|
|
.sheet-bar56 {
|
|
width: 56% !important;
|
|
}
|
|
|
|
.sheet-bar57 {
|
|
width: 57% !important;
|
|
}
|
|
|
|
.sheet-bar58 {
|
|
width: 58% !important;
|
|
}
|
|
|
|
.sheet-bar59 {
|
|
width: 59% !important;
|
|
}
|
|
|
|
.sheet-bar60 {
|
|
width: 60% !important;
|
|
}
|
|
|
|
.sheet-bar61 {
|
|
width: 61% !important;
|
|
}
|
|
|
|
.sheet-bar62 {
|
|
width: 62% !important;
|
|
}
|
|
|
|
.sheet-bar63 {
|
|
width: 63% !important;
|
|
}
|
|
|
|
.sheet-bar64 {
|
|
width: 64% !important;
|
|
}
|
|
|
|
.sheet-bar65 {
|
|
width: 65% !important;
|
|
}
|
|
|
|
.sheet-bar66 {
|
|
width: 66% !important;
|
|
}
|
|
|
|
.sheet-bar67 {
|
|
width: 67% !important;
|
|
}
|
|
|
|
.sheet-bar68 {
|
|
width: 68% !important;
|
|
}
|
|
|
|
.sheet-bar69 {
|
|
width: 69% !important;
|
|
}
|
|
|
|
.sheet-bar70 {
|
|
width: 70% !important;
|
|
}
|
|
|
|
.sheet-bar71 {
|
|
width: 71% !important;
|
|
}
|
|
|
|
.sheet-bar72 {
|
|
width: 72% !important;
|
|
}
|
|
|
|
.sheet-bar73 {
|
|
width: 73% !important;
|
|
}
|
|
|
|
.sheet-bar74 {
|
|
width: 74% !important;
|
|
}
|
|
|
|
.sheet-bar75 {
|
|
width: 75% !important;
|
|
}
|
|
|
|
.sheet-bar76 {
|
|
width: 76% !important;
|
|
}
|
|
|
|
.sheet-bar77 {
|
|
width: 77% !important;
|
|
}
|
|
|
|
.sheet-bar78 {
|
|
width: 78% !important;
|
|
}
|
|
|
|
.sheet-bar79 {
|
|
width: 79% !important;
|
|
}
|
|
|
|
.sheet-bar80 {
|
|
width: 80% !important;
|
|
}
|
|
|
|
.sheet-bar81 {
|
|
width: 81% !important;
|
|
}
|
|
|
|
.sheet-bar82 {
|
|
width: 82% !important;
|
|
}
|
|
|
|
.sheet-bar83 {
|
|
width: 83% !important;
|
|
}
|
|
|
|
.sheet-bar84 {
|
|
width: 84% !important;
|
|
}
|
|
|
|
.sheet-bar85 {
|
|
width: 85% !important;
|
|
}
|
|
|
|
.sheet-bar86 {
|
|
width: 86% !important;
|
|
}
|
|
|
|
.sheet-bar87 {
|
|
width: 87% !important;
|
|
}
|
|
|
|
.sheet-bar88 {
|
|
width: 88% !important;
|
|
}
|
|
|
|
.sheet-bar89 {
|
|
width: 89% !important;
|
|
}
|
|
|
|
.sheet-bar90 {
|
|
width: 90% !important;
|
|
}
|
|
|
|
.sheet-bar91 {
|
|
width: 91% !important;
|
|
}
|
|
|
|
.sheet-bar92 {
|
|
width: 92% !important;
|
|
}
|
|
|
|
.sheet-bar93 {
|
|
width: 93% !important;
|
|
}
|
|
|
|
.sheet-bar94 {
|
|
width: 94% !important;
|
|
}
|
|
|
|
.sheet-bar95 {
|
|
width: 95% !important;
|
|
}
|
|
|
|
.sheet-bar96 {
|
|
width: 96% !important;
|
|
}
|
|
|
|
.sheet-bar97 {
|
|
width: 97% !important;
|
|
}
|
|
|
|
.sheet-bar98 {
|
|
width: 98% !important;
|
|
}
|
|
|
|
.sheet-bar99 {
|
|
width: 99% !important;
|
|
}
|
|
|
|
.sheet-bar100 {
|
|
width: 100% !important;
|
|
}
|
|
|
|
/* -------------------------- DIVS -------------------------- */
|
|
|
|
.sheet-charsheet div {
|
|
display: grid;
|
|
grid-template-rows: 1fr;
|
|
text-align: center;
|
|
align-content: center;
|
|
align-items: center;
|
|
gap: 5px;
|
|
position: relative;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
|
|
.sheet-standardbox::before {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
position: relative;
|
|
z-index: 0;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-standardbox::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
border-style: solid;
|
|
border-width: 45px;
|
|
border-image: url("https://www.spirito.fr/DL/RP/moonshine/BlocFrame2.png") 77 fill stretch;
|
|
}
|
|
|
|
.sheet-darkmode .sheet-standardbox::before {
|
|
border-image: url("https://www.spirito.fr/DL/RP/moonshine/BlocFrame2w.png") 77 fill stretch;
|
|
}
|
|
|
|
.sheet-standardbox.sheet-standardbox1::before {
|
|
border-image: url("https://www.spirito.fr/DL/RP/moonshine/BlocFrame1.png") 50 fill stretch;
|
|
border-width: 27px;
|
|
}
|
|
|
|
.sheet-darkmode .sheet-standardbox.sheet-standardbox1::before {
|
|
border-image: url("https://www.spirito.fr/DL/RP/moonshine/BlocFrame1w.png") 50 fill stretch;
|
|
}
|
|
|
|
.sheet-standardbox.sheet-standardbox3::before {
|
|
border-image: url("https://www.spirito.fr/DL/RP/moonshine/BlocFrame33.png") 38 fill stretch;
|
|
border-width: 20px;
|
|
}
|
|
|
|
.sheet-darkmode .sheet-standardbox.sheet-standardbox3::before {
|
|
border-image: url("https://www.spirito.fr/DL/RP/moonshine/BlocFrame33w.png") 38 fill stretch;
|
|
}
|
|
|
|
.sheet-oneline {
|
|
width: calc(100% - 20px) !important;
|
|
margin: 15px auto !important;
|
|
}
|
|
|
|
.sheet-mobilearmor-statistics .sheet-oneline {
|
|
margin: 5px auto !important;
|
|
}
|
|
|
|
.sheet-oneline-special {
|
|
width: calc(100% - 10px) !important;
|
|
margin: 6px auto !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.sheet-onecolumn {
|
|
grid-template-columns: 100%;
|
|
}
|
|
|
|
.sheet-doublecolumn,
|
|
.sheet-triplecolumn,
|
|
.sheet-quadcolumn,
|
|
.sheet-fivethcolumn,
|
|
.sheet-sixcolumn,
|
|
.sheet-eightcolumn,
|
|
.sheet-tencolumn {
|
|
column-gap: 10px !important;
|
|
align-items: flex-end !important;
|
|
}
|
|
|
|
.sheet-main-experience-section > div > div,
|
|
.sheet-main-top-informations2 .sheet-oneline {
|
|
grid-template-columns: 1fr auto 1fr;
|
|
}
|
|
|
|
.sheet-main-top-informations2 .sheet-online {
|
|
grid-template-columns: 1fr !important;
|
|
}
|
|
|
|
.sheet-triplecolumn {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
|
|
.sheet-doublecolumn {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
|
|
.sheet-quadcolumn {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
|
|
.sheet-fivethcolumn {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
}
|
|
|
|
.sheet-sixcolumn {
|
|
grid-template-columns: repeat(6, 1fr);
|
|
}
|
|
|
|
.sheet-eightcolumn {
|
|
grid-template-columns: repeat(8, 1fr);
|
|
}
|
|
|
|
.sheet-tencolumn {
|
|
grid-template-columns: repeat(10, 1fr);
|
|
}
|
|
|
|
.sheet-cogs {
|
|
justify-content: end;
|
|
right: 0;
|
|
position: absolute !important;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-activepage {
|
|
grid-template-columns: repeat(6, 1fr);
|
|
column-gap: 10px !important;
|
|
align-items: start !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.sheet-character-bars {
|
|
grid-template-columns: 1fr 8fr;
|
|
}
|
|
|
|
.sheet-titles {
|
|
border-bottom: 2px solid var(--secondary-color);
|
|
color: var(--secondary-color);
|
|
font-size: 8px;
|
|
font-weight: bold;
|
|
line-height: 14px;
|
|
padding-top: 4px !important;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
/* -------------------------- HIDESHOW -------------------------- */
|
|
|
|
.sheet-cogs-hideshow-equipment-div {
|
|
display: none !important;
|
|
}
|
|
|
|
.sheet-cogs-hideshow-equipment:checked ~ .sheet-cogs-hideshow-equipment-div {
|
|
display: grid !important;
|
|
}
|
|
|
|
.sheet-cogs-hideshow:not(:checked) ~ .sheet-cogs-hideshow-div1,
|
|
.sheet-cogs-hideshow:checked ~ .sheet-cogs-hideshow-div2 {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-description-hideshow:checked ~ textarea {
|
|
display: none;
|
|
}
|
|
|
|
/* -------------------------- MOONSHINE DIVS -------------------------- */
|
|
|
|
.charsheet .sheet-main-top-informations2 {
|
|
grid-template-areas:
|
|
"healthtitle healthtitle unwindtitle energytitle energytitle"
|
|
"healthbloc healthbloc unwindbloc energybloc energybloc"
|
|
"healthsubtitle healthsubtitle unwindsubtitle energysubtitle energysubtitle";
|
|
grid-template-columns: 1fr 1fr 1.5fr 1fr 1fr;
|
|
column-gap: 25px !important;
|
|
justify-content: center;
|
|
margin: 10px 15px !important;
|
|
}
|
|
|
|
.sheet-healthtitle {
|
|
grid-area: healthtitle;
|
|
}
|
|
|
|
.sheet-healthsubtitle {
|
|
grid-area: healthsubtitle;
|
|
}
|
|
|
|
.sheet-healthbloc {
|
|
grid-area: healthbloc;
|
|
}
|
|
|
|
.sheet-unwindtitle {
|
|
grid-area: unwindtitle;
|
|
}
|
|
|
|
.sheet-unwindsubtitle {
|
|
grid-area: unwindsubtitle;
|
|
}
|
|
|
|
.sheet-unwindbloc {
|
|
grid-area: unwindbloc;
|
|
}
|
|
|
|
.sheet-energytitle {
|
|
grid-area: energytitle;
|
|
}
|
|
|
|
.sheet-energysubtitle {
|
|
grid-area: energysubtitle;
|
|
}
|
|
|
|
.sheet-energybloc {
|
|
grid-area: energybloc;
|
|
}
|
|
|
|
.sheet-main-header-logo {
|
|
position: absolute!important;
|
|
left: 50%;
|
|
top: -33px;
|
|
transform: translateX(-50%);
|
|
width: 35%!important;
|
|
background-color: var(--blackandwhite);
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/Logo.png");
|
|
background-size: cover;
|
|
height: 40px!important;
|
|
}
|
|
|
|
.sheet-main-top-informations {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
column-gap: 25px !important;
|
|
row-gap: 2px !important;
|
|
}
|
|
|
|
.sheet-main-characteristics {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
justify-content: space-between;
|
|
column-gap: 0px !important;
|
|
margin-top: 10px !important;
|
|
z-index: 1;
|
|
margin-bottom: -5px;
|
|
}
|
|
|
|
.sheet-main-characteristics > div {
|
|
width: 80px;
|
|
height: 66px;
|
|
}
|
|
|
|
.sheet-backgroundbox {
|
|
position: absolute;
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/BackgroundMainStat.png");
|
|
background-size: cover;
|
|
}
|
|
|
|
.sheet-darkmode .sheet-backgroundbox {
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/BackgroundMainStatw.png");
|
|
}
|
|
|
|
.sheet-main-skills-section,
|
|
.sheet-main-notlast-section,
|
|
.sheet-main-arroundlast-section,
|
|
.sheet-main-characteristics,
|
|
.sheet-main-top-informations,
|
|
.sheet-barsverticales-container,
|
|
.sheet-asset-container,
|
|
.sheet-main-top-informations2 {
|
|
width: calc(100% - 30px) !important;
|
|
margin: 0px 15px !important;
|
|
}
|
|
|
|
.sheet-main-top-informations {
|
|
width: calc(100% - 30px) !important;
|
|
margin: 20px auto 0px auto !important;
|
|
}
|
|
|
|
.sheet-main-notlast-section > div > div > div {
|
|
width: 85% !important;
|
|
}
|
|
|
|
.sheet-main-skills-section > div > div {
|
|
width: 94% !important;
|
|
}
|
|
|
|
.sheet-main-skills-section > div,
|
|
.sheet-main-arroundlast-section > div > div,
|
|
.sheet-main-notlast-section > div {
|
|
background-color: var(--background-plus);
|
|
}
|
|
|
|
.sheet-main-top-informations > div,
|
|
.sheet-main-experience-section > div {
|
|
background-color: var(--background-plus);
|
|
border-radius: 14px;
|
|
}
|
|
|
|
.sheet-main-experience-section.sheet-main-experience-error input {
|
|
color: var(--main-color1)!important;
|
|
}
|
|
|
|
.sheet-main-top-informations input {
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-main-skills-section .sheet-doublecolumn,
|
|
.sheet-main-arroundlast-section .sheet-doublecolumn,
|
|
.sheet-main-notlast-section .sheet-doublecolumn {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sheet-main-skills-section > div > div {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
column-gap: 30px;
|
|
row-gap: 2px;
|
|
}
|
|
|
|
.sheet-main-skills-section .sheet-main-skills-section1 > div > div {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
|
|
.sheet-main-skills {
|
|
grid-template-columns: 1fr repeat(4, 10px);
|
|
}
|
|
|
|
.sheet-main-skills.sheet-main-skills2 {
|
|
grid-template-columns: 1fr repeat(5, 10px);
|
|
}
|
|
|
|
.sheet-main-notlast-section {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
column-gap: 50px !important;
|
|
align-items: flex-start !important;
|
|
}
|
|
|
|
.sheet-main-arroundlast-section {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
column-gap: 50px !important;
|
|
align-items: flex-start !important;
|
|
}
|
|
|
|
.sheet-main-equipment-section {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
column-gap: 10px !important;
|
|
align-items: flex-start !important;
|
|
width: 93% !important;
|
|
}
|
|
|
|
.sheet-main-flaws-section {
|
|
grid-template-columns: 10px 1fr;
|
|
column-gap: 10px !important;
|
|
width: 93% !important;
|
|
}
|
|
|
|
.sheet-main-characteristics h3 {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-main-characteristics input.sheet-inputchar {
|
|
height: 54px !important;
|
|
max-height: 46px;
|
|
width: calc(100% - 24px)!important;
|
|
font-size: 30px !important;
|
|
margin: 0 auto!important;
|
|
}
|
|
|
|
.sheet-main-skills-section,
|
|
.sheet-main-notlast-section,
|
|
.sheet-main-arroundlast-section,
|
|
.sheet-main-characteristics,
|
|
.sheet-main-top-informations {
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
.sheet-barsverticales-item {
|
|
background-color: #a7a9ac;
|
|
height: 100%;
|
|
width: 20px !important;
|
|
}
|
|
|
|
.sheet-barsverticales-container {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
position: absolute !important;
|
|
height: 100%;
|
|
column-gap: 0px !important;
|
|
top: -10px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-asset-container {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
column-gap: 0px !important;
|
|
z-index: 1;
|
|
top: 8px;
|
|
}
|
|
|
|
.sheet-decoration-container > div {
|
|
grid-template-columns: repeat(7, 1fr);
|
|
}
|
|
|
|
.sheet-decoration-container {
|
|
position: absolute !important;
|
|
top: -15px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 92.33% !important;
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
height: calc(100% + 30px);
|
|
}
|
|
|
|
.sheet-decoration-container2 > div {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
|
|
.sheet-decoration-container3 > div {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
|
|
.sheet-decoration-top {
|
|
position: absolute !important;
|
|
top: -7px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.sheet-decoration-bottom {
|
|
position: absolute !important;
|
|
bottom: -7px;
|
|
left: 50%;
|
|
transform: translateX(-50%) rotate(180deg);
|
|
height: auto;
|
|
}
|
|
|
|
.sheet-decoration-left {
|
|
position: absolute !important;
|
|
top: 41%;
|
|
left: -10px;
|
|
transform: translateY(-50%);
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
.sheet-decoration-right {
|
|
position: absolute !important;
|
|
top: 41%;
|
|
right: -10px;
|
|
transform: translateY(-50%) rotate(180deg);
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
.sheet-asset-item {
|
|
position: absolute;
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/Decoration2.png");
|
|
background-size: contain;
|
|
width: 12px !important;
|
|
height: 13px;
|
|
}
|
|
|
|
.sheet-darkmode .sheet-asset-item {
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/Decoration2w.png");
|
|
}
|
|
|
|
.sheet-decoration1-item {
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/Decoration5.png");
|
|
background-size: contain;
|
|
width: 16px !important;
|
|
height: 16px;
|
|
}
|
|
|
|
.sheet-darkmode .sheet-decoration1-item {
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/Decoration5w.png");
|
|
}
|
|
|
|
.sheet-decoration2-item {
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/Decoration6.png");
|
|
background-size: cover;
|
|
width: 22px !important;
|
|
height: 14px;
|
|
}
|
|
|
|
.sheet-darkmode .sheet-decoration2-item {
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/Decoration6w.png");
|
|
}
|
|
|
|
.sheet-decoration3-item {
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/Decoration.png");
|
|
background-size: cover;
|
|
width: 14px !important;
|
|
height: 14px;
|
|
}
|
|
|
|
.sheet-darkmode .sheet-decoration3-item {
|
|
background-image: url("https://www.spirito.fr/DL/RP/moonshine/Decorationw.png");
|
|
}
|
|
|
|
.sheet-main-equipment-section input {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.sheet-main-header-privacy {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
width: 25% !important;
|
|
top: -20px;
|
|
left: 270px;
|
|
}
|
|
|
|
.charsheet label.sheet-globalprivacy {
|
|
border: 1px solid #838383 !important;
|
|
color: var(--blackandwhite2);
|
|
background-color: var(--blackandwhite)!important;
|
|
text-transform: uppercase;
|
|
font-size: 10px !important;
|
|
}
|
|
|
|
.charsheet input:checked + label.sheet-globalprivacy {
|
|
background-color: var(--main-color) !important;
|
|
color: black !important;
|
|
}
|
|
|
|
.sheet-striked h4 {
|
|
opacity: 0.25;
|
|
}
|
|
|
|
.sheet-striked .sheet-minimal-checkbox {
|
|
opacity: 0.25;
|
|
background-color: var(--background-grey);
|
|
}
|
|
|
|
.sheet-noclickhereallowed {
|
|
display: none !important;
|
|
}
|
|
|
|
.sheet-striked .sheet-noclickhereallowed {
|
|
display: block !important;
|
|
position: absolute;
|
|
z-index: 99;
|
|
height: 100%;
|
|
width: 100%;
|
|
grid-column: 2/-1;
|
|
}
|
|
|
|
.sheet-main-flaws-section .sheet-noclickhereallowed {
|
|
display: block !important;
|
|
position: absolute;
|
|
z-index: 99;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-main-flaws-section .sheet-button-holder input {
|
|
opacity:1;
|
|
position:relative;
|
|
}
|
|
|
|
.charsheet option {
|
|
background-color: var(--main-color);
|
|
color:var(--blackandwhite);
|
|
font-family: var(--standard-font) !important;
|
|
}
|
|
|
|
.sheet-main-top-informations2 .sheet-triplecolumn,
|
|
.sheet-main-experience-section .sheet-triplecolumn {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
width: 60%!important;
|
|
background-color:transparent!important;
|
|
}
|
|
|
|
.sheet-inputmod {
|
|
position: absolute;
|
|
top: 4px;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 50px !important;
|
|
font-size: 11px!important;
|
|
height: 12px!important;
|
|
line-height: 11px!important;
|
|
background-color: var(--background-plus);
|
|
}
|
|
|
|
.sheet-core-reverse {
|
|
grid-column: 1/-1;
|
|
text-align: center;
|
|
margin: 0px auto 15px auto;
|
|
width: 500px;
|
|
}
|
|
|
|
.sheet-visible {
|
|
display:block!important;
|
|
}
|
|
|
|
.sheet-backgroundbox .sheet-oneline {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.sheet-inputchar.sheet-core.sheet-invalid {
|
|
background-color: var(--main-color1)!important;
|
|
color:#1f1f1f;
|
|
border-radius: 100%;
|
|
}
|
|
|
|
input.sheet-inputchar.sheet-core.sheet-invalid::placeholder {
|
|
color:#1f1f1f;
|
|
}
|
|
|
|
.sheet-energytitle .sheet-doublecolumn {
|
|
grid-template-columns: 90px 20px!important;
|
|
width: 45%;
|
|
column-gap: 2px!important;
|
|
}
|
|
|
|
.charsheet .sheet-energytitle button {
|
|
height: 18px!important;
|
|
width: 18px!important;
|
|
max-height: none!important;
|
|
background-color: transparent!important;
|
|
align-items: center;
|
|
margin: 0px auto 3px auto!important;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.charsheet .sheet-energytitle button:hover {
|
|
background-color: var(--main-color)!important;
|
|
color: var(--blackandwhite2);
|
|
}
|
|
|
|
.sheet-totalpointcore {
|
|
border: none!important;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 11px!important;
|
|
color: var(--blackandwhite);
|
|
border-radius: 14px!important;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.sheet-totalpointcore::before {
|
|
content: "Min: 2 / Max: 6 / Total: 12 / Current: ";
|
|
}
|