mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
FarWest La Leyenda character sheet v1.0 (#7180)
* FWLY sheet Far West La Leyenda sheet files to be approved * Update sheet.json Fixed error * Update sheet.json new fix * v1.0 Fixed <Table> use fixed
This commit is contained in:
DarioFW
Vendored
BIN
Binary file not shown.
@@ -0,0 +1,860 @@
|
||||
|
||||
/*RESET CSS*/
|
||||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
/* Set the min-width so that when the window is resized the look will stay consistant */
|
||||
.charsheet {
|
||||
background: url(https://i.imgur.com/xvJ9FqC.jpg);
|
||||
/*CAMBIAR IMAGEN A ARCHIVO GITHUB */
|
||||
color: black;
|
||||
background-size: 100%;
|
||||
max-width: 800px;
|
||||
min-width: 800px;
|
||||
}
|
||||
|
||||
/*Configure the TAB buttons*/
|
||||
.sheet-character,
|
||||
.sheet-config,
|
||||
.sheet-journal {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* show the selected tab */
|
||||
.sheet-tabstoggle[value="character"] ~ div.sheet-character,
|
||||
.sheet-tabstoggle[value="configuration"] ~ div.sheet-config,
|
||||
.sheet-tabstoggle[value="journal"] ~ div.sheet-journal {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* PERSONALIZAR SCROLLBAR--------------------------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* The emerging W3C standard
|
||||
that is currently Firefox-only */
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: maroon transparent;
|
||||
}
|
||||
|
||||
/* Works on Chrome/Edge/Safari */
|
||||
*::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
*::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: maroon;
|
||||
border-radius: 20px;
|
||||
border: 1px solid #FFDEAD;
|
||||
}
|
||||
|
||||
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
|
||||
|
||||
/* Universal styling applied to all elements of these types */
|
||||
|
||||
button,
|
||||
button:hover,
|
||||
button:active {
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
border-radius: 200px 200px 200px 200px;
|
||||
-moz-border-radius: 200px 200px 200px 200px;
|
||||
-webkit-border-radius: 200px 200px 200px 200px;
|
||||
border: 0px solid gray;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
h2 {
|
||||
background-color: #800000;
|
||||
margin-left: -15px;
|
||||
margin-bottom: 5px;
|
||||
border-radius: 12px;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin-left: -15px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
background-color: transparent;
|
||||
color: gray;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background-color: black;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 80%;
|
||||
margin-top: -25px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
input {
|
||||
display: inline-block;
|
||||
background-color: transparent;
|
||||
margin-bottom: 0px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #C0C0C0;
|
||||
box-shadow: 0px -2px 0px 0px #000000 inset;
|
||||
color: #4169E1; /*Royal Blue*/
|
||||
/*color: #1E90FF; Dodger Blue*/
|
||||
/*color: #4682B4; Steel Blue*/
|
||||
line-height: 6px;
|
||||
}
|
||||
|
||||
input::placeholder {
|
||||
color: gray;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Targetted styling that only effects elements with these classes */
|
||||
|
||||
button[type=roll].sheet-btncabecera::before {
|
||||
content: '';
|
||||
}
|
||||
|
||||
button[type=roll].sheet-btncabecera {
|
||||
margin-top: -30px;
|
||||
color: #800000;
|
||||
font-family: dicefontd10;
|
||||
font-size: 35px;
|
||||
text-shadow: -0.2px -0.2px 0px #FAEBD7, 0.2px 0.2px 35px #FAEBD7, -0.2px 0.2px #FAEBD7, 0.2px -0.2px #FAEBD7;
|
||||
-webkit-transform: scaleY(1) translateZ(-1px);
|
||||
/*-webkit-text-stroke: 0.2px black;*/
|
||||
}
|
||||
|
||||
button[type=roll].sheet-btnsinatt {
|
||||
width: 60px;
|
||||
height:20px;
|
||||
margin-top: 7px;
|
||||
border-radius: 20px 20px 20px 20px;
|
||||
box-shadow: 0px -2px 0px 0px #000000 inset;
|
||||
background-color: maroon;
|
||||
background-image: none;
|
||||
color:white;
|
||||
font-size:10px;
|
||||
text-align:center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
button[type=roll].sheet-btngeneral {
|
||||
margin-left: 15px;
|
||||
color: maroon;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
button[type=roll].sheet-btngeneralprimera {
|
||||
margin-left: -10px;
|
||||
color: maroon;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
button[type=roll].sheet-btnoculto {
|
||||
margin-left: 15px;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
button[type=roll].sheet-btnocultoprimera {
|
||||
margin-left: -10px;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
color: transparent;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
button[type=action].sheet-btntabulador {
|
||||
background-color: maroon;
|
||||
background-image: none;
|
||||
width: 150px;
|
||||
height: 15px;
|
||||
margin-top: 0px;
|
||||
border-radius: 20px 20px 20px 20px;
|
||||
box-shadow: 0.5px 1.5px 0.2px #FAEBD7;
|
||||
color: #FAEBD7;
|
||||
font-size: 9px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
-webkit-transform: scaleY(1) translateZ(-1px);
|
||||
}
|
||||
|
||||
hr.sheet-hrcaballos {
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
hr.sheet-hrhechizos {
|
||||
margin-left: -10px;
|
||||
margin-top: 7px;
|
||||
margin-bottom: 7px;
|
||||
background-color: maroon;
|
||||
}
|
||||
|
||||
input.sheet-armastabla {
|
||||
width:90px;
|
||||
margin-left:2px;
|
||||
margin-top:1px;
|
||||
color: #4682B4;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-controlheridas {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
margin-left: 0px;
|
||||
margin-right: 2px;
|
||||
background-color: white;
|
||||
border-radius: 0px;
|
||||
border: 1px solid black;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-controlheridas-first {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
margin-left: 10px;
|
||||
margin-right: 2px;
|
||||
background-color: white;
|
||||
border-radius: 0px;
|
||||
border: 1px solid black;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-controlheridas-first2 {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
margin-left: 10px;
|
||||
margin-right: 2px;
|
||||
background-color: white;
|
||||
border-radius: 0px;
|
||||
border: 1px solid black;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-controlheridas-first3 {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
margin-left: 25px;
|
||||
margin-right: 2px;
|
||||
background-color: white;
|
||||
border-radius: 0px;
|
||||
border: 1px solid black;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-controlheridas-last {
|
||||
width: 25px;
|
||||
height: 19px;
|
||||
margin-left: 36px;
|
||||
margin-right: 2px;
|
||||
background-color: white;
|
||||
border-radius: 0px;
|
||||
border: 1px solid black;
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-damage {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
margin-left: 0px;
|
||||
margin-right: 2px;
|
||||
background-color: transparent;
|
||||
border-radius: 0px;
|
||||
border: 1px solid black;
|
||||
box-shadow: none;
|
||||
font-size: 10px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-damage-first {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
margin-left: 10px;
|
||||
margin-right: 2px;
|
||||
background-color: transparent;
|
||||
border-radius: 0px;
|
||||
border: 1px solid black;
|
||||
box-shadow: none;
|
||||
font-size: 10px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-damage-first2 {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
margin-left: 10px;
|
||||
margin-right: 2px;
|
||||
background-color: transparent;
|
||||
border-radius: 0px;
|
||||
border: 1px solid black;
|
||||
box-shadow: none;
|
||||
font-size: 10px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-damage-first3 {
|
||||
width: 19px;
|
||||
height: 19px;
|
||||
margin-left: 25px;
|
||||
margin-right: 2px;
|
||||
background-color: transparent;
|
||||
border-radius: 0px;
|
||||
border: 1px solid black;
|
||||
box-shadow: none;
|
||||
font-size: 10px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-damage-last {
|
||||
width: 25px;
|
||||
height: 19px;
|
||||
margin-left:35px;
|
||||
margin-right: 2px;
|
||||
background-color: transparent;
|
||||
border-radius: 0px;
|
||||
border: 1px solid black;
|
||||
box-shadow: none;
|
||||
font-size:10px;
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-tipotabla {
|
||||
width:50px;
|
||||
margin-left:2px;
|
||||
margin-top:1px;
|
||||
color: #4682B4;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-txtcaract {
|
||||
|
||||
}
|
||||
|
||||
input.sheet-txtcarfinales {
|
||||
width: 30px;
|
||||
margin-left: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-txtcarsecundarias {
|
||||
width: 45px;
|
||||
margin-left: 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-txtcarsecundariascaballo {
|
||||
width: 45px;
|
||||
margin-left: 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-txtdatoscaballo {
|
||||
width: 98px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
input.sheet-txtdatosgenerales {
|
||||
width: 120px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
|
||||
input.sheet-txthablibre {
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
input.sheet-txthechizos {
|
||||
width: 98px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
input.sheet-txttipotabla2 {
|
||||
width: 100px;
|
||||
margin-left: 2px;
|
||||
color: #4682B4;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-txttipotabla3 {
|
||||
width: 460px;
|
||||
margin-left: 2px;
|
||||
color: #4682B4;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-txttipotabla4 {
|
||||
width:150px;
|
||||
margin-left:2px;
|
||||
color: #4682B4;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-valhabilidadoculta {
|
||||
height: 1.8em;
|
||||
margin-left: 3px;
|
||||
text-align: center;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
input.sheet-valhabilidades {
|
||||
height: 21px;
|
||||
margin-left: 3px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-valhabilidades::placeholder {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
input.sheet-valmunicion {
|
||||
height: 21px;
|
||||
margin-left: 2px;
|
||||
color: black;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input.sheet-valtotem {
|
||||
height: 50px;
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
margin-top: -14px;
|
||||
color: maroon;
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
label.sheet-lblcabeceraarmas {
|
||||
width: 50px;
|
||||
margin-left: 2px;
|
||||
color: #9d6e6e;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
label.sheet-lblcaracteristicas {
|
||||
width: 30px;
|
||||
margin-left:-5px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
label.sheet-lblcaracteristicascaballo {
|
||||
width: 30px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
label.sheet-lblcarfinales {
|
||||
width: 45px;
|
||||
margin-left: -5px;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
label.sheet-lblcarsecundarias {
|
||||
width: 100px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
label.sheet-lblcarsecundariascaballo {
|
||||
width: 60px;
|
||||
margin-left: 10px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
label.sheet-lblclaseheridas {
|
||||
color: #9d6e6e;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
label.sheet-lbldatoscaballo {
|
||||
width: 60px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
label.sheet-lbldatosgenerales {
|
||||
width: 90px;
|
||||
margin-left: -12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
label.sheet-lblhabilidades {
|
||||
width: 98px;
|
||||
height: 12px;
|
||||
margin-left: -5px;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
label.sheet-lblhabilidadescaballo {
|
||||
width: 80px;
|
||||
margin-right: -18px;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
label.sheet-lblhabilidadoculta {
|
||||
display: inline-block;
|
||||
width: 98px;
|
||||
height: 12px;
|
||||
margin-left: -5px;
|
||||
color: maroon;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
label.sheet-lblhechizos {
|
||||
width: 60px;
|
||||
margin-left: 10px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
select.sheet-municionchs {
|
||||
display: inline-block;
|
||||
width: 96px;
|
||||
height: 20px;
|
||||
margin-left: -15px;
|
||||
margin-bottom: 0px;
|
||||
background-color: transparent;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #c0c0c0;
|
||||
box-shadow: 0px 0px 0px 0px #000000 inset;
|
||||
color: gray;
|
||||
font-size: 10px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
textarea.sheet-textoequipo {
|
||||
resize: none;
|
||||
width: 300px;
|
||||
height: 62px;
|
||||
margin-left: -12px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: -15px;
|
||||
background-color: transparent;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #a58683;
|
||||
box-shadow: 0px -2px 0px 0px #000000 inset;
|
||||
color: steelblue;
|
||||
font-size: 10px;
|
||||
font-style: italic;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
textarea.sheet-textohechizos {
|
||||
resize: none;
|
||||
width: 315px;
|
||||
height: 25px;
|
||||
margin-top: 3px;
|
||||
margin-bottom: -5px;
|
||||
background-color: transparent;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #a58683;
|
||||
box-shadow: 0px -2px 0px 0px #000000 inset;
|
||||
color:steelblue;
|
||||
font-size: 10px;
|
||||
font-style: italic;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
textarea.sheet-textoheridas {
|
||||
resize: none;
|
||||
height: 36px;
|
||||
margin-top: 3px;
|
||||
background-color: transparent;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #a58683;
|
||||
box-shadow: 0px 0px 0px 0px #696969 inset;
|
||||
color: #9d6e6e;
|
||||
font-size: 8px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
textarea.sheet-textolocal {
|
||||
resize: none;
|
||||
width: 80px;
|
||||
height: 92px;
|
||||
margin-left: 10px;
|
||||
margin-top: -50px;
|
||||
background-color: transparent;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #a58683;
|
||||
box-shadow: 0px 0px 0px 0px #696969 inset;
|
||||
line-height: 12px;
|
||||
color: #9d6e6e;
|
||||
font-size: 8px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
textarea.sheet-textonotascaballo {
|
||||
resize: none;
|
||||
width: 320px;
|
||||
height: 40px;
|
||||
margin-top: 2px;
|
||||
background-color: transparent;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #a58683;
|
||||
box-shadow: 0px -2px 0px 0px #000000 inset;
|
||||
color: steelblue;
|
||||
font-size: 10px;
|
||||
font-style: italic;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
textarea.sheet-textosecuelas {
|
||||
resize: none;
|
||||
width: 160px;
|
||||
height: 62px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: -15px;
|
||||
background-color: transparent;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #a58683;
|
||||
box-shadow: 0px -2px 0px 0px #000000 inset;
|
||||
color: steelblue;
|
||||
font-size: 10px;
|
||||
font-style: italic;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
textarea.sheet-textotalisman {
|
||||
resize: none;
|
||||
width: 315px;
|
||||
height: 40px;
|
||||
margin-bottom: -15px;
|
||||
background-color: transparent;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #a58683;
|
||||
box-shadow: 0px -2px 0px 0px #000000 inset;
|
||||
color:steelblue;
|
||||
font-size: 10px;
|
||||
font-style: italic;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Roll Template --------------------------------------------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* Smaller margins - remove these if you want the huge default left margin */
|
||||
.sheet-rolltemplate-customfw {
|
||||
margin-left: -37px;
|
||||
}
|
||||
.withoutavatars .sheet-rolltemplate-customfw {
|
||||
margin-left: -7px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-customfw .sheet-container {
|
||||
border: 1px solid;
|
||||
/* by default, the border is the same color as the header. You can change this here, e.g. to black */
|
||||
border-color: var(--header-bg-color);
|
||||
}
|
||||
|
||||
/* Header formatting - title and subtitle */
|
||||
.sheet-rolltemplate-customfw .sheet-header {
|
||||
background-color: var(--header-bg-color);
|
||||
/* change text-align to center to center the header text */
|
||||
text-align: left;
|
||||
color: var(--header-text-color);
|
||||
padding: 5px;
|
||||
}
|
||||
.sheet-rolltemplate-customfw .sheet-title {
|
||||
font-size:1.1em;
|
||||
}
|
||||
.sheet-rolltemplate-customfw .sheet-subtitle {
|
||||
font-size:.9em;
|
||||
}
|
||||
|
||||
/* example colors */
|
||||
.sheet-rolltemplate-customfw .sheet-container {
|
||||
/* this is the default color */
|
||||
--header-bg-color: rgba(128,0,0,1);
|
||||
--header-text-color: #FFDEAD;
|
||||
}
|
||||
.sheet-rolltemplate-customfw .sheet-container.sheet-color-red {
|
||||
--header-bg-color: #F00;
|
||||
}
|
||||
.sheet-rolltemplate-customfw .sheet-container.sheet-color-green {
|
||||
--header-bg-color: #0F0;
|
||||
--header-text-color: #000;
|
||||
}
|
||||
|
||||
/* Allprops part */
|
||||
.sheet-rolltemplate-customfw .sheet-content {
|
||||
/*display: grid;*/
|
||||
background: #FAEBD7;
|
||||
/* Header formatting - modify the column layout below */
|
||||
grid-template-columns: auto auto;
|
||||
/* Line height to match default roll template */
|
||||
line-height:1.4em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-customfw .sheet-content > div {
|
||||
/*display: inline-block;*/
|
||||
padding: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Left column */
|
||||
.sheet-rolltemplate-customfw .sheet-content .sheet-key {
|
||||
font-weight: bold;
|
||||
padding-right: 10px;
|
||||
padding-top:10px;
|
||||
text-align: right;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* Empty rule, use this if you want to change the right column
|
||||
.sheet-rolltemplate-custom .sheet-value {
|
||||
}
|
||||
*/
|
||||
|
||||
/* Make even-numbered rows grey */
|
||||
.sheet-rolltemplate-customfw .sheet-content :nth-child(4n+3),
|
||||
.sheet-rolltemplate-customfw .sheet-content :nth-child(4n) {
|
||||
background:#EEE;
|
||||
}
|
||||
|
||||
/* Description field */
|
||||
.sheet-rolltemplate-customfw .sheet-desc {
|
||||
grid-column: span 2;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* inline roll background is transparent and it has no border */
|
||||
.sheet-rolltemplate-customfw .inlinerollresult {
|
||||
background-color: transparent;
|
||||
font-size: 30px;
|
||||
color: gray;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* strong green for crit results for the inline roll */
|
||||
.sheet-rolltemplate-customfw .inlinerollresult.fullcrit {
|
||||
color: #3FB315;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* strong red for fumble results for the inline roll */
|
||||
.sheet-rolltemplate-customfw .inlinerollresult.fullfail {
|
||||
color: #B31515;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-customfw .inlinerollresult.importantroll {
|
||||
color: #4682B4;
|
||||
border: none;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 438 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 370 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 675 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 MiB |
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "FWLY.html",
|
||||
"css": "FWLY.css",
|
||||
"authors": "Antonio García Valverde",
|
||||
"preview": "FWLYpreview1.png",
|
||||
"roll20userid": "1949987",
|
||||
"instructions": "Hoja de personaje para Far West La Leyenda"
|
||||
}
|
||||
Reference in New Issue
Block a user