mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
492 lines
10 KiB
CSS
492 lines
10 KiB
CSS
/* NEVER STOP BLOWING UP - DROPOUT */
|
|
/* Character sheet for ROll20 by VJ Rolmasters */
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Faster+One&family=Goldman:wght@400;700&family=Shrikhand&display=swap');
|
|
|
|
/*============= FONTS CSS =============*/
|
|
.faster-one-regular {
|
|
font-family: "Faster One", system-ui;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
.shrikhand-regular {
|
|
font-family: "Shrikhand", serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
.goldman-regular {
|
|
font-family: "Goldman", sans-serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
.goldman-bold {
|
|
font-family: "Goldman", sans-serif;
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
/* CSS TABS MENU */
|
|
|
|
|
|
/*============= CONTENEDORES CSS =============*/
|
|
|
|
|
|
.sheet-contenedorvj {
|
|
position: relative;
|
|
width: 860px;
|
|
max-width: 860px;
|
|
height: auto;
|
|
min-height: 1100px;
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.sheet-contenedorimagevj {
|
|
position: absolute;
|
|
top:0;
|
|
right: 0;
|
|
width: 860px;
|
|
height: auto;
|
|
min-height: 1100px;
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: center center;
|
|
box-sizing: border-box;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-backgroundimage {
|
|
position: absolute;
|
|
top:0;
|
|
right: 0;
|
|
width: 860px;
|
|
height: auto;
|
|
min-height: 1100px;
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: center center;
|
|
box-sizing: border-box;
|
|
z-index: 0;
|
|
}
|
|
|
|
|
|
.sheet-nsbu{
|
|
position: relative;
|
|
float:left;
|
|
width: 860px;
|
|
max-width: 860px;
|
|
height: 1100px;
|
|
margin: 0px 0px 0px 0px;
|
|
|
|
}
|
|
.sheet-nsbu2{
|
|
position: relative;
|
|
float:left;
|
|
width: 860px;
|
|
max-width: 860px;
|
|
height: 1100px;
|
|
margin: 0px 0px 0px 0px;
|
|
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top left;
|
|
}
|
|
|
|
.sheet-logo{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:190px;
|
|
min-height: 30px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
}
|
|
.sheet-tiradasecreta {
|
|
float: left;
|
|
position: relative;
|
|
width: 200px;
|
|
height: 20px;
|
|
margin: 10px 0px 0px 100px;
|
|
box-sizing:border-box;
|
|
font-family: "Goldman", sans-serif;
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
text-align: left;
|
|
color: #1D1D1D;
|
|
z-index:3;
|
|
}
|
|
.sheet-checksecreta{
|
|
width:12px!important;
|
|
height:12px!important;
|
|
border:2px solid Black !important;
|
|
color:Black;
|
|
accent-color:Black;
|
|
}
|
|
.sheet-statscolumn{
|
|
float:left;
|
|
position:relative;
|
|
width:390px;
|
|
height:auto;
|
|
min-height: 430px;
|
|
margin: 0px 0px 0px 35px;
|
|
padding: 0px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-statsbox{
|
|
float:left;
|
|
position:relative;
|
|
width:130px;
|
|
height:auto;
|
|
min-height: 145px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-selectdice {
|
|
float: left;
|
|
width: 90px!important;
|
|
height: 60px !important;
|
|
margin: 45px 0px 0px 25px;
|
|
padding: 0px!important;
|
|
border: 2px solid #000 !important;
|
|
outline: 0;
|
|
background-color: transparent !important;
|
|
font-family: "Goldman", sans-serif;
|
|
font-size: 40px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: #000;
|
|
cursor: pointer;
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
|
|
background-image: none !important;
|
|
}
|
|
|
|
|
|
.sheet-selectdice::-ms-expand {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.sheet-check-turbotoken{
|
|
width:22px!important;
|
|
height:22px!important;
|
|
border:2px solid Black !important;
|
|
color:Black;
|
|
accent-color:Black;
|
|
}
|
|
|
|
.sheet-total-turbotoken{
|
|
width:90px!important;
|
|
height:50px!important;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px 0px 0px ;
|
|
border-bottom: solid 2px #000000;
|
|
background-color: transparent;
|
|
font-size: 26px;
|
|
font-family: "Goldman", sans-serif;
|
|
text-align: center;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-characterinfo1{
|
|
width:200px;
|
|
height:10px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px 0px 0px ;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
outline: 0px;
|
|
background-color: transparent;
|
|
font-size: 16px;
|
|
font-family: "Goldman", sans-serif;
|
|
text-align: center;
|
|
color: #000000;
|
|
}
|
|
|
|
.sheet-characterinfo2{
|
|
width:200px;
|
|
height:10px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px 0px 0px ;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-bottom: solid 2px #ff0000;
|
|
outline: 0px;
|
|
background-color: transparent;
|
|
font-size: 18px;
|
|
font-family: "Goldman", sans-serif;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.sheet-check-injured{
|
|
width:34px!important;
|
|
height:34px!important;
|
|
border:2px solid Black !important;
|
|
color:Black;
|
|
accent-color:Black;
|
|
}
|
|
|
|
.sheet-textarea-nsbu {
|
|
position: relative;
|
|
float: left;
|
|
padding: 10px;
|
|
border: 1px solid #000 !important;
|
|
resize: none;
|
|
box-sizing: border-box;
|
|
background-color: transparent;
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
font-family: "Goldman", sans-serif;
|
|
font-weight: 500;
|
|
color: #1D1D1D;
|
|
overflow-y: auto;
|
|
scrollbar-color: #000000 transparent;
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
|
|
/*============= CONTENEDORES Y COLUMNAS CSS =============*/
|
|
|
|
.sheet-clearfloat {
|
|
clear:both;
|
|
height:0;
|
|
font-size: 0px;
|
|
line-height:0px;
|
|
}
|
|
|
|
.ui-dialog .charsheet {
|
|
padding: 0px 0px;
|
|
}
|
|
|
|
|
|
/*============= GENERAL CSS =============*/
|
|
|
|
.sheet-width100{
|
|
float:left;
|
|
position:relative;
|
|
width:100%;
|
|
height:auto;
|
|
min-height: 30px;
|
|
margin: 0px 0px;
|
|
padding: 0px 0px;
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-columna50{
|
|
float:left;
|
|
position:relative;
|
|
width:50%;
|
|
height:auto;
|
|
min-height: 1100px;
|
|
margin: 0% 0% 0% 0%;
|
|
padding: 0px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
|
|
/*============= 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-25 { height: 25px; }
|
|
.sheet-espai-30 { height: 30px; }
|
|
.sheet-espai-40 { height: 40px; }
|
|
.sheet-espai-50 { height: 50px; }
|
|
.sheet-espai-60 { height: 60px; }
|
|
.sheet-espai-70 { height: 70px; }
|
|
.sheet-espai-74 { height: 74px; }
|
|
.sheet-espai-80 { height: 80px; }
|
|
.sheet-espai-90 { height: 90px; }
|
|
.sheet-espai-100 { height: 100px; }
|
|
.sheet-espai-110 { height: 110px; }
|
|
.sheet-espai-160 { height: 160px; }
|
|
.sheet-espai-200 { height: 200px; }
|
|
|
|
|
|
/*=================== FIRMA CSS ===================*/
|
|
|
|
.sheet-firma-foot{
|
|
position: absolute;
|
|
bottom: 0px;
|
|
width: 100%;
|
|
height: 22px;
|
|
min-height: 22px;
|
|
margin: 0px auto 5px;
|
|
font-family: "Goldman", sans-serif;
|
|
font-weight: 500;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-selectback {
|
|
position: absolute;
|
|
left: 390px;
|
|
top: 165px;
|
|
float: right;
|
|
width: 100px;
|
|
height: 30px;
|
|
min-height: 30px;
|
|
margin: 0px 0px 0px 0px;
|
|
padding: 0px 10px 1px 10px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
font-family: "Goldman", sans-serif;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-size: 16px;
|
|
color: #ffffff;
|
|
border: 1px solid #000 !important;
|
|
outline: 0;
|
|
background-color: #000000 !important;
|
|
z-index: 3;
|
|
}
|
|
|
|
/*=================== BUTTON ROLL NSBU CSS ===================*/
|
|
|
|
.sheet-VJnsbu {
|
|
padding: 2px 17px 0px 17px !important;
|
|
margin: 2px 3px 0px 30px!important;
|
|
background: transparent!important;
|
|
border: 1px solid #000000!important;
|
|
color: #000000;
|
|
font-size: 16px!important;
|
|
font-family: "Faster One", system-ui;
|
|
}
|
|
|
|
.sheet-VJnsbu:hover {
|
|
background: #000000!important;
|
|
border: 1px solid #000000;
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
.sheet-VJnsbu::before {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
|
|
/*=================== NSBU ROLL ROLLTEMPLATE CSS ===================*/
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-nsbu {
|
|
margin-left: -37px;
|
|
}
|
|
.sheet-rolltemplate-nsbu .sheet-fotofondo {
|
|
width: 300px;
|
|
height: auto;
|
|
overflow: auto;
|
|
background-image: none;
|
|
background-repeat: no-repeat;
|
|
background-size:cover;
|
|
background-position: top;
|
|
background-color: #ffffff;
|
|
box-sizing: border-box;
|
|
border-top: none;
|
|
border-left: 10px solid #000000;
|
|
border-right: 10px solid #000000;
|
|
border-bottom: 10px solid #000000;
|
|
}
|
|
|
|
/* Header formatting - title and subtitle */
|
|
.sheet-rolltemplate-nsbu .sheet-header {
|
|
height: 45px;
|
|
background-color: #000000;
|
|
/* change text-align to center to center the header text */
|
|
padding: 5px;
|
|
|
|
}
|
|
.sheet-rolltemplate-nsbu .sheet-title {
|
|
font-size: 20px;
|
|
margin: 6px 0px 0px 0px;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
.sheet-rolltemplate-nsbu .sheet-subtitle {
|
|
font-size:14px;
|
|
margin: 2px 0px 0px 0px;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
.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-nsbu .sheet-contento :nth-child(4n+3),
|
|
.sheet-rolltemplate-nsbu .sheet-contento :nth-child(4n) {
|
|
background-color: transparent !important;
|
|
border: none!important;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-nsbu .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: "Goldman", sans-serif!important;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
}
|
|
.sheet-rolltemplate-nsbu .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: "Goldman", sans-serif!important;
|
|
font-weight: 400;
|
|
font-size: 20px;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
/*============= CHECK CSS =============*/
|
|
|