mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-11 17:42:29 +00:00
1487 lines
50 KiB
CSS
1487 lines
50 KiB
CSS
/* General */
|
|
@import url('https://fonts.googleapis.com/css?family=Merienda+One&display=swap');
|
|
|
|
:root {
|
|
--background-img: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/background.png');
|
|
--title-img: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/title.png');
|
|
--title2-img: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/title2.png');
|
|
--title3-img: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/title3.png');
|
|
--metal-img: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/metal.png');
|
|
--padding1-all: 5px 5px 5px 5px;
|
|
--padding2-all: 2px 2px 2px 2px;
|
|
--light-border: 2px solid #555;
|
|
--full-width: 850px;
|
|
--inputs-height: 25px;
|
|
--wood-shadow: 0 0 4px 0 black;
|
|
}
|
|
|
|
.sheetform { width: 870px; }
|
|
.sheet-darkmode .sheetform { background: none; }
|
|
.charsheet, .charsheet p {
|
|
font-family: 'Merienda One', cursive;
|
|
margin-left: -10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-auto-rows: minmax(30px, auto);
|
|
grid-gap: 3px 5px;
|
|
align-items: center;
|
|
padding: var(--padding1-all);
|
|
}
|
|
.section {
|
|
margin-top: 1px;
|
|
background: var(--background-img);
|
|
background-color: rgb(220, 220, 220);
|
|
background-repeat: repeat;
|
|
width: var(--full-width);
|
|
font-size: 13px;
|
|
border: var(--light-border);
|
|
margin-top: 0;
|
|
padding-bottom: 10px;
|
|
}
|
|
.charsheet input[type=text].text {
|
|
height: var(--inputs-height);
|
|
padding-left: 5px;
|
|
}
|
|
.charsheet input[type=number].number {
|
|
width: 50px;
|
|
height: var(--inputs-height);
|
|
text-align: center;
|
|
-moz-appearance: textfield;
|
|
}
|
|
.number::-webkit-inner-spin-button,
|
|
.number::-webkit-outer-spin-button
|
|
{
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
.text,
|
|
.number,
|
|
.select,
|
|
.textarea {
|
|
margin: 0;
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
padding: 0;
|
|
outline: none;
|
|
border: var(--light-border);
|
|
border-radius: 50% 400% / 50% 50%;
|
|
}
|
|
.text:focus,
|
|
.number:focus,
|
|
.select:focus,
|
|
.textarea:focus {
|
|
border: 2px solid #333;
|
|
}
|
|
.textarea {
|
|
padding-left: 5px;
|
|
padding-top: 5px;
|
|
}
|
|
.checkbox {
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
}
|
|
.separator { border-top-color: #555; }
|
|
input[disabled], input[readonly] {
|
|
background-color: rgba(125, 125, 125, 0.4);
|
|
color: white;
|
|
border: var(--light-border);
|
|
border-radius: 400% 50% / 50% 50%;
|
|
}
|
|
input[disabled].border-white,
|
|
input[readonly].border-white,
|
|
input[type=number].border-white {
|
|
border: 2px solid white;
|
|
text-shadow: 2px 2px 2px black;
|
|
box-shadow: 2px 2px 2px black;
|
|
}
|
|
.select { height: var(--inputs-height); }
|
|
#textarea {
|
|
height: 20px;
|
|
width: 98%;
|
|
resize: none;
|
|
overflow: hidden;
|
|
transition-property: height;
|
|
transition-duration: 0.5s;
|
|
}
|
|
.expandable:focus {
|
|
border-radius: 200% 50% / 5% 5%;
|
|
height: 150px !important;
|
|
}
|
|
.max { width: 100%; }
|
|
.ninety, .ninety { width: 90%; }
|
|
.three-quarter { width: 75%; }
|
|
.half { width: 50%; }
|
|
.charsheet input[type=number].half-number { width: 25px; }
|
|
.auto-expand {
|
|
position: relative;
|
|
cursor: text;
|
|
word-wrap: break-word;
|
|
min-height: 150px;
|
|
height: 100%;
|
|
}
|
|
.auto-expand span {
|
|
visibility: hidden;
|
|
white-space: pre-wrap;
|
|
display: block;
|
|
}
|
|
.auto-expand textarea {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
margin-top: 5px;
|
|
margin-left: 5px;
|
|
overflow: hidden;
|
|
height: 100% !important;
|
|
width: 98.7% !important;
|
|
box-sizing: border-box;
|
|
border-radius: 0;
|
|
}
|
|
|
|
button[type="roll"].dice {
|
|
background-image: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/dice0.png');
|
|
background-size: 32px 32px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
width: 32px;
|
|
height: 32px;
|
|
border: none;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
-webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.65));
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#000')";
|
|
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#000')";
|
|
}
|
|
button[type="roll"].dice::before { content: ' ' !important; }
|
|
button[type="roll"].dice:hover {
|
|
background-image: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/dice.gif');
|
|
background-position: center;
|
|
}
|
|
button[type="roll"].menu-dice { padding-top: 10px !important; }
|
|
input[type="checkbox"].switch {
|
|
margin-top: 16px;
|
|
margin-left: 16px;
|
|
position: absolute;
|
|
}
|
|
.item-right { justify-self: end; }
|
|
.item-left {
|
|
justify-self: start;
|
|
border-radius: 400% 50% / 50% 50%;
|
|
}
|
|
.item-center {
|
|
justify-self: center;
|
|
border-radius: 400% 50% / 50% 50%;
|
|
}
|
|
|
|
.bold { font-weight: bold; }
|
|
.title { text-align: center; }
|
|
.title input {
|
|
color: white;
|
|
text-shadow: 2px 2px 2px black;
|
|
}
|
|
.title span {
|
|
position: relative;
|
|
vertical-align: middle;
|
|
line-height: 45px;
|
|
}
|
|
|
|
.wood1,
|
|
.wood2,
|
|
.wood3 {
|
|
height: 45px;
|
|
color: white;
|
|
text-shadow: 2px 2px 2px black;
|
|
border-radius: 5px;
|
|
box-shadow: var(--wood-shadow);
|
|
}
|
|
.wood1 {
|
|
background-image: var(--title-img);
|
|
background-color: black;
|
|
}
|
|
.wood2 {
|
|
background-image: var(--title2-img);
|
|
background-color: black;
|
|
}
|
|
.wood3 {
|
|
background-image: var(--title3-img);
|
|
background-color: black;
|
|
}
|
|
.wood1 span,
|
|
.wood2 span,
|
|
.wood3 span {
|
|
position: relative;
|
|
line-height: 45px;
|
|
}
|
|
.wood1 button,
|
|
.wood1 input,
|
|
.wood2 button,
|
|
.wood2 input,
|
|
.wood3 button,
|
|
.wood3 input {
|
|
position: relative;
|
|
}
|
|
|
|
/* Repeating buttons */
|
|
.repcontrol .btn {
|
|
border: medium none;
|
|
background: none;
|
|
box-shadow: none;
|
|
font-size: 0;
|
|
}
|
|
.repcontrol .btn:focus { outline: 0; }
|
|
.repcontrol .repcontrol_edit::after {
|
|
content: 'y';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: black;
|
|
}
|
|
.editmode ~ .repcontrol .repcontrol_edit::after { content: '3'; }
|
|
.repcontrol .repcontrol_add::before {
|
|
content: '&';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: black;
|
|
}
|
|
.repcontrol .repcontrol_edit:hover::after,
|
|
.repcontrol .repcontrol_add:hover::before
|
|
{
|
|
background-color: #EFEFEF;
|
|
}
|
|
.itemcontrol { z-index: 10; }
|
|
.itemcontrol .repcontrol_del, .itemcontrol .repcontrol_move {
|
|
font-size: 14px;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 18px;
|
|
width: 18px;
|
|
margin-top: 5px;
|
|
}
|
|
.itemcontrol .repcontrol_del { border: 0; }
|
|
|
|
/* Menu */
|
|
.menu {
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
}
|
|
.tab-menu {
|
|
margin-right: 5px;
|
|
font-size: 16px;
|
|
background: var(--title2-img);
|
|
background-color: black;
|
|
border-top-right-radius: 5px;
|
|
border-top-left-radius: 5px;
|
|
color: white;
|
|
text-shadow: 2px 2px 2px black;
|
|
padding: var(--padding2-all);
|
|
border: 1px solid black;
|
|
text-align: center;
|
|
}
|
|
.tab-menu.active { box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2); }
|
|
.tab-container { display: none; }
|
|
.tab-container.active { display: block; }
|
|
.summary-menu {
|
|
position: absolute;
|
|
left: 761px;
|
|
}
|
|
.summary-weapon {
|
|
opacity: 0;
|
|
z-index: -1000;
|
|
}
|
|
.summary-weapon.active {
|
|
opacity: 1;
|
|
z-index: 1;
|
|
}
|
|
.help-menu {
|
|
position: absolute;
|
|
left: 832px;
|
|
}
|
|
.lang-en .summary-menu { left: 743px; }
|
|
.lang-en .help-menu { left: 829px; }
|
|
|
|
button.pc-sub-menu {
|
|
cursor: pointer;
|
|
background: var(--metal-img);
|
|
background-color: #29524a;
|
|
border: 1px solid rgba(0, 0, 0, 0.65);
|
|
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.65);
|
|
background-size: cover;
|
|
float: left;
|
|
height: 19px;
|
|
width: 10px;
|
|
position: absolute;
|
|
left: 41px;
|
|
margin-top: 10px;
|
|
border-radius: 50%;
|
|
}
|
|
button.pc-sub-menu.active { box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.65); }
|
|
.pc-attributes,
|
|
.pc-secondary-attributes,
|
|
.pc-skills,
|
|
.pc-assets-faults,
|
|
.pc-darkness-perfidy,
|
|
.pc-flame-season-currency,
|
|
.pc-stuff,
|
|
.pc-combat,
|
|
.pc-weapons,
|
|
.pc-ascendancy,
|
|
.pc-art,
|
|
.pc-spells,
|
|
.pc-invoking,
|
|
.pc-notes {
|
|
display: none;
|
|
}
|
|
.pc-attributes.active,
|
|
.pc-secondary-attributes.active,
|
|
.pc-skills.active,
|
|
.pc-assets-faults.active,
|
|
.pc-darkness-perfidy.active,
|
|
.pc-flame-season-currency.active,
|
|
.pc-stuff.active,
|
|
.pc-combat.active,
|
|
.pc-weapons.active,
|
|
.pc-ascendancy.active,
|
|
.pc-art.active,
|
|
.pc-spells.active,
|
|
.pc-invoking.active {
|
|
display: grid;
|
|
}
|
|
.pc-notes.active { display: block; }
|
|
|
|
/* Help */
|
|
.help {
|
|
text-align: justify;
|
|
padding: var(--padding1-all);
|
|
width: 840px;
|
|
}
|
|
.help h1 { font-size: 16px; }
|
|
.help p { margin-left: 0px; }
|
|
|
|
/* Summary */
|
|
.summary {
|
|
padding: var(--padding1-all);
|
|
width: 840px;
|
|
padding-bottom: 35px;
|
|
}
|
|
.pc-summary {
|
|
justify-items: center;
|
|
grid-template-columns: 2fr repeat(4, 0.5fr) repeat(3, 1.6fr 0.4fr);
|
|
}
|
|
.pc-summary-state-lbl { grid-column: 1/6; }
|
|
.pc-summary-rolls-lbl { grid-column: 6/-1; }
|
|
.pc-summary-state-first-full { grid-column: 2/4; }
|
|
.pc-summary-state-second-full { grid-column: 4/6; }
|
|
.pc-summary-weapons {
|
|
justify-items: center;
|
|
grid-template-columns: repeat(5, 1fr);
|
|
}
|
|
|
|
/* PC Sheet */
|
|
.pc-attributes-menu,
|
|
.pc-secondary-attributes-menu,
|
|
.pc-skills-menu,
|
|
.pc-assets-faults-menu,
|
|
.pc-darkness-perfidy-menu,
|
|
.pc-flame-season-currency-menu,
|
|
.pc-stuff-menu,
|
|
.pc-combat-menu,
|
|
.pc-weapons-menu,
|
|
.pc-ascendancy-menu,
|
|
.pc-art-menu,
|
|
.pc-spells-menu,
|
|
.pc-invoking-menu,
|
|
.pc-notes-menu {
|
|
height: 45px;
|
|
color: white;
|
|
text-shadow: 2px 2px 2px black;
|
|
border-radius: 5px;
|
|
box-shadow: var(--wood-shadow);
|
|
}
|
|
.pc-secondary-attributes-menu,
|
|
.pc-flame-season-currency-menu,
|
|
.pc-combat-menu,
|
|
.pc-ascendancy-menu,
|
|
.pc-notes-menu {
|
|
background-image: var(--title-img);
|
|
background-color: black;
|
|
}
|
|
.pc-assets-faults-menu,
|
|
.pc-stuff-menu,
|
|
.pc-art-menu,
|
|
.pc-invoking-menu {
|
|
background-image: var(--title2-img);
|
|
background-color: black;
|
|
}
|
|
.pc-attributes-menu,
|
|
.pc-skills-menu,
|
|
.pc-darkness-perfidy-menu,
|
|
.pc-weapons-menu,
|
|
.pc-spells-menu {
|
|
background-image: var(--title3-img);
|
|
background-color: black;
|
|
}
|
|
|
|
/* PC Sheet - Infos section */
|
|
.pc-name-lbl { grid-area: pc-name-lbl; }
|
|
.pc-name { grid-area: pc-name; }
|
|
.pc-origin-lbl { grid-area: pc-origin-lbl; }
|
|
.pc-origin { grid-area: pc-origin; }
|
|
.pc-occupation-lbl { grid-area: pc-occupation-lbl; }
|
|
.pc-occupation { grid-area: pc-occupation; }
|
|
.pc-sex-lbl { grid-area: pc-sex-lbl; }
|
|
.pc-sex { grid-area: pc-sex; }
|
|
.pc-age-lbl { grid-area: pc-age-lbl; }
|
|
.pc-age { grid-area: pc-age; }
|
|
.pc-size-lbl { grid-area: pc-size-lbl; }
|
|
.pc-size { grid-area: pc-size; }
|
|
.pc-siz-lbl { grid-area: pc-siz-lbl; }
|
|
.pc-siz { grid-area: pc-siz; }
|
|
.pc-exp-title { grid-area: pc-exp-title; }
|
|
.pc-hpfp-title { grid-area: pc-hpfp-title; }
|
|
.pc-weight-lbl { grid-area: pc-weight-lbl; }
|
|
.pc-weight { grid-area: pc-weight; }
|
|
.pc-race-lbl { grid-area: pc-race-lbl; }
|
|
.pc-race { grid-area: pc-race; }
|
|
.pc-godfather-lbl { grid-area: pc-godfather-lbl; }
|
|
.pc-godfather { grid-area: pc-godfather; }
|
|
.pc-move-lbl { grid-area: pc-move-lbl; }
|
|
.pc-move { grid-area: pc-move; }
|
|
.pc-cexp-lbl { grid-area: pc-cexp-lbl; }
|
|
.pc-cexp { grid-area: pc-cexp; }
|
|
.pc-hp-lbl { grid-area: pc-hp-lbl; }
|
|
.pc-hp { grid-area: pc-hp; }
|
|
.pc-desc-lbl { grid-area: pc-desc-lbl; }
|
|
.pc-exp-lbl { grid-area: pc-exp-lbl; }
|
|
.pc-exp { grid-area: pc-exp; }
|
|
.pc-fp-lbl { grid-area: pc-fp-lbl; }
|
|
.pc-fp { grid-area: pc-fp; }
|
|
.pc-desc {
|
|
grid-area: pc-desc;
|
|
border-radius: 200% 50% / 5% 5%;
|
|
height: 99% !important;
|
|
}
|
|
.pc-logo {
|
|
opacity: 0.8;
|
|
grid-area: pc-logo;
|
|
}
|
|
|
|
.pc-infos {
|
|
grid-template-areas: "pc-name-lbl pc-name pc-name pc-name pc-origin-lbl pc-origin pc-origin pc-origin pc-occupation-lbl pc-occupation pc-occupation pc-occupation pc-occupation"
|
|
"pc-sex-lbl pc-sex pc-age-lbl pc-age pc-age pc-size-lbl pc-size pc-siz-lbl pc-siz pc-exp-title pc-exp-title pc-hpfp-title pc-hpfp-title"
|
|
"pc-weight-lbl pc-weight pc-race-lbl pc-race pc-race pc-godfather-lbl pc-godfather pc-move-lbl pc-move pc-cexp-lbl pc-cexp pc-hp-lbl pc-hp"
|
|
"pc-desc-lbl pc-desc-lbl pc-desc-lbl pc-desc-lbl pc-desc-lbl pc-desc-lbl pc-desc-lbl pc-desc-lbl pc-desc-lbl pc-exp-lbl pc-exp pc-fp-lbl pc-fp"
|
|
"pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-logo pc-logo pc-logo pc-logo"
|
|
"pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-logo pc-logo pc-logo pc-logo"
|
|
"pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-logo pc-logo pc-logo pc-logo"
|
|
"pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-desc pc-logo pc-logo pc-logo pc-logo";
|
|
}
|
|
.fireflies {
|
|
position: relative;
|
|
top: -150px;
|
|
right: -590px;
|
|
list-style: none;
|
|
filter: blur(2px);
|
|
}
|
|
.firefly1::before,
|
|
.firefly2::before,
|
|
.firefly3::before,
|
|
.firefly4::before,
|
|
.firefly5::before,
|
|
.firefly6::before,
|
|
.firefly7::before,
|
|
.firefly8::before,
|
|
.firefly9::before,
|
|
.firefly10::before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
border-radius: 50%;
|
|
animation-direction: alternate, alternate;
|
|
animation-iteration-count: infinite, infinite;
|
|
animation-timing-function: ease, ease-in-out;
|
|
}
|
|
.firefly1::before {
|
|
animation-name: flash, firefly1;
|
|
animation-duration: 3s, 60s;
|
|
}
|
|
.firefly2::before {
|
|
animation-name: flash, firefly2;
|
|
animation-duration: 4s, 70s;
|
|
}
|
|
.firefly3::before {
|
|
animation-name: flash, firefly3;
|
|
animation-duration: 1s, 120s;
|
|
}
|
|
.firefly4::before {
|
|
animation-name: flash, firefly4;
|
|
animation-duration: 5s, 50s;
|
|
}
|
|
.firefly5::before {
|
|
animation-name: flash, firefly5;
|
|
animation-duration: 4s, 90s;
|
|
}
|
|
.firefly6::before {
|
|
animation-name: flash, firefly6;
|
|
animation-duration: 2s, 70s;
|
|
}
|
|
.firefly7::before {
|
|
animation-name: flash, firefly7;
|
|
animation-duration: 5s, 100s;
|
|
}
|
|
.firefly8::before {
|
|
animation-name: flash, firefly8;
|
|
animation-duration: 3s, 50s;
|
|
}
|
|
.firefly9::before {
|
|
animation-name: flash, firefly9;
|
|
animation-duration: 2s, 60s;
|
|
}
|
|
.firefly10::before {
|
|
animation-name: flash, firefly10;
|
|
animation-duration: 4s, 80s;
|
|
}
|
|
|
|
/* PC Sheet - Chars section */
|
|
.pc-body-title {
|
|
grid-area: pc-body-title;
|
|
width: 100%;
|
|
}
|
|
.pc-spirit-title {
|
|
grid-area: pc-spirit-title;
|
|
width: 100%;
|
|
}
|
|
.pc-soul-title {
|
|
grid-area: pc-soul-title;
|
|
width: 100%;
|
|
}
|
|
.pc-body-lbl { grid-area: pc-body-lbl; }
|
|
.pc-body { grid-area: pc-body; }
|
|
.pc-body-exp { grid-area: pc-body-exp; }
|
|
.pc-dark-body-lbl { grid-area: pc-dark-body-lbl; }
|
|
.pc-dark-body { grid-area: pc-dark-body; }
|
|
.pc-spirit-lbl { grid-area: pc-spirit-lbl; }
|
|
.pc-spirit { grid-area: pc-spirit; }
|
|
.pc-spirit-exp { grid-area: pc-spirit-exp; }
|
|
.pc-dark-spirit-lbl { grid-area: pc-dark-spirit-lbl; }
|
|
.pc-dark-spirit { grid-area: pc-dark-spirit; }
|
|
.pc-soul-lbl { grid-area: pc-soul-lbl; }
|
|
.pc-soul { grid-area: pc-soul; }
|
|
.pc-soul-exp { grid-area: pc-soul-exp; }
|
|
.pc-dark-soul-lbl { grid-area: pc-dark-soul-lbl; }
|
|
.pc-dark-soul { grid-area: pc-dark-soul; }
|
|
.pc-body-bonus-lbl { grid-area: pc-body-bonus-lbl; }
|
|
.pc-body-bonus { grid-area: pc-body-bonus; }
|
|
.pc-spirit-bonus-lbl { grid-area: pc-spirit-bonus-lbl; }
|
|
.pc-spirit-bonus { grid-area: pc-spirit-bonus; }
|
|
.pc-soul-bonus-lbl { grid-area: pc-soul-bonus-lbl; }
|
|
.pc-soul-bonus { grid-area: pc-soul-bonus; }
|
|
.pc-agility-lbl { grid-area: pc-agility-lbl; }
|
|
.pc-agility { grid-area: pc-agility; }
|
|
.pc-agility-exp { grid-area: pc-agility-exp; }
|
|
.pc-agility-dice { grid-area: pc-agility-dice; }
|
|
.pc-strength-lbl { grid-area: pc-strength-lbl; }
|
|
.pc-strength { grid-area: pc-strength; }
|
|
.pc-strength-exp { grid-area: pc-strength-exp; }
|
|
.pc-strength-dice { grid-area: pc-strength-dice; }
|
|
.pc-intelligence-lbl { grid-area: pc-intelligence-lbl; }
|
|
.pc-intelligence { grid-area: pc-intelligence; }
|
|
.pc-intelligence-exp { grid-area: pc-intelligence-exp; }
|
|
.pc-intelligence-dice { grid-area: pc-intelligence-dice; }
|
|
.pc-charisma-lbl { grid-area: pc-charisma-lbl; }
|
|
.pc-charisma { grid-area: pc-charisma; }
|
|
.pc-charisma-exp { grid-area: pc-charisma-exp; }
|
|
.pc-charisma-dice { grid-area: pc-charisma-dice; }
|
|
.pc-perception-lbl { grid-area: pc-perception-lbl; }
|
|
.pc-perception { grid-area: pc-perception; }
|
|
.pc-perception-exp { grid-area: pc-perception-exp; }
|
|
.pc-perception-dice { grid-area: pc-perception-dice; }
|
|
.pc-stamina-lbl { grid-area: pc-stamina-lbl; }
|
|
.pc-stamina { grid-area: pc-stamina; }
|
|
.pc-stamina-exp { grid-area: pc-stamina-exp; }
|
|
.pc-stamina-dice { grid-area: pc-stamina-dice; }
|
|
.pc-will-lbl { grid-area: pc-will-lbl; }
|
|
.pc-will { grid-area: pc-will; }
|
|
.pc-will-exp { grid-area: pc-will-exp; }
|
|
.pc-will-dice { grid-area: pc-will-dice; }
|
|
.pc-creativity-lbl { grid-area: pc-creativity-lbl; }
|
|
.pc-creativity { grid-area: pc-creativity; }
|
|
.pc-creativity-exp { grid-area: pc-creativity-exp; }
|
|
.pc-creativity-dice { grid-area: pc-creativity-dice; }
|
|
|
|
.pc-attributes {
|
|
justify-items: center;
|
|
grid-template-areas: "pc-body-title pc-body-title pc-body-title pc-body-title pc-body-title pc-body-title pc-body-title pc-body-title pc-spirit-title pc-spirit-title pc-spirit-title pc-spirit-title pc-spirit-title pc-spirit-title pc-spirit-title pc-spirit-title pc-soul-title pc-soul-title pc-soul-title pc-soul-title pc-soul-title pc-soul-title pc-soul-title pc-soul-title"
|
|
"pc-body-lbl pc-body-lbl pc-body pc-body-exp pc-dark-body-lbl pc-dark-body-lbl pc-dark-body pc-dark-body pc-spirit-lbl pc-spirit-lbl pc-spirit pc-spirit-exp pc-dark-spirit-lbl pc-dark-spirit-lbl pc-dark-spirit pc-dark-spirit pc-soul-lbl pc-soul-lbl pc-soul pc-soul-exp pc-dark-soul-lbl pc-dark-soul-lbl pc-dark-soul pc-dark-soul"
|
|
"pc-body-bonus-lbl pc-body-bonus-lbl pc-body-bonus-lbl pc-body-bonus-lbl pc-body-bonus-lbl pc-body-bonus-lbl pc-body-bonus pc-body-bonus pc-spirit-bonus-lbl pc-spirit-bonus-lbl pc-spirit-bonus-lbl pc-spirit-bonus-lbl pc-spirit-bonus-lbl pc-spirit-bonus-lbl pc-spirit-bonus pc-spirit-bonus pc-soul-bonus-lbl pc-soul-bonus-lbl pc-soul-bonus-lbl pc-soul-bonus-lbl pc-soul-bonus-lbl pc-soul-bonus-lbl pc-soul-bonus pc-soul-bonus"
|
|
"pc-agility-lbl pc-agility pc-agility-exp pc-agility-dice pc-strength-lbl pc-strength pc-strength-exp pc-strength-dice pc-intelligence-lbl pc-intelligence-lbl pc-intelligence-lbl pc-intelligence-lbl pc-intelligence-lbl pc-intelligence pc-intelligence-exp pc-intelligence-dice pc-charisma-lbl pc-charisma-lbl pc-charisma-lbl pc-charisma-lbl pc-charisma-lbl pc-charisma pc-charisma-exp pc-charisma-dice"
|
|
"pc-perception-lbl pc-perception pc-perception-exp pc-perception-dice pc-stamina-lbl pc-stamina pc-stamina-exp pc-stamina-dice pc-will-lbl-lbl pc-will-lbl pc-will-lbl pc-will-lbl pc-will-lbl pc-will pc-will-exp pc-will-dice pc-creativity-lbl pc-creativity-lbl pc-creativity-lbl pc-creativity-lbl pc-creativity-lbl pc-creativity pc-creativity-exp pc-creativity-dice";
|
|
}
|
|
/* PC Sheet - Secondary section */
|
|
.pc-secondary-attributes {
|
|
justify-items: center;
|
|
grid-template-columns: repeat(6, 2fr 1fr);
|
|
font-size: 12.5px;
|
|
}
|
|
.lang-en .pc-secondary-attributes { font-size: 12px; }
|
|
/* PC Sheet - Skills section */
|
|
.pc-skills {
|
|
justify-items: center;
|
|
grid-template-columns: 4fr 4fr 4fr repeat(3, 0.9fr);
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-skills] {
|
|
grid-column: 1/-1;
|
|
grid-row: 2;
|
|
width: var(--full-width);
|
|
}
|
|
.repcontrol[data-groupname=repeating_pc-skills] {
|
|
grid-column: 1/-1;
|
|
grid-row: 3;
|
|
width: var(--full-width);
|
|
}
|
|
.pc-skills-container {
|
|
justify-items: center;
|
|
grid-template-columns: 4fr 4fr 4fr 1fr 1fr 0.5fr;
|
|
}
|
|
/* PC Sheet - Assets/Faults section */
|
|
.pc-assets-faults {
|
|
justify-items: center;
|
|
grid-template-columns: 5fr 1fr 5fr 1fr;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-assets] {
|
|
grid-column: 1/3;
|
|
grid-row: 2;
|
|
width: 425px;
|
|
}
|
|
.repcontrol[data-groupname=repeating_pc-assets] {
|
|
grid-column: 1/3;
|
|
grid-row: 3;
|
|
width: 425px;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-faults] {
|
|
grid-column: 3/-1;
|
|
grid-row: 2;
|
|
width: 425px;
|
|
}
|
|
.repcontrol[data-groupname=repeating_pc-faults] {
|
|
grid-column: 3/-1;
|
|
grid-row: 3;
|
|
width: 425px;
|
|
}
|
|
.pc-assets-container {
|
|
justify-items: center;
|
|
grid-template-columns: 5fr 1fr;
|
|
}
|
|
.pc-faults-container {
|
|
justify-items: center;
|
|
grid-template-columns: 5fr 1fr;
|
|
}
|
|
/* PC Sheet - Darkness & Perfidy */
|
|
.pc-darkness-perfidy {
|
|
justify-items: center;
|
|
grid-template-columns: 1fr 4fr 1fr 5fr 1fr 5fr 1fr;
|
|
grid-auto-rows: minmax(20px, auto);
|
|
}
|
|
.pc-sorrow-value { grid-column: 1; }
|
|
.pc-sorrow-lbl { grid-column: 2; }
|
|
.pc-sorrow { grid-column: 3; }
|
|
.pc-darkness-lbl { grid-column: 1/3; }
|
|
.repcontrol[data-groupname=repeating_pc-gifts] {
|
|
grid-row: 24;
|
|
grid-column: 4/6;
|
|
width: 100%
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-gifts] {
|
|
grid-row: 2/24;
|
|
grid-column: 4/6;
|
|
width: 98%;
|
|
}
|
|
.repcontrol[data-groupname=repeating_pc-sorrows] {
|
|
grid-row: 24;
|
|
grid-column: 6/-1;
|
|
width: 100%
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-sorrows] {
|
|
grid-row: 2/24;
|
|
grid-column: 6/-1;
|
|
width: 98%;
|
|
}
|
|
/* PC Sheet - Powers/Currency */
|
|
.pc-flame-season-currency {
|
|
justify-items: center;
|
|
grid-template-columns: 7fr 2fr 1fr 1fr;
|
|
grid-auto-rows: minmax(30px, auto);
|
|
}
|
|
.pc-currency-lbl { grid-column: 2; }
|
|
.pc-currency-value { grid-column: 3; }
|
|
.pc-currency { grid-column: 4; }
|
|
.repcontrol[data-groupname=repeating_pc-powers] {
|
|
grid-row: 11;
|
|
grid-column: 1;
|
|
width: 100%;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-powers] {
|
|
grid-row: 2/11;
|
|
grid-column: 1;
|
|
width: 100%;
|
|
}
|
|
/* PC Sheet - Stuff */
|
|
.pc-stuff {
|
|
justify-items: center;
|
|
grid-template-columns: 8fr 1fr 1fr 1fr;
|
|
}
|
|
.repcontrol[data-groupname=repeating_pc-stuff] {
|
|
grid-row: 3;
|
|
grid-column: 1/-1;
|
|
width: var(--full-width);
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-stuff] {
|
|
grid-row: 2;
|
|
grid-column: 1/-1;
|
|
width: var(--full-width);
|
|
}
|
|
.pc-stuff-rows {
|
|
justify-items: center;
|
|
grid-template-columns: 8fr 1fr 1fr 1fr;
|
|
}
|
|
/* PC Sheet - Maneuvers & armor */
|
|
.pc-combat {
|
|
justify-items: center;
|
|
grid-template-columns: 7fr 2.5fr 2.5fr repeat(4, 0.5fr);
|
|
}
|
|
.pc-combat-score { grid-column: 4/6; }
|
|
.repcontrol[data-groupname=repeating_pc-maneuvers] {
|
|
grid-column: 1;
|
|
grid-row: 7;
|
|
width: 100%;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-maneuvers] {
|
|
grid-column: 1;
|
|
grid-row: 2/7;
|
|
width: 100%;
|
|
}
|
|
.pc-combat-score-lbl { grid-column: 4/6; }
|
|
.pc-combat-malus-lbl { grid-column: 6/-1; }
|
|
.pc-combat-sub-lbl { grid-column: 2/4; }
|
|
.pc-combat-serious-wound-penalty,
|
|
.pc-combat-hp-max,
|
|
.pc-combat-fp-max {
|
|
grid-column: 6/-1;
|
|
}
|
|
/* PC Sheet - Weapons */
|
|
.pc-weapons {
|
|
justify-items: center;
|
|
grid-template-columns: 1.9fr 0.8fr 1.5fr 1.7fr 1.7fr 0.8fr 0.8fr 1.3fr 1.2fr;
|
|
}
|
|
.repcontrol[data-groupname=repeating_pc-weapons] {
|
|
grid-column: 1/-1;
|
|
grid-row: 4;
|
|
width: 100%;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-weapons] {
|
|
grid-column: 1/-1;
|
|
grid-row: 2/4;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-weapons] textarea {
|
|
grid-column: 1/-1;
|
|
grid-row: 2;
|
|
width: 832px;
|
|
}
|
|
.pc-weapons-rows {
|
|
justify-items: center;
|
|
grid-template-columns: 3fr repeat(13, 1fr) 2fr 3fr 3fr;
|
|
width: 840px;
|
|
}
|
|
/* PC Sheet - Ascendancy */
|
|
.pc-ascendancy {
|
|
justify-items: center;
|
|
grid-template-columns: 18% 10% 9% 9.5% 9.3% 10% 17% 1fr;
|
|
width: 840px;
|
|
font-size: 12px;
|
|
}
|
|
.repcontrol[data-groupname=repeating_pc-ascendancies] {
|
|
grid-column: 1/-1;
|
|
grid-row: 3;
|
|
width: 100%;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-ascendancies] {
|
|
grid-column: 1/-1;
|
|
grid-row: 2;
|
|
}
|
|
.pc-ascendancy-rows {
|
|
justify-items: center;
|
|
grid-template-columns: 2fr 1fr 0.5fr 0.5fr 1fr 1fr 0.5fr 0.5fr 1fr 0.5fr 1fr 0.5fr;
|
|
width: 840px;
|
|
}
|
|
/* PC Sheet - Art */
|
|
.pc-art {
|
|
justify-items: center;
|
|
grid-template-columns: 4.2fr 1.1fr 0.7fr;
|
|
width: 840px;
|
|
}
|
|
.repcontrol[data-groupname=repeating_pc-arts] {
|
|
grid-column: 1/-1;
|
|
grid-row: 3;
|
|
width: 100%;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-arts] {
|
|
grid-column: 1/-1;
|
|
grid-row: 2;
|
|
}
|
|
.pc-art-rows {
|
|
justify-items: center;
|
|
grid-template-columns: 68.9% 10% 4.4% 10% 4.4%;
|
|
width: 840px;
|
|
}
|
|
/* PC Sheet - Spells */
|
|
.pc-spells {
|
|
justify-items: center;
|
|
grid-template-columns: 2fr 2fr 1fr 2fr 2fr 2fr 1fr;
|
|
width: 840px;
|
|
}
|
|
.repcontrol[data-groupname=repeating_pc-spells] {
|
|
grid-column: 1/-1;
|
|
grid-row: 4;
|
|
width: 100%;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-spells] {
|
|
grid-column: 1/-1;
|
|
grid-row: 2/4;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-spells] textarea {
|
|
grid-column: 1/-1;
|
|
grid-row: 2;
|
|
width: 832px;
|
|
}
|
|
.pc-spells-rows {
|
|
justify-items: center;
|
|
grid-template-columns: 2fr 2fr 1fr 2fr 2fr 2fr 1fr;
|
|
width: 840px;
|
|
}
|
|
/* PC Sheet - Invoking */
|
|
.pc-invoking {
|
|
justify-items: center;
|
|
grid-template-columns: repeat(14, 1fr);
|
|
width: 840px;
|
|
}
|
|
.pc-invoking-apt-lbl {
|
|
grid-column: 1/3;
|
|
font-size: 12px;
|
|
}
|
|
.repcontrol[data-groupname=repeating_pc-invoking] {
|
|
grid-column: 1/8;
|
|
grid-row: 3;
|
|
width: 100%;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-invoking] {
|
|
grid-column: 1/8;
|
|
grid-row: 2;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-invoking] #textarea { width: 375px; }
|
|
.repcontrol[data-groupname=repeating_pc-advocatus-diaboli] {
|
|
grid-column: 8/-1;
|
|
grid-row: 3;
|
|
width: 100%;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-advocatus-diaboli] {
|
|
grid-column: 8/-1;
|
|
grid-row: 2;
|
|
}
|
|
.repcontainer[data-groupname=repeating_pc-advocatus-diaboli] #textarea { width: 375px; }
|
|
|
|
/* Companion Sheet */
|
|
/* Companion Sheet - Infos section */
|
|
.companion-infos {
|
|
justify-items: center;
|
|
grid-template-columns: 1fr 2fr repeat(8, 1fr);
|
|
}
|
|
.companion-description {
|
|
width: 832px;
|
|
height: 50px;
|
|
margin-left: 5px;
|
|
}
|
|
/* Companion Sheet - Chars section */
|
|
.companion-attributes {
|
|
justify-items: center;
|
|
grid-template-columns: repeat(22, 1fr);
|
|
}
|
|
.companion-attributes-1 { grid-column: 2/4; }
|
|
.companion-attributes-2 { grid-column: 5/7; }
|
|
.companion-attributes-3 { grid-column: 8/10; }
|
|
.companion-attributes-4 { grid-column: 11/13; }
|
|
.companion-attributes-7 { grid-column: 18/20; }
|
|
.companion-attributes-8 { grid-column: 21/-1; }
|
|
/* Companion Sheet - Skills section */
|
|
.repcontainer[data-groupname=repeating_companion-skills] { margin: 5px 0 0 5px; }
|
|
.repcontainer[data-groupname=repeating_companion-skills] .repitem { margin-bottom: 5px; }
|
|
.repcontainer[data-groupname=repeating_companion-skills] input[type=text], .repcontainer[data-groupname=repeating_companion-skills] select {
|
|
width: 26.8%;
|
|
}
|
|
.repcontainer[data-groupname=repeating_companion-skills] select {
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
/* Companion Sheet - Weapons section */
|
|
.companion-weapons {
|
|
justify-items: center;
|
|
grid-template-columns: 0.9fr 1.4fr repeat(3, 1.1fr) 0.65fr 0.6fr 0.6fr 0.3fr;
|
|
}
|
|
.companion-weapons-rows {
|
|
justify-items: center;
|
|
grid-template-columns: 3fr 3fr repeat(12, 1fr) 2fr 2fr 1fr;
|
|
}
|
|
/* Demon Sheet */
|
|
/* Demon Sheet - Infos section */
|
|
.demon-infos {
|
|
justify-items: center;
|
|
grid-template-columns: repeat(2, 1fr 2fr) repeat(8, 1fr);
|
|
}
|
|
/* Demon Sheet - Chars section */
|
|
.demon-attributes {
|
|
justify-items: center;
|
|
grid-template-columns: 1fr 1fr 1fr 0.5fr 0.5fr repeat(8, 1fr);
|
|
}
|
|
.demon-str, .demon-will, .demon-dc { grid-column: 4/6; }
|
|
/* Demon Sheet - Skills section */
|
|
.repcontainer[data-groupname=repeating_demon-skills] { margin: 5px 0 0 5px; }
|
|
.repcontainer[data-groupname=repeating_demon-skills] .repitem { margin-bottom: 5px; }
|
|
.repcontainer[data-groupname=repeating_demon-skills] input[type=text], .repcontainer[data-groupname=repeating_demon-skills] select {
|
|
width: 28.9%;
|
|
}
|
|
.repcontainer[data-groupname=repeating_demon-skills] select {
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
/* Demon Sheet - Weapons section */
|
|
.demon-weapons {
|
|
justify-items: center;
|
|
grid-template-columns: 0.9fr 1.4fr repeat(3, 1.1fr) 0.65fr 0.6fr 0.6fr 0.3fr;
|
|
}
|
|
.demon-weapons-rows {
|
|
justify-items: center;
|
|
grid-template-columns: 3fr 3fr repeat(12, 1fr) 2fr 2fr 1fr;
|
|
}
|
|
/* NPC Sheet */
|
|
/* NPC Sheet - Infos section */
|
|
.npc-infos {
|
|
justify-items: center;
|
|
grid-template-columns: 1fr 2fr repeat(10, 1fr);
|
|
}
|
|
.npc-text {
|
|
width: 832px;
|
|
height: 50px;
|
|
margin-left: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
/* NPC Sheet - Chars section */
|
|
.npc-body-title { grid-area: npc-body-title; }
|
|
.npc-spirit-title { grid-area: npc-spirit-title; }
|
|
.npc-soul-title { grid-area: npc-soul-title; }
|
|
.npc-body-lbl { grid-area: npc-body-lbl; }
|
|
.npc-body { grid-area: npc-body; }
|
|
.npc-dark-body-lbl { grid-area: npc-dark-body-lbl; }
|
|
.npc-dark-body { grid-area: npc-dark-body; }
|
|
.npc-spirit-lbl { grid-area: npc-spirit-lbl; }
|
|
.npc-spirit { grid-area: npc-spirit; }
|
|
.npc-dark-spirit-lbl { grid-area: npc-dark-spirit-lbl; }
|
|
.npc-dark-spirit { grid-area: npc-dark-spirit; }
|
|
.npc-soul-lbl { grid-area: npc-soul-lbl; }
|
|
.npc-soul { grid-area: npc-soul; }
|
|
.npc-dark-soul-lbl { grid-area: npc-dark-soul-lbl; }
|
|
.npc-dark-soul { grid-area: npc-dark-soul; }
|
|
.npc-body-bonus-lbl { grid-area: npc-body-bonus-lbl; }
|
|
.npc-body-bonus { grid-area: npc-body-bonus; }
|
|
.npc-spirit-bonus-lbl { grid-area: npc-spirit-bonus-lbl; }
|
|
.npc-spirit-bonus { grid-area: npc-spirit-bonus; }
|
|
.npc-soul-bonus-lbl { grid-area: npc-soul-bonus-lbl; }
|
|
.npc-soul-bonus { grid-area: npc-soul-bonus; }
|
|
.npc-agility-lbl { grid-area: npc-agility-lbl; }
|
|
.npc-agility { grid-area: npc-agility; }
|
|
.npc-agility-dice { grid-area: npc-agility-dice; }
|
|
.npc-strength-lbl { grid-area: npc-strength-lbl; }
|
|
.npc-strength { grid-area: npc-strength; }
|
|
.npc-strength-dice { grid-area: npc-strength-dice; }
|
|
.npc-intelligence-lbl { grid-area: npc-intelligence-lbl; }
|
|
.npc-intelligence { grid-area: npc-intelligence; }
|
|
.npc-intelligence-dice { grid-area: npc-intelligence-dice; }
|
|
.npc-charisma-lbl { grid-area: npc-charisma-lbl; }
|
|
.npc-charisma { grid-area: npc-charisma; }
|
|
.npc-charisma-dice { grid-area: npc-charisma-dice; }
|
|
.npc-perception-lbl { grid-area: npc-perception-lbl; }
|
|
.npc-perception { grid-area: npc-perception; }
|
|
.npc-perception-dice { grid-area: npc-perception-dice; }
|
|
.npc-stamina-lbl { grid-area: npc-stamina-lbl; }
|
|
.npc-stamina { grid-area: npc-stamina; }
|
|
.npc-stamina-dice { grid-area: npc-stamina-dice; }
|
|
.npc-will-lbl { grid-area: npc-will-lbl; }
|
|
.npc-will { grid-area: npc-will; }
|
|
.npc-will-dice { grid-area: npc-will-dice; }
|
|
.npc-creativity-lbl { grid-area: npc-creativity-lbl; }
|
|
.npc-creativity { grid-area: npc-creativity; }
|
|
.npc-creativity-dice { grid-area: npc-creativity-dice; }
|
|
|
|
.npc-attributes {
|
|
justify-items: center;
|
|
grid-template-areas: "npc-body-title npc-body-title npc-body-title npc-body-title npc-body-title npc-body-title npc-spirit-title npc-spirit-title npc-spirit-title npc-soul-title npc-soul-title npc-soul-title npc-soul-title"
|
|
"npc-body-lbl npc-body void2 npc-dark-body-lbl npc-dark-body npc-spirit-lbl npc-spirit npc-dark-spirit-lbl npc-dark-spirit npc-soul-lbl npc-soul npc-dark-soul-lbl npc-dark-soul"
|
|
"void1 npc-body-bonus-lbl npc-body-bonus-lbl npc-body-bonus void3 void4 npc-spirit-bonus-lbl npc-spirit-bonus void5 void6 npc-soul-bonus-lbl npc-soul-bonus void7"
|
|
"npc-agility-lbl npc-agility npc-agility-dice npc-strength-lbl npc-strength npc-strength-dice npc-intelligence-lbl npc-intelligence npc-intelligence-dice void8 npc-charisma-lbl npc-charisma npc-charisma-dice"
|
|
"npc-perception-lbl npc-perception npc-perception-dice npc-stamina-lbl npc-stamina npc-stamina-dice npc-will-lbl npc-will npc-will-dice void9 npc-creativity-lbl npc-creativity npc-creativity-dice";
|
|
}
|
|
/* NPC Sheet - Secondary chars section */
|
|
.npc-secondary-attributes {
|
|
justify-items: center;
|
|
grid-template-columns: repeat(2, 1fr 0.5fr 0.5fr) repeat(8, 1fr);
|
|
}
|
|
.pc-mel, .pc-sw { grid-column: 2/4; }
|
|
.pc-aim, .pc-swp { grid-column: 5/7; }
|
|
/* NPC Sheet - Skills section */
|
|
.repcontainer[data-groupname=repeating_npc-skills] { margin: 5px 0 0 5px; }
|
|
.repcontainer[data-groupname=repeating_npc-skills] .repitem { margin-bottom: 5px; }
|
|
.repcontainer[data-groupname=repeating_npc-skills] input[type=text], .repcontainer[data-groupname=repeating_npc-skills] select {
|
|
width: 28.8%;
|
|
}
|
|
.repcontainer[data-groupname=repeating_npc-skills] select {
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
/* NPC Sheet - Weapons section */
|
|
.npc-weapons {
|
|
justify-items: center;
|
|
grid-template-columns: 0.9fr 1.4fr repeat(3, 1.1fr) 0.65fr 0.6fr 0.6fr 0.3fr;
|
|
}
|
|
.npc-weapons-rows {
|
|
justify-items: center;
|
|
grid-template-columns: 3fr 3fr repeat(12, 1fr) 2fr 2fr 1fr;
|
|
}
|
|
|
|
|
|
/* Rolltemplates */
|
|
.sheet-rolltemplate-agone-generic .sheet-template-container,
|
|
.sheet-rolltemplate-agone-chars .sheet-template-container,
|
|
.sheet-rolltemplate-agone-fumble .sheet-template-container,
|
|
.sheet-rolltemplate-agone-skills .sheet-template-container,
|
|
.sheet-rolltemplate-agone-dodge .sheet-template-container,
|
|
.sheet-rolltemplate-agone-natural-defense .sheet-template-container,
|
|
.sheet-rolltemplate-agone-initiative .sheet-template-container,
|
|
.sheet-rolltemplate-agone-attack .sheet-template-container,
|
|
.sheet-rolltemplate-agone-defense .sheet-template-container,
|
|
.sheet-rolltemplate-agone-ascendancy .sheet-template-container,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .sheet-template-container,
|
|
.sheet-rolltemplate-agone-art .sheet-template-container,
|
|
.sheet-rolltemplate-agone-art-intuitive .sheet-template-container,
|
|
.sheet-rolltemplate-agone-invoking .sheet-template-container {
|
|
width: 230px;
|
|
font-family: 'Merienda One', sans-serif;
|
|
color: #333;
|
|
font-size: 0.99em;
|
|
}
|
|
.sheet-rolltemplate-agone-generic .sheet-template-header,
|
|
.sheet-rolltemplate-agone-chars .sheet-template-header,
|
|
.sheet-rolltemplate-agone-fumble .sheet-template-header,
|
|
.sheet-rolltemplate-agone-skills .sheet-template-header,
|
|
.sheet-rolltemplate-agone-dodge .sheet-template-header,
|
|
.sheet-rolltemplate-agone-natural-defense .sheet-template-header,
|
|
.sheet-rolltemplate-agone-initiative .sheet-template-header,
|
|
.sheet-rolltemplate-agone-attack .sheet-template-header,
|
|
.sheet-rolltemplate-agone-defense .sheet-template-header,
|
|
.sheet-rolltemplate-agone-ascendancy .sheet-template-header,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .sheet-template-header,
|
|
.sheet-rolltemplate-agone-art .sheet-template-header,
|
|
.sheet-rolltemplate-agone-art-intuitive .sheet-template-header,
|
|
.sheet-rolltemplate-agone-invoking .sheet-template-header {
|
|
background: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/title.png');
|
|
background-color: black;
|
|
font-size: 0.99em;
|
|
color: white;
|
|
text-shadow: 2px 2px 2px black;
|
|
padding: 2px 2px 2px 2px;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 4px 0 black;
|
|
text-align: center;
|
|
width: 235px;
|
|
margin-left: -5px;
|
|
}
|
|
.sheet-rolltemplate-agone-generic .sheet-template-row,
|
|
.sheet-rolltemplate-agone-chars .sheet-template-row,
|
|
.sheet-rolltemplate-agone-fumble .sheet-template-row,
|
|
.sheet-rolltemplate-agone-skills .sheet-template-row,
|
|
.sheet-rolltemplate-agone-dodge .sheet-template-row,
|
|
.sheet-rolltemplate-agone-natural-defense .sheet-template-row,
|
|
.sheet-rolltemplate-agone-initiative .sheet-template-row,
|
|
.sheet-rolltemplate-agone-attack .sheet-template-row,
|
|
.sheet-rolltemplate-agone-defense .sheet-template-row,
|
|
.sheet-rolltemplate-agone-ascendancy .sheet-template-row,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .sheet-template-row,
|
|
.sheet-rolltemplate-agone-art .sheet-template-row,
|
|
.sheet-rolltemplate-agone-art-intuitive .sheet-template-row,
|
|
.sheet-rolltemplate-agone-invoking .sheet-template-row {
|
|
background: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/background.png');
|
|
background-color: rgb(220, 220, 220);
|
|
padding: 5px 5px 2px 2px;
|
|
box-shadow: 0 0 4px 0 black;
|
|
}
|
|
.sheet-rolltemplate-agone-generic .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-chars .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-fumble .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-skills .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-dodge .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-natural-defense .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-initiative .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-attack .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-defense .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-ascendancy .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-art .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-art-intuitive .sheet-template-explode,
|
|
.sheet-rolltemplate-agone-invoking .sheet-template-explode {
|
|
content: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/dice-crit.png');
|
|
vertical-align: middle;
|
|
width: 32px;
|
|
height: 32px;
|
|
-webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.65));
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#000')";
|
|
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#000')";
|
|
}
|
|
.sheet-rolltemplate-agone-generic .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-chars .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-fumble .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-skills .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-dodge .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-natural-defense .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-initiative .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-attack .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-defense .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-ascendancy .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-art .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-art-intuitive .sheet-template-implode a,
|
|
.sheet-rolltemplate-agone-invoking .sheet-template-implode a {
|
|
content: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/dice-fail.png');
|
|
background: none;
|
|
border: none;
|
|
vertical-align: middle;
|
|
width: 32px;
|
|
height: 32px;
|
|
-webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.65));
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#000')";
|
|
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#000')";
|
|
}
|
|
.sheet-rolltemplate-agone-generic .inlinerollresult,
|
|
.sheet-rolltemplate-agone-chars .inlinerollresult,
|
|
.sheet-rolltemplate-agone-fumble .inlinerollresult,
|
|
.sheet-rolltemplate-agone-skills .inlinerollresult,
|
|
.sheet-rolltemplate-agone-dodge .inlinerollresult,
|
|
.sheet-rolltemplate-agone-natural-defense .inlinerollresult,
|
|
.sheet-rolltemplate-agone-initiative .inlinerollresult,
|
|
.sheet-rolltemplate-agone-attack .inlinerollresult,
|
|
.sheet-rolltemplate-agone-defense .inlinerollresult,
|
|
.sheet-rolltemplate-agone-ascendancy .inlinerollresult,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .inlinerollresult,
|
|
.sheet-rolltemplate-agone-art .inlinerollresult,
|
|
.sheet-rolltemplate-agone-art-intuitive .inlinerollresult,
|
|
.sheet-rolltemplate-agone-invoking .inlinerollresult {
|
|
background: none !important;
|
|
border: none !important;
|
|
text-shadow: none;
|
|
}
|
|
.sheet-rolltemplate-agone-generic .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-chars .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-fumble .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-skills .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-dodge .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-natural-defense .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-initiative .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-attack .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-defense .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-ascendancy .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-art .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-art-intuitive .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-invoking .inlinerollresult.fullcrit {
|
|
background: none !important;
|
|
border: none !important;
|
|
color: #333;
|
|
text-shadow: none;
|
|
}
|
|
.sheet-rolltemplate-agone-generic .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-chars .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-fumble .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-skills .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-dodge .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-natural-defense .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-initiative .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-attack .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-defense .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-ascendancy .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-art .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-art-intuitive .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-invoking .inlinerollresult.fullfail {
|
|
background: none !important;
|
|
border: none !important;
|
|
color: #333;
|
|
text-shadow: none;
|
|
}
|
|
.sheet-rolltemplate-agone-generic .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-chars .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-fumble .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-skills .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-dodge .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-natural-defense .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-initiative .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-attack .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-defense .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-ascendancy .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-art .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-art-intuitive .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-invoking .inlinerollresult.importantroll {
|
|
background: none !important;
|
|
border: none !important;
|
|
color: #333;
|
|
text-shadow: none;
|
|
}
|
|
.sheet-rolltemplate-agone-generic .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-chars .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-fumble .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-skills .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-dodge .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-natural-defense .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-initiative .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-attack .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-defense .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-ascendancy .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-art .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-art-intuitive .sheet-template-header .inlinerollresult,
|
|
.sheet-rolltemplate-agone-invoking .sheet-template-header .inlinerollresult {
|
|
position: relative;
|
|
box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.65);
|
|
color: black;
|
|
background: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/background.png') !important;
|
|
}
|
|
.sheet-rolltemplate-agone-generic .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-chars .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-fumble .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-skills .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-dodge .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-natural-defense .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-initiative .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-attack .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-defense .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-ascendancy .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-art .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-art-intuitive .sheet-template-header .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-agone-invoking .sheet-template-header .inlinerollresult.fullcrit {
|
|
position: relative;
|
|
box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.65);
|
|
color: black;
|
|
background: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/background.png') !important;
|
|
}
|
|
.sheet-rolltemplate-agone-generic .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-chars .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-fumble .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-skills .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-dodge .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-natural-defense .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-initiative .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-attack .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-defense .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-ascendancy .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-art .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-art-intuitive .sheet-template-header .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-agone-invoking .sheet-template-header .inlinerollresult.fullfail {
|
|
position: relative;
|
|
box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.65);
|
|
color: black;
|
|
background: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/background.png') !important;
|
|
}
|
|
.sheet-rolltemplate-agone-generic .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-chars .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-fumble .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-skills .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-dodge .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-natural-defense .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-initiative .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-attack .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-defense .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-ascendancy .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-ascendancy-intuitive .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-art .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-art-intuitive .sheet-template-header .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-agone-invoking .sheet-template-header .inlinerollresult.importantroll {
|
|
position: relative;
|
|
box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.65);
|
|
color: black;
|
|
background: url('https://imgsrv.roll20.net/?src=http%3A//legdf.free.fr/src/img/roll20-2/background.png') !important;
|
|
}
|
|
|
|
/* Animations */
|
|
@keyframes flash {
|
|
0% { box-shadow: none; }
|
|
50% {
|
|
box-shadow: 0 0 1px #1D85A7,
|
|
0 0 2px #1D85A7,
|
|
0 0 3px #1D85A7,
|
|
0 0 4px #1D85A7,
|
|
0 0 5px #1D85A7,
|
|
0 0 6px #1D85A7,
|
|
0 0 7px #1D85A7,
|
|
0 0 8px #1D85A7,
|
|
0 0 9px #1D85A7,
|
|
0 0 10px #1D85A7,
|
|
0 0 11px #1D85A7,
|
|
0 0 12px #1D85A7;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
}
|
|
100% { box-shadow: none; }
|
|
}
|
|
@keyframes firefly1 {
|
|
0% { top: 7em; left: 17em; }
|
|
10% { top: 10em; left: 14em; }
|
|
20% { top: 6em; left: 7em; }
|
|
30% { top: 3em; left: 14em; }
|
|
40% { top: 10em; left: 0em; }
|
|
50% { top: 3em; left: 16em; }
|
|
60% { top: 3em; left: 11em; }
|
|
70% { top: 11em; left: 8em; }
|
|
80% { top: 1em; left: 1em; }
|
|
90% { top: 3em; left: 6em; }
|
|
100% { top: 7em; left: 6em; }
|
|
}
|
|
@keyframes firefly2 {
|
|
0% { top: 6em; left: 7em; }
|
|
10% { top: 9em; left: 9em; }
|
|
20% { top: 9em; left: 0em; }
|
|
30% { top: 10em; left: 3em; }
|
|
40% { top: 3em; left: 7em; }
|
|
50% { top: 8em; left: 9em; }
|
|
60% { top: 5em; left: 11em; }
|
|
70% { top: 2em; left: 3em; }
|
|
80% { top: 7em; left: 14em; }
|
|
90% { top: 5em; left: 15em; }
|
|
100% { top: 2em; left: 12em; }
|
|
}
|
|
@keyframes firefly3 {
|
|
0% { top: 1em; left: 10em; }
|
|
10% { top: 1em; left: 7em; }
|
|
20% { top: 8em; left: 6em; }
|
|
30% { top: 6em; left: 12em; }
|
|
40% { top: 1em; left: 10em; }
|
|
50% { top: 6em; left: 15em; }
|
|
60% { top: 5em; left: 1em; }
|
|
70% { top: 7em; left: 17em; }
|
|
80% { top: 6em; left: 8em; }
|
|
90% { top: 8em; left: 16em; }
|
|
100% { top: 9em; left: 15em; }
|
|
}
|
|
@keyframes firefly4 {
|
|
0% { top: 2em; left: 5em; }
|
|
10% { top: 9em; left: 7em; }
|
|
20% { top: 6em; left: 14em; }
|
|
30% { top: 9em; left: 16em; }
|
|
40% { top: 11em; left: 15em; }
|
|
50% { top: 7em; left: 8em; }
|
|
60% { top: 9em; left: 6em; }
|
|
70% { top: 8em; left: 16em; }
|
|
80% { top: 8em; left: 6em; }
|
|
90% { top: 9em; left: 4em; }
|
|
100% { top: 3em; left: 13em; }
|
|
}
|
|
@keyframes firefly5 {
|
|
0% { top: 8em; left: 9em; }
|
|
10% { top: 8em; left: 11em; }
|
|
20% { top: 6em; left: 9em; }
|
|
30% { top: 8em; left: 16em; }
|
|
40% { top: 11em; left: 0em; }
|
|
50% { top: 3em; left: 14em; }
|
|
60% { top: 9em; left: 0em; }
|
|
70% { top: 11em; left: 14em; }
|
|
80% { top: 7em; left: 7em; }
|
|
90% { top: 5em; left: 2em; }
|
|
100% { top: 8em; left: 17em; }
|
|
}
|
|
@keyframes firefly6 {
|
|
0% { top: 11em; left: 7em; }
|
|
10% { top: 5em; left: 1em; }
|
|
20% { top: 5em; left: 10em; }
|
|
30% { top: 9em; left: 16em; }
|
|
40% { top: 5em; left: 13em; }
|
|
50% { top: 8em; left: 3em; }
|
|
60% { top: 1em; left: 2em; }
|
|
70% { top: 11em; left: 3em; }
|
|
80% { top: 1em; left: 8em; }
|
|
90% { top: 11em; left: 1em; }
|
|
100% { top: 8em; left: 2em; }
|
|
}
|
|
@keyframes firefly7 {
|
|
0% { top: 9em; left: 8em; }
|
|
10% { top: 7em; left: 4em; }
|
|
20% { top: 5em; left: 15em; }
|
|
30% { top: 11em; left: 2em; }
|
|
40% { top: 4em; left: 6em; }
|
|
50% { top: 4em; left: 14em; }
|
|
60% { top: 2em; left: 14em; }
|
|
70% { top: 5em; left: 12em; }
|
|
80% { top: 5em; left: 1em; }
|
|
90% { top: 1em; left: 5em; }
|
|
100% { top: 11em; left: 11em; }
|
|
}
|
|
@keyframes firefly8 {
|
|
0% { top: 2em; left: 11em; }
|
|
10% { top: 4em; left: 16em; }
|
|
20% { top: 11em; left: 7em; }
|
|
30% { top: 6em; left: 6em; }
|
|
40% { top: 7em; left: 15em; }
|
|
50% { top: 11em; left: 16em; }
|
|
60% { top: 11em; left: 16em; }
|
|
70% { top: 10em; left: 8em; }
|
|
80% { top: 4em; left: 8em; }
|
|
90% { top: 11em; left: 14em; }
|
|
100% { top: 11em; left: 11em; }
|
|
}
|
|
@keyframes firefly9 {
|
|
0% { top: 6em; left: 12em; }
|
|
10% { top: 3em; left: 11em; }
|
|
20% { top: 5em; left: 2em; }
|
|
30% { top: 9em; left: 15em; }
|
|
40% { top: 9em; left: 5em; }
|
|
50% { top: 10em; left: 5em; }
|
|
60% { top: 11em; left: 13em; }
|
|
70% { top: 5em; left: 14em; }
|
|
80% { top: 4em; left: 6em; }
|
|
90% { top: 5em; left: 6em; }
|
|
100% { top: 1em; left: 8em; }
|
|
}
|
|
@keyframes firefly10 {
|
|
0% { top: 5em; left: 11em; }
|
|
10% { top: 6em; left: 10em; }
|
|
20% { top: 1em; left: 2em; }
|
|
30% { top: 4em; left: 9em; }
|
|
40% { top: 10em; left: 16em; }
|
|
50% { top: 11em; left: 8em; }
|
|
60% { top: 10em; left: 12em; }
|
|
70% { top: 2em; left: 11em; }
|
|
80% { top: 6em; left: 16em; }
|
|
90% { top: 10em; left: 12em; }
|
|
100% { top: 9em; left: 17em; }
|
|
}
|