mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
3004 lines
80 KiB
CSS
3004 lines
80 KiB
CSS
@font-face {
|
|
font-family: 'Luminari';
|
|
font-style: normal;
|
|
/*font-weight: 400;*/
|
|
src: local('Luminari'), local('Luminari-Regular'), url(https://roll20.magpiegames.com/root/Luminari.woff) format('woff');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
|
|
.sheet-flexcenter{
|
|
display:flex;
|
|
align-items:center;
|
|
}
|
|
|
|
.sheet-nombreflexcenter{
|
|
display:flex;
|
|
align-items:center;
|
|
font-family:'Luminari','Helvetica',sans-serif;
|
|
}
|
|
|
|
.charsheet {
|
|
/*Definicion principal*/
|
|
|
|
/*background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dungeon%20World%20by%20Roll20/images/background.png);*/
|
|
/*background-repeat: repeat-y;*/
|
|
/*background-color: rgb(230, 231, 233);*/
|
|
/*
|
|
border: 0px solid rgb(35, 31, 32);
|
|
font-weight: normal;
|
|
font-family: 'League Gothic', 'Helvetica', sans-serif;
|
|
*/
|
|
|
|
font-family: serif;
|
|
/*
|
|
background: url("https://roll20.magpiegames.com/root/blueprint.jpg");
|
|
background-repeat: no-repeat;
|
|
*/
|
|
background-image: url("https://roll20.magpiegames.com/root/bg.jpg");
|
|
background-repeat: repeat;
|
|
min-width: 880px;
|
|
height: auto;
|
|
}
|
|
|
|
.charsheet button.repcontrol_edit{
|
|
background-image: url("https://roll20.magpiegames.com/root/gear.svg");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;/*35px 35px;*/
|
|
width:20px;
|
|
height:20px;
|
|
font-size:0px;
|
|
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
border:none;
|
|
outline: none;
|
|
border-radius: 0;
|
|
color: #000;
|
|
}
|
|
|
|
|
|
.charsheet .repcontrol_edit:hover {
|
|
background: url("https://roll20.magpiegames.com/root/gear.svg");
|
|
font-size:0px;
|
|
|
|
}
|
|
.charsheet .editmode {
|
|
|
|
}
|
|
|
|
|
|
.charsheet button.repcontrol_add{
|
|
background-image: url("https://roll20.magpiegames.com/root/plus2.svg");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;/*35px 35px;*/
|
|
width:20px;
|
|
height:20px;
|
|
content:"";
|
|
|
|
text-shadow: none;
|
|
/*background: transparent;*/
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
border:none;
|
|
/*font-weight: bold;*/
|
|
/*font-family: 'Double';*/
|
|
outline: none;
|
|
border-radius: 0;
|
|
/*transition: all 0.2s;*/
|
|
color: #000;
|
|
|
|
font-size: 0px;
|
|
|
|
}
|
|
|
|
.charsheet .repcontrol_add:hover {
|
|
background: url("https://roll20.magpiegames.com/root/plus2.svg");
|
|
|
|
}
|
|
|
|
/*-- MENU - INICIO --*/
|
|
/*Menu antes de todo*/
|
|
.sheet-show-menu:not([value="1"]) ~ .sheet-container-menu .sheet-menu {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-menu-mode:not([value="sheet_choice"]) ~ .sheet-sheet_choice {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-select-estilo{
|
|
background: linear-gradient(to left, #f4eedb , #f4eedb);
|
|
border:0;
|
|
outline:none;
|
|
font-weight:bold;
|
|
margin-left:-10px;
|
|
}
|
|
|
|
.sheet-select-tags{
|
|
background: linear-gradient(to left, #f9f6ed , #f9f6ed);
|
|
border:0;
|
|
outline:none;
|
|
font-weight:bold;
|
|
margin-left:-10px;
|
|
}
|
|
|
|
.sheet-menu {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
position: absolute;
|
|
top: 0;
|
|
padding-top: 11px;
|
|
z-index: 10000;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 1000px;
|
|
}
|
|
|
|
.sheet-menu .sheet-content {
|
|
background: #f4eedb;
|
|
border: 2px solid #99925d ;
|
|
margin: 0 auto;
|
|
border-radius: 10px;
|
|
padding: 15px;
|
|
}
|
|
|
|
.sheet-menu .sheet-sheet_choice {
|
|
width: 450px;
|
|
display: grid;
|
|
grid: auto/repeat(3, 33%);
|
|
grid-row-gap: 5px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sheet-menu .sheet-column {
|
|
display: grid;
|
|
align-content: start;
|
|
grid-row-gap: 8px;
|
|
justify-items: center;
|
|
}
|
|
|
|
.sheet-menu .sheet-label {
|
|
font-family: 'Double';
|
|
font-size: 20px;
|
|
text-align: center;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
.sheet-menu .sheet-desc {
|
|
text-align: center;
|
|
font-size: 12px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-menu .sheet-footer {
|
|
grid-column: 1 / span 3;
|
|
font-size: 15px;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
font-style: italic;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-menu .sheet-cancelbutton {
|
|
align-self: center;
|
|
justify-self: end;
|
|
}
|
|
|
|
button.sheet-generatebutton {
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
letter-spacing: 0.5px;
|
|
font-size: 14px;
|
|
padding: 2px 8px;
|
|
color: #99925d;
|
|
outline: none;
|
|
border: 1px solid #99925d;
|
|
}
|
|
|
|
button.sheet-generatebutton:hover {
|
|
color: #3d4d47 ;
|
|
border-color: #3d4d47 ;
|
|
}
|
|
|
|
button.sheet-generatebutton .sheet-optional {
|
|
font-size: 0.8em;
|
|
font-style: italic;
|
|
}
|
|
|
|
/**/
|
|
.sheet-eq1col1,.sheet-eq2col1,.sheet-eq3col1,.sheet-eq4col1,
|
|
.sheet-eq1col2,.sheet-eq2col2,.sheet-eq3col2,.sheet-eq4col2,
|
|
.sheet-eq1col3,.sheet-eq2col3,.sheet-eq3col3,.sheet-eq4col3{
|
|
background-color:#c2bc91;
|
|
}
|
|
.sheet-xeq1col1,.sheet-xeq2col1,.sheet-xeq3col1,.sheet-xeq4col1,
|
|
.sheet-xeq1col2,.sheet-xeq2col2,.sheet-xeq3col2,.sheet-xeq4col2,
|
|
.sheet-xeq1col3,.sheet-xeq2col3,.sheet-xeq3col3,.sheet-xeq4col3{
|
|
color:#ffffff;
|
|
}
|
|
|
|
|
|
.sheet-checkequipment1col1:checked ~ .sheet-eq1col1{background-color:#3d4d47;}
|
|
.sheet-checkequipment1col1:checked ~ .sheet-xeq1col1{color:#ffffff;}
|
|
.sheet-checkequipment2col1:checked ~ .sheet-eq2col1{background-color:#3d4d47;}
|
|
.sheet-checkequipment2col1:checked ~ .sheet-xeq2col1{color:#ffffff;}
|
|
.sheet-checkequipment3col1:checked ~ .sheet-eq3col1{background-color:#3d4d47;}
|
|
.sheet-checkequipment3col1:checked ~ .sheet-xeq3col1{color:#ffffff;}
|
|
.sheet-checkequipment4col1:checked ~ .sheet-eq4col1{background-color:#3d4d47;}
|
|
.sheet-checkequipment4col1:checked ~ .sheet-xeq4col1{color:#ffffff;}
|
|
.sheet-checkequipment1col2:checked ~ .sheet-eq1col2{background-color:#3d4d47;}
|
|
.sheet-checkequipment1col2:checked ~ .sheet-xeq1col2{color:#ffffff;}
|
|
.sheet-checkequipment2col2:checked ~ .sheet-eq2col2{background-color:#3d4d47;}
|
|
.sheet-checkequipment2col2:checked ~ .sheet-xeq2col2{color:#ffffff;}
|
|
.sheet-checkequipment3col2:checked ~ .sheet-eq3col2{background-color:#3d4d47;}
|
|
.sheet-checkequipment3col2:checked ~ .sheet-xeq3col2{color:#ffffff;}
|
|
.sheet-checkequipment4col2:checked ~ .sheet-eq4col2{background-color:#3d4d47;}
|
|
.sheet-checkequipment4col2:checked ~ .sheet-xeq4col2{color:#ffffff;}
|
|
.sheet-checkequipment1col3:checked ~ .sheet-eq1col3{background-color:#3d4d47;}
|
|
.sheet-checkequipment1col3:checked ~ .sheet-xeq1col3{color:#ffffff;}
|
|
.sheet-checkequipment2col3:checked ~ .sheet-eq2col3{background-color:#3d4d47;}
|
|
.sheet-checkequipment2col3:checked ~ .sheet-xeq2col3{color:#ffffff;}
|
|
.sheet-checkequipment3col3:checked ~ .sheet-eq3col3{background-color:#3d4d47;}
|
|
.sheet-checkequipment3col3:checked ~ .sheet-xeq3col3{color:#ffffff;}
|
|
.sheet-checkequipment4col3:checked ~ .sheet-eq4col3{background-color:#3d4d47;}
|
|
.sheet-checkequipment4col3:checked ~ .sheet-xeq4col3{color:#ffffff;}
|
|
|
|
|
|
.sheet-equipment1col1,.sheet-equipment2col1,.sheet-equipment3col1,.sheet-equipment4col1,
|
|
.sheet-equipment1col2,.sheet-equipment2col2,.sheet-equipment3col2,.sheet-equipment4col2,
|
|
.sheet-equipment1col3,.sheet-equipment2col3,.sheet-equipment3col3,.sheet-equipment4col3{
|
|
display:none;
|
|
}
|
|
|
|
.sheet-checkequipment1col1:checked ~ .sheet-equipment1col1{display:block;}
|
|
.sheet-checkequipment2col1:checked ~ .sheet-equipment2col1{display:block;}
|
|
.sheet-checkequipment3col1:checked ~ .sheet-equipment3col1{display:block;}
|
|
.sheet-checkequipment4col1:checked ~ .sheet-equipment4col1{display:block;}
|
|
.sheet-checkequipment1col2:checked ~ .sheet-equipment1col2{display:block;}
|
|
.sheet-checkequipment2col2:checked ~ .sheet-equipment2col2{display:block;}
|
|
.sheet-checkequipment3col2:checked ~ .sheet-equipment3col2{display:block;}
|
|
.sheet-checkequipment4col2:checked ~ .sheet-equipment4col2{display:block;}
|
|
.sheet-checkequipment1col3:checked ~ .sheet-equipment1col3{display:block;}
|
|
.sheet-checkequipment2col3:checked ~ .sheet-equipment2col3{display:block;}
|
|
.sheet-checkequipment3col3:checked ~ .sheet-equipment3col3{display:block;}
|
|
.sheet-checkequipment4col3:checked ~ .sheet-equipment4col3{display:block;}
|
|
|
|
|
|
.sheet-c-wear1,.sheet-c-wear2,.sheet-c-wear3,.sheet-c-wear4,.sheet-c-wear5,
|
|
.sheet-c-wear6,.sheet-c-wear7,.sheet-c-wear8,.sheet-c-wear9,.sheet-c-wear10{
|
|
display:none;
|
|
}
|
|
|
|
.sheet-check1:checked ~ .sheet-c-wear1{
|
|
display:block;
|
|
}
|
|
.sheet-check2:checked ~ .sheet-c-wear2{
|
|
display:block;
|
|
}
|
|
.sheet-check3:checked ~ .sheet-c-wear3{
|
|
display:block;
|
|
}
|
|
.sheet-check4:checked ~ .sheet-c-wear4{
|
|
display:block;
|
|
}
|
|
.sheet-check5:checked ~ .sheet-c-wear5{
|
|
display:block;
|
|
}
|
|
.sheet-check6:checked ~ .sheet-c-wear6{
|
|
display:block;
|
|
}
|
|
.sheet-check7:checked ~ .sheet-c-wear7{
|
|
display:block;
|
|
}
|
|
.sheet-check8:checked ~ .sheet-c-wear8{
|
|
display:block;
|
|
}
|
|
.sheet-check9:checked ~ .sheet-c-wear9{
|
|
display:block;
|
|
}
|
|
.sheet-check10:checked ~ .sheet-c-wear10{
|
|
display:block;
|
|
}
|
|
|
|
|
|
|
|
.sheet-menu-mode[value="champion"] ~ .sheet-champion,
|
|
.sheet-menu-mode[value="chronicler"] ~ .sheet-chronicler,
|
|
.sheet-menu-mode[value="exile"] ~ .sheet-exile,
|
|
.sheet-menu-mode[value="envoy"] ~ .sheet-envoy,
|
|
.sheet-menu-mode[value="heretic"] ~ .sheet-heretic,
|
|
.sheet-menu-mode[value="pirate"] ~ .sheet-pirate,
|
|
.sheet-menu-mode[value="prince"] ~ .sheet-prince,
|
|
.sheet-menu-mode[value="raconteur"] ~ .sheet-raconteur,
|
|
.sheet-menu-mode[value="raider"] ~ .sheet-raider,
|
|
.sheet-menu-mode[value="seeker"] ~ .sheet-seeker,
|
|
.sheet-menu-mode[value="adventurer"] ~ .sheet-adventurer,
|
|
.sheet-menu-mode[value="arbiter"] ~ .sheet-arbiter,
|
|
.sheet-menu-mode[value="harrier"] ~ .sheet-harrier,
|
|
.sheet-menu-mode[value="ranger"] ~ .sheet-ranger,
|
|
.sheet-menu-mode[value="ronin"] ~ .sheet-ronin,
|
|
.sheet-menu-mode[value="scoundrel"] ~ .sheet-scoundrel,
|
|
.sheet-menu-mode[value="tinker"] ~ .sheet-tinker,
|
|
.sheet-menu-mode[value="thief"] ~ .sheet-thief,
|
|
.sheet-menu-mode[value="dealer"] ~ .sheet-dealer,
|
|
.sheet-menu-mode[value="gourmand"] ~ .sheet-gourmand,
|
|
.sheet-menu-mode[value="hunter"] ~ .sheet-hunter,
|
|
.sheet-menu-mode[value="nomad"] ~ .sheet-nomad,
|
|
.sheet-menu-mode[value="orphan"] ~ .sheet-orphan,
|
|
.sheet-menu-mode[value="scourge"] ~ .sheet-scourge,
|
|
.sheet-menu-mode[value="vagrant"] ~ .sheet-vagrant {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-menu-mode[value="champion"] ~ .sheet-championi,
|
|
.sheet-menu-mode[value="chronicler"] ~ .sheet-chronicleri,
|
|
.sheet-menu-mode[value="exile"] ~ .sheet-exilei,
|
|
.sheet-menu-mode[value="envoy"] ~ .sheet-envoyi,
|
|
.sheet-menu-mode[value="heretic"] ~ .sheet-heretici,
|
|
.sheet-menu-mode[value="pirate"] ~ .sheet-piratei,
|
|
.sheet-menu-mode[value="prince"] ~ .sheet-princei,
|
|
.sheet-menu-mode[value="raconteur"] ~ .sheet-raconteuri,
|
|
.sheet-menu-mode[value="raider"] ~ .sheet-raideri,
|
|
.sheet-menu-mode[value="seeker"] ~ .sheet-seekeri,
|
|
.sheet-menu-mode[value="adventurer"] ~ .sheet-adventureri,
|
|
.sheet-menu-mode[value="arbiter"] ~ .sheet-arbiteri,
|
|
.sheet-menu-mode[value="harrier"] ~ .sheet-harrieri,
|
|
.sheet-menu-mode[value="ranger"] ~ .sheet-rangeri,
|
|
.sheet-menu-mode[value="ronin"] ~ .sheet-ronini,
|
|
.sheet-menu-mode[value="scoundrel"] ~ .sheet-scoundreli,
|
|
.sheet-menu-mode[value="tinker"] ~ .sheet-tinkeri,
|
|
.sheet-menu-mode[value="thief"] ~ .sheet-thiefi,
|
|
.sheet-menu-mode[value="dealer"] ~ .sheet-dealeri,
|
|
.sheet-menu-mode[value="gourmand"] ~ .sheet-gourmandi,
|
|
.sheet-menu-mode[value="hunter"] ~ .sheet-hunteri,
|
|
.sheet-menu-mode[value="nomad"] ~ .sheet-nomadi,
|
|
.sheet-menu-mode[value="orphan"] ~ .sheet-orphani,
|
|
.sheet-menu-mode[value="scourge"] ~ .sheet-scourgei,
|
|
.sheet-menu-mode[value="vagrant"] ~ .sheet-vagranti {
|
|
display: inline;
|
|
}
|
|
|
|
|
|
.sheet-menu-type[value="char"] ~ .sheet-setting-char,
|
|
.sheet-menu-type[value="chan"] ~ .sheet-setting-chan
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-setting-char,
|
|
.sheet-setting-chan,
|
|
.sheet-champion,.sheet-chronicler,.sheet-exile,.sheet-envoy,.sheet-heretic,
|
|
.sheet-pirate,.sheet-prince,.sheet-raconteur,.sheet-raider,.sheet-seeker,
|
|
.sheet-adventurer,.sheet-arbiter,.sheet-harrier,.sheet-ranger,.sheet-ronin,
|
|
.sheet-dealer,.sheet-gourmand,.sheet-hunter,.sheet-nomad,.sheet-orphan, .sheet-scourge,
|
|
.sheet-scoundrel,.sheet-vagrant,.sheet-thief,.sheet-tinker{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-championi,.sheet-chronicleri,.sheet-exilei,.sheet-envoyi,.sheet-heretici,
|
|
.sheet-piratei,.sheet-princei,.sheet-raconteuri,.sheet-raideri,.sheet-seekeri,
|
|
.sheet-adventureri,.sheet-arbiteri,.sheet-harrieri,.sheet-rangeri,.sheet-ronini,
|
|
.sheet-dealeri,.sheet-gourmandi,.sheet-hunteri,.sheet-nomadi,.sheet-orphani, .sheet-scourgei,
|
|
.sheet-scoundreli,.sheet-vagranti,.sheet-thiefi,.sheet-tinkeri{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-dealerx,.sheet-gourmandx,.sheet-hunterx,.sheet-nomadx,.sheet-orphanx, .sheet-scourgex,
|
|
.sheet-adventurerx,.sheet-arbiterx,.sheet-harrierx,.sheet-rangerx,.sheet-roninx,
|
|
.sheet-scoundrelx,.sheet-vagrantx,.sheet-thiefx,.sheet-tinkerx {
|
|
display: none;
|
|
}
|
|
/*-- MENU - FIN --*/
|
|
|
|
/*-- IMAGENES - INICIO --*/
|
|
.sheet-show-otraimg:not([value="1"]) ~ .sheet-container-otraimg .sheet-otraimg {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-menu-otraimg:not([value="sheet_otraimg"]) ~ .sheet-sheet_otraimg {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-otraimg {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
position: absolute;
|
|
top: 0;
|
|
padding-top: 11px;
|
|
z-index: 10000;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2000px;
|
|
}
|
|
|
|
.sheet-otraimg .sheet-content {
|
|
background: #f4eedb;
|
|
border: 2px solid #99925d ;
|
|
margin: 0 auto;
|
|
border-radius: 10px;
|
|
padding: 15px;
|
|
}
|
|
|
|
.sheet-otraimg .sheet-sheet_otraimg {
|
|
width: 450px;
|
|
display: grid;
|
|
grid: auto/repeat(4, 25%);
|
|
grid-row-gap: 5px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sheet-otraimg .sheet-column {
|
|
display: grid;
|
|
align-content: start;
|
|
grid-row-gap: 8px;
|
|
justify-items: center;
|
|
}
|
|
|
|
.sheet-otraimg .sheet-label {
|
|
font-family: 'Double';
|
|
font-size: 20px;
|
|
text-align: center;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
.sheet-otraimg .sheet-desc {
|
|
text-align: center;
|
|
font-size: 12px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-otraimg .sheet-footer {
|
|
grid-column: 1 / span 4;
|
|
font-size: 15px;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
font-style: italic;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-otraimg .sheet-cancelbutton {
|
|
align-self: center;
|
|
justify-self: end;
|
|
}
|
|
|
|
button.sheet-generatebutton {
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
letter-spacing: 0.5px;
|
|
font-size: 14px;
|
|
padding: 2px 8px;
|
|
color: #99925d;
|
|
outline: none;
|
|
border: 1px solid #99925d;
|
|
}
|
|
|
|
button.sheet-generatebutton:hover {
|
|
color: #3d4d47 ;
|
|
border-color: #3d4d47 ;
|
|
}
|
|
|
|
button.sheet-generatebutton .sheet-optional {
|
|
font-size: 0.8em;
|
|
font-style: italic;
|
|
}
|
|
|
|
|
|
/*SELECCION HOJA*/
|
|
.sheet-otraimg-mode[value="img1"] ~ .sheet-img1,
|
|
.sheet-otraimg-mode[value="img2"] ~ .sheet-img2,
|
|
.sheet-otraimg-mode[value="img3"] ~ .sheet-img3,
|
|
.sheet-otraimg-mode[value="img4"] ~ .sheet-img4,
|
|
.sheet-otraimg-mode[value="img5"] ~ .sheet-img5,
|
|
.sheet-otraimg-mode[value="img6"] ~ .sheet-img6,
|
|
.sheet-otraimg-mode[value="img7"] ~ .sheet-img7,
|
|
.sheet-otraimg-mode[value="img8"] ~ .sheet-img8,
|
|
.sheet-otraimg-mode[value="img9"] ~ .sheet-img9,.sheet-otraimg-mode[value="img10"] ~ .sheet-img10,
|
|
.sheet-otraimg-mode[value="img11"] ~ .sheet-img11,.sheet-otraimg-mode[value="img12"] ~ .sheet-img12,.sheet-otraimg-mode[value="img13"] ~ .sheet-img13,.sheet-otraimg-mode[value="img14"] ~ .sheet-img14,.sheet-otraimg-mode[value="img15"] ~ .sheet-img15,.sheet-otraimg-mode[value="img16"] ~ .sheet-img16,.sheet-otraimg-mode[value="img17"] ~ .sheet-img17,.sheet-otraimg-mode[value="img18"] ~ .sheet-img18,.sheet-otraimg-mode[value="img19"] ~ .sheet-img19,.sheet-otraimg-mode[value="img20"] ~ .sheet-img20,
|
|
.sheet-otraimg-mode[value="img21"] ~ .sheet-img21,.sheet-otraimg-mode[value="img22"] ~ .sheet-img22,.sheet-otraimg-mode[value="img23"] ~ .sheet-img23,.sheet-otraimg-mode[value="img24"] ~ .sheet-img24,.sheet-otraimg-mode[value="img25"] ~ .sheet-img25,.sheet-otraimg-mode[value="img26"] ~ .sheet-img26,.sheet-otraimg-mode[value="img27"] ~ .sheet-img27,.sheet-otraimg-mode[value="img28"] ~ .sheet-img28,.sheet-otraimg-mode[value="img29"] ~ .sheet-img29,.sheet-otraimg-mode[value="img30"] ~ .sheet-img30,
|
|
.sheet-otraimg-mode[value="img31"] ~ .sheet-img31,.sheet-otraimg-mode[value="img32"] ~ .sheet-img32,.sheet-otraimg-mode[value="img33"] ~ .sheet-img33,.sheet-otraimg-mode[value="img34"] ~ .sheet-img34,.sheet-otraimg-mode[value="img35"] ~ .sheet-img35,.sheet-otraimg-mode[value="img36"] ~ .sheet-img36,.sheet-otraimg-mode[value="img37"] ~ .sheet-img37,.sheet-otraimg-mode[value="img38"] ~ .sheet-img38,.sheet-otraimg-mode[value="img39"] ~ .sheet-img39,.sheet-otraimg-mode[value="img40"] ~ .sheet-img40,
|
|
.sheet-otraimg-mode[value="img41"] ~ .sheet-img41,.sheet-otraimg-mode[value="img42"] ~ .sheet-img42,.sheet-otraimg-mode[value="img43"] ~ .sheet-img43,.sheet-otraimg-mode[value="img44"] ~ .sheet-img44,.sheet-otraimg-mode[value="img45"] ~ .sheet-img45,.sheet-otraimg-mode[value="img46"] ~ .sheet-img46,.sheet-otraimg-mode[value="img47"] ~ .sheet-img47,.sheet-otraimg-mode[value="img48"] ~ .sheet-img48,.sheet-otraimg-mode[value="img49"] ~ .sheet-img49,.sheet-otraimg-mode[value="img50"] ~ .sheet-img50,
|
|
.sheet-otraimg-mode[value="img51"] ~ .sheet-img51,.sheet-otraimg-mode[value="img52"] ~ .sheet-img52,.sheet-otraimg-mode[value="img53"] ~ .sheet-img53,.sheet-otraimg-mode[value="img54"] ~ .sheet-img54,.sheet-otraimg-mode[value="img55"] ~ .sheet-img55,
|
|
.sheet-otraimg-mode[value="img56"] ~ .sheet-img56{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-otraimg-type[value="char"] ~ .sheet-setting-char,
|
|
.sheet-otraimg-type[value="chan"] ~ .sheet-setting-chan
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-img1,
|
|
.sheet-img2,
|
|
.sheet-img3,
|
|
.sheet-img4,
|
|
.sheet-img5,
|
|
.sheet-img6,
|
|
.sheet-img7,
|
|
.sheet-img8,
|
|
.sheet-img9,.sheet-img10,.sheet-img11,.sheet-img12,.sheet-img13,.sheet-img14,.sheet-img15,.sheet-img16,.sheet-img17,.sheet-img18,.sheet-img19,.sheet-img20,
|
|
.sheet-img21,.sheet-img22,.sheet-img23,.sheet-img24,.sheet-img25,.sheet-img26,.sheet-img27,.sheet-img28,.sheet-img29,.sheet-img30,
|
|
.sheet-img31,.sheet-img32,.sheet-img33,.sheet-img34,.sheet-img35,.sheet-img36,.sheet-img37,.sheet-img38,.sheet-img39,.sheet-img40,
|
|
.sheet-img41,.sheet-img42,.sheet-img43,.sheet-img44,.sheet-img45,.sheet-img46,.sheet-img47,.sheet-img48,.sheet-img49,.sheet-img50,
|
|
.sheet-img51,.sheet-img52,.sheet-img53,.sheet-img54,.sheet-img55,
|
|
.sheet-img56{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-img1x,
|
|
.sheet-img2x {
|
|
display: none;
|
|
}
|
|
/*-- IMAGENES - FIN --*/
|
|
/*-- NATURE - INICIO --*/
|
|
.sheet-show-nature:not([value="1"]) ~ .sheet-container-nature .sheet-nature {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-menu-nature:not([value="sheet_nature"]) ~ .sheet-sheet_nature {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-nature {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
position: absolute;
|
|
top: 0;
|
|
padding-top: 100px;/*11px;*/
|
|
z-index: 10000;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 10000;
|
|
}
|
|
|
|
.sheet-nature .sheet-content {
|
|
background: #eee;
|
|
border: 2px solid black;
|
|
margin: 0 auto;
|
|
border-radius: 10px;
|
|
padding: 15px;
|
|
}
|
|
|
|
.sheet-nature .sheet-sheet_nature {
|
|
width: 450px;
|
|
display: grid;
|
|
grid: auto/repeat(3, 33%);
|
|
grid-row-gap: 5px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sheet-nature .sheet-column {
|
|
display: grid;
|
|
align-content: start;
|
|
grid-row-gap: 8px;
|
|
justify-items: center;
|
|
}
|
|
|
|
.sheet-nature .sheet-label {
|
|
font-family: 'Double';
|
|
font-size: 20px;
|
|
text-align: center;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
.sheet-nature .sheet-desc {
|
|
text-align: center;
|
|
font-size: 12px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-nature .sheet-footer {
|
|
grid-column: 2;
|
|
font-size: 15px;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
font-style: italic;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-nature .sheet-cancelbutton {
|
|
align-self: center;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-nature-mode[value="nature1"] ~ .sheet-nature1,
|
|
.sheet-nature-mode[value="nature2"] ~ .sheet-nature2,
|
|
.sheet-nature-mode[value="nature3"] ~ .sheet-nature3,
|
|
.sheet-nature-mode[value="nature4"] ~ .sheet-nature4,
|
|
.sheet-nature-mode[value="nature5"] ~ .sheet-nature5,
|
|
.sheet-nature-mode[value="nature6"] ~ .sheet-nature6,
|
|
.sheet-nature-mode[value="nature7"] ~ .sheet-nature7,
|
|
.sheet-nature-mode[value="nature8"] ~ .sheet-nature8,
|
|
.sheet-nature-mode[value="nature9"] ~ .sheet-nature9,
|
|
.sheet-nature-mode[value="nature10"] ~ .sheet-nature10,
|
|
.sheet-nature-mode[value="nature11"] ~ .sheet-nature11,
|
|
.sheet-nature-mode[value="nature12"] ~ .sheet-nature12,
|
|
.sheet-nature-mode[value="nature13"] ~ .sheet-nature13,
|
|
.sheet-nature-mode[value="nature14"] ~ .sheet-nature14,
|
|
.sheet-nature-mode[value="nature15"] ~ .sheet-nature15,,
|
|
.sheet-nature-mode[value="nature16"] ~ .sheet-nature16,
|
|
.sheet-nature-mode[value="nature17"] ~ .sheet-nature17,
|
|
.sheet-nature-mode[value="nature18"] ~ .sheet-nature18{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-nature-type[value="char"] ~ .sheet-setting-char,
|
|
.sheet-nature-type[value="chan"] ~ .sheet-setting-chan
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.sheet-nature1,
|
|
.sheet-nature2,
|
|
.sheet-nature3,
|
|
.sheet-nature4,
|
|
.sheet-nature5,
|
|
.sheet-nature6,
|
|
.sheet-nature7,
|
|
.sheet-nature8,
|
|
.sheet-nature9,
|
|
.sheet-nature10,
|
|
.sheet-nature11,
|
|
.sheet-nature12,
|
|
.sheet-nature13,
|
|
.sheet-nature14,
|
|
.sheet-nature15,
|
|
.sheet-nature16,
|
|
.sheet-nature17,
|
|
.sheet-nature18{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-nature1x,
|
|
.sheet-nature2x {
|
|
display: none;
|
|
}
|
|
/*-- IMAGENES - FIN --*/
|
|
|
|
|
|
/*
|
|
|
|
|
|
.sheet-top-container {
|
|
display: grid;
|
|
grid-template-columns:266px 263px 263px;
|
|
grid-template-rows: auto;
|
|
align-content: center;
|
|
|
|
column-gap: 15px;
|
|
row-gap: 8px;
|
|
border: 10px solid #FF0000;
|
|
|
|
grid-template-areas:
|
|
"clase-p clase-p barrio-p"
|
|
"name-p stats-p barrio-p";
|
|
}
|
|
.sheet-item-clase-p{
|
|
grid-area:clase-p;
|
|
border: 2px solid #BBBBBB;
|
|
}
|
|
|
|
.sheet-top-clase-p
|
|
{
|
|
display: grid;
|
|
grid-template-columns:20% 20% 20% 20% 20%;
|
|
grid-template-rows: auto;
|
|
grid-template-areas:
|
|
"top-clase-imagen-p top-clase-titulo-p top-clase-titulo-p top-clase-titulo-p top-clase-titulo-p"
|
|
"top-clase-imagen-p top-clase-dsc-p top-clase-dsc-p top-clase-dsc-p top-clase-dsc-p";
|
|
}
|
|
.sheet-item-top-clase-imagen-p{
|
|
grid-area:top-clase-imagen-p;
|
|
border: 2px solid powderblue;
|
|
}
|
|
|
|
.sheet-imagen{
|
|
width:105px;
|
|
height:116px;
|
|
}
|
|
.sheet-imagen-titulo{
|
|
width:180px;
|
|
padding-top:10px;
|
|
}
|
|
|
|
*/
|
|
.sheet-input-faction {
|
|
height: 10px;
|
|
width: 100px;
|
|
font-family: serif;
|
|
font-size: 20px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: none;
|
|
border-bottom: 1px solid #3D4D47;
|
|
background: transparent;
|
|
outline:none;
|
|
}
|
|
|
|
.sheet-imagen{
|
|
width:97px;
|
|
height:97px;
|
|
}
|
|
.sheet-imagen-titulo{
|
|
width:180px;
|
|
padding-top:10px;
|
|
}
|
|
|
|
.sheet-input-text-stat
|
|
{
|
|
width:40px;
|
|
height:40px;
|
|
font-size: 22px;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
background-repeat: no-repeat;
|
|
background-size:cover;/*35px 35px;*/
|
|
background-image:url(https://roll20.magpiegames.com/root/statbox.png);
|
|
border:0px;
|
|
padding-top:8px;
|
|
outline: none;
|
|
font-family: 'GandhiSansBold','La Ghandi Sans','Helvetica';
|
|
}
|
|
.sheet-div-numerito{
|
|
display:inline;
|
|
position:relative;
|
|
}
|
|
|
|
.sheet-label-numerito{
|
|
display:inline;
|
|
font-size:13px;
|
|
color:#909090;
|
|
position:absolute;
|
|
top:-9px;
|
|
font-family:'La Ghandi Sans','Helvetica',sans-serif;
|
|
|
|
}
|
|
|
|
|
|
/*--FUENTES*/
|
|
.sheet-nombre{
|
|
font-family:'Luminari','Helvetica',sans-serif;
|
|
}
|
|
|
|
/*Basic moves*/
|
|
.sheet-titulo {
|
|
display: grid;
|
|
grid: auto / 5px 190px 20px;
|
|
height: 15px;
|
|
width: 100%;
|
|
justify-items:start;
|
|
grid-gap: 4px;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0px solid #0FF;
|
|
/*background: #dedede;*/
|
|
}
|
|
.sheet-character{
|
|
color: #FFF;
|
|
text-align: left;
|
|
/*width:100%;*/
|
|
/*height:100%;*/
|
|
/*justify-self: start;*/
|
|
/*padding-top:21px;*/
|
|
place-self: center start;
|
|
border: 0px solid #F00;
|
|
}
|
|
|
|
button[type="roll"] {
|
|
text-shadow: none;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
/*font-weight: bold;*/
|
|
/*font-family: 'Double';*/
|
|
outline: none;
|
|
border-radius: 0;
|
|
transition: all 0.2s;
|
|
color: #000;
|
|
|
|
font-weight: 400;
|
|
font-size: 1px;
|
|
font-family: serif;
|
|
/*font-variant: small-caps;*/
|
|
padding: 5px 0 0 0;
|
|
|
|
}
|
|
button[type="roll"].btn::before {
|
|
content: "";
|
|
outline: none;
|
|
}
|
|
|
|
button[type="roll"].sheet-buttonroll {
|
|
display: flex;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
outline: none;
|
|
font-size:46px;
|
|
}
|
|
|
|
button[type="roll"].sheet-buttonroll:hover {
|
|
color: #999;/*#d3d3d3;*/
|
|
outline: none;
|
|
}
|
|
button[type="roll"].sheet-buttonrollstats {
|
|
display: flex;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
outline: none;
|
|
font-size:20px;
|
|
font-family:'Luminari',serif;
|
|
color:#3D4D47;
|
|
}
|
|
|
|
button[type="roll"].sheet-buttonrollstats:hover {
|
|
color: #999;/*#d3d3d3;*/
|
|
outline: none;
|
|
}
|
|
|
|
button[type=roll].sheet-buttonbroadcast {
|
|
|
|
font-family: pictos;
|
|
position: absolute;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
z-index: 3;
|
|
}
|
|
|
|
button[type=roll].sheet-buttondados {
|
|
position: absolute;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
z-index: 3;
|
|
}
|
|
|
|
|
|
.sheet-diceicon{
|
|
background-image:url(https://roll20.magpiegames.com/root/diceicon.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 25px 15px;
|
|
height:15px;
|
|
width:25px;
|
|
margin-top:1px;
|
|
}
|
|
.sheet-diceicon:hover {
|
|
background-image:url(https://roll20.magpiegames.com/root/diceicon.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 25px 15px;
|
|
height:15px;
|
|
width:25px;
|
|
margin-top:1px;
|
|
}
|
|
|
|
.sheet-voluta{
|
|
background-image:url(http://nahualrpg.com/roll20/nahuales/volutag.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 16px 10px;
|
|
height:10px;
|
|
width:16px;
|
|
margin-top:4px;
|
|
}
|
|
.sheet-voluta:hover {
|
|
background-image:url(http://nahualrpg.com/roll20/nahuales/volutan.png);
|
|
background-repeat: no-repeat;
|
|
background-size: 16px 10px;
|
|
height:10px;
|
|
width:16px;
|
|
margin-top:4px;
|
|
}
|
|
/*--Grid 3 cols para equipos - INICIO--*/
|
|
.sheet-equipmentren { grid-area: eren; }
|
|
.sheet-equipmentcol1 { grid-area: ecol1; }
|
|
.sheet-equipmentcol2 { grid-area: ecol2; }
|
|
.sheet-equipmentcol3 { grid-area: ecol3; }
|
|
|
|
.sheet-grid-equipmentitems {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'eren eren eren'
|
|
'ecol1 ecol2 ecol3';
|
|
|
|
/*background-color: #2196F3;*/
|
|
gap:6px;
|
|
padding:0;
|
|
/*background-image: url("https://roll20.magpiegames.com/root/bg.jpg"); */
|
|
}
|
|
/*--Grid 3 cols para equipos - - FIN--*/
|
|
/*--Grid 2 cols para extras - INICIO--*/
|
|
.sheet-othercol1 { grid-area: other1; }
|
|
.sheet-othercol2 { grid-area: other2; }
|
|
|
|
.sheet-grid-othermoves {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'other1 other2 other2';
|
|
|
|
/*background-color: #2196F3;*/
|
|
gap:6px;
|
|
padding:0;
|
|
/*background-image: url("https://roll20.magpiegames.com/root/bg.jpg"); */
|
|
}
|
|
/*--Grid 2 cols para extras - FIN--*/
|
|
|
|
.sheet-investments1 { grid-area: investments1; }
|
|
.sheet-investments2 { grid-area: investments2; }
|
|
|
|
.sheet-grid-investments {
|
|
display: grid;
|
|
grid-template-columns:460px ;
|
|
grid-template-areas:
|
|
'investments1 investments2';
|
|
|
|
/*background-color: #2196F3;*/
|
|
gap:6px;
|
|
padding:0;
|
|
/*background-image: url("https://roll20.magpiegames.com/root/bg.jpg"); */
|
|
column-gap: 19px;
|
|
row-gap:19px;
|
|
/*background-color: #2196F3;*/
|
|
}
|
|
|
|
.sheet-investmentscols1 { grid-area: investmentscols1; }
|
|
.sheet-investmentcolss2 { grid-area: investmentscols2; }
|
|
.sheet-investmentcolss3 { grid-area: investmentscols3; }
|
|
|
|
.sheet-grid-investmentscols {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'investmentscols1 investmentscols2 investmentscols3';
|
|
|
|
/*background-color: #2196F3;*/
|
|
gap:6px;
|
|
padding:0;
|
|
/*background-image: url("https://roll20.magpiegames.com/root/bg.jpg"); */
|
|
column-gap: 5px;
|
|
row-gap:19px;
|
|
/*background-color: #2196F3;*/
|
|
}
|
|
|
|
|
|
/*--Grid 3 cols - se usa en las pestañas - INICIO--*/
|
|
.sheet-3columnas1 { grid-area: col1; }
|
|
.sheet-3columnas2 { grid-area: col2; }
|
|
.sheet-3columnas3 { grid-area: col3; }
|
|
|
|
.sheet-grid-3columnas {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'col1 col2 col3';
|
|
|
|
/*background-color: #2196F3;*/
|
|
gap:6px;
|
|
padding:0;
|
|
/*background-image: url("https://roll20.magpiegames.com/root/bg.jpg"); */
|
|
}
|
|
|
|
.sheet-grid-3columnas > div {
|
|
/*background-color: rgba(255, 255, 255, 0.8);*/
|
|
text-align: left;
|
|
padding: 0;
|
|
font-size: 15px;
|
|
}
|
|
/*--Grid 3 cols - se usa en las pestañas - FIN--*/
|
|
|
|
/*--parte superior - INICIO--*/
|
|
.sheet-item1 { grid-area: perfil; }
|
|
.sheet-item2 { grid-area: stats; }
|
|
.sheet-item3 { grid-area: harm; }
|
|
.sheet-item4 { grid-area: roguish; }
|
|
.sheet-item5 { grid-area: basic; }
|
|
.sheet-item6 { grid-area: weapon; }
|
|
.sheet-item7 { grid-area: reputation; }
|
|
|
|
.sheet-grid-container {
|
|
display: grid;
|
|
|
|
grid-template-columns:260px 260px 260px;
|
|
align-content: center;
|
|
grid-template-areas:
|
|
'perfil stats basic'
|
|
'perfil harm weapon'
|
|
'perfil roguish weapon'
|
|
'perfil roguish weapon'
|
|
'perfil roguish weapon'
|
|
'reputation reputation reputation';
|
|
column-gap: 19px;
|
|
row-gap:19px;
|
|
/*background-color: #2196F3;*/
|
|
padding: 15px;
|
|
/*background-image: url("https://roll20.magpiegames.com/root/bg.jpg"); */
|
|
}
|
|
|
|
.sheet-grid-container > div {
|
|
/*background-color: rgba(255, 255, 255, 0.8);*/
|
|
text-align: center;
|
|
padding: 0;
|
|
font-size: 30px;
|
|
}
|
|
/*--parte superior - FIN--*/
|
|
textarea {
|
|
resize:none;
|
|
}
|
|
|
|
textarea::-webkit-scrollbar {
|
|
width: 2px;
|
|
}
|
|
|
|
textarea::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
textarea::-webkit-scrollbar-thumb {
|
|
background-color: #555;
|
|
outline: 1px solid #555;
|
|
}
|
|
|
|
/*--HARM --*/
|
|
.sheet-div-harm {
|
|
display: grid;
|
|
grid: auto / 17px 17px 17px 17px 17px 17px 17px 17px;
|
|
justify-items:start;
|
|
grid-gap: 0px;
|
|
/*padding: 0;*/
|
|
/*margin: 0;*/
|
|
border: 0px solid #F00;
|
|
}
|
|
.sheet-div-harm-harm{
|
|
color: #FFF;
|
|
/*text-align: left;*/
|
|
/*padding-top:21px;*/
|
|
align-self: center;
|
|
justify-self: start;
|
|
border: 0px solid #0FF;
|
|
padding-top: 4px;
|
|
margin:0;
|
|
}
|
|
.sheet-div-harm-in{
|
|
color: #FFF;
|
|
/*text-align: left;*/
|
|
/*padding-top:21px;*/
|
|
align-self: center;
|
|
justify-self: start;
|
|
border: 0px solid #0FF;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
/**container-harm*/
|
|
.sheet-container-harm {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Hide the browser's default checkbox */
|
|
.sheet-container-harm input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.sheet-checkmark-harm {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0;
|
|
height: 12px;
|
|
width: 12px;
|
|
background-color: #fff; /*#eee*/
|
|
border: 1px solid #99925D;
|
|
}
|
|
|
|
.sheet-container-harm:hover input ~ .sheet-checkmark-harm {
|
|
background-color: #FFF; /*ccc*/
|
|
}
|
|
|
|
.sheet-container-harm input:checked ~ .sheet-checkmark-harm {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
|
|
background-size: cover;
|
|
border: 1px solid #99925D;
|
|
}
|
|
|
|
.sheet-checkmark-harm:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
.sheet-container-harm input:checked ~ .sheet-checkmark-harm:after {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-container-harm .sheet-checkmark-harm:after {
|
|
left: -1000px;
|
|
top: -1000px;
|
|
width: 0px;
|
|
height: 0px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/*****************************************************************************************/
|
|
.sheet-barrioq{
|
|
display: grid;
|
|
grid: auto/ 18px auto;
|
|
grid-gap: 2px;
|
|
}
|
|
|
|
.sheet-container-vices {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Hide the browser's default checkbox */
|
|
.sheet-container-vices input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
/* Create a custom checkbox */
|
|
.sheet-checkmark-vices {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 8px;
|
|
width: 8px;
|
|
background-color: #fff; /*#eee*/
|
|
border: 1px solid #99925D;
|
|
}
|
|
|
|
/* On mouse-over, add a grey background color */
|
|
.sheet-container-vices:hover input ~ .sheet-checkmark-vices {
|
|
background-color: #FFF; /*ccc*/
|
|
}
|
|
|
|
/* When the checkbox is checked, add a blue background */
|
|
.sheet-container-vices input:checked ~ .sheet-checkmark-vices {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
|
|
background-size: cover;
|
|
border: 1px solid #99925D;
|
|
}
|
|
|
|
/* Create the checkmark/indicator (hidden when not checked) */
|
|
.sheet-checkmark-vices:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
/* Show the checkmark when checked */
|
|
.sheet-container-vices input:checked ~ .sheet-checkmark-vices:after {
|
|
display: block;
|
|
}
|
|
|
|
/* Style the checkmark/indicator */
|
|
.sheet-container-vices .sheet-checkmark-vices:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
/* -- ROGUISH FEATS -- */
|
|
.sheet-columna1 { grid-area: columna1; }
|
|
.sheet-columna2 { grid-area: columna2; }
|
|
.sheet-grid-container-columnas {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'columna1';
|
|
gap: 1px;
|
|
padding: 1px;
|
|
}
|
|
|
|
|
|
/* -- YOUR REPUTATION --*/
|
|
/* -- ROGUISH FEATS -- */
|
|
.sheet-rep1 { grid-area: rep1; }
|
|
.sheet-rep2 { grid-area: rep2; }
|
|
.sheet-grid-container-rep {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'rep1 rep2 rep2 rep2';
|
|
gap: 1px;
|
|
padding: 1px;
|
|
}
|
|
|
|
.sheet-grid-container-rep > div {
|
|
text-align: left;
|
|
/*padding-left:10px;*/
|
|
}
|
|
/*-- TEMPLATE ROOTWEAPON- INICIO --*/
|
|
.sheet-rolltemplate-rootweapon {
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/WeaponSkill-MISS.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .inlinerollresult,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/WeaponSkill-HIT.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .inlinerollresult,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/WeaponSkill-FULLHIT.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .inlinerollresult,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/*-- TEMPLATE ROOTWEAPON FIN --*/
|
|
/*-- TEMPLATE BROADCAST -- INICIO --*/
|
|
.sheet-rolltemplate-broadcast {
|
|
/*width: 299px;*/
|
|
/*height: 258px;*/
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
/*
|
|
background:
|
|
background-size: 282px 104px;
|
|
background-repeat: no-repeat;
|
|
*/
|
|
color: white;
|
|
background-color: #f4eedb;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
/*-- TEMPLATE ROOTREPUTATION- INICIO --*/
|
|
.sheet-rolltemplate-rootreputation {
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/ReputationRoll.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .inlinerollresult,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/ReputationRoll.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .inlinerollresult,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/ReputationRoll.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .inlinerollresult,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/*-- TEMPLATE ROOTREPUTATION- FIN --*/
|
|
|
|
/*-- TEMPLATE ROOTSTATS - INICIO --*/
|
|
.sheet-rolltemplate-rootstats {
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/BasicMoves-MISS.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .inlinerollresult,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/BasicMoves-HIT.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .inlinerollresult,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/BasicMoves-FULLHIT.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .inlinerollresult,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/*-- TEMPLATE ROOTSTATS - FIN --*/
|
|
/*-- TEMPLATE ROOTTIRADAS - INICIO --*/
|
|
.sheet-rolltemplate-roottiradas {
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/StatRoll-MISS.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .inlinerollresult,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/StatRoll-HIT.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .inlinerollresult,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull{
|
|
/*width: 299px;*/
|
|
height: 258px;
|
|
padding: 0px;
|
|
margin:0 -5px -4px -45px;
|
|
background: url(https://roll20.magpiegames.com/root/StatRoll-FULLHIT.jpg);
|
|
background-size: 282px 258px;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
/*font-weight: bold;*/
|
|
/*text-shadow: 2px 2px #171819;*/
|
|
border: 0px solid black;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-rollroot{
|
|
display: grid;
|
|
grid: auto/ 280px;
|
|
grid-gap: 2px;
|
|
padding-top: 25px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-rollroot .sheet-roll{
|
|
justify-self:start;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .inlinerollresult,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-success .inlinerollresult,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-success .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-success .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-success .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-failure .inlinerollresult,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-failure .inlinerollresult.importantroll{
|
|
background-color: transparent;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/*-- TEMPLATE ROOTTIRADAS - FIN --*/
|
|
|
|
/*-- REPUTATION ROJO--*/
|
|
.sheet-container-reprojo {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Hide the browser's default checkbox */
|
|
.sheet-container-reprojo input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
/* Create a custom checkbox */
|
|
.sheet-checkmark-reprojo {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 12px;
|
|
width: 12px;
|
|
border-radius:4px;
|
|
background-color: #fff; /*#eee*/
|
|
border: 1px solid #670C0C;
|
|
}
|
|
|
|
/* On mouse-over, add a grey background color */
|
|
.sheet-container-reprojo:hover input ~ .sheet-checkmark-reprojo {
|
|
background-color: #FFF; /*ccc*/
|
|
}
|
|
|
|
/* When the checkbox is checked, add a blue background */
|
|
.sheet-container-reprojo input:checked ~ .sheet-checkmark-reprojo {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
|
|
background-size: cover;
|
|
border: 1px solid #670C0C;
|
|
}
|
|
|
|
/* Create the checkmark/indicator (hidden when not checked) */
|
|
.sheet-checkmark-reprojo:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
/* Show the checkmark when checked */
|
|
.sheet-container-reprojo input:checked ~ .sheet-checkmark-reprojo:after {
|
|
display: block;
|
|
}
|
|
|
|
/* Style the checkmark/indicator */
|
|
.sheet-container-reprojo .sheet-checkmark-reprojo:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/*-- REPUTATION NEGRO--*/
|
|
.sheet-container-repnegro {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Hide the browser's default checkbox */
|
|
.sheet-container-repnegro input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
/* Create a custom checkbox */
|
|
.sheet-checkmark-repnegro {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 12px;
|
|
width: 12px;
|
|
border-radius:4px;
|
|
background-color: #fff; /*#eee*/
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
/* On mouse-over, add a grey background color */
|
|
.sheet-container-repnegro:hover input ~ .sheet-checkmark-repnegro {
|
|
background-color: #FFF; /*ccc*/
|
|
}
|
|
|
|
/* When the checkbox is checked, add a blue background */
|
|
.sheet-container-repnegro input:checked ~ .sheet-checkmark-repnegro {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
|
|
background-size: cover;
|
|
border: 1px solid #000000;
|
|
}
|
|
|
|
/* Create the checkmark/indicator (hidden when not checked) */
|
|
.sheet-checkmark-repnegro:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
/* Show the checkmark when checked */
|
|
.sheet-container-repnegro input:checked ~ .sheet-checkmark-repnegro:after {
|
|
display: block;
|
|
}
|
|
|
|
/* Style the checkmark/indicator */
|
|
.sheet-container-repnegro .sheet-checkmark-repnegro:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/*-- REPUTATION VERDE--*/
|
|
.sheet-container-repverde {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Hide the browser's default checkbox */
|
|
.sheet-container-repverde input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
/* Create a custom checkbox */
|
|
.sheet-checkmark-repverde {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 12px;
|
|
width: 12px;
|
|
border-radius:4px;
|
|
background-color: #fff; /*#eee*/
|
|
border: 1px solid #005023;
|
|
}
|
|
|
|
/* On mouse-over, add a grey background color */
|
|
.sheet-container-repverde:hover input ~ .sheet-checkmark-repverde {
|
|
background-color: #FFF; /*ccc*/
|
|
}
|
|
|
|
/* When the checkbox is checked, add a blue background */
|
|
.sheet-container-repverde input:checked ~ .sheet-checkmark-repverde {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
|
|
background-size: cover;
|
|
border: 1px solid #005023;
|
|
}
|
|
|
|
/* Create the checkmark/indicator (hidden when not checked) */
|
|
.sheet-checkmark-repverde:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
/* Show the checkmark when checked */
|
|
.sheet-container-repverde input:checked ~ .sheet-checkmark-repverde:after {
|
|
display: block;
|
|
}
|
|
|
|
/* Style the checkmark/indicator */
|
|
.sheet-container-repverde .sheet-checkmark-repverde:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
/*-- habilitarEquipos --*/
|
|
.sheet-container-equipos {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.sheet-container-equipos input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.sheet-checkmark-equipos { /*este es el cuadrito blanco*/
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 16px;
|
|
width: 16px;
|
|
/*background-color: #fff; */
|
|
/*border: 1px solid #0000ff;*/
|
|
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/eyeoff.svg");
|
|
background-size: cover;
|
|
border: 0px solid #FF0000;
|
|
|
|
|
|
}
|
|
|
|
.sheet-container-equipos:hover input ~ .sheet-checkmark-equipos {
|
|
/*background-color: #f4eedb;*/ /*ccc*/
|
|
}
|
|
|
|
.sheet-container-equipos input:checked ~ .sheet-checkmark-equipos {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/eyeon.svg");
|
|
background-size: cover;
|
|
border: 0px solid #00FFFF;
|
|
}
|
|
|
|
.sheet-checkmark-equipos:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-container-equipos input:checked ~ .sheet-checkmark-equipos:after {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-container-equipos .sheet-checkmark-equipos:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
|
|
/*-- -3 --*/
|
|
.sheet-container-menos3 {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.sheet-container-menos3 input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.sheet-checkmark-menos3 { /*este es el cuadrito blanco*/
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 16px;
|
|
width: 16px;
|
|
/*background-color: #fff; */
|
|
/*border: 1px solid #0000ff;*/
|
|
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/menos3.png");
|
|
background-size: cover;
|
|
border: 0px solid #FF0000;
|
|
|
|
|
|
}
|
|
|
|
.sheet-container-menos3:hover input ~ .sheet-checkmark-menos3 {
|
|
background-color: #f4eedb; /*ccc*/
|
|
}
|
|
|
|
.sheet-container-menos3 input:checked ~ .sheet-checkmark-menos3 {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/menos3-c.png");
|
|
background-size: cover;
|
|
border: 0px solid #00FFFF;
|
|
}
|
|
|
|
.sheet-checkmark-menos3:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-container-menos3 input:checked ~ .sheet-checkmark-menos3:after {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-container-menos3 .sheet-checkmark-menos3:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/**/
|
|
.sheet-container-menos2 {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.sheet-container-menos2 input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.sheet-checkmark-menos2 { /*este es el cuadrito blanco*/
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 16px;
|
|
width: 16px;
|
|
/*background-color: #fff; */
|
|
/*border: 1px solid #0000ff;*/
|
|
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/menos2.png");
|
|
background-size: cover;
|
|
border: 0px solid #FF0000;
|
|
}
|
|
|
|
.sheet-container-menos2:hover input ~ .sheet-checkmark-menos2 {
|
|
background-color: #f4eedb; /*ccc*/
|
|
}
|
|
|
|
.sheet-container-menos2 input:checked ~ .sheet-checkmark-menos2 {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/menos2-c.png");
|
|
background-size: cover;
|
|
border: 0px solid #00FFFF;
|
|
}
|
|
|
|
.sheet-checkmark-menos2:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-container-menos2 input:checked ~ .sheet-checkmark-menos2:after {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-container-menos2 .sheet-checkmark-menos2:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/*-- -1 --*/
|
|
.sheet-container-menos1 {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.sheet-container-menos1 input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.sheet-checkmark-menos1 { /*este es el cuadrito blanco*/
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 16px;
|
|
width: 16px;
|
|
/*background-color: #fff; */
|
|
/*border: 1px solid #0000ff;*/
|
|
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/menos1.png");
|
|
background-size: cover;
|
|
border: 0px solid #FF0000;
|
|
|
|
|
|
}
|
|
|
|
.sheet-container-menos1:hover input ~ .sheet-checkmark-menos1 {
|
|
background-color: #f4eedb; /*ccc*/
|
|
}
|
|
|
|
.sheet-container-menos1 input:checked ~ .sheet-checkmark-menos1 {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/menos1-c.png");
|
|
background-size: cover;
|
|
border: 0px solid #00FFFF;
|
|
}
|
|
|
|
.sheet-checkmark-menos1:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-container-menos1 input:checked ~ .sheet-checkmark-menos1:after {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-container-menos1 .sheet-checkmark-menos1:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/*-- +0 --*/
|
|
.sheet-container-mas0 {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.sheet-container-mas0 input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.sheet-checkmark-mas0 { /*este es el cuadrito blanco*/
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 16px;
|
|
width: 16px;
|
|
/*background-color: #fff; */
|
|
/*border: 1px solid #0000ff;*/
|
|
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/mas0.png");
|
|
background-size: cover;
|
|
border: 0px solid #FF0000;
|
|
|
|
|
|
}
|
|
|
|
.sheet-container-mas0:hover input ~ .sheet-checkmark-mas0 {
|
|
background-color: #f4eedb; /*ccc*/
|
|
}
|
|
|
|
.sheet-container-mas0 input:checked ~ .sheet-checkmark-mas0 {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/mas0-c.png");
|
|
background-size: cover;
|
|
border: 0px solid #00FFFF;
|
|
}
|
|
|
|
.sheet-checkmark-mas0:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-container-mas0 input:checked ~ .sheet-checkmark-mas0:after {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-container-mas0 .sheet-checkmark-mas0:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/*-- +1 --*/
|
|
.sheet-container-mas1 {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.sheet-container-mas1 input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.sheet-checkmark-mas1 { /*este es el cuadrito blanco*/
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 16px;
|
|
width: 16px;
|
|
/*background-color: #fff; */
|
|
/*border: 1px solid #0000ff;*/
|
|
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/mas1.png");
|
|
background-size: cover;
|
|
border: 0px solid #FF0000;
|
|
|
|
|
|
}
|
|
|
|
.sheet-container-mas1:hover input ~ .sheet-checkmark-mas1 {
|
|
background-color: #f4eedb; /*ccc*/
|
|
}
|
|
|
|
.sheet-container-mas1 input:checked ~ .sheet-checkmark-mas1 {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/mas1-c.png");
|
|
background-size: cover;
|
|
border: 0px solid #00FFFF;
|
|
}
|
|
|
|
.sheet-checkmark-mas1:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-container-mas1 input:checked ~ .sheet-checkmark-mas1:after {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-container-mas1 .sheet-checkmark-mas1:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/*-- +2 --*/
|
|
.sheet-container-mas2 {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.sheet-container-mas2 input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.sheet-checkmark-mas2 { /*este es el cuadrito blanco*/
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 16px;
|
|
width: 16px;
|
|
/*background-color: #fff; */
|
|
/*border: 1px solid #0000ff;*/
|
|
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/mas2.png");
|
|
background-size: cover;
|
|
border: 0px solid #FF0000;
|
|
|
|
|
|
}
|
|
|
|
.sheet-container-mas2:hover input ~ .sheet-checkmark-mas2 {
|
|
background-color: #f4eedb; /*ccc*/
|
|
}
|
|
|
|
.sheet-container-mas2 input:checked ~ .sheet-checkmark-mas2 {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/mas2-c.png");
|
|
background-size: cover;
|
|
border: 0px solid #00FFFF;
|
|
}
|
|
|
|
.sheet-checkmark-mas2:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-container-mas2 input:checked ~ .sheet-checkmark-mas2:after {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-container-mas2 .sheet-checkmark-mas2:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/*-- +3 --*/
|
|
.sheet-container-mas3 {
|
|
display: block;
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.sheet-container-mas3 input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.sheet-checkmark-mas3 { /*este es el cuadrito blanco*/
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 0;
|
|
height: 16px;
|
|
width: 16px;
|
|
/*background-color: #fff; */
|
|
/*border: 1px solid #0000ff;*/
|
|
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/mas3.png");
|
|
background-size: cover;
|
|
border: 0px solid #FF0000;
|
|
|
|
|
|
}
|
|
|
|
.sheet-container-mas3:hover input ~ .sheet-checkmark-mas3 {
|
|
background-color: #f4eedb; /*ccc*/
|
|
}
|
|
|
|
.sheet-container-mas3 input:checked ~ .sheet-checkmark-mas3 {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("https://roll20.magpiegames.com/root/mas3-c.png");
|
|
background-size: cover;
|
|
border: 0px solid #00FFFF;
|
|
}
|
|
|
|
.sheet-checkmark-mas3:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-container-mas3 input:checked ~ .sheet-checkmark-mas3:after {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-container-mas3 .sheet-checkmark-mas3:after {
|
|
left: -1000px;
|
|
top: 5px;
|
|
width: 5px;
|
|
height: 10px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
|
|
/*-- PESTAÑAS TAB - INICIO --*/
|
|
|
|
div.sheet-tab-content { display: none; }
|
|
|
|
input.sheet-tab1:checked ~ div.sheet-tab1,
|
|
input.sheet-tab2:checked ~ div.sheet-tab2,
|
|
input.sheet-tab3:checked ~ div.sheet-tab3,
|
|
input.sheet-tab4:checked ~ div.sheet-tab4,
|
|
input.sheet-tab5:checked ~ div.sheet-tab5
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab1:checked + span.sheet-tab1,
|
|
input.sheet-tab2:checked + span.sheet-tab2,
|
|
input.sheet-tab3:checked + span.sheet-tab3,
|
|
input.sheet-tab4:checked + span.sheet-tab4,
|
|
input.sheet-tab5:checked + span.sheet-tab5{
|
|
/* background: gray;
|
|
color: white;*/
|
|
color:#e0e0e0;
|
|
background:#000000;
|
|
}
|
|
|
|
input.sheet-tab
|
|
{
|
|
width: 200px;
|
|
height: 30px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin-left: -4.3px;
|
|
margin-top: -1.5px;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
span.sheet-tab {
|
|
outline:none;
|
|
border:0px;
|
|
height:40px;
|
|
width:200px;
|
|
/*font-weight:bold;*/
|
|
font-size:20px;
|
|
font-family:Luminari,serif;
|
|
padding:0;
|
|
/*margin:0;*/
|
|
text-align: center;
|
|
|
|
color:#ffffff;
|
|
background:#4e748a;
|
|
|
|
position: relative;
|
|
margin-left: -200px;
|
|
cursor:pointer;
|
|
display:inline-block;
|
|
/*
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
background: white;
|
|
color: gray;
|
|
font-weight: bold;
|
|
width: 70px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
margin-left: -75px;
|
|
*/
|
|
}
|
|
input.sheet-tab::before
|
|
{
|
|
content: attr(title);
|
|
border: solid 1px #a8a8a8;
|
|
border-bottom-color: black;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #fff;
|
|
background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
|
background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
|
background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
|
background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
|
background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
|
|
width: 50px;
|
|
height: 20px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
input.sheet-tab:checked::before
|
|
{
|
|
background: #dcdcdc;
|
|
background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
|
background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
|
background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
|
background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
|
background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
|
|
border-bottom-color: #fff;
|
|
}
|
|
|
|
input.sheet-tab:not(:first-child)::before
|
|
{
|
|
border-left: none;
|
|
}
|
|
|
|
div.sheet-tab-content
|
|
{
|
|
|
|
border: 1px solid #a8a8a8;
|
|
border-top-color: #000;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
/*-- PESTAÑAS TAB - FIN --*/
|
|
/*-- CSS GRID EQUIPMENT --*/
|
|
|
|
.sheet-eqm1 { grid-area: name; }
|
|
.sheet-eqm3 { grid-area: value; }
|
|
.sheet-eqm4 { grid-area: load; }
|
|
.sheet-eqm5 { grid-area: range; }
|
|
.sheet-eqm6 { grid-area: weapons; }
|
|
.sheet-eqm7 { grid-area: tags; }
|
|
|
|
.sheet-grid-equipment {
|
|
display: grid;
|
|
grid-template-areas:
|
|
'name name'
|
|
'value load '
|
|
'range range '
|
|
'weapons weapons'
|
|
'tags tags';
|
|
gap: 0px;
|
|
|
|
justify-content: start;
|
|
grid-template-columns: auto auto auto auto;
|
|
|
|
align-items: center;
|
|
}
|
|
/*-- --*/
|
|
/*--HARM --*/
|
|
.sheet-div-wear {
|
|
display: grid;
|
|
grid: auto / 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 5px;
|
|
justify-items:end;
|
|
grid-gap: 0px;
|
|
border: 0px solid #F00;
|
|
}
|
|
.sheet-div-wear-wear{
|
|
color: #FFF;
|
|
/*text-align: left;*/
|
|
/*padding-top:21px;*/
|
|
align-self: center;
|
|
justify-self: start;
|
|
border: 0px solid #0FF;
|
|
padding-top: 4px;
|
|
margin:0;
|
|
}
|
|
.sheet-div-wear-in{
|
|
color: #FFF;
|
|
/*text-align: left;*/
|
|
/*padding-top:21px;*/
|
|
align-self: center;
|
|
justify-self: start;
|
|
border: 0px solid #0FF;
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
/**container-wear*/
|
|
.sheet-container-wear {
|
|
/*display: block;*/
|
|
position: relative;
|
|
padding-left: 35px;
|
|
margin-bottom: 12px;
|
|
cursor: pointer;
|
|
font-size: 22px;
|
|
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Hide the browser's default checkbox */
|
|
.sheet-container-wear input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
|
|
.sheet-checkmark-wear {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0;
|
|
height: 12px;
|
|
width: 12px;
|
|
background-color: #fff; /*#eee*/
|
|
border: 1px solid #99925D;
|
|
}
|
|
|
|
.sheet-container-wear:hover input ~ .sheet-checkmark-wear {
|
|
background-color: #FFF; /*ccc*/
|
|
}
|
|
|
|
.sheet-container-wear input:checked ~ .sheet-checkmark-wear {
|
|
background-color: #FFF; /*2196F3*/
|
|
background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
|
|
background-size: cover;
|
|
border: 1px solid #99925D;
|
|
}
|
|
|
|
.sheet-checkmark-wear:after {
|
|
content: "";
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
.sheet-container-wear input:checked ~ .sheet-checkmark-wear:after {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-container-wear .sheet-checkmark-wear:after {
|
|
left: -1000px;
|
|
top: -1000px;
|
|
width: 0px;
|
|
height: 0px;
|
|
border: solid white;
|
|
border-width: 0 3px 3px 0;
|
|
-webkit-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
/*****************************************************************************************/
|
|
/*YOUR MOVES - INICIO*/
|
|
.sheet-vices{
|
|
display: grid;
|
|
grid-template-columns:13px auto;
|
|
/*grid-template-rows: auto auto;*/
|
|
grid-gap: 0px;
|
|
grid-template-areas:
|
|
"vices1 vices2"
|
|
"vices3 vices3";
|
|
|
|
}
|
|
.sheet-vices1{
|
|
grid-area:vices1;
|
|
width:1px;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
.sheet-vices2{
|
|
grid-area:vices2;
|
|
justify-self: start:
|
|
align-self: end;
|
|
padding-top: 2px;
|
|
border: 0px solid #909090;
|
|
}
|
|
.sheet-vices3{
|
|
grid-area:vices3;
|
|
justify-self: start:
|
|
align-self: end;
|
|
border: 0px solid #909090;
|
|
}
|
|
/**/
|
|
|
|
/*YOUR MOVES - FIN*/
|
|
|