mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
pktome
18f8bb14ee
2025/02/24 - Version 1.0.1
Modified Skill structure for better usability: {Attr + Base + Lvl + Mod = Total} → {Attr + Skill + Mod = Total}
Buttons to change Layout Appearance (Skills, Talents...) now work on the first click instead of requiring two.
2678 lines
72 KiB
CSS
2678 lines
72 KiB
CSS
@font-face {
|
|
font-family: "Jenner";
|
|
src: url("https://pktome.com.br/commissions/roll20/sheets/fantasy_gits/font/JennerikInfmlXBold.ttf") format("truetype");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
label {
|
|
color: inherit;
|
|
}
|
|
input, textarea, select, .uneditable-input {
|
|
color: inherit;
|
|
}
|
|
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
.itemcontrol {
|
|
background: rgba(255, 0, 0, 0.5);
|
|
z-index: 9990;
|
|
}
|
|
.nav {
|
|
margin: 0;
|
|
}
|
|
.dialog label {
|
|
display: inherit;
|
|
padding-right: 0px;
|
|
}
|
|
.sheet-darkmode .characterviewer label, .sheet-darkmode .options .row > span {
|
|
color: inherit;
|
|
}
|
|
/* repcontrol */
|
|
.editmode + .repcontrol .btn.repcontrol_edit::after {
|
|
content: "l";
|
|
}
|
|
.s_skills .repcontrol, .s_talents .repcontrol {
|
|
bottom: -18px;
|
|
top: auto;
|
|
right: 0px;
|
|
}
|
|
.repcontrol {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: calc(100%);
|
|
width: fit-content;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
flex-direction: row-reverse;
|
|
gap: 5px;
|
|
}
|
|
.repcontrol .btn:hover.repcontrol_edit::after, .repcontrol .btn:hover.repcontrol_add::after {
|
|
background: red;
|
|
color: white;
|
|
}
|
|
.repcontrol .btn.repcontrol_edit, .repcontrol .btn.repcontrol_add {
|
|
display: block;
|
|
position: relative;
|
|
font-size: 0px;
|
|
color: transparent;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
clear: both;
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
.repcontrol .btn.repcontrol_edit::after, .repcontrol .btn.repcontrol_add::after {
|
|
font-family: Pictos;
|
|
content: "+";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: black;
|
|
color: white;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
padding: 2.5px;
|
|
border-radius: 5px;
|
|
font-size: 12px;
|
|
}
|
|
.repcontrol .btn.repcontrol_edit::after {
|
|
font-family: Pictos;
|
|
content: "x";
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
/* largedialog */
|
|
.largedialog label {
|
|
width: fit-content;
|
|
text-align: inherit;
|
|
}
|
|
.largedialog textarea {
|
|
height: auto;
|
|
}
|
|
/* characterviewer */
|
|
.characterviewer .nav-tabs {
|
|
padding: 0px;
|
|
background: black;
|
|
color: white;
|
|
}
|
|
.nav-tabs {
|
|
border-bottom: none;
|
|
}
|
|
.characterviewer label {
|
|
font-weight: inherit;
|
|
font-size: inherit;
|
|
margin-bottom: 0px;
|
|
}
|
|
/* ui-dialog */
|
|
.ui-dialog .largedialog {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ui-dialog .charsheet {
|
|
padding: 0;
|
|
}
|
|
.ui-dialog .charsheet input[type="number"] {
|
|
max-width: 100%;
|
|
width: auto;
|
|
}
|
|
.ui-dialog .nav-tabs li.active a {
|
|
color: black;
|
|
}
|
|
.ui-dialog .nav-tabs li a {
|
|
color: white;
|
|
}
|
|
/* PK SHEET */
|
|
.s_fg {
|
|
--wtotal: 1600px;
|
|
--wlogo: 490px;
|
|
--w-imerc: 200px;
|
|
--i-mer-min: var(--w-imerc) / 1;
|
|
}
|
|
.s_fg {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
background: #fff;
|
|
padding: 15px;
|
|
box-sizing: border-box;
|
|
color: black;
|
|
border: 2px solid black;
|
|
min-width: 889px;
|
|
}
|
|
.s_fg .s_sector {
|
|
max-width: calc(var(--wtotal) / 1 + 30px + 4px);
|
|
margin: 0 auto;
|
|
}
|
|
.s_fg * {
|
|
box-sizing: border-box;
|
|
}
|
|
.s_fg .s_sector {
|
|
font-family: "Jenner";
|
|
font-size: 32px;
|
|
}
|
|
.s_fg input[type="text"], .s_fg input[type="number"] {
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
outline: none;
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
background: none;
|
|
border-radius: 5px;
|
|
border: none;
|
|
color: inherit;
|
|
}
|
|
/* LOGO*/
|
|
.s_logo {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
max-width: var(--wlogo);
|
|
min-width: calc(var(--wlogo) / 1.5);
|
|
}
|
|
.s_logo img {
|
|
max-width: 100%;
|
|
}
|
|
.s_header {
|
|
width: 100%;
|
|
max-width: calc(var(--wtotal) - var(--wlogo));
|
|
display: flex;
|
|
column-gap: 25px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
/* DEFAULTS */
|
|
.s_flex {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-content: center;
|
|
align-items: flex-start;
|
|
}
|
|
.gap-10 {
|
|
column-gap: 10px;
|
|
}
|
|
.gap-20 {
|
|
column-gap: 20px;
|
|
}
|
|
.gap-30 {
|
|
column-gap: 30px;
|
|
}
|
|
.m_10 {
|
|
margin: 0 10px;
|
|
}
|
|
.s_item {
|
|
display: flex;
|
|
width: fit-content;
|
|
gap: 2px;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
span.p_plus {
|
|
font-weight: normal !important;
|
|
font-family: "Jenner";
|
|
margin: 0.025em;
|
|
}
|
|
/* s_borders */
|
|
.s_spells .s_borders {
|
|
top: -10px;
|
|
left: -10px;
|
|
width: calc(100% + 20px);
|
|
height: calc(100% + 20px);
|
|
}
|
|
.i-wealth .s_borders {
|
|
--b-bt-height: 30px;
|
|
--b-bb-height: 30px;
|
|
}
|
|
.s_spells .s_borders div, .s_armours .s_borders div, .s_weapons .s_borders div {
|
|
width: 6px;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translateX(-50%);
|
|
background-position: center;
|
|
background-size: 6px auto;
|
|
background-repeat: repeat-y;
|
|
}
|
|
.s_borders {
|
|
--border: 20px;
|
|
--b-bt-height: 20px;
|
|
--b-bb-height: 20px;
|
|
--b-top: -20px;
|
|
--b-left: -40px;
|
|
--b-right: -40px;
|
|
--b-height: 100% + var(--border) * 2;
|
|
--b-height2: 100% - (var(--b-bt-height) + var(--b-bb-height));
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
user-select: none;
|
|
pointer-events: none;
|
|
z-index: 0;
|
|
}
|
|
.s_weapons .s_borders .s_border1 {
|
|
left: calc(21%);
|
|
}
|
|
.s_weapons .s_borders .s_border2 {
|
|
left: calc(42%);
|
|
}
|
|
.s_weapons .s_borders .s_border3 {
|
|
left: calc(55%);
|
|
}
|
|
.s_weapons .s_borders .s_border4 {
|
|
left: calc(71%);
|
|
}
|
|
.s_spells .s_borders .s_border1 {
|
|
left: calc(50% / 4 * 3 - 0px);
|
|
}
|
|
.s_spells .s_borders .s_border2 {
|
|
left: calc(50%);
|
|
}
|
|
.s_spells .s_borders .s_border3 {
|
|
left: calc(100% / 8 * 7 - 10px);
|
|
}
|
|
.s_armours .s_borders .s_border1 {
|
|
left: calc(35%);
|
|
}
|
|
.s_armours .s_borders .s_border2 {
|
|
left: calc(67%);
|
|
}
|
|
.s_border_left {
|
|
position: absolute;
|
|
top: var(--b-top);
|
|
left: var(--b-left);
|
|
width: 43px;
|
|
height: calc(var(--b-height));
|
|
}
|
|
.i-wealth .s_border_left {
|
|
top: calc(var(--b-top) + -10px);
|
|
height: calc(var(--b-height) + 12px);
|
|
width: 39px;
|
|
}
|
|
.s_border_right {
|
|
position: absolute;
|
|
top: var(--b-top);
|
|
right: var(--b-right);
|
|
width: 43px;
|
|
height: calc(var(--b-height));
|
|
}
|
|
.i-wealth .s_border_right {
|
|
top: calc(var(--b-top) + -10px);
|
|
height: calc(var(--b-height) + 12px);
|
|
width: 42px;
|
|
}
|
|
.s_bt, .s_bm, .s_bb {
|
|
position: absolute;
|
|
width: 100%;
|
|
background-color: transparent;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.s_bt {
|
|
top: 0;
|
|
height: var(--b-bt-height);
|
|
border-radius: 10px 10px 0px 0px;
|
|
}
|
|
.i-wealth .s_border_left .s_bt {
|
|
background-position: 3px;
|
|
background-size: 39px 100%;
|
|
}
|
|
.i-wealth .s_border_right .s_bt {
|
|
background-position: 0px;
|
|
background-size: 42px 100%;
|
|
}
|
|
.s_bm {
|
|
top: var(--b-bt-height);
|
|
height: calc(var(--b-height2));
|
|
}
|
|
.i-wealth .s_border_left .s_bm {
|
|
background-position: 0px;
|
|
background-size: 36px 100%;
|
|
}
|
|
.i-wealth .s_border_right .s_bm {
|
|
background-position: 3px;
|
|
background-size: 40px 100%;
|
|
}
|
|
.s_bb {
|
|
bottom: 0;
|
|
height: var(--b-bb-height);
|
|
border-radius: 0px 0px 10px 10px
|
|
}
|
|
.i-wealth .s_border_left .s_bb {
|
|
background-position: 0px;
|
|
background-size: 32px 30px;
|
|
left: 5px;
|
|
}
|
|
.i-wealth .s_border_right .s_bb {
|
|
background-position: 1px;
|
|
background-size: 39px 30px;
|
|
}
|
|
/* bg_line */
|
|
.bg_line {
|
|
background: none;
|
|
background-position: bottom left;
|
|
background-repeat: repeat-x;
|
|
min-height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
.i-merc .bg_line {
|
|
background-size: var(--w-iname) 6px;
|
|
min-height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
.i-name .bg_line {
|
|
background-size: var(--w-iname) 6px;
|
|
}
|
|
.i-origin .bg_line {
|
|
background-size: var(--w-iorigin) 6px;
|
|
}
|
|
.i-background .bg_line {
|
|
background-size: var(--w-ibackground) 6px;
|
|
}
|
|
.i-position .bg_line {
|
|
background-size: var(--w-iposition) 6px;
|
|
}
|
|
.i-age .bg_line {
|
|
background-size: var(--w-iage) 6px;
|
|
}
|
|
.s_status .bg_line {
|
|
min-height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.i-initiative .bg_line {
|
|
background-size: var(--w-iinitiative) 6px;
|
|
}
|
|
.i-movement .bg_line {
|
|
background-size: var(--w-imovement) 6px;
|
|
}
|
|
.i-luck .bg_line {
|
|
background-size: var(--w-iluck) 6px;
|
|
}
|
|
.i-exp .bg_line {
|
|
background-size: var(--w-iexp) 6px;
|
|
}
|
|
/* s_spaninput */
|
|
.s_spaninput {
|
|
width: 100%;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: stretch;
|
|
align-items: stretch;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
transition: all ease-in-out .3s;
|
|
overflow: clip;
|
|
}
|
|
.s_spaninput span, .s_spaninput input {
|
|
line-height: inherit;
|
|
letter-spacing: inherit;
|
|
border: none;
|
|
text-align: inherit;
|
|
}
|
|
.s_spaninput span {
|
|
position: relative;
|
|
z-index: 0;
|
|
display: block;
|
|
opacity: 0;
|
|
height: auto;
|
|
width: 100%;
|
|
user-select: none !important;
|
|
}
|
|
.s_spaninput input {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: inherit;
|
|
}
|
|
.i-merc .s_spaninput {
|
|
min-width: calc(var(--i-mer-min));
|
|
max-width: var(--w-iname);
|
|
overflow: clip;
|
|
transition: all ease-in-out .3s;
|
|
margin-top: -10px;
|
|
}
|
|
.i-merc .s_spaninput, .s_character .s_spaninput {
|
|
font-size: 28px;
|
|
font-family: "fontello";
|
|
}
|
|
.i-name .s_spaninput {
|
|
min-width: calc(var(--i-nam-min));
|
|
max-width: var(--w-iname);
|
|
}
|
|
.i-origin .s_spaninput {
|
|
min-width: calc(var(--i-ori-min));
|
|
max-width: var(--w-iorigin);
|
|
}
|
|
.i-background .s_spaninput {
|
|
min-width: calc(var(--i-bac-min));
|
|
max-width: var(--w-ibackground);
|
|
}
|
|
.i-position .s_spaninput {
|
|
min-width: calc(var(--i-pos-min));
|
|
max-width: var(--w-iposition);
|
|
}
|
|
.i-age .s_spaninput {
|
|
min-width: calc(var(--i-age-min));
|
|
max-width: var(--w-iage);
|
|
}
|
|
.s_status .s_item .s_spaninput {
|
|
padding-bottom: 6px;
|
|
min-height: 36px;
|
|
margin-top: -6px;
|
|
}
|
|
.i-initiative .s_spaninput {
|
|
min-width: calc(var(--i-ini-min));
|
|
max-width: var(--w-iinitiative);
|
|
}
|
|
.i-movement .s_spaninput {
|
|
min-width: calc(var(--i-mov-min));
|
|
max-width: var(--w-imovement);
|
|
}
|
|
.i-luck .s_spaninput {
|
|
min-width: calc(var(--i-lck-min));
|
|
max-width: var(--w-iluck);
|
|
}
|
|
.i-exp .s_spaninput {
|
|
min-width: calc(var(--i-exp-min));
|
|
max-width: var(--w-iexp);
|
|
}
|
|
.i-merc:hover .s_spaninput {
|
|
min-width: calc(var(--i-mer-min) + 20px);
|
|
}
|
|
.i-name:hover .s_spaninput {
|
|
min-width: calc(var(--i-nam-min) + 20px);
|
|
}
|
|
.i-origin:hover .s_spaninput {
|
|
min-width: calc(var(--i-ori-min) + 20px);
|
|
}
|
|
.i-background:hover .s_spaninput {
|
|
min-width: calc(var(--i-bac-min) + 20px);
|
|
}
|
|
.i-position:hover .s_spaninput {
|
|
min-width: calc(var(--i-pos-min) + 20px);
|
|
}
|
|
.i-age:hover .s_spaninput {
|
|
min-width: calc(var(--i-age-min) + 20px);
|
|
}
|
|
.i-initiative:hover .s_spaninput {
|
|
min-width: calc(var(--i-ini-min) + 20px);
|
|
}
|
|
.i-movement:hover .s_spaninput {
|
|
min-width: calc(var(--i-mov-min) + 20px);
|
|
}
|
|
.i-luck:hover .s_spaninput {
|
|
min-width: calc(var(--i-lck-min) + 20px);
|
|
}
|
|
.i-exp:hover .s_spaninput {
|
|
min-width: calc(var(--i-exp-min) + 20px);
|
|
}
|
|
.i-merc:hover .s_spaninput input, .i-name:hover .s_spaninput input, .i-origin:hover .s_spaninput input, .i-background:hover .s_spaninput input, .i-position:hover .s_spaninput input, .i-age:hover .s_spaninput input, .i-initiative:hover .s_spaninput input, .i-movement:hover .s_spaninput input, .i-luck:hover .s_spaninput input {
|
|
background: black;
|
|
color: white;
|
|
transition: all ease-in-out .3s;
|
|
}
|
|
.i-exp:hover .s_spaninput input {
|
|
background: black;
|
|
color: white;
|
|
transition: all ease-in-out .3s;
|
|
}
|
|
/* CHECK INFO */
|
|
.s_check_info {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 25px;
|
|
}
|
|
.s_check_info, .s_edit_info {
|
|
opacity: 0;
|
|
}
|
|
.s_fg .s_check_info input {
|
|
display: none;
|
|
}
|
|
.s_fg .s_check_info input + span {
|
|
width: 24px;
|
|
height: 24px;
|
|
background: black;
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
line-height: 15px;
|
|
font-size: 14px;
|
|
border-radius: 3px;
|
|
box-sizing: border-box;
|
|
opacity: 0.25;
|
|
}
|
|
.s_fg .s_check_info input + span:hover {
|
|
opacity: 1;
|
|
}
|
|
.s_fg .s_check_info input:checked + span {
|
|
background: white;
|
|
border-color: white;
|
|
opacity: 1;
|
|
}
|
|
.s_fg .s_check_info input + span::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: calc(100% - 3px);
|
|
height: calc(100% - 3px);
|
|
transform: translate(-50%, -50%);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
filter: invert(1);
|
|
}
|
|
.s_fg .s_check_info input:checked + span::before {
|
|
filter: invert(0);
|
|
}
|
|
.s_edit_info {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0px;
|
|
}
|
|
.s_fg .s_edit_info input {
|
|
display: none;
|
|
}
|
|
.s_fg .s_edit_info input + span {
|
|
width: 24px;
|
|
height: 24px;
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
border: 1px solid white;
|
|
line-height: 15px;
|
|
font-size: 14px;
|
|
position: relative;
|
|
background: black;
|
|
border-radius: 3px;
|
|
box-sizing: border-box;
|
|
opacity: 0.25;
|
|
}
|
|
.s_fg .s_edit_info input + span:hover {
|
|
opacity: 1;
|
|
}
|
|
.s_fg .s_edit_info input:checked + span {
|
|
background: white;
|
|
border-color: black;
|
|
opacity: 1;
|
|
}
|
|
.s_fg .s_edit_info input + span::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: calc(100% - 3px);
|
|
height: calc(100% - 3px);
|
|
transform: translate(-50%, -50%);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
filter: invert(1);
|
|
}
|
|
.s_fg .s_edit_info input:checked + span::before {
|
|
filter: invert(0);
|
|
}
|
|
/* SIDE */
|
|
.s_side {
|
|
width: 100%;
|
|
max-width: calc(50% - 30px / 2);
|
|
min-width: 660px;
|
|
justify-content: center;
|
|
}
|
|
.sc3 .s_side:first-of-type .s_papper {
|
|
margin-bottom: 10px;
|
|
}
|
|
.sc3 .s_side:first-of-type .s_papper:last-of-type {
|
|
margin-bottom: 0px;
|
|
}
|
|
/* PAPPER */
|
|
.s_papper {
|
|
display: flex;
|
|
align-content: stretch;
|
|
align-items: stretch;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
/* MERC */
|
|
label.i-merc {
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-content: center;
|
|
align-items: center;
|
|
align-self: flex-start;
|
|
margin-top: 15px;
|
|
min-height: 75px;
|
|
}
|
|
.i-merc.s_item {
|
|
max-width: 205px;
|
|
}
|
|
.i-merc > span {
|
|
font-size: 1.10em;
|
|
letter-spacing: -0.0125em;
|
|
line-height: 30px;
|
|
}
|
|
/* WEALTH */
|
|
label.i-wealth {
|
|
max-width: 852px;
|
|
min-width: 115px;
|
|
min-height: 115px;
|
|
width: 100%;
|
|
border-width: 20px;
|
|
border-style: solid;
|
|
border-image-slice: 20 20 30 20;
|
|
border-image-repeat: stretch;
|
|
position: relative;
|
|
margin: 10px 20px 0px 20px;
|
|
display: flex;
|
|
align-content: stretch;
|
|
align-items: stretch;
|
|
}
|
|
/* CHARACTER */
|
|
.s_character {
|
|
justify-content: space-between;
|
|
align-content: flex-end;
|
|
flex-wrap: wrap;
|
|
align-items: flex-end;
|
|
margin-top: 0px;
|
|
--w-iname: 185px;
|
|
--w-iorigin: 185px;
|
|
--w-ibackground: 185px;
|
|
--w-iposition: 185px;
|
|
--w-iage: 56px;
|
|
--i-nam-min: var(--w-iname) / 1.5;
|
|
--i-ori-min: var(--w-iorigin) / 2.5;
|
|
--i-bac-min: var(--w-ibackground) / 2.0;
|
|
--i-pos-min: var(--w-iposition) / 1.5;
|
|
--i-age-min: var(--w-iage) / 1.0;
|
|
}
|
|
/* NAME */
|
|
label.i-name {
|
|
max-width: 350px;
|
|
}
|
|
.i-name > span {
|
|
font-size: 1.10em;
|
|
letter-spacing: -0.0125em;
|
|
line-height: 30px;
|
|
}
|
|
/* ORIGIN */
|
|
label.i-origin {
|
|
max-width: 335px;
|
|
align-items: flex-end;
|
|
}
|
|
.i-origin > span {
|
|
font-size: 0.95em;
|
|
letter-spacing: -0.0125em;
|
|
line-height: 30px;
|
|
padding-bottom: 0.20em;
|
|
}
|
|
/* BACKGROUND */
|
|
label.i-background {
|
|
max-width: 435px;
|
|
align-items: flex-end;
|
|
top: 10px;
|
|
}
|
|
.i-background > span {
|
|
font-size: 0.85em;
|
|
letter-spacing: -0.025em;
|
|
line-height: 30px;
|
|
padding-bottom: 0.20em;
|
|
font-weight: bold;
|
|
}
|
|
/* POSITION */
|
|
label.i-position {
|
|
max-width: 305px;
|
|
align-items: flex-end;
|
|
top: 10px;
|
|
}
|
|
.i-position > span {
|
|
font-size: 0.75em;
|
|
letter-spacing: -0.05em;
|
|
line-height: 30px;
|
|
padding-bottom: 0.20em;
|
|
font-weight: bold;
|
|
}
|
|
/* AGE */
|
|
label.i-age {
|
|
max-width: 120px;
|
|
align-items: flex-end;
|
|
top: 10px;
|
|
}
|
|
.i-age > span {
|
|
font-size: 0.825em;
|
|
letter-spacing: -0.0125em;
|
|
line-height: 30px;
|
|
padding-bottom: 0.20em;
|
|
font-weight: bold;
|
|
}
|
|
/* OPTIONALS */
|
|
.x-colon > span::after {
|
|
content: ":";
|
|
font-size: 32px;
|
|
}
|
|
/* ATTRIBUTES */
|
|
.s_attributes {
|
|
display: flex;
|
|
justify-content: space-around;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
max-width: 710px;
|
|
position: relative;
|
|
margin-top: 20px;
|
|
}
|
|
.s_attribute {
|
|
width: 116px;
|
|
height: 163px;
|
|
min-width: 116px;
|
|
min-height: 163px;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
text-align: center;
|
|
transition: all ease-in-out .3s;
|
|
}
|
|
.s_attribute:hover {
|
|
transition: all ease-in-out .3s;
|
|
color: white;
|
|
}
|
|
.s_attribute input {
|
|
transition: all ease-in-out .3s;
|
|
}
|
|
.s_attribute:hover input {
|
|
color: white;
|
|
transition: all ease-in-out .3s;
|
|
}
|
|
.s_attribute .s_value {
|
|
width: 100%;
|
|
max-width: calc(100% - 32px);
|
|
position: relative;
|
|
left: 18px;
|
|
top: 10px;
|
|
}
|
|
.s_attribute .s_value input {
|
|
text-align: center;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
height: 60px;
|
|
font-size: 1.5em;
|
|
}
|
|
.s_attribute .s_mod {
|
|
width: 100%;
|
|
width: 57px;
|
|
height: 57px;
|
|
border-radius: 100%;
|
|
position: relative;
|
|
left: 31px;
|
|
top: 13px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: center;
|
|
align-items: center;
|
|
line-height: 1em;
|
|
}
|
|
.s_attribute .s_mod input {
|
|
position: absolute;
|
|
z-index: 999;
|
|
top: calc(50% - 0px);
|
|
left: calc(50% + 0px);
|
|
transform: translate(-50%, -50%);
|
|
width: calc(100% - 0px);
|
|
height: calc(100% - 0px);
|
|
text-align: center;
|
|
opacity: 0;
|
|
border-radius: 100%;
|
|
background: transparent;
|
|
border: 4px solid black;
|
|
}
|
|
.s_attribute .s_mod:hover input {
|
|
opacity: 1;
|
|
background: white;
|
|
color: black;
|
|
}
|
|
.s_attribute .s_mod > span {
|
|
font-weight: bold;
|
|
}
|
|
.s_attribute .s_mod > span:first-child {
|
|
margin-left: -0.125em;
|
|
}
|
|
/* OTHERS */
|
|
.s_others {
|
|
width: 100%;
|
|
max-width: 870px;
|
|
justify-content: space-around;
|
|
}
|
|
/* RESOURCES */
|
|
.s_resources {
|
|
display: flex;
|
|
align-items: center;
|
|
max-width: 435px;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
margin-top: 8px;
|
|
margin-top: 20px;
|
|
}
|
|
.s_resources .s_item {
|
|
position: relative;
|
|
background-position: center;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
transition: all ease-in-out .3s;
|
|
}
|
|
.s_resources .s_item input {
|
|
transition: all ease-in-out .3s;
|
|
}
|
|
.s_resources .s_item:hover input {
|
|
color: white;
|
|
}
|
|
/* WOUNDS */
|
|
label.i-wounds {
|
|
width: 140px;
|
|
height: 140px;
|
|
margin-top: 6px;
|
|
margin-left: 15px;
|
|
}
|
|
.i-wounds .s_value {
|
|
width: 100px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
top: 0px;
|
|
}
|
|
.i-wounds .s_value input {
|
|
height: 90px;
|
|
text-align: center;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 1.5em;
|
|
}
|
|
.i-wou {
|
|
width: 52px;
|
|
height: 81px;
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 20px;
|
|
left: -24px;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
/* DEFENCE */
|
|
label.i-defence {
|
|
width: 117px;
|
|
height: 134px;
|
|
margin-top: 6px;
|
|
}
|
|
.i-defence .s_value {
|
|
width: 100px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
top: 0px;
|
|
}
|
|
.i-defence .s_value input {
|
|
height: 90px;
|
|
text-align: center;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 1.5em;
|
|
}
|
|
.i-def {
|
|
width: 52px;
|
|
height: 83px;
|
|
display: block;
|
|
position: absolute;
|
|
bottom: -2px;
|
|
left: -22px;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.i-cla {
|
|
width: 40px;
|
|
height: 53px;
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 6px;
|
|
right: -10px;
|
|
background-size: contain;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
/* MANA */
|
|
label.i-mana {
|
|
width: 110px;
|
|
height: 141px;
|
|
}
|
|
.i-mana .s_value {
|
|
width: 100px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
top: 0px;
|
|
}
|
|
.i-mana .s_value input {
|
|
height: 90px;
|
|
text-align: center;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 1.5em;
|
|
}
|
|
/* MANA & WOUNDS MAX */
|
|
.s_fg .i-mana .s_is_max, .s_fg .i-wounds .s_is_max {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
right: -5px;
|
|
top: auto;
|
|
left: auto;
|
|
height: 54px;
|
|
width: 54px;
|
|
border: 3px solid black;
|
|
border-radius: 100%;
|
|
background: white;
|
|
}
|
|
.s_fg .i-mana .s_is_max input, .s_fg .i-wounds .s_is_max input {
|
|
color: black;
|
|
text-align: center;
|
|
height: 43px;
|
|
width: 44px;
|
|
background: white;
|
|
border: 2px solid #000000;
|
|
border-radius: 100%;
|
|
top: 3px;
|
|
position: relative;
|
|
left: 2px;
|
|
font-size: 26px;
|
|
letter-spacing: -0.05em;
|
|
font-weight: bold;
|
|
font-stretch: condensed;
|
|
}
|
|
.s_fg .i-mana .s_is_max input:hover, .s_fg .i-wounds .s_is_max input:hover {
|
|
color: white;
|
|
background: black;
|
|
}
|
|
/* STATUS */
|
|
.s_status {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
max-width: 385px;
|
|
--w-iinitiative: 89px;
|
|
--w-imovement: 89px;
|
|
--w-iluck: 89px;
|
|
--w-iexp: 89px;
|
|
--i-ini-min: var(--w-iinitiative) / 1.5;
|
|
--i-mov-min: var(--w-imovement) / 1.5;
|
|
--i-lck-min: var(--w-iluck) / 1.5;
|
|
--i-exp-min: var(--w-iexp) / 1.5;
|
|
}
|
|
.s_status .s_item {
|
|
gap: 15px;
|
|
}
|
|
.s_status .s_item input {
|
|
font-size: 26px;
|
|
}
|
|
.s_status .s_item > span {
|
|
position: relative;
|
|
min-width: 135px;
|
|
letter-spacing: -0.033em;
|
|
white-space: nowrap;
|
|
}
|
|
.s_status .s_item > span::after {
|
|
position: absolute;
|
|
right: 0;
|
|
top: -50%;
|
|
transform: translate(0, 50%);
|
|
font-weight: normal;
|
|
font-family: "Comic Sans";
|
|
font-size: 1.75em;
|
|
}
|
|
/* INITIATIVE */
|
|
.i-initiative > span {
|
|
font-size: 0.65em;
|
|
letter-spacing: -0.0125em;
|
|
line-height: 25px;
|
|
}
|
|
/* MOVEMENT */
|
|
.i-movement > span {
|
|
font-size: 0.65em;
|
|
letter-spacing: -0.0125em;
|
|
line-height: 25px;
|
|
}
|
|
/* LUCK */
|
|
.i-luck > span {
|
|
font-size: 0.65em;
|
|
letter-spacing: -0.0125em;
|
|
line-height: 25px;
|
|
}
|
|
/* EXPERIENCE */
|
|
.i-exp > span {
|
|
font-size: 0.65em;
|
|
letter-spacing: -0.0125em;
|
|
line-height: 25px;
|
|
}
|
|
.i-initiative, .i-movement, .i-luck, .i-exp {
|
|
font-weight: bold;
|
|
}
|
|
/* REKNOWN */
|
|
label.i-reknown {
|
|
min-width: 125px;
|
|
min-height: 141px;
|
|
display: block;
|
|
margin-top: 20px;
|
|
}
|
|
.i-reknown.s_item {
|
|
width: 100%;
|
|
max-width: 130px;
|
|
}
|
|
.i-reknown .s_box {
|
|
min-width: 122px;
|
|
min-height: 109px;
|
|
border-width: 15px;
|
|
border-style: solid;
|
|
border-image-slice: 15 15 15 15;
|
|
border-image-repeat: stretch;
|
|
display: flex;
|
|
align-content: stretch;
|
|
align-items: stretch;
|
|
}
|
|
.i-reknown:hover .s_box {
|
|
transition: all ease-in-out .3s;
|
|
color: white;
|
|
}
|
|
.i-reknown:hover .s_value {
|
|
transition: all ease-in-out .3s;
|
|
background: black;
|
|
}
|
|
.i-reknown .s_value {
|
|
height: auto;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.i-reknown .s_value input {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: center;
|
|
border: none;
|
|
font-size: 1.5em;
|
|
}
|
|
/* SKILLS */
|
|
.s_skills {
|
|
width: 100%;
|
|
max-width: 765px;
|
|
background-color: white;
|
|
border-width: 51px;
|
|
border-style: solid;
|
|
border-image-slice: 51 51 51 51;
|
|
border-image-repeat: stretch;
|
|
margin-top: 10px;
|
|
}
|
|
/* TALENTS */
|
|
.s_talents {
|
|
width: 100%;
|
|
max-width: 758px;
|
|
background-color: white;
|
|
border-width: 52px;
|
|
border-style: solid;
|
|
border-image-slice: 52 52 52 52;
|
|
border-image-repeat: stretch;
|
|
}
|
|
/* ITEMS */
|
|
.s_items {
|
|
width: 100%;
|
|
max-width: 757px;
|
|
background-color: white;
|
|
border-width: 55px;
|
|
border-style: solid;
|
|
border-image-slice: 55 55 55 55;
|
|
border-image-repeat: stretch;
|
|
}
|
|
/* WEAPONS */
|
|
.s_weapons {
|
|
width: 100%;
|
|
max-width: 784px;
|
|
min-width: 650px;
|
|
border-width: 20px;
|
|
border-style: solid;
|
|
border-image-slice: 20 20 20 20;
|
|
border-image-repeat: stretch;
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.s_weapons .is_plus {
|
|
display: none;
|
|
}
|
|
.s_weapons input[type="hidden"][value="1"].is_plus ~ div .is_plus {
|
|
display: inline-block;
|
|
}
|
|
.s_weapons input[type="hidden"][value="0"].hasdam ~ div .hasdam {
|
|
display: none;
|
|
}
|
|
/* ARMOURS */
|
|
.s_armours {
|
|
width: 100%;
|
|
max-width: 784px;
|
|
border-width: 20px;
|
|
border-style: solid;
|
|
border-image-slice: 20 20 20 20;
|
|
border-image-repeat: stretch;
|
|
margin-bottom: 20px;
|
|
}
|
|
/* SPELLS */
|
|
.s_spells {
|
|
width: 100%;
|
|
max-width: 785px;
|
|
border-width: 20px;
|
|
border-style: solid;
|
|
border-image-slice: 20 20 20 20;
|
|
border-image-repeat: stretch;
|
|
margin-bottom: 20px;
|
|
}
|
|
.s_spells .repcontainer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.s_spells .repcontainer .repitem {
|
|
width: 100%;
|
|
max-width: 50%;
|
|
}
|
|
.s_skills .s_edit_info, .s_talents .s_edit_info {
|
|
right: -10px;
|
|
}
|
|
.s_skills .s_edit_info, .s_talents .s_edit_info {
|
|
top: 0px;
|
|
opacity: 0;
|
|
}
|
|
.s_skill_item:hover .s_edit_info, .s_skill_item .repitem .s_skill_item:hover .s_edit_info {
|
|
top: 0px;
|
|
opacity: 1;
|
|
}
|
|
/* s_title */
|
|
.s_title {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-content: center;
|
|
align-items: center;
|
|
font-weight: bold;
|
|
}
|
|
.s_attribute .s_title, .i-wounds .s_title, .i-defence .s_title, .i-mana .s_title, .s_skills .s_title, .s_talents .s_title, .s_items .s_title, .s_item .s_title, .s_item > span {
|
|
text-transform: uppercase;
|
|
}
|
|
.s_attribute .s_title, .s_skills .s_title, .s_talents .s_title, .s_items .s_title {
|
|
position: relative;
|
|
}
|
|
.i-wounds .s_title, .i-defence .s_title, .i-mana .s_title, .i-wealth .s_title {
|
|
position: absolute;
|
|
}
|
|
.i-merc .s_title {
|
|
font-size: 23.5px;
|
|
letter-spacing: -0.075em;
|
|
align-items: stretch;
|
|
margin-bottom: 10px;
|
|
}
|
|
.i-wealth .s_title {
|
|
min-width: 123px;
|
|
height: 30px;
|
|
font-size: 0.79em;
|
|
letter-spacing: -0.05em;
|
|
margin-bottom: 5px;
|
|
top: -9px;
|
|
}
|
|
.s_attribute .s_title {
|
|
width: 85px;
|
|
height: 32px;
|
|
top: 7px;
|
|
left: 10px;
|
|
justify-content: center;
|
|
}
|
|
.s_attribute .s_title span {
|
|
display: block;
|
|
width: 60px;
|
|
height: 27px;
|
|
line-height: 27px;
|
|
letter-spacing: -0.05em;
|
|
font-size: 0.90em;
|
|
}
|
|
.i-wounds .s_title {
|
|
transform: rotate(0deg) translate(0%, 0%);
|
|
bottom: 0px;
|
|
left: 0px;
|
|
font-size: 0.5em;
|
|
}
|
|
.i-defence .s_title {
|
|
font-size: 0.5em;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.i-mana .s_title {
|
|
transform: rotate(51deg) translate(0%, 0%);
|
|
right: -25px;
|
|
top: 20px;
|
|
font-size: 0.75em;
|
|
width: 70px;
|
|
height: 25px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.i-reknown .s_title {
|
|
min-width: 123px;
|
|
height: 30px;
|
|
font-size: 0.79em;
|
|
letter-spacing: -0.05em;
|
|
margin-bottom: 5px;
|
|
}
|
|
.s_skills .s_title {
|
|
height: 35px;
|
|
width: 115px;
|
|
font-weight: bold;
|
|
letter-spacing: -.005em;
|
|
top: -10px;
|
|
}
|
|
.s_talents .s_title, .s_items .s_title {
|
|
line-height: 30px;
|
|
}
|
|
.s_talents .s_title {
|
|
margin-top: -15px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.s_talents .s_title span:nth-child(1) {
|
|
font-size: 26px;
|
|
}
|
|
.s_talents .s_title span:nth-child(2) {
|
|
font-size: 22px;
|
|
font-weight: normal;
|
|
}
|
|
.s_talents .s_title span:nth-child(3) {
|
|
font-size: 22px;
|
|
}
|
|
.s_item .s_title, .s_item > span {
|
|
font-weight: bold;
|
|
}
|
|
.s_items .s_title {
|
|
font-size: 26px;
|
|
top: -20px;
|
|
}
|
|
/* SKILLS - items */
|
|
.s_skill_list, .s_skill_list .repcontainer {
|
|
font-family: "fontello";
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
align-content: stretch;
|
|
align-items: stretch;
|
|
gap: 10px;
|
|
font-size: 16px;
|
|
line-height: 18px;
|
|
margin: 0 5px;
|
|
}
|
|
.s_skill_list .repcontainer .repitem {
|
|
margin-bottom: 0px;
|
|
display: block;
|
|
max-width: calc(33% - 10px * 2 / 3);
|
|
}
|
|
.s_skill_item {
|
|
width: 100%;
|
|
position: relative;
|
|
max-width: calc(33% - 10px * 2 / 3);
|
|
}
|
|
.repitem > .s_skill_item {
|
|
max-width: 100%;
|
|
padding-right: 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
.s_skill_item + .s_skill_item {
|
|
margin-left: 0px;
|
|
}
|
|
.s_skill_item span {
|
|
vertical-align: baseline;
|
|
}
|
|
.ss_name {
|
|
font-weight: bold;
|
|
font-size: 1.125em;
|
|
}
|
|
.ss_name:hover {
|
|
color: gold;
|
|
cursor: pointer;
|
|
}
|
|
.s_skills .ss_name:hover, .s_talents .ss_name:hover {
|
|
color: red;
|
|
}
|
|
.ss_attr {
|
|
font-style: italic;
|
|
font-size: 1.125em;
|
|
text-transform: uppercase;
|
|
}
|
|
.s_talents .ss_attr {
|
|
text-transform: none;
|
|
font-size: 0.90em;
|
|
}
|
|
.ss_mod {
|
|
background: black;
|
|
color: white;
|
|
border-radius: 24px;
|
|
padding: 0 0px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
max-height: 24px;
|
|
min-width: 24px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
line-height: 24px;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
.ss_mod span {
|
|
line-height: 20px;
|
|
}
|
|
.ss_desc {
|
|
display: block;
|
|
margin-top: 2.5px;
|
|
text-indent: 10px;
|
|
font-size: 0.85em;
|
|
}
|
|
.ss_desc::before {
|
|
content: ""
|
|
}
|
|
.is_plus[value="0"] ~ div .p_plus {
|
|
display: none;
|
|
}
|
|
span.is_plus {
|
|
font-size: 0.85em;
|
|
}
|
|
/* WEAPONS - items */
|
|
.s_weapons select, .s_skills select, .s_spells select {
|
|
background: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
font-family: inherit;
|
|
text-transform: uppercase;
|
|
width: 100%;
|
|
max-width: fit-content;
|
|
outline: none;
|
|
border: none;
|
|
height: auto;
|
|
}
|
|
.s_weapons select option, .s_skills select option, .s_spells select option {
|
|
background: black;
|
|
color: white;
|
|
}
|
|
.s_fg fieldset {
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
width: 100%;
|
|
position: relative;
|
|
flex-wrap: wrap;
|
|
display: none;
|
|
}
|
|
.ui-dialog .charsheet .repcontainer .repitem {
|
|
width: 100%;
|
|
}
|
|
.repcontainer {
|
|
width: 100%;
|
|
}
|
|
.ss_name {
|
|
position: relative;
|
|
}
|
|
.s_skill_list .s_t_row, .s_skill_list .s_t_srow {
|
|
flex-wrap: nowrap;
|
|
}
|
|
input[type="hidden"][value="—"].has1 ~ div .ss_attr, input[type="hidden"][value=""].has2 ~ div .ss_ref, input[type="hidden"][value="0"].hasdesc ~ div .ss_desc {
|
|
display: none;
|
|
}
|
|
.s_s_l {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
max-width: 240px;
|
|
margin-top: 20px;
|
|
}
|
|
.s_s_l label.s_item {
|
|
display: flex;
|
|
}
|
|
.s_skills .s_t_cell {
|
|
min-height: 20px;
|
|
}
|
|
.s_skill_list .s_t_body .s_t_cell {
|
|
font-size: 14px;
|
|
}
|
|
/* s_spantext */
|
|
.i-wealth .s_spantext, .s_skills .s_spantext, .s_talents .s_spantext, .s_items .s_spantext {
|
|
height: auto;
|
|
width: calc(100% - 0px);
|
|
margin: 0;
|
|
border-radius: 10px;
|
|
padding: 0 5px;
|
|
}
|
|
.i-wealth .s_spantext {
|
|
margin-top: 20px;
|
|
display: block;
|
|
}
|
|
.s_skills .s_spantext, .s_talents .s_spantext, .s_items .s_spantext {
|
|
margin-top: -10px;
|
|
}
|
|
.s_talents .s_spantext {
|
|
line-height: normal;
|
|
}
|
|
.i-wealth .s_spantext:hover, .s_skills .s_spantext:hover, .s_talents .s_spantext:hover, .s_items .s_spantext:hover {
|
|
transition: all ease-in-out .3s;
|
|
background: black;
|
|
color: white;
|
|
}
|
|
.i-wealth .s_spantext span, .s_skills .s_spantext span, .s_talents .s_spantext span, .s_items .s_spantext span {
|
|
min-height: 60px;
|
|
}
|
|
.s_spantext {
|
|
width: calc(100% - 40px);
|
|
position: relative;
|
|
height: auto;
|
|
font-family: "fontello";
|
|
font-size: 18px;
|
|
line-height: normal;
|
|
margin: 0 20px;
|
|
box-sizing: border-box;
|
|
display: none;
|
|
background: rgba(0, 0, 0, 0.025);
|
|
}
|
|
.s_spantext span, .s_spantext textarea {
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
line-height: inherit;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
display: block;
|
|
outline: none;
|
|
font-weight: inherit;
|
|
letter-spacing: inherit;
|
|
background: none;
|
|
white-space: pre-line;
|
|
text-transform: inherit;
|
|
color: inherit;
|
|
}
|
|
.s_spantext span {
|
|
opacity: 0;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.s_spantext textarea {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 2;
|
|
overflow: clip;
|
|
opacity: 1;
|
|
padding: inherit;
|
|
}
|
|
input[type="hidden"]:not([value="@{dam_mod}"]) + .is_dam {
|
|
display: none;
|
|
}
|
|
.ui-dialog .charsheet .repcontainer.editmode .repitem .itemcontrol {
|
|
display: block;
|
|
z-index: 9999;
|
|
}
|
|
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol {
|
|
display: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(255, 0, 0, 0.25);
|
|
border-bottom: 2px solid black;
|
|
}
|
|
.ss_name button[type="action"] {
|
|
display: none;
|
|
}
|
|
input[type="hidden"][value="on"].hs01 ~ div .s_logo, input[type="hidden"][value="on"].hs02 ~ div .i-merc, input[type="hidden"][value="on"].hs03 ~ div .i-wealth, input[type="hidden"][value="on"].hs04 ~ div .s_character, input[type="hidden"][value="on"].hs05 ~ div .s_attributes, input[type="hidden"][value="on"].hs06 ~ div .s_resources, input[type="hidden"][value="on"].hs07 ~ div .s_s_l, input[type="hidden"][value="on"].hs08 ~ div .i-reknown, input[type="hidden"][value="on"].hs09 ~ div .s_skills, input[type="hidden"][value="on"].hs10 ~ div .s_talents, input[type="hidden"][value="on"].hs11 ~ div .s_items, input[type="hidden"][value="on"].hs12 ~ div .s_weapons, input[type="hidden"][value="on"].hs12 ~ div .s-tips, input[type="hidden"][value="on"].hs13 ~ div .s_armours, input[type="hidden"][value="on"].hs14 ~ div .s_spells {
|
|
display: none
|
|
}
|
|
/* TABLE */
|
|
.s_tabled {
|
|
position: relative;
|
|
background-position: center;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
display: flex;
|
|
align-content: stretch;
|
|
align-items: stretch;
|
|
background-color: white;
|
|
}
|
|
/* s_area */
|
|
.i-wealth .s_area, .s_papper .s_area, .s_tabled .s_area {
|
|
width: 100%;
|
|
}
|
|
.i-wealth .s_area, .s_papper .s_area {
|
|
position: relative;
|
|
}
|
|
.i-wealth .s_area {
|
|
background: white;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 0;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
flex-wrap: wrap;
|
|
}
|
|
.s_papper .s_area {
|
|
margin: 0 -20px 0 -20px;
|
|
}
|
|
.s_papper .s_area, .s_tabled .s_area, .s_weapons .s_area, .s_armours .s_area, .s_spells .s_area {
|
|
height: auto;
|
|
}
|
|
.i-wealth .s_area .s_tabled .s_area, .s_weapons .s_area, .s_armours .s_area, .s_spells .s_area {
|
|
display: flex;
|
|
}
|
|
.s_tabled .s_area, .s_weapons .s_area, .s_armours .s_area, .s_spells .s_area {
|
|
align-content: stretch;
|
|
align-items: stretch;
|
|
}
|
|
.s_tabled .s_area {
|
|
padding: 10px;
|
|
}
|
|
.s_papper .s_area, .s_weapons .s_area, .s_armours .s_area, .s_spells .s_area {
|
|
width: calc(100% + 40px);
|
|
}
|
|
.s_weapons .s_area, .s_armours .s_area, .s_spells .s_area {
|
|
padding: 15px;
|
|
margin: -20px;
|
|
}
|
|
/* s_table */
|
|
.s_tabled .s_table {
|
|
position: relative;
|
|
}
|
|
.s_skill_list .s_table input[type="text"], .s_skill_list .s_table input[type="number"] {
|
|
text-align: center;
|
|
border-bottom: 2px solid rgba(255, 255, 255, 0.33);
|
|
}
|
|
.s_table {
|
|
display: flex;
|
|
width: 100%;
|
|
height: auto;
|
|
border-radius: 10px;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
align-content: flex-start;
|
|
}
|
|
/* s_t_body */
|
|
.s_t_body {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
font-size: 18px;
|
|
line-height: 20px;
|
|
font-family: "fontello";
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.s_spells .s_t_body {
|
|
flex-wrap: wrap;
|
|
}
|
|
/* s_t_head */
|
|
.s_t_head {
|
|
display: flex;
|
|
width: 100%;
|
|
border-bottom: 3px solid black;
|
|
position: relative;
|
|
z-index: 1;
|
|
height: 50px;
|
|
}
|
|
.s_skill_list .s_t_head {
|
|
height: auto;
|
|
border-bottom: none;
|
|
}
|
|
.s_armours .s_t_head, .s_spells .s_t_head {
|
|
white-space: nowrap;
|
|
}
|
|
/* s_t_row */
|
|
.s_t_row, .s_t_srow {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
transition: all ease-in-out 0.05s;
|
|
justify-content: flex-start;
|
|
position: relative;
|
|
}
|
|
.s_skills div:not(.s_t_head) > .s_t_row:hover {
|
|
border-radius: 5px;
|
|
}
|
|
div:not(.s_t_head) > .s_t_row:hover {
|
|
background: rgba(125, 125, 125, 1);
|
|
color: white;
|
|
transition: all ease-in-out 0.3s;
|
|
border-radius: 10px 0 10px 10px;
|
|
overflow: clip;
|
|
}
|
|
.s_weapons .s_t_body .s_t_row, .s_armours .s_t_body .s_t_row {
|
|
border-bottom: 1px solid black;
|
|
}
|
|
.s_spells .s_t_body .s_t_row {
|
|
border-bottom: none;
|
|
max-width: 50%;
|
|
}
|
|
.s_weapons .s_t_body .s_t_row:last-of-type, .s_armours .s_t_body .s_t_row:last-of-type {
|
|
border-bottom: none;
|
|
}
|
|
.s_spells .s_t_body .repitem .s_t_row {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
/* s_t_srow */
|
|
.s_spells .s_t_body .s_t_row .s_t_srow, .s_armours .s_t_body .s_t_row .s_t_srow, .s_weapons .s_t_body .s_t_row .s_t_srow {
|
|
background: rgba(0, 0, 0, .05);
|
|
font-size: 0.85em;
|
|
}
|
|
.s_fg input[type="checkbox"]:not(:checked) ~ .s_t_srow {
|
|
display: none
|
|
}
|
|
/* s_t_cell */
|
|
.s_t_cell {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-content: center;
|
|
align-items: center;
|
|
min-height: 30px;
|
|
transition: all ease-in-out 0.025s;
|
|
}
|
|
.s_skill_list .s_t_head .s_t_cell {
|
|
font-size: 12px;
|
|
}
|
|
.s_armours .s_t_head .s_t_cell:nth-child(1) span, .s_spells .s_t_head .s_t_cell:nth-child(1) span {
|
|
height: 35px;
|
|
line-height: 35px;
|
|
}
|
|
.s_armours .s_t_head .s_t_cell:nth-child(3) span, .s_spells .s_t_head .s_t_cell:nth-child(2) span {
|
|
font-weight: normal;
|
|
}
|
|
.s_armours .s_t_head .s_t_cell:nth-child(1) span, .s_armours .s_t_head .s_t_cell:nth-child(2) span, .s_armours .s_t_head .s_t_cell:nth-child(3) span, .s_spells .s_t_head .s_t_cell:nth-child(1) span, .s_spells .s_t_head .s_t_cell:nth-child(2) span {
|
|
font-size: 24px;
|
|
}
|
|
.s_weapons .s_t_head .s_t_cell span, .s_armours .s_t_head .s_t_cell span, .s_spells .s_t_head .s_t_cell span {
|
|
letter-spacing: -0.075em;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
.s_weapons .s_t_head .s_t_cell:nth-child(1) span {
|
|
width: 120px;
|
|
height: 35px;
|
|
font-size: 26px;
|
|
line-height: 35px;
|
|
}
|
|
.s_weapons .s_t_head .s_t_cell:nth-child(2) span {
|
|
width: 75px;
|
|
font-size: 28px;
|
|
}
|
|
.s_weapons .s_t_head .s_t_cell:nth-child(3) span {
|
|
width: 60px;
|
|
font-size: 27px;
|
|
}
|
|
.s_weapons .s_t_head .s_t_cell:nth-child(4) span {
|
|
width: 80px;
|
|
font-size: 26px;
|
|
}
|
|
.s_weapons .s_t_head .s_t_cell:nth-child(5) span {
|
|
width: 120px;
|
|
height: 35px;
|
|
font-size: 22px;
|
|
line-height: 35px;
|
|
font-weight: normal;
|
|
}
|
|
.s_spells .s_t_row .s_t_cell span {
|
|
white-space: normal;
|
|
}
|
|
.s_spells .s_t_srow .s_t_cell:nth-child(1) {
|
|
width: 100%;
|
|
padding: 5px;
|
|
}
|
|
.s_armours .s_t_cell:nth-child(1) {
|
|
width: 35%;
|
|
}
|
|
.s_t_head .s_t_cell {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.s_spells .s_t_cell:nth-child(1) {
|
|
width: 75%;
|
|
}
|
|
.s_spells .s_t_cell:nth-child(2) {
|
|
width: 25%;
|
|
}
|
|
.s_armours .s_t_cell:nth-child(1), .s_spells .s_t_cell:nth-child(1), .s_weapons .s_t_cell:nth-child(1) {
|
|
padding-right: 10px;
|
|
}
|
|
.s_weapons .s_t_cell:nth-child(1) {
|
|
width: 21%;
|
|
}
|
|
.s_weapons .s_t_cell:nth-child(2) {
|
|
width: 21%;
|
|
}
|
|
.s_weapons .s_t_cell:nth-child(3) {
|
|
width: 13%;
|
|
}
|
|
.s_weapons .s_t_cell:nth-child(4) {
|
|
width: 16%;
|
|
}
|
|
.s_weapons .s_t_cell:nth-child(5) {
|
|
width: 29%;
|
|
padding-left: 10px;
|
|
}
|
|
.s_armours .s_t_cell:nth-child(2) {
|
|
width: 32%;
|
|
}
|
|
.s_armours .s_t_cell:nth-child(3) {
|
|
width: 33%;
|
|
}
|
|
.s_spells .s_t_cell:nth-child(2), .s_weapons .s_t_cell:nth-child(2), .s_weapons .s_t_cell:nth-child(3), .s_weapons .s_t_cell:nth-child(4), .s_armours .s_t_cell:nth-child(2), .s_armours .s_t_cell:nth-child(3) {
|
|
padding: 0px 10px;
|
|
}
|
|
div:not(.s_t_head) > .s_t_row .s_t_cell:hover {
|
|
background: rgba(75, 75, 75, 1);
|
|
color: white;
|
|
transition: all ease-in-out 0.20s;
|
|
border-radius: 10px 0 10px 10px;
|
|
overflow: clip;
|
|
font-weight: normal;
|
|
}
|
|
.s_skills div:not(.s_t_head) > .s_t_row .s_t_cell:hover {
|
|
border-radius: 3px;
|
|
}
|
|
.s_weapons div:not(.s_t_head) > .s_t_row .s_t_cell:nth-child(1), .s_armours div:not(.s_t_head) > .s_t_row .s_t_cell:nth-child(1), .s_spells div:not(.s_t_head) > .s_t_row .s_t_cell:nth-child(1) {
|
|
font-weight: bold;
|
|
}
|
|
.s_weapons div:not(.s_t_head) > .s_t_row .s_t_cell:nth-child(1), .s_armours div:not(.s_t_head) > .s_t_row .s_t_cell:nth-child(1), .s_spells div:not(.s_t_head) > .s_t_row .s_t_cell:nth-child(1) {
|
|
font-size: 1.05em;
|
|
}
|
|
.s_spells div:not(.s_t_head) > .s_t_row .s_t_srow .s_t_cell:nth-child(1) {
|
|
font-size: 0.85em;
|
|
max-width: 75%;
|
|
text-align: left;
|
|
padding-left: 15px;
|
|
display: block;
|
|
white-space: break-spaces;
|
|
}
|
|
.s_weapons div:not(.s_t_head) > .s_t_row .s_t_srow .s_t_cell:nth-child(1), .s_armours div:not(.s_t_head) > .s_t_row .s_t_srow .s_t_cell:nth-child(1) {
|
|
font-size: 1em;
|
|
}
|
|
.s_spells div:not(.s_t_head) > .s_t_row .s_t_cell:nth-child(2) {
|
|
padding-right: 50px;
|
|
}
|
|
.s_weapons div:not(.s_t_head) > .s_t_row .s_t_cell:nth-child(5), .s_armours div:not(.s_t_head) > .s_t_row .s_t_cell:nth-child(3) {
|
|
padding-right: 50px;
|
|
text-align: left;
|
|
font-size: 0.95em;
|
|
}
|
|
.repitem .s_t_row:hover .s_check_info, .repitem .s_t_row:hover .s_edit_info {
|
|
opacity: 1;
|
|
}
|
|
/* LAYOUT ICON */
|
|
.s_s_config {
|
|
position: absolute;
|
|
top: -30px;
|
|
right: -20px;
|
|
z-index: 10;
|
|
opacity: 0;
|
|
background: white;
|
|
transition: all ease-in-out 0.25s;
|
|
}
|
|
.s_items .s_s_config {
|
|
display: none;
|
|
}
|
|
div:hover > .s_s_config {
|
|
top: -10px;
|
|
opacity: 1;
|
|
transition: all ease-in-out 0.25s;
|
|
}
|
|
.layout_icon {
|
|
position: relative;
|
|
}
|
|
.layout_icon button {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
}
|
|
.layout_icon span {
|
|
display: block;
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 3px;
|
|
background: transparent;
|
|
border: 2px solid black;
|
|
box-sizing: border-box;
|
|
}
|
|
.layout_icon ~ div .layout_icon span::after {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background-position: center;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
width: calc(100% - 4px);
|
|
height: calc(100% - 4px);
|
|
box-sizing: border-box;
|
|
border: 1px solid white;
|
|
border-radius: 3px;
|
|
}
|
|
.layout_icon:hover span {
|
|
border-color: black;
|
|
}
|
|
.layout_icon ~ div .layout_icon span:hover::after {
|
|
filter: invert(1) saturate(0) brightness(1.25) contrast(1.25);
|
|
background-color: white;
|
|
border-color: white;
|
|
}
|
|
input[type="hidden"].layout_icon ~ div .layout_icon span::after {
|
|
content: "";
|
|
}
|
|
input[type="hidden"][value="2"].layout_icon ~ div .repitem {
|
|
max-width: calc(50% - 10px * 1 / 2);
|
|
transition: all ease-in-out 0.25s;
|
|
}
|
|
input[type="hidden"][value="3"].layout_icon ~ div .repitem {
|
|
max-width: fit-content;
|
|
transition: all ease-in-out 0.25s;
|
|
}
|
|
input[type="hidden"][value="3"].layout_icon ~ div .ss_desc, input[type="hidden"][value="4"].layout_icon ~ div .s_skill_list {
|
|
display: none;
|
|
}
|
|
input[type="hidden"][value="4"].layout_icon ~ div .s_spantext {
|
|
display: block;
|
|
}
|
|
/* BTN FULL */
|
|
.btn_full, .i-initiative .btn_full {
|
|
position: relative;
|
|
}
|
|
.btn_full button[type="action"], input[type="hidden"][value=""].hasdmg ~ div .btn_full.m-dmg button {
|
|
display: none;
|
|
}
|
|
.i-initiative .btn_full::before, .i-exp .btn_full::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 15px;
|
|
height: 3px;
|
|
background: red;
|
|
bottom: -3px;
|
|
left: 0;
|
|
}
|
|
/* NO EDIT */
|
|
.s_table .no_edit {
|
|
border-bottom: 2px solid gray;
|
|
}
|
|
.no_edit {
|
|
display: inherit;
|
|
flex-wrap: inherit;
|
|
width: 100%;
|
|
justify-content: inherit;
|
|
position: inherit;
|
|
transition: all ease-in-out 0.25s;
|
|
}
|
|
.no_edit:hover {
|
|
background: rgba(0, 0, 0, 0.125);
|
|
border-radius: 5px;
|
|
transition: all ease-in-out 0.25s;
|
|
}
|
|
.s_skills .no_edit span:empty::after, .s_weapons .no_edit span:empty::after, .s_armours .no_edit span:empty::after {
|
|
content: "—";
|
|
opacity: 0.5;
|
|
}
|
|
/* IS EDIT */
|
|
.is_edit input[type="text"], .is_edit input[type="number"] {
|
|
background: rgba(0, 0, 0, 0.25);
|
|
padding: 0 5px;
|
|
}
|
|
.is_edit {
|
|
width: 100%;
|
|
font-size: 14px;
|
|
columns: 2;
|
|
column-gap: 0px;
|
|
background: #333;
|
|
color: white;
|
|
padding: 5px;
|
|
border-radius: 15px;
|
|
}
|
|
.is_edit textarea {
|
|
width: 100%;
|
|
padding: 0;
|
|
padding-right: 10px;
|
|
margin: 0;
|
|
border-radius: 5px;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
font-family: inherit;
|
|
min-height: 60px;
|
|
background: rgba(0, 0, 0, 0.05);
|
|
color: inherit;
|
|
border: 1px solid rgba(255, 255, 255, 0.33);
|
|
outline: none;
|
|
resize: none;
|
|
}
|
|
input[type="checkbox"]:not(:checked) ~ .is_edit, input[type="checkbox"]:checked ~ .no_edit, input[type="checkbox"]:checked ~ .w_show {
|
|
display: none
|
|
}
|
|
.is_edit label {
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
.is_edit label:hover, .is_edit label:nth-child(even):hover {
|
|
background: black;
|
|
}
|
|
.is_edit label:nth-child(even) {
|
|
background-color: rgba(255, 255, 255, 0.125);
|
|
}
|
|
.is_edit label > span {
|
|
display: flex;
|
|
padding: 0 5px;
|
|
font-size: 0.85em;
|
|
max-width: 50%;
|
|
align-content: center;
|
|
align-items: center;
|
|
}
|
|
.is_edit label > span:first-child {
|
|
padding: 0 5px;
|
|
}
|
|
.is_edit label input {
|
|
display: table-cell;
|
|
max-width: 100%;
|
|
border: none;
|
|
border-bottom: 1px solid gray;
|
|
}
|
|
.is_edit label span, .is_edit label input {
|
|
color: inherit;
|
|
font-size: inherit;
|
|
font-family: inherit;
|
|
}
|
|
.is_edit label input::placeholder {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.s_skill_list .is_edit {
|
|
columns: 1;
|
|
}
|
|
.s_skills .is_edit {
|
|
border-radius: 15px;
|
|
}
|
|
.s_skills .is_edit label input, .s_weapons .is_edit label input, .s_armours .is_edit label input {
|
|
border-bottom: 2px solid rgba(255, 255, 255, 0.33);
|
|
}
|
|
.s_spells .is_edit {
|
|
columns: 1;
|
|
}
|
|
/* GM OPTIONS */
|
|
.s_fg .configs select {
|
|
max-width: fit-content;
|
|
width: auto;
|
|
}
|
|
.configs {
|
|
display: flex;
|
|
justify-content: center;
|
|
text-align: center;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
column-gap: 20px;
|
|
align-items: center;
|
|
margin: 0 auto;
|
|
}
|
|
.s_fg .options {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 5px;
|
|
align-content: center;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
}
|
|
.s_fg .option {
|
|
text-align: left;
|
|
}
|
|
.s_fg .option small {
|
|
text-align: inherit;
|
|
}
|
|
.s_fg .option input[type="number"] {
|
|
border: 1px solid #ccc;
|
|
padding: 4px;
|
|
}
|
|
.s_fg .option input[type="number"], .s_fg .option select {
|
|
margin-bottom: 0px;
|
|
}
|
|
.s_fg label.s_gm_config_btn {
|
|
position: fixed;
|
|
right: 16px;
|
|
top: 50%;
|
|
transform: translate(0, -50%);
|
|
z-index: 9999;
|
|
}
|
|
.s_fg input[type="hidden"][value="0"].is_gm ~ .configs, .s_fg label.s_gm_config_btn input {
|
|
display: none;
|
|
}
|
|
.s_fg label.s_gm_config_btn input + div::before {
|
|
content: "GM";
|
|
width: 32px;
|
|
height: 32px;
|
|
background: black;
|
|
color: white;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: center;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
border-radius: 6px;
|
|
}
|
|
.s_fg label.s_gm_config_btn:hover input + div::before {
|
|
content: "GM configuration";
|
|
width: fit-content;
|
|
padding: 0 5px;
|
|
}
|
|
.s_fg label.s_gm_config_btn input:not(:checked) + div::before {
|
|
background: white;
|
|
color: gray;
|
|
border: 2px solid gray;
|
|
}
|
|
.s_fg .hidden_sectors label {
|
|
white-space: nowrap;
|
|
}
|
|
.s-tips {
|
|
font-size: 13px !important;
|
|
font-weight: 300 !important;
|
|
font-family: "Tahoma" !important;
|
|
color: gray !important;
|
|
text-align: left !important;
|
|
margin-top: -20px;
|
|
align-self: flex-start;
|
|
justify-self: flex-start;
|
|
width: 100%;
|
|
}
|
|
/* BTN ROLL */
|
|
.s_fg button[type="roll"] {
|
|
min-width: 30px;
|
|
height: 20px;
|
|
border-radius: 5px;
|
|
border: none;
|
|
background: red;
|
|
color: white;
|
|
margin: 2.5px;
|
|
cursor: pointer;
|
|
}
|
|
.s_fg button[type="roll"]:hover {
|
|
background: lightblue;
|
|
color: black;
|
|
}
|
|
.btn_full button[type="roll"], .s_attribute .s_title button[type="roll"], .ss_name button[type="roll"] {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0;
|
|
z-index: 10;
|
|
}
|
|
.btn_full button[type="roll"]:hover ~ span, .s_attribute .s_title button[type="roll"]:hover ~ span {
|
|
color: gold
|
|
}
|
|
.s_attribute .s_title button[type="action"] {
|
|
display: none;
|
|
}
|
|
.i-initiative .btn_full button[type="roll"]:hover ~ span, .i-exp .btn_full button[type="roll"]:hover ~ span, .s_spells .s_title button[type="roll"]:hover ~ span {
|
|
color: red
|
|
}
|
|
/* ROLLTEMPLATE */
|
|
.sheet-rolltemplate-rolldice {
|
|
font-family: "Jenner";
|
|
padding: 20px 0px;
|
|
max-width: 420px;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-card {
|
|
background-size: 100% auto;
|
|
background-position: center;
|
|
background-repeat: repeat-y;
|
|
position: relative;
|
|
max-width: 420px;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-card::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: -20px;
|
|
left: -5px;
|
|
width: calc(100% + 4px);
|
|
height: 30px;
|
|
z-index: 2;
|
|
background-position: center top;
|
|
background-size: 100% 100%;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-card::before {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: -20px;
|
|
left: -5px;
|
|
width: calc(100% + 4px);
|
|
height: 30px;
|
|
z-index: 2;
|
|
background-position: center bottom;
|
|
background-size: 100% 100%;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-card {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-title {
|
|
width: 100%;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
margin-top: 5px;
|
|
text-align: center;
|
|
position: relative;
|
|
z-index: 3;
|
|
color: black;
|
|
font-family: "Arial Black";
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-result {
|
|
width: 100%;
|
|
text-align: center;
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-r-solo {
|
|
color: black;
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-r-solo .sheet-p-rd-r {
|
|
opacity: 1;
|
|
font-weight: bold;
|
|
color: black;
|
|
background-position: center;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
min-height: 50px;
|
|
margin-bottom: 2.5px;
|
|
margin-top: -10px;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-result span {
|
|
background: none;
|
|
padding: 0px;
|
|
margin: 0;
|
|
border: none;
|
|
font-size: 24px;
|
|
font-family: inherit;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-label {
|
|
width: 100%;
|
|
text-align: center;
|
|
font-family: 'Proxima Nova';
|
|
position: relative;
|
|
z-index: 3;
|
|
font-style: italic;
|
|
font-size: 1.125em;
|
|
border-bottom: 2px solid black;
|
|
background: #161616;
|
|
color: white;
|
|
margin: 0 10px;
|
|
border-radius: 3px;
|
|
padding: 2.5px 0px;
|
|
background-repeat: repeat;
|
|
background-size: contain;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-label span {
|
|
background: none;
|
|
padding: 0px;
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-r-double .sheet-p-rd-adv, .sheet-rolltemplate-rolldice .sheet-p-r-double .sheet-p-rd-dsv {
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 4px 100%;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-r-double .sheet-p-rd-adv, .sheet-rolltemplate-rolldice .sheet-p-r-double .sheet-p-rd-dsv {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: center;
|
|
align-items: center;
|
|
gap: 5px;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-rd-r, .sheet-rolltemplate-rolldice .sheet-p-rd-rw {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
font-family: cursive;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-rd-r {
|
|
opacity: 0.5;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-r-solo .sheet-p-rd-r span, .sheet-rolltemplate-rolldice .sheet-p-rd-rw span {
|
|
margin: 0;
|
|
border: none;
|
|
font-size: 24px;
|
|
font-family: inherit;
|
|
padding: 0px 5px;
|
|
text-shadow: 2px 2px white, -2px -2px white, -1px 0px white, 0px -1px white;
|
|
letter-spacing: -1px;
|
|
text-align: center;
|
|
min-width: 30px;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-rd-rw {
|
|
opacity: 1;
|
|
font-weight: bold;
|
|
color: black;
|
|
background-position: center;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
min-height: 50px;
|
|
margin-bottom: 2.5px;
|
|
margin-top: -10px;
|
|
}
|
|
.sheet-rolltemplate-rolldice .inlinerollresult {
|
|
border: none;
|
|
color: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-rolldice .inlinerollresult.fullcrit {
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-rolldice .inlinerollresult.fullfail {
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-rd-rw .inlinerollresult.fullcrit {
|
|
color: green;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-rd-rw .inlinerollresult.fullfail {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-rolldice .inlinerollresult.importantroll {
|
|
border: none;
|
|
color: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-text {
|
|
padding: 5px 15px;
|
|
white-space: normal;
|
|
text-align: center;
|
|
width: 100%;
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-text .inlinerollresult {
|
|
color: white;
|
|
font-size: 1.05em;
|
|
font-weight: bold;
|
|
padding: 0 2.5px;
|
|
background: rgba(0, 0, 0, 0.95);
|
|
border: 1px solid white;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-text .inlinerollresult::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: calc(100% + 3px);
|
|
height: calc(100% + 3px);
|
|
border: 1px solid black;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-card .sheet-p-label small {
|
|
color: inherit !important;
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-no-color .inlinerollresult {
|
|
color: black !important;
|
|
border: none !important;
|
|
}
|
|
@media (max-width: 1600px) {
|
|
.sc2 {
|
|
flex-direction: column-reverse;
|
|
align-content: center;
|
|
align-items: center;
|
|
}
|
|
}
|
|
/* DEFAULT - PRIORITY */
|
|
.flex_wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.f_center {
|
|
justify-content: center;
|
|
}
|
|
/* IMAGES PNG - Rolltemplate */
|
|
.sheet-rolltemplate-rolldice .sheet-p-card {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_talents.png");
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-card::after {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bdt_talents.png");
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-card::before {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bdb_talents.png");
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-r-solo .sheet-p-rd-r, .sheet-rolltemplate-rolldice .sheet-p-rd-rw {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_mana.png");
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-label {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_mana_hover.png");
|
|
}
|
|
.sheet-rolltemplate-rolldice .sheet-p-r-double .sheet-p-rd-adv, .sheet-rolltemplate-rolldice .sheet-p-r-double .sheet-p-rd-dsv {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_weapon_line1.png");
|
|
}
|
|
/* IMAGES SVG */
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-wealth {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_wealth.png");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-wealth .s_border_left .s_bt {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bde_wealth_bt.png");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-wealth .s_border_right .s_bt {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bdr_wealth_bt.png");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-wealth .s_border_left .s_bm {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bde_wealth_bm.png");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-wealth .s_border_right .s_bm {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bdr_wealth_bm.png");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-wealth .s_border_left .s_bb {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bde_wealth_bb.png");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-wealth .s_border_right .s_bb {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bdr_wealth_bb.png");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-merc .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_line_merc.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-name .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_line_name.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-origin .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_line_origin.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-background .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_line_background.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-position .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_line_position.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-age .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_line_age.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-initiative .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_line_initiative.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-movement .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_line_move.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-luck .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_line_luck.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-exp .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_line_exp.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-reknown .s_box {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_rek.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-reknown:hover .s_box {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_rek_hover.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_attribute {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_attribute.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_attribute:hover {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_attribute_hover.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-wounds {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_wounds.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-wounds:hover {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_wounds_hover.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-wou {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_text_wounds.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-defence {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_defence.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-defence:hover {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_defence_hover.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-def {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_text_defence.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-cla {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_text_class.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-mana {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_mana.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .i-mana:hover {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_mana_hover.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_skills {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/Skills.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_talents {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/Talents.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_items {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/Items.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_weapons {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/Weapon.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_weapons .s_borders .s_border1, .s_armours .s_borders .s_border1, .s_spells .s_borders .s_border1 {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_weapon_line1.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_weapons .s_borders .s_border2, .s_armours .s_borders .s_border2, .s_spells .s_borders .s_border2 {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_weapon_line2.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_weapons .s_borders .s_border3, .s_spells .s_borders .s_border3 {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_weapon_line3.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_weapons .s_borders .s_border4 {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/svg_bg_weapon_line4.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_armours {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/Armor.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div .s_spells {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/Spell.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div input[type="hidden"][value="1"].layout_icon ~ div .layout_icon span::after {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/icon_layout_ic1.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div input[type="hidden"][value="2"].layout_icon ~ div .layout_icon span::after {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/icon_layout_ic2.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div input[type="hidden"][value="3"].layout_icon ~ div .layout_icon span::after {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/icon_layout_ic3.svg");
|
|
}
|
|
input[type="hidden"][value="1"].is_svg ~ div input[type="hidden"][value="4"].layout_icon ~ div .layout_icon span::after {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/icon_layout_ic4.svg");
|
|
}
|
|
.s_fg input[type="hidden"][value="1"].is_svg ~ div .s_check_info input + span::before {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/icon_layout_ic8.svg");
|
|
}
|
|
.s_fg input[type="hidden"][value="1"].is_svg ~ div .s_edit_info input + span::before {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/svg/icon_layout_ic7.svg");
|
|
}
|
|
/* IMAGES PNG */
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-wealth {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_wealth.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-wealth .s_border_left .s_bt {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bde_wealth_bt.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-wealth .s_border_right .s_bt {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bdr_wealth_bt.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-wealth .s_border_left .s_bm {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bde_wealth_bm.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-wealth .s_border_right .s_bm {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bdr_wealth_bm.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-wealth .s_border_left .s_bb {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bde_wealth_bb.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-wealth .s_border_right .s_bb {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bdr_wealth_bb.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-merc .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_line_merc.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-name .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_line_name.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-origin .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_line_origin.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-background .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_line_background.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-position .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_line_position.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-age .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_line_age.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-initiative .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_line_initiative.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-movement .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_line_move.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-luck .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_line_luck.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-exp .bg_line {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_line_exp.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-reknown .s_box {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_rek.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-reknown:hover .s_box {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_rek_hover.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_attribute {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_attribute.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_attribute:hover {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_attribute_hover.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-wounds {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_wounds.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-wounds:hover {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_wounds_hover.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-wou {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_text_wounds.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-defence {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_defence.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-defence:hover {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_defence_hover.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-def {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_text_defence.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-cla {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_text_class.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-mana {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_mana.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .i-mana:hover {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_mana_hover.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_skills {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/Skills.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_talents {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/Talents.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_items {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/Items.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_weapons {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/Weapon.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_weapons .s_borders .s_border1, .s_armours .s_borders .s_border1, .s_spells .s_borders .s_border1 {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_weapon_line1.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_weapons .s_borders .s_border2, .s_armours .s_borders .s_border2, .s_spells .s_borders .s_border2 {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_weapon_line2.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_weapons .s_borders .s_border3, .s_spells .s_borders .s_border3 {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_weapon_line3.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_weapons .s_borders .s_border4 {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/svg_bg_weapon_line4.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_armours {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/Armor.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div .s_spells {
|
|
border-image-source: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/Spell.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div input[type="hidden"][value="1"].layout_icon ~ div .layout_icon span::after {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/icon_layout_ic1.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div input[type="hidden"][value="2"].layout_icon ~ div .layout_icon span::after {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/icon_layout_ic2.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div input[type="hidden"][value="3"].layout_icon ~ div .layout_icon span::after {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/icon_layout_ic3.png");
|
|
}
|
|
input[type="hidden"][value="0"].is_svg ~ div input[type="hidden"][value="4"].layout_icon ~ div .layout_icon span::after {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/icon_layout_ic4.png");
|
|
}
|
|
.s_fg input[type="hidden"][value="0"].is_svg ~ div .s_check_info input + span::before {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/icon_layout_ic8.png");
|
|
}
|
|
.s_fg input[type="hidden"][value="0"].is_svg ~ div .s_edit_info input + span::before {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/Fantasy-Gits/img/icon_layout_ic7.png");
|
|
}
|
|
/* UPDATE */
|
|
.s-register {
|
|
text-align: center;
|
|
padding: 5px;
|
|
font-size: 0.85em;
|
|
}
|
|
.s-register label {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.s-log {
|
|
text-align: left;
|
|
padding: 2.5px;
|
|
}
|
|
.s-register label input[type="checkbox"]:not(:checked) ~ * {
|
|
display: none;
|
|
}
|