mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Nahui Ollin Character Sheet (#7105)
* Nahui Ollin basic spanish charsheet * Add instructions field
This commit is contained in:
Rafael López Dorado
@@ -0,0 +1,2 @@
|
||||
node_modules
|
||||
yarn.lock
|
||||
@@ -0,0 +1,3 @@
|
||||
## Nahui Ollin charsheet (Roll20)
|
||||
|
||||
Hoja de personaje para Nahui Ollin en español.
|
||||
@@ -0,0 +1,92 @@
|
||||
/* 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; }
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
height: auto;
|
||||
width: auto; }
|
||||
|
||||
.charsheet {
|
||||
background: #F2EAD3 url(https://raw.githubusercontent.com/rldorado/roll20-character-sheets/master/Nahui%20Ollin/src/img/bg.jpg) no-repeat center;
|
||||
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; }
|
||||
|
||||
h3 {
|
||||
color: #915027;
|
||||
background-color: rgba(235, 195, 95, 0.8);
|
||||
text-align: center;
|
||||
border-top: 2px solid #915027;
|
||||
border-bottom: 2px solid #915027; }
|
||||
|
||||
.sheet-logo {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.sheet-section {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-grow: 1;
|
||||
justify-content: center; }
|
||||
.sheet-section label {
|
||||
color: #6C613B; }
|
||||
.sheet-section__left, .sheet-section__right {
|
||||
margin: 1em; }
|
||||
|
||||
.sheet-inline {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
align-items: center; }
|
||||
.sheet-inline input, .sheet-inline textarea {
|
||||
width: 100%; }
|
||||
|
||||
.sheet-inline-checkboxes {
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
border-right: 2px solid #915027;
|
||||
border-left: 2px solid #915027; }
|
||||
.sheet-inline-checkboxes label:first-of-type {
|
||||
width: 35%; }
|
||||
.sheet-inline-checkboxes:last-of-type {
|
||||
border-bottom: 2px solid #915027; }
|
||||
.sheet-inline-checkboxes label.sheet-styled-checkbox {
|
||||
margin-bottom: 0;
|
||||
padding-right: initial;
|
||||
position: relative;
|
||||
padding-left: 35px;
|
||||
cursor: pointer;
|
||||
font-size: 1rem; }
|
||||
.sheet-inline-checkboxes label.sheet-styled-checkbox input {
|
||||
position: absolute;
|
||||
opacity: 0; }
|
||||
.sheet-inline-checkboxes label.sheet-styled-checkbox:hover input ~ span {
|
||||
background-color: #ccc; }
|
||||
.sheet-inline-checkboxes label.sheet-styled-checkbox input:checked ~ span {
|
||||
background-color: #145b32; }
|
||||
.sheet-inline-checkboxes label.sheet-styled-checkbox input:checked ~ span:after {
|
||||
display: block; }
|
||||
.sheet-inline-checkboxes label.sheet-styled-checkbox span {
|
||||
border: 2px solid #27ae60;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 15px;
|
||||
width: 15px; }
|
||||
.sheet-inline-checkboxes label.sheet-styled-checkbox span:after {
|
||||
top: 9px;
|
||||
left: 9px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: red; }
|
||||
@@ -0,0 +1,340 @@
|
||||
<div class="logo">
|
||||
<img src="https://github.com/rldorado/roll20-character-sheets/blob/master/Nahui%20Ollin/src/img/NahuiOllin_logo.png?raw=true" alt="NAHUI OLLIN">
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
|
||||
<div class="section__left">
|
||||
<div class="inline">
|
||||
<label for="attr_character_name">Nombre:</label>
|
||||
<input name="attr_character_name" type="text" />
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_origen_social">Origen Social:</label>
|
||||
<input type="text" name="attr_origen_social"/>
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_caracter">Caracter:</label>
|
||||
<textarea name="attr_caracter" cols="20" rows="1"></textarea>
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_descripcion">Descripcion fisica:</label>
|
||||
<textarea name="attr_descripcion" cols="20" rows="1"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Left -->
|
||||
|
||||
<div class="section__right">
|
||||
<div class="inline">
|
||||
<label for="attr_oficio">Oficio:</label>
|
||||
<input type="text" name="attr_oficio" />
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_pa">Puntos de aventura:</label>
|
||||
<input type="number" name="attr_pa" value="3" />
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_nivel">Nivel:</label>
|
||||
<input type="number" name="attr_nivel" value="1" />
|
||||
(<input type="number" name="attr_px" value="0" />PX)
|
||||
</div>
|
||||
</div>
|
||||
<!-- Right -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
|
||||
<div class="section__left">
|
||||
<h3>CARACTERÍSTICAS Y DESTREZAS</h3>
|
||||
<div class="inline">
|
||||
<label for="attr_agilidad">Agilidad:</label>
|
||||
<input type="number" name="attr_agilidad"/>
|
||||
<input type="text" name="attr_agilidad_destreza"/>
|
||||
<button type="roll" name="roll_agilidad" value="&{template:default} {{name=Agilidad}} {{Valor=@{agilidad}}} {{Resultado=[[1d100cs<[[@{agilidad}]]cf=99]]}} &{tracker}"/>
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_combate">Combate:</label>
|
||||
<input type="number" name="attr_combate"/>
|
||||
<input type="text" name="attr_combate_destreza"/>
|
||||
<button type="roll" name="roll_combate" value="&{template:default} {{name=Combate}} {{Valor=@{combate}}} {{Resultado=[[1d100cs<[[@{combate}]]cf=99]]}} &{tracker}"/>
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_cultura">Cultura:</label>
|
||||
<input type="number" name="attr_cultura"/>
|
||||
<input type="text" name="attr_cultura_destreza"/>
|
||||
<button type="roll" name="roll_cultura" value="&{template:default} {{name=Cultura}} {{Valor=@{cultura}}} {{Resultado=[[1d100cs<[[@{cultura}]]cf=99]]}} &{tracker}"/>
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_fortaleza">Fortaleza:</label>
|
||||
<input type="number" name="attr_fortaleza"/>
|
||||
<input type="text" name="attr_fortaleza_destreza"/>
|
||||
<button type="roll" name="roll_fortaleza" value="&{template:default} {{name=Fortaleza}} {{Valor=@{fortaleza}}} {{Resultado=[[1d100cs<[[@{fortaleza}]]cf=99]]}} &{tracker}"/>
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_habilidad">Habilidad:</label>
|
||||
<input type="number" name="attr_habilidad"/>
|
||||
<input type="text" name="attr_habilidad_destreza"/>
|
||||
<button type="roll" name="roll_habilidad" value="&{template:default} {{name=Habilidad}} {{Valor=@{habilidad}}} {{Resultado=[[1d100cs<[[@{habilidad}]]cf=99]]}} &{tracker}"/>
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_personalidad">Personalidad:</label>
|
||||
<input type="number" name="attr_personalidad"/>
|
||||
<input type="text" name="attr_personalidad_destreza"/>
|
||||
<button type="roll" name="roll_personalidad" value="&{template:default} {{name=Personalidad}} {{Valor=@{personalidad}}} {{Resultado=[[1d100cs<[[@{personalidad}]]cf=99]]}} &{tracker}"/>
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_percepcion">Percepcion:</label>
|
||||
<input type="number" name="attr_percepcion"/>
|
||||
<input type="text" name="attr_percepcion_destreza"/>
|
||||
<button type="roll" name="roll_percepcion" value="&{template:default} {{name=Percepcion}} {{Valor=@{percepcion}}} {{Resultado=[[1d100cs<[[@{percepcion}]]cf=99]]}} &{tracker}"/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Left -->
|
||||
|
||||
<div class="section__right">
|
||||
<h3>RASGOS SECUNDARIOS</h3>
|
||||
<div class="inline">
|
||||
<label for="attr_vida">Nivel de vida (Salud):</label>
|
||||
<input type="number" name="attr_vida" value="20" />
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_inciativa">Iniciativa:</label>
|
||||
<input disabled type="number" name="attr_iniciativa" value="[round(@{agilidad}/2)]" />
|
||||
<button type="roll" name="roll_iniciativa" value="&{template:default} {{name=Iniciativa}} {{Valor=@{agilidad}}} {{Resultado=[[1d100cs<[[@{agilidad}]]cf=99]]}} &{tracker}"/>
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_md">Modificador al Daño:</label>
|
||||
<input type="number" name="attr_md" value="0" />
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_pp">Puntos de Poder:</label>
|
||||
<input type="number" name="attr_pp" value="0" />
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_frialdad">Frialdad:</label>
|
||||
<input disabled type="number" name="attr_frialdad" value="[30+@{personalidad}-@{cultura}]" />
|
||||
<button type="roll" name="roll_frialdad" value="&{template:default} {{name=Frialdad}} {{Valor=[[30+@{personalidad}-@{cultura}]]}} {{Resultado=[[1d100cs<[[30+@{personalidad}-@{cultura}]]cf=99]]}} &{tracker}"/>
|
||||
</div>
|
||||
<h3>TIRADAS DE AYUDA</h3>
|
||||
<div class="inline">
|
||||
<label for="attr_du">Dado de unidad (DU):</label>
|
||||
<button type="roll" name="roll_du" value="&{template:default} {{name=Dado de Unidad}} {{Resultado=[[1d10]]}} &{tracker}"/>
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_da">Dado más Alto (DA):</label>
|
||||
<button type="roll" name="roll_da" value="&{template:default} {{name=Dado mas Alto}} {{Resultado=[[{2d10}kh1]]}} &{tracker}"/>
|
||||
</div>
|
||||
<div class="inline">
|
||||
<label for="attr_da">Daño de arma de fuego (2D10):</label>
|
||||
<button type="roll" name="roll_da" value="&{template:default} {{name=Daño de arma de fuego (2D10)}} {{Resultado=[[2d10]]}} &{tracker}"/>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Right -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
|
||||
<div class="section__left">
|
||||
<h3>SALUD</h3>
|
||||
<div class="inline-checkboxes">
|
||||
<label for="attr_salud_normal_1">Normal:</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_normal_1" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_normal_2" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_normal_3" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_normal_4" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_normal_5" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="inline-checkboxes">
|
||||
<label for="attr_salud_herido_1">Herido:</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_herido_1" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_herido_2" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_herido_3" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_herido_4" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_herido_5" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="inline-checkboxes">
|
||||
<label for="attr_salud_malherido_1">Malherido:</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_malherido_1" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_malherido_2" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_malherido_3" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_malherido_4" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_malherido_5" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="inline-checkboxes">
|
||||
<label for="attr_salud_agonizante_1">Agonizante:</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_agonizante_1" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_agonizante_2" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_agonizante_3" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_agonizante_4" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_salud_agonizante_5" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="inline-checkboxes" style="padding-top: 0; padding-bottom: 0;">
|
||||
(-20% acciones físicas)<br>
|
||||
(tirada de fortaleza para no desmayarse)
|
||||
</div>
|
||||
</div>
|
||||
<!-- Left -->
|
||||
|
||||
<div class="section__right">
|
||||
<h3>ENTEREZA</h3>
|
||||
<div class="inline-checkboxes">
|
||||
<label for="attr_entereza_normal_1">Normal:</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_normal_1" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_normal_2" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_normal_3" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_normal_4" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_normal_5" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="inline-checkboxes">
|
||||
<label for="attr_entereza_nervioso_1">Nervioso:</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_nervioso_1" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_nervioso_2" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_nervioso_3" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_nervioso_4" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_nervioso_5" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="inline-checkboxes">
|
||||
<label for="attr_entereza_maniaco_1">Maniaco:</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_maniaco_1" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_maniaco_2" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_maniaco_3" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_maniaco_4" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_maniaco_5" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="inline-checkboxes" style="padding-top: 0; padding-bottom: 0;">
|
||||
(-20% acciones mentales/sociales)
|
||||
</div>
|
||||
<div class="inline-checkboxes">
|
||||
<label for="attr_entereza_loco">Loco:</label>
|
||||
<label class="styled-checkbox">
|
||||
<input name="attr_entereza_loco" type="checkbox" />
|
||||
<span></span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Right -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
|
||||
<div class="section__left">
|
||||
<h3>EQUIPO</h3>
|
||||
<textarea name="attr_equipo" cols="50" rows="5"></textarea>
|
||||
</div>
|
||||
<!-- Left -->
|
||||
|
||||
<div class="section__right">
|
||||
<h3>HECHIZOS</h3>
|
||||
<textarea name="attr_hechizos" cols="50" rows="5"></textarea>
|
||||
</div>
|
||||
<!-- Right -->
|
||||
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 872 KiB |
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"name": "nahuiollin",
|
||||
"version": "1.0.0",
|
||||
"description": "Character sheet for Nahui Ollin",
|
||||
"main": "index.js",
|
||||
"author": "rldorado",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"node-sass": "^4.14.1"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "yarn run compile:sass",
|
||||
"compile:sass": "node-sass src/scss/nahuiollin.scss nahuiollin.css -w"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"html": "nahuiollin.html",
|
||||
"css": "nahuiollin.css",
|
||||
"authors": "feybrant",
|
||||
"preview": "nahuiollin.png",
|
||||
"instructions": ""
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 184 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
@@ -0,0 +1,53 @@
|
||||
$activeColor: #27ae60; //green
|
||||
$darkenColor: darken($activeColor, 20%);
|
||||
|
||||
label.sheet-styled-checkbox {
|
||||
// Reset values inherited from Roll20
|
||||
margin-bottom: 0;
|
||||
padding-right: initial;
|
||||
|
||||
position: relative;
|
||||
padding-left: 35px;
|
||||
cursor: pointer;
|
||||
font-size: 1rem;
|
||||
|
||||
input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
// Mouse over
|
||||
&:hover input ~ span {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
// Button checked
|
||||
input:checked ~ span {
|
||||
background-color: $darkenColor;
|
||||
}
|
||||
|
||||
// Show dot/circle indicator
|
||||
input:checked ~ span:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
span {
|
||||
border: 2px solid $activeColor;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
|
||||
// Dot/Circle indicator when checkedd
|
||||
&:after {
|
||||
top: 9px;
|
||||
left: 9px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
$prefix: "sheet-";
|
||||
$color1: #915027;
|
||||
$color2: #6C613B;
|
||||
|
||||
// ---------- Reset rules
|
||||
|
||||
// Number input arrows
|
||||
/* 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;
|
||||
}
|
||||
|
||||
// textarea resize disable on horizontal
|
||||
textarea {
|
||||
resize: vertical;
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
@import "variables";
|
||||
|
||||
.charsheet {
|
||||
background: #F2EAD3 url(https://raw.githubusercontent.com/rldorado/roll20-character-sheets/master/Nahui%20Ollin/src/img/bg.jpg) no-repeat center;
|
||||
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: $color1;
|
||||
background-color: rgba(235,195,95,0.8);
|
||||
text-align: center;
|
||||
border-top: 2px solid $color1;
|
||||
border-bottom: 2px solid $color1;
|
||||
}
|
||||
|
||||
.#{$prefix} {
|
||||
|
||||
&logo {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
§ion {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
|
||||
label {
|
||||
color: $color2;
|
||||
}
|
||||
|
||||
&__left, &__right {
|
||||
margin: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
&inline {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
|
||||
input, textarea {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&inline-checkboxes {
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-content: center;
|
||||
border-right: 2px solid $color1;
|
||||
border-left: 2px solid $color1;
|
||||
|
||||
label:first-of-type {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
border-bottom: 2px solid $color1;
|
||||
}
|
||||
|
||||
@import "checkbox";
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user