@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"); } .charsheet div.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 10px; } .charsheet img.logo { width: 341px; height: 165px; margin-bottom: 20px; } .charsheet .section-block { height: 50%; width: 50%; } .charsheet .float-right { float: right; } .charsheet .float-left { float: left; } .charsheet .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; } .charsheet .separatorVertical { margin: 5px 0px; } .charsheet .separatorVerticalInicio { display: flex; margin: 6px 0px; height: 40px; } .charsheet .separatorVerticalGrande { display: flex; margin-top: 5px; margin-bottom: 10px; height: 40px; } .charsheet .separatorVerticalGrande2 { margin-top: 5px; margin-bottom: 40px; } .charsheet .separatorVerticalGrande3 { margin-top: 5px; margin-bottom: 25px; } .charsheet input[type=number] { text-align: center; } .charsheet input[type=text].wid50 { width: 50%; } .charsheet button[type=roll].blank-roll-button::before { color: red; content: ""; } .charsheet button[type=roll] { background: none; border: 1px solid black; font-style: normal; color: black; content: ""; } .charsheet button[type=roll] span.d6 { font-family: "dicefontd6"; font-size: 1.5em; } .charsheet button[type=roll]:hover { background: #a6a6a6; } .charsheet button[type=roll]:before { content: ""; } .charsheet .labelCentro { font-family: "veteran typewriter"; color: black; text-align: center; } .charsheet .labelCentral { font-family: "veteran typewriter"; font-size: 20px; } .charsheet .labelPeque { font-family: "veteran typewriter"; color: black; text-align: center; font-weight: lighter; margin-right: 3px; margin-left: 5px; display: inline; } .charsheet .label { font-family: "veteran typewriter"; color: black; display: inline-block; padding: 0.8%; margin-right: -0.5%; font-size: 20px; font-weight: Normal; text-align: center; display: inline; } .charsheet div.nombre label.label { padding-top: 11px; width: 150px; } .charsheet div.skills label.label { padding-left: 35px; } .charsheet div.salud { text-align: center; } .charsheet h4 { /* DAÑO */ 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; display: flex; flex-flow: column nowrap; } .charsheet h4 div.flex-column { display: flex; flex-flow: row nowrap; justify-content: center; gap: 10px; } .charsheet h4 div.flex-column label { width: 120px; padding-left: 20px; padding-right: 0px; } .charsheet div.notes .note-bg { background: url("https://i.imgur.com/Gjsmgoo.jpg"); width: 95%; } .charsheet div.notes .note-left { margin-bottom: 5px; } .charsheet div.notes .recursos { margin-top: 5px; } .charsheet div.notes .armasEquipo { margin: 5px 0px; } .charsheet div.notes label.label { margin-left: 65px; } .charsheet div.notes textarea { width: calc(100% - 70px); height: 90px; resize: none; background: transparent; margin-left: 52px; font-family: "Shadows Into Light"; color: blue; font-size: 18px; font-weight: bolder; } .charsheet div.notes textarea:hover { background: rgba(217, 217, 217, 0.6); } .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: 100%; background-repeat: no-repeat; border-spacing: 0; display: flex; place-content: center; flex-flow: nowrap column; background-position: top -48px left -4px; height: 150px; width: 230px; } .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; margin-left: -30px; } .sheet-rolltemplate-RELP .sheet-body1 { color: #212f3d; font-size: 30px; padding: 15px; margin-bottom: 10px; } .sheet-rolltemplate-RELP .inlinerollresult { font-size: 1.5em; margin-right: 20px; } .sheet-rolltemplate-RELP .inlinerollresult.fullcrit { border: 5px solid #3FB315; } .sheet-rolltemplate-RELP .inlinerollresult.fullfail { border: 5px solid #B31515; } .sheet-rolltemplate-RELP .inlinerollresult.importantroll { border: 5px solid #4A57ED; }