roll20-character-sheets/RatasEnLasParedes/RatasEnLasParedes.css

/* FONDO DE FICHA */
/*@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');*/

/* FONDO DE FICHA */
div.sheet-mainBg {
    height: 100%;
    width: 700px;
    background: url("https://i.imgur.com/0tA6R9M.jpg");
    background-size: cover;
    border: 2px solid #2F5860;
    border-radius: 10px;
    padding: 6px 0px 6px 0px;
}


/* TIPOGRAFIAS */
@font-face {
font-family: '!PaulMaul';
src:   local('!PaulMaul.ttf'),
       url(!PaulMaul.woff2) format('woff2'),
       url(!PaulMaul.woff) format('woff'),
       url(!PaulMaul.ttf) format('truetype'),
       url(!PaulMaul.otf) format('opentype'),
       url(!PaulMaul.eot) format('embedded-opentype');
}

.sheet-center {
   text-align: center;
   display: inline;
   margin-right: 20px;
   float: right;
   font-family: 'Shadows Into Light';
   color: blue;
   font-size: 18px;
   font-weight: bolder;
   text-transform: uppercase;
   margin-bottom: 10px;
}

.sheet-separatorVertical {
   margin-top: 5px;
   margin-bottom: 5px;
}

.sheet-separatorVerticalInicio {
   margin-top: 10px;
   margin-bottom: 10px;
}

.sheet-separatorVerticalGrande {
   margin-top: 10px;
   margin-bottom: 40px;
}

.sheet-separatorVerticalGrande2 {
   margin-top: 5px;
   margin-bottom: 40px;
}

.sheet-separatorVerticalGrande3 {
   margin-top: 5px;
   margin-bottom: 25px;
}



textarea {
	width: calc(100% - 70px);
	height: 90px;
	resize: none;
   background: transparent;
   margin-left: 45px;
   font-family:'Shadows Into Light';
   color: blue;
   font-size: 18px;
   font-weight: bolder;
   }

.sheet-izquierda {
        height: 50%;
        float: left;
        width: 50%;
   }

.sheet-izquierda2 {
        float: left;
        background: url("https://i.imgur.com/Gjsmgoo.jpg");
   }

.sheet-derecha {
        height: 50%;
        float: right;
        width: 50%;
   }

 .sheet-margin-top {
	margin-top: 5px;
}

 .sheet-margin-bottom {
	margin-bottom: 5px;
}

 .sheet-margin-left {
	margin-left: 5px;
}

 .sheet-margin-right {
	margin-right: 5px;
}

.sheet-separate{
    margin-top: 5px;
    margin-bottom: 5px;
}

/* ETIQUETAS */
.sheet-labelCentro {
      font-family: 'veteran typewriter';
      color: black;
      text-align: center;
      
}

.sheet-labelCentral{
    font-family: 'veteran typewriter';
    font-size: 20px;
}

.sheet-labelPeque {
      font-family: 'veteran typewriter';
      color: black;
      text-align: center;
      font-weight: lighter;
      margin-right: 3px;
      margin-left: 5px;
      display: inline;
}


.sheet-label {
        font-family: 'veteran typewriter';
        color: black;
        display: inline-block;
        padding: 0.8%;
        margin-right: -.5%;
        font-size: 20px;
        font-weight: Normal;
        text-align: center;
        display: inline;
    }
    }

/* DAÑO */
.sheet-section-Armas {
      float: left;
}

h4 {
      border-radius: 35px 0px 35px 0px;
      -moz-border-radius: 35px 0px 35px 0px;
      -webkit-border-radius: 35px 0px 35px 0px;
      text-align: center;
      background-image: url("https://i.imgur.com/vNVTYig.png");
      padding-left: 5px;
      width: 70%;
      margin-left: 150px;
}

.sheet-Salud {
   text-align: center;
}

/* RECURSOS */
.sheet-section-recursos {
	 float: left;
    background: url("https://i.imgur.com/Gjsmgoo.jpg");
    margin-left: 10px;
}


.sheet-section-recursos input {
	margin-left: 40px;
	width: calc(100% - 102px);
}

/* HECHIZOS */
.sheet-section-recursos2 {
	 float: left;
    background: url("https://i.imgur.com/Gjsmgoo.jpg");
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 70%;
}

/* HECHIZOS */
.sheet-section-hechizos {
	 float: left;
    background: url("https://i.imgur.com/Gjsmgoo.jpg");
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    width: 70%;
}

.sheet-section-hechizos input {
	margin-left: 55px;
	width: calc(100% - 102px);
}

/* ARMAS Y EQUIPO */
.sheet-section-armasEquipo {
    float: right;
    background: url("https://i.imgur.com/Gjsmgoo.jpg");
    margin-right: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 70%;
}

.sheet-section-armasEquipo input {
	margin-left: 40px;
	width: calc(100% - 102px);
}

/* CICATRICES */
.sheet-section-cicatrices {
	 float: right;
    background: url("https://i.imgur.com/Gjsmgoo.jpg");
    margin-right: 15px;
    width: 70%;
}

.sheet-section-cicatrices input {
	margin-left: 40px;
	width: calc(100% - 102px);
}

button[type=roll].sheet-blank-roll-button::before {
						color: red;
						content: '';
}

.charsheet button {
        background: none;
        font-size: 1.1em !important;
        border: 1px solid black;
        font-style: normal;
        color: black;
								content: '';
 }

.charsheet button:hover {
    background: #a6a6a6;
}

.charsheet button[type=roll]: before {
     content: '';
    }

   /* PLANTILLA */
.sheet-rolltemplate-RELP .sheet-rt-title {
	font-size: 2em;
}

.sheet-rolltemplate-RELP .sheet-backg {
    background: url(https://i.imgur.com/SJdfgIn.png) top left;
    background-size: 90%;
    background-repeat: no-repeat;
    border-spacing: 0;
    padding: 50px 40px 60px 15px;
}

.sheet-rolltemplate-RELP .sheet-center {
	text-align: center;
}

.sheet-rolltemplate-RELP .sheet-header1 {

    color : blue;
    font-size: 22px;
    font-family: 'veteran typewriter';
    letter-spacing:0.5px;
    word-wrap: break-word;
    margin-bottom: 10px;

}

.sheet-rolltemplate-RELP .sheet-header2 {
    background-color: transparent;
    color : black;
    font-size: 18px;
    font-family: 'veteran typewriter';
    letter-spacing:1px;
    font-weight: bolder;
     margin-bottom: 10px;

}

.sheet-rolltemplate-RELP .sheet-body1 {

    color :  #212f3d ;
    font-size: 30px;
    font-family: 'Shadows Into Light';
    padding:15px;
     margin-bottom: 10px;

}