mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-11 17:42:29 +00:00
1256 lines
29 KiB
CSS
1256 lines
29 KiB
CSS
/* CLOUD EMPRESS */
|
|
/* Character sheet for ROll20 by VJ Rolmasters*/
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Mansalva&family=Mynerve&family=Outfit:wght@100..900&display=swap');
|
|
|
|
/*============= FONTS CSS =============*/
|
|
.mynerve-regular {
|
|
font-family: "Mynerve", cursive;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
.mansalva-regular {
|
|
font-family: "Mansalva", sans-serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
.caveat{
|
|
font-family: "Caveat", cursive;
|
|
font-optical-sizing: auto;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
.outfit {
|
|
font-family: "Outfit", sans-serif;
|
|
font-optical-sizing: auto;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
/* CSS TABS MENU */
|
|
.sheet-margemenu {
|
|
float: left;
|
|
width: 255px;
|
|
min-width: 255px;
|
|
height: 30px;
|
|
padding: 0px 10px;
|
|
}
|
|
|
|
/* Vertical tabs */
|
|
.sheet-notebook-tabs {
|
|
position: relative;
|
|
float: left;
|
|
width: 600px;
|
|
gap: 6px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.sheet-notebook-tab {
|
|
float: left;
|
|
width: auto;
|
|
min-width: 100px;
|
|
height: 30px;
|
|
padding: 0px 10px;
|
|
background: #cc6634;
|
|
color: #ffffff;
|
|
border: none;
|
|
/* border-radius: 0 10px 10px 0; */
|
|
cursor: pointer;
|
|
font-family: "Outfit", sans-serif;
|
|
font-optical-sizing: auto;
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
/* display: flex; */
|
|
/* align-items: center; */
|
|
/* justify-content: center; */
|
|
/* font-weight: bold; */
|
|
/* font-size: 12px; */
|
|
/* text-transform: uppercase; */
|
|
/* writing-mode: vertical-rl; */
|
|
/* text-orientation: mixed; */
|
|
/* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); */
|
|
}
|
|
.sheet-notebook-tab:hover { background:#999966; }
|
|
|
|
/* Ocultar todas las pestañas */
|
|
.charsheet .sheet-zero,
|
|
.charsheet .sheet-un,
|
|
.charsheet .sheet-dos,
|
|
.charsheet .sheet-tres,
|
|
.charsheet .sheet-quatre {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Mostrar según valor del input */
|
|
.charsheet .sheet-tabstoggle[value="zero"] ~ .sheet-container .sheet-zero,
|
|
.charsheet .sheet-tabstoggle[value="un"] ~ .sheet-container .sheet-un,
|
|
.charsheet .sheet-tabstoggle[value="dos"] ~ .sheet-container .sheet-dos,
|
|
.charsheet .sheet-tabstoggle[value="tres"] ~ .sheet-container .sheet-tres,
|
|
.charsheet .sheet-tabstoggle[value="quatre"] ~ .sheet-container .sheet-quatre {
|
|
display: block !important;
|
|
}
|
|
|
|
/* Botones activos */
|
|
.charsheet .sheet-tabstoggle[value="zero"] ~ .sheet-container .sheet-notebook-tabs .sheet-button0,
|
|
.charsheet .sheet-tabstoggle[value="un"] ~ .sheet-container .sheet-notebook-tabs .sheet-button1,
|
|
.charsheet .sheet-tabstoggle[value="dos"] ~ .sheet-container .sheet-notebook-tabs .sheet-button2,
|
|
.charsheet .sheet-tabstoggle[value="tres"] ~ .sheet-container .sheet-notebook-tabs .sheet-button3,
|
|
.charsheet .sheet-tabstoggle[value="quatre"] ~ .sheet-container .sheet-notebook-tabs .sheet-button4 {
|
|
background: #f1cd99;
|
|
color: #000000;
|
|
width: auto;
|
|
min-width: 120px;
|
|
height: 30px;
|
|
padding: 0px 10px;
|
|
background-color: transparent !important;
|
|
font-family: "Outfit", sans-serif;
|
|
font-optical-sizing: auto;
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
/*background-image: url("https://rolmasters.com/ROLL20/OMERTA/boton_portafolio_A4_30px.png");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: bottom center;
|
|
*/
|
|
|
|
}
|
|
|
|
|
|
|
|
.sheet-contenedorvj {
|
|
position: relative;
|
|
width: 1400px;
|
|
height: auto;
|
|
min-height: 1000px;
|
|
margin: 0px auto;
|
|
}
|
|
.sheet-container {
|
|
position: relative;
|
|
float: left;
|
|
width: 658px;
|
|
margin: 0px 0px 0px 0px;
|
|
min-height: 1000px;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
.sheet-zero{
|
|
position: relative;
|
|
float:left;
|
|
width: 100%;
|
|
max-width: 658px;
|
|
height: 1000px;
|
|
margin: -30px 0px 0px 0px;
|
|
background-image: url("https://rolmasters.com/ROLL20/CLOUD EMPRESS/C_E_FONDO_1B.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: bottom center;
|
|
}
|
|
.sheet-un{
|
|
position: relative;
|
|
float:left;
|
|
width: 100%;
|
|
max-width: 658px;
|
|
height: 1000px;
|
|
margin: -30px 0px 0px 0px;
|
|
background-image: url("https://rolmasters.com/ROLL20/CLOUD EMPRESS/C_E_FONDO_2C.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: bottom center;
|
|
}
|
|
.sheet-dos{
|
|
position: relative;
|
|
float:left;
|
|
width: 100%;
|
|
max-width: 658px;
|
|
height: 1000px;
|
|
margin: -30px 0px 0px 0px;
|
|
background-image: url("https://rolmasters.com/ROLL20/CLOUD EMPRESS/C_E_FONDO_E_BLANC_1.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: bottom center;
|
|
}
|
|
.sheet-tres{
|
|
position: relative;
|
|
float:left;
|
|
width: 100%;
|
|
max-width: 658px;
|
|
height: 1000px;
|
|
margin: -30px 0px 0px 0px;
|
|
background-image: url("https://rolmasters.com/ROLL20/CLOUD EMPRESS/C_E_FONDO_E_BLANC_1.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: bottom center;
|
|
}
|
|
.sheet-quatre{
|
|
position: relative;
|
|
float:left;
|
|
width: 100%;
|
|
max-width: 658px;
|
|
height: 1000px;
|
|
margin: -30px 0px 0px 0px;
|
|
background-image: url("https://rolmasters.com/ROLL20/CLOUD EMPRESS/C_E_FONDO_E_BLANC_1.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: bottom center;
|
|
}
|
|
|
|
.sheet-ficha{
|
|
position: relative;
|
|
float:left;
|
|
width: 658px;
|
|
max-width: 658px;
|
|
height: 1000px;
|
|
background-image: url("https://rolmasters.com/ROLL20/CLOUD EMPRESS/C_E_FONDO_3C.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: bottom center;
|
|
}
|
|
|
|
|
|
/*============= SECCIÓ ESQUERRA CSS =============*/
|
|
|
|
.sheet-esquerrazero{
|
|
position: relative;
|
|
float:left;
|
|
width: 100%;
|
|
max-width: 658px;
|
|
height: 150px;
|
|
margin: 800px 0px 0px 0px;
|
|
box-sizing:border-box;
|
|
}
|
|
|
|
.sheet-characterinfo2{
|
|
position: relative;
|
|
float: left;
|
|
line-height: 30px;
|
|
padding: 0px 0px 0px 0px ;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
outline: 0px;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
font-size: 20px;
|
|
font-family: "Mynerve", serif;
|
|
color:#1D1D1D;
|
|
}
|
|
.sheet-characterinfo2P16{
|
|
position: relative;
|
|
float: left;
|
|
line-height: 30px;
|
|
padding: 0px 0px 0px 0px ;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
outline: 0px;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
font-size: 16px;
|
|
font-family: "Mynerve", serif;
|
|
color:#1D1D1D;
|
|
}
|
|
.sheet-characterinfo2L{
|
|
position: relative;
|
|
float: left;
|
|
line-height: 30px;
|
|
padding: 0px 0px 0px 0px ;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
outline: 0px;
|
|
text-align: left;
|
|
background-color: transparent;
|
|
font-size: 20px;
|
|
font-family: "Mynerve", serif;
|
|
color:#1D1D1D;
|
|
}
|
|
.sheet-characterinfo2b{
|
|
position: relative;
|
|
float: left;
|
|
width:200px;
|
|
height:30px;
|
|
padding: 0px 0px 0px 0px ;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
outline: 0px;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
font-size: 26px;
|
|
font-family: "Mynerve", serif;
|
|
color:#1D1D1D;
|
|
}
|
|
|
|
.sheet-textareaempty{
|
|
position: relative;
|
|
float: left;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
border: none!important;
|
|
background-color: transparent;
|
|
line-height: 20px;
|
|
font-size: 16px;
|
|
font-family: "Mynerve", serif;
|
|
font-weight: 500;
|
|
color:#1D1D1D;
|
|
overflow-y: auto;
|
|
scrollbar-color: #000000 transparent;
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
/*============= SECCIÓ DRETA CSS =============*/
|
|
|
|
|
|
.sheet-zona1{
|
|
position: relative;
|
|
float: left;
|
|
width: 658px;
|
|
max-width: 658px;
|
|
height:200px!important;
|
|
max-height: 200px;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
}
|
|
|
|
.sheet-tiradasecreta {
|
|
position: absolute;
|
|
left: 45px;
|
|
top: 20px;
|
|
float: left;
|
|
width: 250px;
|
|
height: 20px;
|
|
box-sizing:border-box;
|
|
font-family: "Outfit";
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
text-align: left;
|
|
color: #1D1D1D;
|
|
z-index:3;
|
|
}
|
|
.sheet-barralanzadados{
|
|
position: absolute;
|
|
right: 50px;
|
|
top: 10px;
|
|
float: right;
|
|
width: auto;
|
|
height: 30px;
|
|
min-height: 30px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px 10px 1px 10px;
|
|
cursor:pointer;
|
|
text-align: center;
|
|
font-family: "Outfit";
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-size: 16px;
|
|
color: #ffffff;
|
|
background: #cc6634;
|
|
z-index: 3;
|
|
}
|
|
|
|
.sheet-zona2{
|
|
position: relative;
|
|
float: left;
|
|
width: 465px;
|
|
max-width: 465px;
|
|
height:620px!important;
|
|
max-height: 620px;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
}
|
|
|
|
.sheet-zona2atributs{
|
|
position: relative;
|
|
float: left;
|
|
width: 465px;
|
|
max-width: 465px;
|
|
height:420px!important;
|
|
max-height: 620px;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
}
|
|
|
|
|
|
.sheet-preatributsbox1{
|
|
position: relative;
|
|
float: left;
|
|
width: 120px;
|
|
height:125px!important;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
}
|
|
.sheet-atributsbox1{
|
|
position: relative;
|
|
float: left;
|
|
width: 76px;
|
|
height:125px!important;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
}
|
|
.sheet-atributsvalue{
|
|
position: relative;
|
|
float: left;
|
|
width:100%!important;
|
|
height:30px!important;
|
|
margin: 27px 0px 0px 0px!important;
|
|
padding: 0px 0px 0px 0px ;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
outline: 0px;
|
|
text-align: center;
|
|
background-color: transparent;
|
|
font-size: 30px;
|
|
font-family: "Mynerve", serif;
|
|
color:#1D1D1D;
|
|
}
|
|
|
|
.sheet-preatributsbox2{
|
|
position: relative;
|
|
float: left;
|
|
width: 196px;
|
|
height:115px!important;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
}
|
|
.sheet-atributsbox2{
|
|
position: relative;
|
|
float: left;
|
|
width: 76px;
|
|
height:115px!important;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
}
|
|
|
|
|
|
|
|
.sheet-zona2gears{
|
|
position: relative;
|
|
float: left;
|
|
width: 465px;
|
|
max-width: 465px;
|
|
height:175px!important;
|
|
max-height: 620px;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
}
|
|
|
|
.sheet-zona3{
|
|
position: relative;
|
|
float: left;
|
|
width: 175px;
|
|
max-width: 175px;
|
|
height:620px!important;
|
|
max-height: 620px;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
}
|
|
.sheet-checkhabilitat{
|
|
float:left;
|
|
width: 12px!important;
|
|
height: 12px!important;
|
|
margin: 4px 10px 0px 10px !important;
|
|
color:black; accent-color:black;
|
|
border-color: black;
|
|
}
|
|
|
|
.sheet-habilitat{
|
|
position: relative;
|
|
float: left;
|
|
width: 140px!important;
|
|
height:19px!important;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
font-size: 14px;
|
|
font-family: "Outfit";
|
|
font-weight: 400;
|
|
color: #1D1D1D;
|
|
}
|
|
|
|
|
|
.sheet-zona4{
|
|
position: relative;
|
|
float: left;
|
|
width: 658px;
|
|
max-width: 658px;
|
|
height:170px!important;
|
|
max-height: 170px;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
}
|
|
|
|
|
|
|
|
.sheet-textareapj1{
|
|
position: relative;
|
|
float: none;
|
|
margin: 0px 2% 0px 2%;
|
|
padding: 0px 15px;
|
|
width: 96%!important;
|
|
min-width:200px;
|
|
max-width: 600px;
|
|
height:200px!important;
|
|
max-height: 200px;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color:transparent;
|
|
border: 3px double darkred;
|
|
line-height: 20px;
|
|
font-size: 14px;
|
|
font-family: "IM Fell Great Primer", serif;
|
|
font-weight: 500;
|
|
color: #000000;
|
|
overflow-y: auto;
|
|
scrollbar-color: darkred transparent;
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
|
|
|
|
/*============= PERSONAJE NO TAB 1 CSS =============*/
|
|
|
|
|
|
.sheet-avatar-box{
|
|
float:left;
|
|
position:relative;
|
|
width:320px;
|
|
height:265px;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
}
|
|
.sheet-avatar-foto{
|
|
float: left;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 236px;
|
|
height: auto;
|
|
min-height: 225px;
|
|
max-height: 225px;
|
|
margin: 20px 0px 0px 40px;
|
|
overflow: hidden;
|
|
border: 2px solid #A45700;
|
|
}
|
|
.sheet-avatar-foto img{
|
|
float: none;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: auto;
|
|
position: relative;
|
|
margin: 0px;
|
|
padding: 0px 0px 0px 0px;
|
|
text-align: center;
|
|
}
|
|
|
|
/*============= DETAILS CSS =============*/
|
|
|
|
|
|
details{
|
|
color: #A45700 !important;
|
|
padding: 5px 0px 0px;
|
|
cursor: pointer;
|
|
}
|
|
details:hover{
|
|
color: #472600 !important;
|
|
padding: 5px 0px 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
/*============= GENERAL CSS =============*/
|
|
|
|
.sheet-width100{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 19px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-columnaters{
|
|
float:left;
|
|
position:relative;
|
|
width:240px;
|
|
height:auto;
|
|
min-height: 200px;
|
|
margin: 0% 5px 0px 5px;
|
|
padding: 0px;
|
|
|
|
}
|
|
.sheet-columnadosters{
|
|
float:left;
|
|
position:relative;
|
|
width: 480px;
|
|
height:auto;
|
|
min-height: 200px;
|
|
margin: 0px 0px 0px 14px;
|
|
padding: 0px;
|
|
}
|
|
.sheet-columnamig{
|
|
float:left;
|
|
position:relative;
|
|
width:49%;
|
|
height:auto;
|
|
margin: 0% 0% 0% 1%;
|
|
padding: 0px;
|
|
}
|
|
.sheet-columnacinc{
|
|
float:left;
|
|
position:relative;
|
|
width:20%;
|
|
height:auto;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
}
|
|
.sheet-columnasis{
|
|
float:left;
|
|
position:relative;
|
|
width:16%;
|
|
height:auto;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
}
|
|
|
|
/*============= ESPACIADORES Y SEPARADORES CSS =============*/
|
|
|
|
[class^="sheet-espai-"] {
|
|
float: left;
|
|
position: relative;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
|
|
/* === Alturas específicas === */
|
|
.sheet-espai-5 { height: 5px; }
|
|
.sheet-espai-7 { height: 7px; }
|
|
.sheet-espai-10 { height: 10px; }
|
|
.sheet-espai-15 { height: 15px; }
|
|
.sheet-espai-20 { height: 20px; }
|
|
.sheet-espai-30 { height: 30px; }
|
|
.sheet-espai-40 { height: 40px; }
|
|
.sheet-espai-50 { height: 40px; }
|
|
.sheet-espai-60 { height: 60px; }
|
|
|
|
/*============= REPCONTROL BOTONS CSS =============*/
|
|
.repcontrol {
|
|
display: flex;
|
|
width: 96%;
|
|
justify-content: flex-end;
|
|
clear: both;
|
|
}
|
|
.repcontrol_add,
|
|
.repcontrol_edit,
|
|
.repcontrol_add:hover,
|
|
.repcontrol_edit:hover,
|
|
.repcontrol_add:active,
|
|
.repcontrol_edit:active
|
|
.repcontrol_add:focus,
|
|
.repcontrol_edit:focus{
|
|
width: 2em;
|
|
height: 1.2em;
|
|
margin: 1px;
|
|
padding: 0 1px 3px 1px;
|
|
box-shadow: none;
|
|
color: transparent !important;
|
|
text-shadow: none;
|
|
outline: transparent !important;
|
|
}
|
|
.repcontrol_move {
|
|
float: left;
|
|
margin-left: 5px;
|
|
cursor: move;
|
|
}
|
|
button.btn.repcontrol_del:after,
|
|
button.btn.repcontrol_del:hover {
|
|
color: black;
|
|
}
|
|
button.btn.repcontrol_edit:after {
|
|
font-family: Pictos;
|
|
content: '(';
|
|
color: black;
|
|
margin: 0 0 0 -38px;
|
|
}
|
|
.repcontainer.ui-sortable.editmode ~ .repcontrol button.btn.repcontrol_edit:after {
|
|
margin: 0 0 0 -28px;
|
|
content: ')';
|
|
}
|
|
button.btn.repcontrol_add:after {
|
|
font-family: Pictos;
|
|
content: '&';
|
|
color: black;
|
|
margin: 0 0 0 -31px;
|
|
}
|
|
button.btn:hover.repcontrol_edit:after,
|
|
button.btn:hover.repcontrol_add:after,
|
|
button.btn:hover.repcontrol_del:after {
|
|
color: #73940D;
|
|
}
|
|
a.btn.repcontrol_move:hover {
|
|
color: #73940D;
|
|
}
|
|
button.btn.btn-danger.pictos.repcontrol_del:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
/*=================== FIRMA CSS ===================*/
|
|
|
|
.sheet-firma-foot{
|
|
|
|
float: left;
|
|
width: 100%;
|
|
height: 20px;
|
|
min-height: 20px;
|
|
margin: 10px auto 0px;
|
|
font-family: "Outfit";
|
|
font-weight: 500;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
color: #1D1D1D;
|
|
}
|
|
|
|
/*=================== MEDIA CSS ===================*/
|
|
|
|
|
|
@media screen and (max-width: 750px){
|
|
.sheet-contenedorvj {
|
|
position: relative;
|
|
width: 660px;
|
|
height: auto;
|
|
min-height: 1276px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1000px){
|
|
.sheet-contenedorvj {
|
|
position: relative;
|
|
width: 1322px;
|
|
height: auto;
|
|
min-height: 1000px;
|
|
padding: 0px!important;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
/*============= VJBTNA NICE CSS =============*/
|
|
|
|
.sheet-VJbtna{
|
|
padding: 0px 0px 0px 0px!important;
|
|
font-size: 35px!important;
|
|
margin: 0px 0px 0px 22px!important;
|
|
background: none!important;
|
|
border: none!important;
|
|
color:#cc6634;
|
|
box-shadow: none !important;
|
|
}
|
|
.sheet-VJbtna:hover{
|
|
padding: 0px 0px 2px 0px!important;
|
|
font-size: 35px!important;
|
|
margin: 0px 3px;
|
|
background: none;
|
|
border: none;
|
|
-webkit-transition: background-position 0.1s linear;
|
|
-moz-transition: background-position 0.1s linear;
|
|
-ms-transition: background-position 0.1s linear;
|
|
-o-transition: background-position 0.1s linear;
|
|
transition: background-position 0.1s linear;
|
|
color: #999966;
|
|
}
|
|
.sheet-VJbtna:active{
|
|
padding: 0px 0px 0px 0px!important;
|
|
font-size: 35px!important;
|
|
margin: 0px 3px;
|
|
background: none!important;
|
|
border: none!important;
|
|
box-shadow: none;
|
|
-webkit-transition: background-position 0.1s linear;
|
|
-moz-transition: background-position 0.1s linear;
|
|
-ms-transition: background-position 0.1s linear;
|
|
-o-transition: background-position 0.1s linear;
|
|
transition: background-position 0.1s linear;
|
|
}
|
|
|
|
.ui-dialog .charsheet button[type=roll]::before {
|
|
font-family: dicefontd10;
|
|
border: none;
|
|
background-color: transparent;
|
|
content:"A";
|
|
}
|
|
|
|
/*============= VJBTNA2 NICE CSS =============*/
|
|
|
|
.sheet-VJbtna2{
|
|
padding: 2px 3px 2px 0px!important;
|
|
font-size: 35px!important;
|
|
margin: 12px 0px 0px 22px!important;
|
|
background: none!important;
|
|
border: none!important;
|
|
color:#cc6634;
|
|
box-shadow: none !important;
|
|
}
|
|
.sheet-VJbtna2:hover{
|
|
padding: 2px 3px 2px 0px!important;
|
|
font-size: 35px!important;
|
|
margin: 12px 0px 0px 22px ;
|
|
background: none;
|
|
border: none;
|
|
-webkit-transition: background-position 0.1s linear;
|
|
-moz-transition: background-position 0.1s linear;
|
|
-ms-transition: background-position 0.1s linear;
|
|
-o-transition: background-position 0.1s linear;
|
|
transition: background-position 0.1s linear;
|
|
color: #999966;
|
|
}
|
|
.sheet-VJbtna2:active{
|
|
padding: 2px 3px 2px 0px!important;
|
|
font-size: 35px!important;
|
|
margin: 12px 0px 0px 22px ;
|
|
background: none!important;
|
|
border: none!important;
|
|
box-shadow: none;
|
|
-webkit-transition: background-position 0.1s linear;
|
|
-moz-transition: background-position 0.1s linear;
|
|
-ms-transition: background-position 0.1s linear;
|
|
-o-transition: background-position 0.1s linear;
|
|
transition: background-position 0.1s linear;
|
|
}
|
|
|
|
|
|
|
|
/*============= CHECK CSS =============*/
|
|
|
|
/* Chrome, Safari, Edge, Opera */
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0; }
|
|
|
|
/* Firefox */
|
|
input[type=number] {
|
|
-moz-appearance: textfield; }
|
|
|
|
|
|
|
|
/*=================== CLOUD EMPRESS ROLLS ROLLTEMPLATE CSS ===================*/
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-cloudempress {
|
|
margin-left: -37px;
|
|
}
|
|
.sheet-rolltemplate-cloudempress .sheet-fotofondo {
|
|
width: 300px;
|
|
height: auto;
|
|
min-height: 130px;
|
|
overflow: auto;
|
|
background-image: none;
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top;
|
|
background-color: #fff7e0;
|
|
box-sizing: border-box;
|
|
border-top: none;
|
|
border-left: 10px solid #d8a079;
|
|
border-right: 10px solid #d8a079;
|
|
border-bottom: 10px solid #d8a079;
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-cloudempress .sheet-header {
|
|
height: 45px;
|
|
background-color: #d8a079;
|
|
/* change text-align to center to center the header text */
|
|
padding: 5px;
|
|
|
|
}
|
|
.sheet-rolltemplate-cloudempress .sheet-title {
|
|
margin: 6px 0px 0px 0px;
|
|
font-family: "Outfit", sans-serif;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
color: #fff7e0;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-cloudempress .sheet-subtitle {
|
|
margin: 2px 0px 0px 0px;
|
|
font-family: "Outfit", sans-serif;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
color: #fff7e0;
|
|
}
|
|
|
|
|
|
.textchatcontainer .inlinerollresult {
|
|
background-color: #fef68e;
|
|
border: 2px solid #fef68e;
|
|
padding: 3px 3px 0px 3px!important;
|
|
font-family: "Outfit";
|
|
font-weight: bold;
|
|
cursor: help;
|
|
/* line-height: 20px; */
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-cloudempress .sheet-contento :nth-child(4n+3),
|
|
.sheet-rolltemplate-cloudempress .sheet-contento :nth-child(4n) {
|
|
background-color: transparent !important;
|
|
border: none!important;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-cloudempress .sheet-filatemplate1{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0% 5%;
|
|
padding: 8px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Outfit", sans-serif;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-rolltemplate-cloudempress .sheet-filatemplate2{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0% 5%;
|
|
padding: 10px 0px 10px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Outfit", sans-serif;
|
|
font-weight: 400;
|
|
font-size: 26px;
|
|
font-style: normal;
|
|
}
|
|
|
|
/*=================== CLOUD EMPRESS VERDE ROLLS ROLLTEMPLATE CSS ===================*/
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-cloudempressverde {
|
|
margin-left: -37px;
|
|
}
|
|
.sheet-rolltemplate-cloudempressverde .sheet-fotofondo {
|
|
width: 300px;
|
|
height: auto;
|
|
min-height: 130px;
|
|
overflow: auto;
|
|
background-image: none;
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top;
|
|
background-color: #fff7e0;
|
|
box-sizing: border-box;
|
|
border-top: none;
|
|
border-left: 10px solid #999966;
|
|
border-right: 10px solid #999966;
|
|
border-bottom: 10px solid #999966;
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-cloudempressverde .sheet-header {
|
|
height: 45px;
|
|
background-color: #999966;
|
|
/* change text-align to center to center the header text */
|
|
padding: 5px;
|
|
|
|
}
|
|
.sheet-rolltemplate-cloudempressverde .sheet-title {
|
|
margin: 6px 0px 0px 0px;
|
|
font-family: "Outfit", sans-serif;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
color: #fff7e0;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-cloudempressverde .sheet-subtitle {
|
|
margin: 2px 0px 0px 0px;
|
|
font-family: "Outfit", sans-serif;
|
|
font-size: 13px;
|
|
text-align: center;
|
|
color: #fff7e0;
|
|
}
|
|
|
|
|
|
.textchatcontainer .inlinerollresult {
|
|
background-color: #fef68e;
|
|
border: 2px solid #fef68e;
|
|
padding: 3px 3px 0px 3px!important;
|
|
font-family: "Outfit";
|
|
font-weight: bold;
|
|
cursor: help;
|
|
/* line-height: 20px; */
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-cloudempressverde .sheet-contento :nth-child(4n+3),
|
|
.sheet-rolltemplate-cloudempressverde .sheet-contento :nth-child(4n) {
|
|
background-color: transparent !important;
|
|
border: none!important;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-cloudempressverde .sheet-filatemplate1{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0% 5%;
|
|
padding: 8px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Outfit", sans-serif;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-rolltemplate-cloudempressverde .sheet-filatemplate2{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0% 5%;
|
|
padding: 10px 0px 10px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Outfit", sans-serif;
|
|
font-weight: 400;
|
|
font-size: 26px;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
|
|
/*=================== CLOUD EMPRESS DADOS + WOUNDS ROLL ROLLTEMPLATE CSS ===================*/
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-cloudempressdados {
|
|
margin-left: -37px;
|
|
}
|
|
.sheet-rolltemplate-cloudempressdados .sheet-fotofondo {
|
|
width: 300px;
|
|
height: auto;
|
|
min-height: 130px;
|
|
overflow: auto;
|
|
background-image: none;
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top;
|
|
background-color: #fff7e0;
|
|
box-sizing: border-box;
|
|
border-top: none;
|
|
border-left: 10px solid #996666;
|
|
border-right: 10px solid #996666;
|
|
border-bottom: 10px solid #996666;
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-cloudempressdados .sheet-header {
|
|
height: 45px;
|
|
background-color: #996666;
|
|
/* change text-align to center to center the header text */
|
|
padding: 5px;
|
|
|
|
}
|
|
.sheet-rolltemplate-cloudempressdados .sheet-title {
|
|
margin: 6px 0px 0px 0px;
|
|
font-family: "Outfit", sans-serif;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
color: #fff7e0;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-cloudempressdados .sheet-subtitle {
|
|
margin: 2px 0px 0px 0px;
|
|
font-family: "Outfit", sans-serif;
|
|
font-size:13px;
|
|
text-align: center;
|
|
color: #fff7e0;
|
|
}
|
|
|
|
|
|
.textchatcontainer .inlinerollresult {
|
|
background-color: #fef68e;
|
|
border: 2px solid #fef68e;
|
|
padding: 3px 3px 0px 3px!important;
|
|
font-weight: bold;
|
|
cursor: help;
|
|
/* line-height: 20px; */
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-cloudempressdados .sheet-contento :nth-child(4n+3),
|
|
.sheet-rolltemplate-cloudempressdados .sheet-contento :nth-child(4n) {
|
|
background-color: transparent !important;
|
|
border: none!important;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-cloudempressdados .sheet-filatemplate1{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0% 5%;
|
|
padding: 8px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Outfit", sans-serif;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-rolltemplate-cloudempressdados .sheet-filatemplate2{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0% 5%;
|
|
padding: 10px 0px 10px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Outfit", sans-serif;
|
|
font-weight: 400;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
/*=================== CLOUD EMPRESS PANIC ROLL ROLLTEMPLATE CSS ===================*/
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-cloudempresspanic {
|
|
margin-left: -37px;
|
|
}
|
|
.sheet-rolltemplate-cloudempresspanic .sheet-fotofondo {
|
|
width: 300px;
|
|
height: auto;
|
|
min-height: 130px;
|
|
overflow: auto;
|
|
background-image: none;
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top;
|
|
background-color: #fff7e0;
|
|
box-sizing: border-box;
|
|
border-top: none;
|
|
border-left: 10px solid #996666;
|
|
border-right: 10px solid #996666;
|
|
border-bottom: 10px solid #996666;
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-cloudempresspanic .sheet-header {
|
|
height: 45px;
|
|
background-color: #996666;
|
|
/* change text-align to center to center the header text */
|
|
padding: 5px;
|
|
|
|
}
|
|
.sheet-rolltemplate-cloudempresspanic .sheet-title {
|
|
margin: 6px 0px 0px 0px;
|
|
font-family: "Outfit", sans-serif;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
color: #fff7e0;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-cloudempresspanic .sheet-subtitle {
|
|
margin: 2px 0px 0px 0px;
|
|
font-family: "Outfit", sans-serif;
|
|
font-size:13px;
|
|
text-align: center;
|
|
color: #fff7e0;
|
|
}
|
|
|
|
|
|
.textchatcontainer .inlinerollresult {
|
|
background-color: #fef68e;
|
|
border: 2px solid #fef68e;
|
|
padding: 3px 3px 0px 3px!important;
|
|
font-weight: bold;
|
|
cursor: help;
|
|
/* line-height: 20px; */
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
/* Make even-numbered rows grey */
|
|
.sheet-rolltemplate-cloudempresspanic .sheet-contento :nth-child(4n+3),
|
|
.sheet-rolltemplate-cloudempresspanic .sheet-contento :nth-child(4n) {
|
|
background-color: transparent !important;
|
|
border: none!important;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-cloudempresspanic .sheet-filatemplate1{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0% 5%;
|
|
padding: 8px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Outfit", sans-serif;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-rolltemplate-cloudempresspanic .sheet-filatemplate2{
|
|
position:relative;
|
|
float:left;
|
|
width:90%;
|
|
height:auto;
|
|
min-height: 15px;
|
|
margin: 0% 5%;
|
|
padding: 10px 0px 10px 0px;
|
|
color: #000000;
|
|
text-align:center;
|
|
font-family: "Outfit", sans-serif;
|
|
font-weight: 400;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
}
|
|
|