From 8b19ca19ab6a088c12eaa46887b3f591729ecc5e Mon Sep 17 00:00:00 2001 From: Augusto Date: Thu, 8 Jun 2023 20:43:38 -0300 Subject: [PATCH 1/8] att 1 daemon exilia --- Daemon Exilia/Exilia.css | 15 +- Daemon Exilia/Exilia.html | 2604 +++++++++++++++++++++++-------------- 2 files changed, 1605 insertions(+), 1014 deletions(-) diff --git a/Daemon Exilia/Exilia.css b/Daemon Exilia/Exilia.css index 0ab4ea0e7047..e55eb07f7651 100644 --- a/Daemon Exilia/Exilia.css +++ b/Daemon Exilia/Exilia.css @@ -17,7 +17,6 @@ margin-left: 20px; } - /*corpo da ficha*/ .sheet-main { margin: 0 auto; @@ -44,7 +43,7 @@ height: 100px; grid-template-columns: 50px 50px left; column-gap: 10px; - } +} .sheet-main .sheet-input-with-text-bellow { display: flex; flex-direction: column @@ -73,7 +72,7 @@ grid-column: 1/5 } .sheet-char-info { - font-size: 13px; + font-size: 13px; font-weight: bold; color: #808080; } @@ -228,7 +227,7 @@ button[type="roll"].sheet-dado7 { .sheet-inic-add { font-size: 20px; - font-weight: bold; + font-weight: bold; color: black text-align: center; background-color: transparent; @@ -507,7 +506,6 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } - .sheet-modificador-global { margin-top: -15px; margin-bottom:10px; @@ -527,7 +525,6 @@ button[type="roll"].sheet-dado7 { .sheet-linha-de-divisao-2 h3 { padding-top: 35px; } - /*css linhas pericias*/ .sheet-pericias { margin-top: 3px; @@ -635,7 +632,6 @@ button[type="roll"].sheet-dado7 { text-align: center; position: relative; } - .sheet-linha_N { width: 30px; height: 40px; @@ -647,7 +643,6 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } - .sheet-linha_D { width: 30px; height: 40px; @@ -659,7 +654,6 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } - .sheet-linha_M { width: 30px; height: 40px; @@ -671,7 +665,6 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } - /*css dos dados de pericias*/ .sheet-linha-dado2 { border-style: none; @@ -897,7 +890,6 @@ button[type="action"].sheet-button-personagem:before { } button[type="action"].sheet-button-personagem:hover { background-image: url(https://i.imgur.com/BeJ5nXO.png); - } button[type="action"].sheet-button-personagem:hover h4 { text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601; @@ -1481,7 +1473,6 @@ input[type="checkbox"].sheet-toggle-show-pocao { background-repeat: no-repeat; } - /* FICHA DESENVOLVIDA POR BLACK & VERYDYCA -.----------------------------------------------------------------------------. diff --git a/Daemon Exilia/Exilia.html b/Daemon Exilia/Exilia.html index f6d39c8d6c03..12c28bf022ba 100644 --- a/Daemon Exilia/Exilia.html +++ b/Daemon Exilia/Exilia.html @@ -1,1091 +1,1691 @@ -
- - - -
+
+ +
- - Nome
+ + Nome +
- - Idade
+ + Idade +
- - Raça
+ + Alinhamento +
- - Classe
+ + Classe Primaria +
+
+ + Classe Secundaria +
+
+ + Classe Heroica +
- - Conceito
+ + Raça +
- - Alinhamento
+ + Xp Classe Primaria +
- - Xp de Raça
+ + Xp Classe Secundaria +
- - Xp de Classe
+ + Xp Classe Heroica +
- - Nível
- - - - -
+ + Nível +
+ +
- -
+ +
+

-
-

Personagem

-
- - -
-
- -
- -
-

Atributos

-
- - - - - - - - -
- - - - - - - - - -
-
- - - - - - - - - -
-
- - - - - - - - - -
-
- - - - - - - - - -
-
- - - - - - - - - -
-
- - - - - - - - - -
-
- - - - - - - - - -
-
- - - - - - - - - -
-
- - - - - - -
- -
- - - -
-
-
- -
-
-
- - - - - +
+

Personagem

+
+
+
+
+ +
+

Atributos

- - - - - -
-
-
- - - - - -
-
-
- - - - - -
-
-
- - - - - -
-
-
- - - - - -
-
- - - - - -
-
-
- - - + + + + + + + + +
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + + + + +
+
+ + + + + + +
+
+
+
+
+ +
+
+
+ + + + + +
+ + + + + +
+
+
+ + + + + +
+
+
+ + + + + +
+
+
+ + + + + +
+
+
+ + + + + +
+
+ + + + + +
+
+
+ + + +
+ + + +
+ + + +
+
+
+
+ +
+

Sub-Atributos

+
+ + + +
+
+ + + +
+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+

Modificadores Globais

+
+ + + +
+
+ + + +
+
+
- - - -
- - - -
-
-
-
-
-

Sub-Atributos

- - - -
-
- - - -
-
-
- - -
-
- - - -
-
- - - -
-
- - - -
- -
-
-
-

Modificadores Globais

-
- - - -
-
- - - -
+
+
+

Perícias de Combate

+
+ + + + + +
-
-
-
-
- - - - -
-

Perícias de Combate

-
-
- - - - - - -
-
- - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - -

-
-
- - -
-

Perícias Gerais

-
-
- - - - - - -
-
- - - - - - - - - - - -
- - - - - - - - -
-
- - -
-

Aprimoramentos e Manobras de Combate

-
-
- - - - -
-
- - - - -
-
-
-

Habilidades de Raça

-
-
- - - -
-
-
- - - - -
-
- -
-
+
+ + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + +

-
-
-

Habilidades de Classe

-
-
- - - -
-
-
- - - - -
-
- -
-
+
+
+

Perícias Gerais

+
+
+ + + + + + +
+
+ + + + + + + + + + + +
+ + + + + + + +
-
-
- -
-
-
-

Focus

-
-
- - - - - -
-
- - - - - -
-
- - - - - -
-
- - - - - -
-
- - - - - -
-
- - - - - -
- - -
-

Magias - Nível Basico

-
-
- - - - - - - - -
-
-
- - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - -
- - - - - - - -
- - - - - - - -
- +
+
+

Aprimoramentos

+
+
+ + +
+
+
+ + + +
+
+ +
-
+
-
- -
-

Magias - Nível Intermediário

-
-
- - - - - - - - -
-
-
- - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - -
- - - - - - - -
- - - - - - - -
- +
+

Manobras de Combate

+
+
+ + +
+
+
+ + + +
+
+ +
-
+
-
- -
-

Magias - Nível Avançado

-
-
- - - - - - - - -
-
-
- - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - -
- - - - - - - -
- - - - - - - +
+

Habilidades de Raça

+
+
+ + + +
+
+
+ + + + +
- +
+
+
+

Habilidades de Classe

-
-
-
-

Magias - Nível Superior

-
-
- - - - - - - - -
-
-
- - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - -
- - - - - - - -
- - - - - - - +
+ + + +
+
+
+ + + + +
- +
-
-
-
-
-
- -
-
-

Equipamentos

+ +
+
-
-
- -
-
- - -
- -
+
+ + +
+

Focus

-
- - -
- -
+
+ + + + +
-
- - -
- -
-
-
- - -
- -
-
-
- - -
- -
-
-
- - -
- -
-
-
- - -
- -
-
-
- - -
- -
-
-
- - -
- -
-
-
- - -
- -
+
+ + + + +
-
- - -
- -
+
+ + + + +
-
- - -
- -
+
+ + + + +
-
- - -
- -
+
+ + + + +
-
- - -
- -
+
+ + + + +
-
- - -
- -
+ +
+

Magias - Nível Basico

-
-
-
- -
-
- -
-
-
+
+ + + + + + + +
-
-
- -
-
- - -
- +
+
+ + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + +
+ +
+
+
+
+
+
+

Magias - Nível Intermediário

-
- - -
- -
+
+ + + + + + + +
-
- - -
- +
+
+ + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + +
+ +
+
+
+
+
+
+

Magias - Nível Avançado

-
- - -
- -
+
+ + + + + + + +
-
- - -
- +
+
+ + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + +
+ +
+
+
+
+
+
+

Magias - Nível Superior

-
- - -
- -
+
+ + + + + + + +
-
- - -
- +
+
+ + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + +
+ + + + + + + +
+ +
+
+
+
+
+
+ +
+
+ +
+

Equipamentos

-
- - -
- +
+
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
-
-
- - -
- +
+
+
+ +
+
+
+
-
-
- - -
- +
+
+
+ + +
+ +
-
-
- - -
- +
+ + +
+ +
-
-
- - -
- +
+ + +
+ +
-
-
- - -
- +
+ + +
+ +
-
-
- - -
- +
+ + +
+ +
-
-
- - -
- +
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
+ + +
+ +
+
+
-
-
-
- -
-

Mochila

-
-
-
-
- +
+

Mochila

-
-
-
- -
-
-
-

Moedas

-
-
- - - - - - - - - - - -
BronzePrataOuro
+
+
+
+
-
-
-

Estudo & Treinamento

-
+
-
-
- + +
+
+
-
- +
+

Moedas

+
+
+ + + + + + + + + + + +
BronzePrataOuro
+
+
+
+
+

Estudo & Treinamento

+
+
+
+
+ +
+
+ +
+
-
-
- -
-

Anotações

- +
+

Anotações

+ +
+
+
-
-
- + - - - -
- +
+ Nome
-
+
Idade
-
+
Alinhamento
-
+
- Classe Primaria + 1ª Classe
-
+
- Classe Secundaria + 2ª Classe
-
+
Classe Heroica
-
+
Raça
-
+
- Xp Classe Primaria + Xp 1ª Classe
-
+
- Xp Classe Secundaria + Xp 2ª Classe
-
+
Xp Classe Heroica
-
+
Nível
- - + -
@@ -100,10 +103,12 @@

Atributos

value="(@{For} + @{For-Temp})" disabled /> - -
- + Atributos
- + Atributos
- + @@ -461,7 +467,7 @@

Atributos


- + @@ -471,15 +477,15 @@

Atributos

/>
- + - +
@@ -500,9 +506,9 @@

Atributos

value="" class="linha-penalidade" />
- - - + + +
@@ -673,9 +679,9 @@

Perícias de Combate

Perícias Gerais

- - - + + + @@ -738,64 +744,66 @@

Perícias Gerais

-
+ +
+
+
+ +
+

Habilidades

+
+

Aprimoramentos


-
- - - -
-
- -
+ + + +
+
+
-
+

Manobras de Combate

- +
-
- - - -
-
- -
+ + + +
+
+
@@ -1676,7 +1684,7 @@

Anotações

diff --git a/Dragon Age RPG/Dragon Age RPG.css b/Dragon Age RPG/Dragon Age RPG.css index c8f0856275c0..17fc622b1106 100644 --- a/Dragon Age RPG/Dragon Age RPG.css +++ b/Dragon Age RPG/Dragon Age RPG.css @@ -1,813 +1,801 @@ .charsheet { - font-family: Georgia; - background-color: white; - width: 870px; + font-family: Georgia; + background-color: white; + width: 870px; } p { - font-family: Georgia; + font-family: Georgia; } .sheet-colrow { - margin-top: 15px; + margin-top: 15px; } .sheet-spacer { - height:20px; + height: 20px; } textarea { - background: none; - box-shadow: none; - font-size: 12px; - color: #000000; - font-family: Lucida Handwriting;; - resize: none; - border: none; + background: none; + box-shadow: none; + font-size: 12px; + color: #000000; + font-family: Lucida Handwriting; + resize: none; + border: none; } tbody { - background: none; + background: none; } table { - width: 100%; - border: 2px solid black; + width: 100%; + border: 2px solid black; } td { - background: none; + background: none; } -select -{ - margin:0px; +select { + margin: 0px; } -div.sheet-tab-content -{ - display: none; +div.sheet-tab-content { + display: none; } input.sheet-tab1:checked ~ div.sheet-tab1, input.sheet-tab2:checked ~ div.sheet-tab2, input.sheet-tab3:checked ~ div.sheet-tab3, -input.sheet-tab4:checked ~ div.sheet-tab4 -{ - display: block; +input.sheet-tab4:checked ~ div.sheet-tab4 { + display: block; } input.sheet-tab { - width: 150px; - height: 20px; - position: absolute; - cursor: pointer; - z-index: 1; - margin-left: 4px; - opacity: 0; - margin-top: 1px; + width: 150px; + height: 20px; + position: absolute; + cursor: pointer; + z-index: 1; + margin-left: 4px; + opacity: 0; + margin-top: 1px; } -input.sheet-tab-first -{ - margin-left:2px !important; +input.sheet-tab-first { + margin-left: 2px !important; } -input.sheet-tab-second -{ - margin-left:152px !important; +input.sheet-tab-second { + margin-left: 152px !important; } -input.sheet-tab-third -{ - margin-left:302px !important; +input.sheet-tab-third { + margin-left: 302px !important; } -input.sheet-tab-four -{ - margin-left:452px !important; +input.sheet-tab-four { + margin-left: 452px !important; } -input.sheet-tab-first + span::before -{ - margin-left:2px !important; +input.sheet-tab-first + span::before { + margin-left: 2px !important; } -input.sheet-tab-second + span::before -{ - margin-left:152px !important; +input.sheet-tab-second + span::before { + margin-left: 152px !important; } -input.sheet-tab-third + span::before -{ - margin-left:302px !important; +input.sheet-tab-third + span::before { + margin-left: 302px !important; } -input.sheet-tab-four + span::before -{ - margin-left:452px !important; +input.sheet-tab-four + span::before { + margin-left: 452px !important; } input.sheet-tab + span::before { - content: attr(title); - display: inline-block; - position:absolute; - background: white; - border: solid 1px #010101; - font-size: 16px; - font-weight: bold; - text-align: center; - width: 150px; - height: 20px; - position:absolute; + content: attr(title); + display: inline-block; + position: absolute; + background: white; + border: solid 1px #010101; + font-size: 16px; + font-weight: bold; + text-align: center; + width: 150px; + height: 20px; + position: absolute; } input.sheet-tab:checked + span::before { - border-bottom-color: white; + border-bottom-color: white; } input.sheet-tab:not(:first-child) + span::before { - border-left: 2px, black; + border-left: 2px, black; } input.sheet-tab2 + span::before { - background: #ffffff; + background: #ffffff; } input.sheet-tab2:checked + span::before { - background: white; - border-bottom-color: none; + background: white; + border-bottom-color: none; } div.sheet-tab-content { - border: 15px solid #010101; - border-top-color: #000; - margin: 2px 0 0 2px; - padding: 5px; - margin-top:-1px; + border: 15px solid #010101; + border-top-color: #000; + margin: 2px 0 0 2px; + padding: 5px; + margin-top: -1px; } div.sheet-tab2 { - background-color: white; + background-color: white; } .sheet-characterinfotable { - border: 2px solid black; - width: 300px; - margin-bottom: 5px; + border: 2px solid black; + width: 300px; + margin-bottom: 5px; } .sheet-characterinfotable td { - border: 2px solid black; + border: 2px solid black; } .sheet-basicinfotextbox { - width: 100%; - background: none; - border-style:none; - box-shadow: none; - border-color: #000000; - text-align: left; - font-size:13px; - color: #000000; - font-family: Lucida Handwriting; + width: 100%; + background: none; + border-style: none; + box-shadow: none; + border-color: #000000; + text-align: left; + font-size: 13px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-blackbox { - border: 2px solid black; - background-color: black; - font-weight: none; - color: white; - font-size: 12px; - text-align: left; - height: 25px; - padding: 3px; - font-family: Georgia; + border: 2px solid black; + background-color: black; + font-weight: none; + color: white; + font-size: 12px; + text-align: left; + height: 25px; + padding: 3px; + font-family: Georgia; } .sheet-characterfeaturestable { - border: 2px solid black; - width: 100%; - margin-bottom: 5px; + border: 2px solid black; + width: 100%; + margin-bottom: 5px; } .sheet-blackbox_alternate { - border: 2px solid black; - background-color: black; - font-weight: none; - color: white; - font-size: 14px; - text-align: center; - padding: 3px; + border: 2px solid black; + background-color: black; + font-weight: none; + color: white; + font-size: 14px; + text-align: center; + padding: 3px; } .sheet-featurestextarea { - width: 97%; - height: 95px; + width: 97%; + height: 95px; } .sheet-skilltable { - border: 2px solid black; - width: 100%; + border: 2px solid black; + width: 100%; } .sheet-skilltable td { - border: 2px solid black; + border: 2px solid black; } .sheet-skilltable div { - text-align: left; + text-align: left; } .sheet-skillvaluebox { - font-weight: bold; - background: none; - border: none; - box-shadow: none; - margin: 0px auto 0px auto; - text-align: center; - font-size:50px; - width: 100%; - color: black; - font-family: Lucida Handwriting; + font-weight: bold; + background: none; + border: none; + box-shadow: none; + margin: 0px auto 0px auto; + text-align: center; + font-size: 50px; + width: 100%; + color: black; + font-family: Lucida Handwriting; } .sheet-skillvalue { - width: 90px; + width: 90px; } .sheet-focustextarea { - width: 97%; - height: 50px; - text-align: justify; + width: 97%; + height: 50px; + text-align: justify; } .sheet-xptable { - border: 2px solid black; + border: 2px solid black; } .sheet-xptable td { - border: 2px solid black; + border: 2px solid black; } .sheet-blackboxlarge { - border: 2px solid black; - background-color: black; - font-weight: none; - color: white; - font-size: 14px; - text-align: center; - height: 25px; - padding: 1px; - font-family: Georgia; + border: 2px solid black; + background-color: black; + font-weight: none; + color: white; + font-size: 14px; + text-align: center; + height: 25px; + padding: 1px; + font-family: Georgia; } .sheet-class_and_xptextbox { - width: 150px; - background: none; - border-style:none; - box-shadow: none; - border-color: #000000; - text-align: center; - font-size:13px; - color: #000000; - font-family: Lucida Handwriting; + width: 150px; + background: none; + border-style: none; + box-shadow: none; + border-color: #000000; + text-align: center; + font-size: 13px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-2ndstattable { - border: 2px solid black; + border: 2px solid black; } .sheet-2ndstattable td { - border: 2px solid black; - text-align:center; + border: 2px solid black; + text-align: center; } .sheet-2ndstatbox { - text-align:center; + text-align: center; } .sheet-otherinput { - width: 50px; - background: none; - border-style:none; - box-shadow: none; - border-color: #000000; - text-align: center; - font-size: 16px; - color: #000000; - font-family: Lucida Handwriting; + width: 50px; + background: none; + border-style: none; + box-shadow: none; + border-color: #000000; + text-align: center; + font-size: 16px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-2nd_statstextbox { - width: 83px; - background: none; - border-style:none; - box-shadow: none; - border-color: #000000; - text-align: center; - font-size: 40px; - color: #000000; - font-family: Lucida Handwriting; + width: 83px; + background: none; + border-style: none; + box-shadow: none; + border-color: #000000; + text-align: center; + font-size: 40px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-armortypetextarea { - width: 97%; - background: none; - border-style:none; - box-shadow: none; - border-color: #000000; - text-align: center; - font-size: 20px; - font-weight: bold; - color: #000000; - font-family: Lucida Handwriting; + width: 97%; + background: none; + border-style: none; + box-shadow: none; + border-color: #000000; + text-align: center; + font-size: 20px; + font-weight: bold; + color: #000000; + font-family: Lucida Handwriting; } .sheet-container { - position: relative; - min-height: 60px; - border-radius: 0px; - border: 1px solid black; - background: none; + position: relative; + min-height: 60px; + border-radius: 0px; + border: 1px solid black; + background: none; } .sheet-weapons-content { - height: 100%; + height: 100%; } .sheet-weaponscont { - border: 2px solid black; - position: relative; + border: 2px solid black; + position: relative; } .sheet-weaponstable { - border: 2px solid black; - width: 100%; + border: 2px solid black; + width: 100%; } .sheet-weaponstable td { - text-align: center; + text-align: center; } .sheet-blackbox_alternate2 { - border: 2px solid black; - background-color: black; - font-weight: none; - color: white; - font-size: 16px; - text-align: center; - padding: 0px; - margin: 0px; - text-align: center; + border: 2px solid black; + background-color: black; + font-weight: none; + color: white; + font-size: 16px; + text-align: center; + padding: 0px; + margin: 0px; + text-align: center; } .sheet-weaponnametext { - width: 200px; - background: none; - border: none; - border-radius: 0px; - border-bottom: 2px solid; - box-shadow: none; - border-color: #000000; - text-align: left; - font-size: 12px; - color: #000000; - font-family: Lucida Handwriting; + width: 200px; + background: none; + border: none; + border-radius: 0px; + border-bottom: 2px solid; + box-shadow: none; + border-color: #000000; + text-align: left; + font-size: 12px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-weaponatacktext { - width: 60px; - background: none; - border: none; - border-radius: 0px; - border-bottom: 2px solid; - box-shadow: none; - text-align: center; - font-size: 12px; - color: #000000; - font-family: Lucida Handwriting; + width: 60px; + background: none; + border: none; + border-radius: 0px; + border-bottom: 2px solid; + box-shadow: none; + text-align: center; + font-size: 12px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-weaponrangetext { - width: 40px; - background: none; - border: none; - border-radius: 0px; - border-bottom: 2px solid; - box-shadow: none; - text-align: center; - font-size: 12px; - color: #000000; - font-family: Lucida Handwriting; + width: 40px; + background: none; + border: none; + border-radius: 0px; + border-bottom: 2px solid; + box-shadow: none; + text-align: center; + font-size: 12px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-weapondamagetext { - width: 60px; - background: none; - border: none; - border-bottom: 2px solid; - border-radius: 0px; - box-shadow: none; - text-align: left; - font-size: 12px; - color: #000000; - font-family: Lucida Handwriting; + width: 60px; + background: none; + border: none; + border-bottom: 2px solid; + border-radius: 0px; + box-shadow: none; + text-align: left; + font-size: 12px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-borderdown { - border-bottom: 2px solid black; - font-size: 9px; + border-bottom: 2px solid black; + font-size: 9px; } .sheet-borderall { - border: 2px solid black; - font-size: 9px; + border: 2px solid black; + font-size: 9px; } .sheet-weaponstype { - height: 30px; - width: 458px; - text-align: left; + height: 30px; + width: 458px; + text-align: left; } .sheet-weapondetails { - height: 30px; - width: 100%; - text-align: center; + height: 30px; + width: 100%; + text-align: center; } .sheet-weaponnametext2 { - width: 150px; - background: none; - border: none; - box-shadow: none; - border-color: #000000; - text-align: left; - font-size: 12px; - color: #000000; - font-family: Lucida Handwriting; + width: 150px; + background: none; + border: none; + box-shadow: none; + border-color: #000000; + text-align: left; + font-size: 12px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-reloadtext { - height: 100%; - width: 85px; - background: none; - border: none; - box-shadow: none; - border-color: #000000; - text-align: left; - font-size: 12px; - color: #000000; - font-family: Lucida Handwriting; - -webkit-appearance: none; + height: 100%; + width: 85px; + background: none; + border: none; + box-shadow: none; + border-color: #000000; + text-align: left; + font-size: 12px; + color: #000000; + font-family: Lucida Handwriting; + -webkit-appearance: none; } .sheet-weaponspecs { - width: 231px; - height: 100%; - text-align: left; - font-size: 12px; - color: #000000; - font-family: Lucida Handwriting; + width: 231px; + height: 100%; + text-align: left; + font-size: 12px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-ammotable td { - border: 2px solid black; + border: 2px solid black; } .sheet-ammotext { - width: 100%; - background: none; - border: none; - box-shadow: none; - text-align: center; - font-size: 20px; - color: #000000; - font-family: Lucida Handwriting; + width: 100%; + background: none; + border: none; + box-shadow: none; + text-align: center; + font-size: 20px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-ammotypetext { - width: 100%; - background: none; - border: none; - box-shadow: none; - text-align: left; - font-size: 20px; - color: #000000; - font-family: Lucida Handwriting; + width: 100%; + background: none; + border: none; + box-shadow: none; + text-align: left; + font-size: 20px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-circularhome { - width:100%; - height:100%; - z-index:1; - position:relative; + width: 100%; + height: 100%; + z-index: 1; + position: relative; } .sheet-circulartextbox { - background: none; - border: none; - width: 70px; - height: 70px; - background-image: url('http://imgsrv.roll20.net/?src=i.imgur.com/pEjJcho.png'); - background-repeat: no-repeat; - background-position: center; - background-size: contain; - text-align:center; - padding:0; - right: -10px; - top: -33px; - z-index:2; - position: absolute; + background: none; + border: none; + width: 70px; + height: 70px; + background-image: url("http://imgsrv.roll20.net/?src=i.imgur.com/pEjJcho.png"); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + text-align: center; + padding: 0; + right: -10px; + top: -33px; + z-index: 2; + position: absolute; } .sheet-circulartext { - font-weight: bold; - background: none; - border: none; - box-shadow: none; - margin: 0px auto 0px auto; - text-align: center; - font-size:24px; - width: 70px; - color: #000000; - font-family: Lucida Handwriting; - padding:0; - vertical-align: middle; - position:absolute; - left: 50%; - top: 50%; - transform: translate(-50%,-50%); + font-weight: bold; + background: none; + border: none; + box-shadow: none; + margin: 0px auto 0px auto; + text-align: center; + font-size: 24px; + width: 70px; + color: #000000; + font-family: Lucida Handwriting; + padding: 0; + vertical-align: middle; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); } .sheet-circularp { - font-weight: bold; - background: none; - border: none; - box-shadow: none; - margin: 0px auto 0px auto; - text-align: center; - font-size:14px; - color: #000000; - font-family: Georgia; - padding:0; - position:absolute; - left: 50%; - top: 110%; - transform: translate(-50%,-50%); + font-weight: bold; + background: none; + border: none; + box-shadow: none; + margin: 0px auto 0px auto; + text-align: center; + font-size: 14px; + color: #000000; + font-family: Georgia; + padding: 0; + position: absolute; + left: 50%; + top: 110%; + transform: translate(-50%, -50%); } .sheet-spellbox { - width: 100%; - height: 100%; - border: 2px solid black; + width: 100%; + height: 100%; + border: 2px solid black; } .sheet-powerstext { - width: 475px; - height: 150px; - text-align: left; + width: 475px; + height: 150px; + text-align: left; } .sheet-spelltable td { - border: 2px solid black; + border: 2px solid black; } .sheet-spelltable { - border: 2px solid black; - width: 100%; + border: 2px solid black; + width: 100%; } .sheet-spelltext { - width:110px; - background: none; - border: none; - box-shadow: none; - text-align: left; - font-size: 14px; - color: #000000; - font-family: Lucida Handwriting; - padding:0; + width: 110px; + background: none; + border: none; + box-shadow: none; + text-align: left; + font-size: 14px; + color: #000000; + font-family: Lucida Handwriting; + padding: 0; } .sheet-spellselect { - width: 100%; - font-size: 12px; - background: none; - border: none; - box-shadow: none; - text-align: left; - color: #000000; - font-family: Lucida Handwriting; - -webkit-appearance: none; - padding:0; + width: 100%; + font-size: 12px; + background: none; + border: none; + box-shadow: none; + text-align: left; + color: #000000; + font-family: Lucida Handwriting; + -webkit-appearance: none; + padding: 0; } .sheet-spellselect2 { - width: 90px; - font-size: 12px; - background: none; - border: none; - box-shadow: none; - text-align: left; - color: #000000; - font-family: Lucida Handwriting; - -webkit-appearance: none; - padding:0; + width: 90px; + font-size: 12px; + background: none; + border: none; + box-shadow: none; + text-align: left; + color: #000000; + font-family: Lucida Handwriting; + -webkit-appearance: none; + padding: 0; } .sheet-manatext { - width: 45px; - font-size: 12px; - background: none; - border: none; - box-shadow: none; - text-align: left; - font-size: 14px; - color: #000000; - font-family: Lucida Handwriting; - padding:0; + width: 45px; + font-size: 12px; + background: none; + border: none; + box-shadow: none; + text-align: left; + font-size: 14px; + color: #000000; + font-family: Lucida Handwriting; + padding: 0; } .sheet-timetext { - width:100px; - font-size:12px; - border: none; - box-shadow: none; - text-align: left; - font-size: 14px; - color: #000000; - font-family: Lucida Handwriting; - padding:0; + width: 100px; + font-size: 12px; + border: none; + box-shadow: none; + text-align: left; + font-size: 14px; + color: #000000; + font-family: Lucida Handwriting; + padding: 0; } .sheet-natext { - width:30px; - font-size:12px; - background: none; - border: none; - box-shadow: none; - text-align: left; - font-size: 14px; - color: #000000; - font-family: Lucida Handwriting; - padding:0; + width: 30px; + font-size: 12px; + background: none; + border: none; + box-shadow: none; + text-align: left; + font-size: 14px; + color: #000000; + font-family: Lucida Handwriting; + padding: 0; } .sheet-vstext { - width:100%; - font-size:10px; - background: none; - border: none; - box-shadow: none; - text-align: left; - font-size: 14px; - color: #000000; - font-family: Lucida Handwriting; - padding:0; + width: 100%; + font-size: 10px; + background: none; + border: none; + box-shadow: none; + text-align: left; + font-size: 14px; + color: #000000; + font-family: Lucida Handwriting; + padding: 0; } .sheet-spelltext { - width:100%; - height: 40px; + width: 100%; + height: 40px; } .sheet-talent { - height: 360px; - position: relative; + height: 360px; + position: relative; } .sheet-lefter { - margin-left: 10px; + margin-left: 10px; } - .sheet-general { - width: 97%; + width: 97%; } .sheet-concepttext { - height: 160px; - width: 100%; + height: 160px; + width: 100%; } .sheet-goalstextsmall { - height: 70px; + height: 70px; } .sheet-goalstext { - height: 260px; + height: 260px; } .sheet-tiestext { - height: 110px; + height: 110px; } .sheet-section { - position: relative; - min-height: 30px; - border-radius: 0px; - border: 2px solid black; - background: none; + position: relative; + min-height: 30px; + border-radius: 0px; + border: 2px solid black; + background: none; } .sheet-inventory { - height: 550px; - border: 2px solid black; - padding-bottom: 35px; - position: relative; + height: 550px; + border: 2px solid black; + padding-bottom: 35px; + position: relative; } .sheet-inventory-content { - overflow-y: auto; - height: 100%; + overflow-y: auto; + height: 100%; } .sheet-InventoryName { - border: none; - width: 100%; - font-size: 10px; - font-family: Lucida Handwriting; - box-shadow: none; + border: none; + width: 100%; + font-size: 10px; + font-family: Lucida Handwriting; + box-shadow: none; } .sheet-InventoryAmount { - border: none; - width: 50px; - font-size: 10px; - font-family: Lucida Handwriting; - box-shadow: none; + border: none; + width: 50px; + font-size: 10px; + font-family: Lucida Handwriting; + box-shadow: none; } .sheet-invTable td { - border: 2px solid black; + border: 2px solid black; } .sheet-circularmoney { - background: none; - border: none; - width: 70px; - height: 70px; - background-image: url('http://imgsrv.roll20.net/?src=i.imgur.com/pEjJcho.png'); - background-repeat: no-repeat; - background-position: center; - background-size: contain; - text-align:center; + background: none; + border: none; + width: 70px; + height: 70px; + background-image: url("http://imgsrv.roll20.net/?src=i.imgur.com/pEjJcho.png"); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + text-align: center; } .sheet-circularmoneytext { - width: 65px; - background: none; - border: none; - border-radius: 0px; - box-shadow: none; - border-color: black; - text-align: center; - font-size: 15px; - color: #000000; - font-family: Lucida Handwriting; + width: 65px; + background: none; + border: none; + border-radius: 0px; + box-shadow: none; + border-color: black; + text-align: center; + font-size: 15px; + color: #000000; + font-family: Lucida Handwriting; } .sheet-talenttext { - width:300px; - background: none; - border: none; - box-shadow: none; - text-align: left; - font-size: 20px; - color: #000000; - font-family: Lucida Handwriting; - padding:0; + width: 300px; + background: none; + border: none; + box-shadow: none; + text-align: left; + font-size: 20px; + color: #000000; + font-family: Lucida Handwriting; + padding: 0; } .sheet-talentnumber { - background: none; - border: 2px solid black; - box-shadow: none; - text-align: center; - font-size: 20px; - color: #000000; - font-family: Lucida Handwriting; - padding:0; + background: none; + border: 2px solid black; + box-shadow: none; + text-align: center; + font-size: 20px; + color: #000000; + font-family: Lucida Handwriting; + padding: 0; } .sheet-talentselect { - width: 100%; - font-size: 15px; - background: none; - border: none; - box-shadow: none; - text-align: left; - color: #000000; - font-family: Lucida Handwriting; - -webkit-appearance: none; - padding:0; + width: 100%; + font-size: 15px; + background: none; + border: none; + box-shadow: none; + text-align: left; + color: #000000; + font-family: Lucida Handwriting; + -webkit-appearance: none; + padding: 0; } .sheet-talentarea { - width:100%; - height: 40px; + width: 100%; + height: 40px; } .focus-input { - font-family: Lucida Handwriting; + font-family: Lucida Handwriting; } .sheet-skillvaluebox { - width: 100% !important; - font-size: 2em !important; + width: 100% !important; + font-size: 2em !important; } .sheet-2ndstattable { - table-layout: fixed; - width: 100%; + table-layout: fixed; + width: 100%; } .sheet-2nd_statstextbox { - width: 100% !important; -} \ No newline at end of file + width: 100% !important; +} diff --git a/Dragon Age RPG/Dragon Age RPG.html b/Dragon Age RPG/Dragon Age RPG.html index 58cdc89999f0..5077b0eb0876 100644 --- a/Dragon Age RPG/Dragon Age RPG.html +++ b/Dragon Age RPG/Dragon Age RPG.html @@ -1,721 +1,1584 @@ - - - - + + + + + + + + -
-
-
-
- -
- -
- -
-
- -
- - - - - - - - -
-
- - COMMUNICATION - -
- 		- -
-
- -
-
- Roll with focus -
-
-
-
- - - - - - - - -
-
- - CONSTITUTION - -
- 		- -
-
- -
-
- Roll with focus -
-
-
-
- - - - - - - - -
-
- - CUNNING - -
-
-
- -
-
- Roll with focus -
-
-
-
- - - - - - - - -
-
- - DEXTERITY - -
- 		- -
-
- -
-
- Roll with focus -
-
-
-
- - - - - - - - -
-
- - MAGIC - -
-
-
- -
-
- Roll with focus -
-
-
-
- - - - - - - - -
-
- - PERCEPTION - -
- 		- -
-
- -
-
- Roll with focus -
-
-
-
- - - - - - - - -
-
- - STRENGTH - -
-
-
- -
-
- Roll with focus -
-
-
-
- - - - - - - - -
-
- - WILLPOWER - -
-
-
- -
-
- Roll with focus -
-
-
-
- - - -
-
- - - - - -
NAME
- - - - - -
BACKGROUND
- - - - - - - -
AGEGENDER
- - - - - - - -
WEIGHTHEIGHT
- - - - - - - -
APPEARANCE
-
- -
- - - - - - - - - - - - -
CLASSEXPERIENCELEVEL
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
DEFENSEARMORSPEEDHEALTHMANA
- Shield Bonus - - - Penalty - - - Charge - - - Run - - - Max - - - Max - -
-
-
- - - - - - - -
CLASS POWERS AND SPELLS
-
- -
-
-
-
- - - - - - - -
TALENTS AND LANGUAGES
- -
-
-
-
-
- - - - - - - - - - - - - - - - -
MELEE WEAPONATTACK ROLLDAMAGE
-
- - - - - - - - - - - -
-
- - - - -
-
-
-
-
- -
- -
-
-
- - - - - - - - - - - - - - - - - - - - - -
RANGED WEAPONATTACK ROLLDAMAGERANGEAMMO
-
- - - - - - - - - - - - - - -
-
-
-
-
+
+
+
+
+ +
+ +
+ +
+
+ +
+ + + + + + + + +
+
+ + COMMUNICATION + +
+ 		+ +
+
+ +
+
+ Roll with focus +
+
+
+
+ + + + + + + + +
+
+ + CONSTITUTION + +
+ 		+ +
+
+ +
+
+ Roll with focus +
+
+
+
+ + + + + + + + +
+
+ + CUNNING + +
+ 		+ +
+
+ +
+
+ Roll with focus +
+
+
+
+ + + + + + + + +
+
+ + DEXTERITY + +
+ 		+ +
+
+ +
+
+ Roll with focus +
+
+
+
+ + + + + + + + +
+
+ + MAGIC + +
+ 		+ +
+
+ +
+
+ Roll with focus +
+
+
+
+ + + + + + + + +
+
+ + PERCEPTION + +
+ 		+ +
+
+ +
+
+ Roll with focus +
+
+
+
+ + + + + + + + +
+
+ + STRENGTH + +
+ 		+ +
+
+ +
+
+ Roll with focus +
+
+
+
+ + + + + + + + +
+
+ + WILLPOWER + +
+ 		+ +
+
+ +
+
+ Roll with focus +
+
+
+
+ + + +
+
+ + + + + +
NAME + +
+ + + + + +
+ BACKGROUND + + +
+ + + + + + + +
AGE + + + GENDER + + +
+ + + + + + + +
+ WEIGHT + + + + HEIGHT + + +
+ + + + + + + +
+ APPEARANCE +
+ +
+
+ +
+ + + + + + + + + + + + +
+ CLASS + + EXPERIENCE + + LEVEL +
+ + + + + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ DEFENSE + + ARMOR + + SPEED + + HEALTH + + MANA +
+ + + + + + + + + +
+ Shield Bonus + + + Penalty + + + Charge + + + Run + + + Max + + + Max + +
+ +
+
+
+ + + + + + + +
+ CLASS POWERS AND SPELLS +
+
+ +
+
+
+
+ + + + + + + +
+ TALENTS AND LANGUAGES +
+ +
+
+
+
+
+ + + + + + + + + + + + + + + + +
+ MELEE WEAPON + + ATTACK ROLL + + DAMAGE +
+ + + + + + + + + +
+ +
+
+ + + + + + + + + + + +
+ + + + + + + + + +
+ +
+
+ + + + +
+ +
+
+
+
+
+ +
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + +
+ RANGED WEAPON + + ATTACK ROLL + + DAMAGE + + RANGE + + AMMO +
+ + + + + + + + + + + + + + + +
+ +
+
+ + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + +
+ +
+
+
+
+
-
- - - - - - - - - - - - -
MAGIC FOCUSES
- - Arcane Lance - - - Creation - - - Entropy - - - Primal - - - Spirit -
-
- - - - - - - - - - - - - - - - - - - - - - - -
SPELLSCHOOLMANA COSTCASTING TIMETNTESTSpellpower
- -
- -
-
- - - - - - - - - - - - - - -
- -
- -
-
-
+
+ + + + + + + + + + + + +
+ MAGIC FOCUSES +
+ + Arcane Lance + + + Creation + + + Entropy + + + Primal + + + Spirit +
+
+ + + + + + + + + + + + + + + + + + + + + + + +
+ SPELL + + SCHOOL + + MANA COST + + CASTING TIME + + TN + + TEST + + Spellpower +
+ + + + + + + + + + + + + +
+ + + +
+
+ + + + + + + + + + + + + + +
+ + + + + + + + + + + + + +
+ + + +
+
+
-
- -
-
- - - - - - - -
CHARACTER
-
-
- - - - - - - -
BACKGROUND
-
-
- - - - - - - -
CLASS
-
-
- - - - - - - -
LEVEL
-
-
-
-
- - - - - - - -
CONCEPT
-
-
-
- -
- - - - - - - -
LANGUAGES
-
-
- - - - - - - -
GOALS
-
-
- - - - - - - -
TIES AND FAMILY
-
-
- -
- -
-
-
- - - - - - - - - - - - -
EQUIPMENT
ItemQuantity
-
- - - - - -
-
-
-
-
-
-
- - - - - - - - - -
MONEY
-
-
-
- -
- +
+ +
+
+ + + + + + + +
+ CHARACTER +
+
+
+ + + + + + + +
+ BACKGROUND +
+
+
+ + + + + + + +
CLASS
+
+
+ + + + + + + +
LEVEL
+
+
+
+
+ + + + + + + +
+ CONCEPT +
+ +
+
+
+
+ +
+ + + + + + + +
+ LANGUAGES +
+ +
+
+
+ + + + + + + +
+ GOALS +
+ +
+
+
+ + + + + + + +
+ TIES AND FAMILY +
+ +
+
+
+ +
+ +
+
+
+ + + + + + + + + + + + +
+ EQUIPMENT +
ItemQuantity
+ + + +
+
+ + + + + +
+ + + +
+
+
+
+
+
+
+ + + + + + + + + +
+ MONEY +
+ + + + + +
+
+
+
+ +
+
-
-
-
- - - - - - - - - - - -
TALENTLEVELDETAILS
- -
-
- - - - - - -
- -
-
-
-
+
+
+
+ + + + + + + + + + + +
+ TALENT + + LEVEL + + DETAILS +
+ + + + + +
+
+ + + + + + +
+ + + + + +
+
+
+
- \ No newline at end of file + From 09b6622f601a4dbbe57be6bf1ddd877e383169a4 Mon Sep 17 00:00:00 2001 From: Augusto Date: Sat, 2 Dec 2023 16:41:50 -0300 Subject: [PATCH 4/8] add teste descisivo --- Daemon Exilia/Exilia.html | 3 - Daemon Exilia/teste.css | 1068 ++++++++- Daemon Exilia/teste.html | 4599 ++++++++++++++++++++++++++++++++++++- 3 files changed, 5632 insertions(+), 38 deletions(-) diff --git a/Daemon Exilia/Exilia.html b/Daemon Exilia/Exilia.html index f5f4546303f5..f8aa9e16bb90 100644 --- a/Daemon Exilia/Exilia.html +++ b/Daemon Exilia/Exilia.html @@ -1654,9 +1654,6 @@

Perícias Gerais

-
-

Habilidades

-

Aprimoramentos

diff --git a/Daemon Exilia/teste.css b/Daemon Exilia/teste.css index a907eb0a3d76..9eea59ffe247 100644 --- a/Daemon Exilia/teste.css +++ b/Daemon Exilia/teste.css @@ -50,6 +50,22 @@ padding-top: 35px; } +.sheet-linha-de-divisao-menor-dragao { + margin-top:10px; + margin-bottom: 10px; + background-image: url(https://i.imgur.com/NTZLN33.png); + background-size: 800px 65px; + background-repeat: no-repeat; + width: 800px; + height: 60px; + text-align: center; + position: relative; +} + +.sheet-linha-de-divisao-menor-dragao h3 { + padding-top: 35px; +} + /*Estilo das linhas de divisão do final da pagina*/ .sheet-linha-de-divisao-final { margin-top: 50px; @@ -76,8 +92,8 @@ display: grid; width: 600px; height: 100px; - grid-template-columns: 50px 50px left; - column-gap: 10px; + grid-template-columns: 100px 100px left; + column-gap: 23.5px; } /*Segunda e terceira linha do cabeçalho*/ @@ -140,6 +156,18 @@ margin-bottom:-50px; } +/*Botões troca pagina*/ +.sheet-pagina { + display: none; +} + +.sheet-troca-pagina[value="botao-troca-personagem"] ~ .sheet-pagina-personagem, +.sheet-troca-pagina[value="botao-troca-habilidades"] ~ .sheet-pagina-habilidades, +.sheet-troca-pagina[value="botao-troca-magia"] ~ .sheet-pagina-magia, +.sheet-troca-pagina[value="botao-troca-equipamentos"] ~ .sheet-pagina-equipamentos { + display: block; +} + /*Estilo Botões*/ .sheet-botao h4 { color: #FFFFFF; @@ -221,15 +249,1039 @@ button[type="action"].sheet-botao-equipamentos { background-color: transparent; } -/*Botões troca pagina*/ -.sheet-pagina { +/*Itens Atributos e Sub-atributos*/ +.sheet-coluna-atributo{ + margin-top:-16px; +} + +.sheet-img-dragon { + position: relative; + left: 335px; + bottom: -25px; + width: 41px; + height: 29px; +} + +.sheet-nome-atributo h2 { + font-size: 20px; + text-align: center; + border-bottom: solid 2px black; + line-height: 24px; + background-color: transparent; +} + +.sheet-coluna1 { + background-image: url(); + background-size: 92px 26px; + background-repeat: no-repeat; + background-color: #D3D3D3; + padding-left: 1px; + border: 1px solid #333333; + border-bottom: 2px solid #333333; + margin-top: 3px; + font-size: 13px; + font-weight: bold; + color: black; + text-align: center; + width: 80px; + height: 30px; +} + +.sheet-linha_dado { + background-image: url(); + background-size: 21px 26px; + text-align: center; + background-repeat: no-repeat; + margin-top: 5px; + margin-bottom: 4px; + margin-left: 6px; + margin-right: 4PX; + width: 21px; + height: 2px; + border-style: black; + padding-left: 1px; + border: 1px solid #333333; + border-bottom: 2px solid #333333; + font-weight: bold; + color: black; + text-align: center; +} + +.sheet-inic-add { + font-size: 20px; + font-weight: bold; + color: black; + text-align: center; + background-color: transparent; + Border:none; +} + +/* Dados */ +button[type="roll"].sheet-dado:before { + content: ' '; +} + +button[type="roll"].sheet-dado { + background-image: url(https://i.imgur.com/7qkxCK7.png); + background-size: 25px 26px; + background-repeat: no-repeat; + width: 19px; + height: 26px; + border-style: none; + background-color: transparent; +} + +button[type="roll"].sheet-dado:hover { + background-position: 0; +} + +button[type="roll"].sheet-dado-normal:hover { + box-shadow: 0px 0px 20px #00FF0B; + background-color: #9CF7A0; +} + +button[type="roll"].sheet-dado-dificil:hover { + box-shadow: 0px 0px 20px #FCE300; + background-color: #F7EE9C; +} + +button[type="roll"].sheet-dado-muito-dificil:hover { + box-shadow: 0px 0px 20px #FF0003; + background-color: #F9999A; +} + +/*--dado inciativa--*/ +button[type="roll"].sheet-iniciativa:hover { + background-image: url(https://i.imgur.com/zfXSgvw.png); + box-shadow: 0px 0px 20px #FF7E00; + background-color: #FFD0A4; + background-repeat: no-repeat; + background-position: center; +} + +button[type="roll"].sheet-dado-iniciativa { + background-image: url(https://i.imgur.com/zfXSgvw.png); + background-size: 30px 30px; + background-repeat: no-repeat; + background-position: center; + width: 30px; + height: 30px; + border-style: none; + border: none; +} + +/*css linhas e colunas dos sub-atributos*/ +.sheet-block-a, .sheet-block-switch:checked ~ .sheet-block-b { + display: block; +} +.sheet-block-b, .sheet-block-switch:checked ~ .sheet-block-a { display: none; } -.sheet-troca-pagina[value="botao-troca-personagem"] ~ .sheet-pagina-personagem, -.sheet-troca-pagina[value="botao-troca-habilidades"] ~ .sheet-pagina-habilidades, -.sheet-troca-pagina[value="botao-troca-magia"] ~ .sheet-pagina-magia, -.sheet-troca-pagina[value="botao-troca-equipamentos"] ~ .sheet-pagina-equipamentos { +/* CSS checkbox sub-atributos */ +input[type="checkbox"].sheet-block-switch { + background-image: url(https://i.imgur.com/bs0x98x.png); + appearance: none; + opacity: transparent; + border: none; + outline: none; + height: 30px; + width: 30px; + background-repeat: no-repeat; + display: flex; + align-items: center; + justify-content: center; +} + +input[type="checkbox"].sheet-block-switch:checked { + background-image: url(https://i.imgur.com/iJhgLtR.png); + height: 30px; + width: 30px; + background-repeat: no-repeat; + display: flex; + align-items: center; + justify-content: center; +} + +.sheet-linha-sub { + border-style: black; + padding-left: 1px; + border: 1px solid #333333; + border-top: 0px solid #333333; + border-bottom: 2px solid #333333; + border-right: 0px solid #333333; + border-left: 0px solid #333333; + margin-top: 6px; + font-weight: bold; + text-align: center; + color: black +} + +.sheet-linha-sub2 { + margin-top: 6px; + border: 0px; + background-color: #C0C0C0; + font-size: 13px; + font-weight: bold; + text-align: center; + position: relative; +} + +.sheet-linha-sub3 { + margin-top: 1px; + border-style: none; + background-color: #C0C0C0; + padding-left: 1px; + border: none; + border-top: 0px solid #333333; + border-bottom: 0px solid #333333; + border-right: 0px solid #333333; + border-left: 0px solid #333333; + font-size: 13px; + font-weight: bold; + text-align: center; + position: relative; +} + +.sheet-linha-vida { + background-image: url(https://i.imgur.com/PLEaV2V.png); + background-size: 28px 28px; + background-repeat: no-repeat; + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 5px; + margin-Bottom: 5px; + font-weight: bold; + text-align: center; + color: black +} + +.sheet-linha-mana { + background-image: url(https://i.imgur.com/tX4uoof.png); + background-size: 28px 28px; + background-repeat: no-repeat; + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 5px; + margin-Bottom: 5px; + font-weight: bold; + text-align: center; + color: black +} + +.sheet-linha-fe { + background-image: url(https://i.imgur.com/Kkl5ifT.png); + background-size: 28px 28px; + background-repeat: no-repeat; + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 5px; + margin-Bottom: 5px; + font-weight: bold; + text-align: center; + color: black +} + +.sheet-linha-rd { + background-image: url(https://i.imgur.com/VjcBBCt.png); + background-size: 28px 28px; + background-repeat: no-repeat; + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 5px; + margin-Bottom: 5px; + font-weight: bold; + text-align: center; + color: black +} + +.sheet-linha-rm { + background-image: url(https://i.imgur.com/iolQs0A.png); + background-size: 28px 28px; + background-repeat: no-repeat; + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 5px; + margin-Bottom: 5px; + font-weight: bold; + text-align: center; + color: black +} + +.sheet-linha-move { + background-image: url(https://i.imgur.com/8kGNCPs.png); + background-size: 29px 25px; + background-repeat: no-repeat; + width: 32px; + height: 42px; + border-style: none; + background-color: transparent; + margin-top: 5px; + margin-Bottom: 5px; + font-weight: bold; + text-align: center; + color: black +} + +.sheet-linha-critico { + background-image: url(https://i.imgur.com/FxgTzPb.png); + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 5px; + margin-Bottom: 8px; + font-weight: bold; + text-align: center; + color: black +} + +.sheet-linha-decisivo { + background-image: url(https://i.imgur.com/sUBkbOk.png); + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 5px; + margin-Bottom: 8px; + font-weight: bold; + text-align: center; + color: black +} + +.sheet-linha-penalidade { + background-image: url(https://i.imgur.com/5hhA50Y.png); + background-size: 28px 28px; + background-repeat: no-repeat; + background-position: center; + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 5px; + margin-Bottom: 8px; + font-weight: bold; + text-align: center; + color: black +} + +/*segunda parte atributos direita*/ +.sheet-atri1{ + margin-top:-22px; +} + +.sheet-informacao-atributo-direita input[type="text"]{ + border-style: #2F4F4F; + background-color: #DCDCDC; + width: 100px; + height: 30px; + margin-left: 12px; + margin-right: 5px; + margin-bottom: -0px; + margin-top: 3px; + border-top: 2px solid #333333; + border-bottom: 2px solid #333333; + border-right: 2px solid #333333; + border-left: 2px solid #333333; + font-size: 13px; + font-weight: bold; + text-align: center; + position: relative; +} + +.sheet-informacao-status-direita input[type="text"] { + background-image: url(https://i.imgur.com/GUI0tbP.png); + background-size: 98px 40px; + margin-left: 12px; + margin-right: 5px; + background-repeat: no-repeat; + width: 100px; + height: 40px; + border-style: none; + background-color: transparent; + margin-left: 12px; + margin-right: 5px; + font-size: 14px; + font-weight: bold; + text-align: center; + position: relative; + color: black +} + +.sheet-modificador-global { + margin-top: -15px; + margin-bottom:10px; +} + +/*linhas de pericia*/ +.sheet-pericias { + margin-top: 3px; +} + +.sheet-linha_N { + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 0px; + margin-Bottom: 0px; + font-weight: bold; + text-align: center; + color: black + } + +.sheet-linha_D { + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 0px; + margin-Bottom: 0px; + font-weight: bold; + text-align: center; + color: black + } + +.sheet-linha_M { + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 0px; + margin-Bottom: 0px; + font-weight: bold; + text-align: center; + color: black + } + +.sheet-linha1 { + background-image: url(); + background-size: 46px 26px; + background-repeat: no-repeat; + border-style: black; + padding-left: 1px; + border: 1px solid #333333; + border-bottom: 2px solid #333333; + margin-top: 3px; + font-size: 13px; + font-weight: bold; + color: black; + text-align: center; + width: 80px; + height: 30px; +} + +.sheet-linha2 { + border-style: none; + background-color: transparent; + padding-left: 1px; + margin-top: 1px; + font-size: 13px; + font-weight: bold; + color: black; + text-align: center; + width: 47px; + height: 30px; + margin-top: 5px; +} + +.sheet-linha3 { + margin-top: 1px; + margin-bottom: 1px; + border-style: black; + padding-left: 1px; + border: black; + border-top: 1px solid #333333; + border-bottom: 2px solid #333333; + border-right: 1px solid #333333; + border-left: 1px solid #333333; + font-size: 13px; + font-weight: bold; + text-align: center; + position: relative; +} + +.sheet-linha4 { + margin-top: 1px; + margin-bottom: 1px; + border-style: black; + padding-left: 1px; + border: black; + border-top: 1px solid #333333; + border-bottom: 2px solid #333333; + border-right: 1px solid #333333; + border-left: 1px solid #333333; + font-size: 13px; + font-weight: bold; + text-align: left; + position: relative; +} + +.sheet-linha-secundaria2 { + margin-top: 1px; + margin-bottom: 2px; + border-style: black; + background-color: transparent; + padding-left: 1px; + border: black; + border-top: 0px solid #333333; + border-bottom: 0px solid #333333; + border-right: 0px solid #333333; + border-left: 0px solid #333333; + font-size: 12px; + font-weight: bold; + color: #A52A2A; + text-align: center; + position: relative; +} + +button[type="roll"].sheet-dado-verde:hover { + background-position: 0; + box-shadow: 0px 0px 20px #00FF0B; + background-color: #9CF7A0; +} + +button[type="roll"].sheet-dado-verde { + background-image: url(https://i.imgur.com/7qkxCK7.png); + background-size: 25px 26px; + background-repeat: no-repeat; + width: 19px; + height: 26px; + border-style: none; + background-color: transparent; +} + +button[type="roll"].sheet-dado-amarelo:hover { + background-position: 0; + box-shadow: 0px 0px 20px #FCE300; + background-color: #F7EE9C; +} + +button[type="roll"].sheet-dado-amarelo { + background-image: url(https://i.imgur.com/7qkxCK7.png); + background-size: 25px 26px; + background-repeat: no-repeat; + width: 19px; + height: 26px; + border-style: none; + background-color: transparent; +} + +button[type="roll"].sheet-dado-vermelho:hover { + background-position: 0; + box-shadow: 0px 0px 20px #FF0003; + background-color: #F9999A; +} + +button[type="roll"].sheet-dado-vermelho { + background-image: url(https://i.imgur.com/7qkxCK7.png); + background-size: 25px 26px; + background-repeat: no-repeat; + width: 19px; + height: 26px; + border-style: none; + background-color: transparent; +} + +input.sheet-toggle-show:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; +} + +/*CSS checkbox pericias*/ +input[type="checkbox"].sheet-toggle-show { + background-image: url("https://i.imgur.com/vFxlBEm.png"); + background-size: 29px 29px; + background-position: center; + height: 30px; + width: 30px; + background-repeat: no-repeat; + opacity: transparent; + margin: top; + appearance: none; + border: none; + outline: none; +} + +.sheet-linha-secundaria { + margin-top: 1px; + margin-bottom: 2px; + border-style: black; + background-color: transparent; + padding-left: 1px; + border: black; + border-top: 0px solid #333333; + border-bottom: 2px solid #333333; + border-right: 0px solid #333333; + border-left: 0px solid #333333; + font-size: 12px; + font-weight: bold; + text-align: center; + position: relative; +} + +.sheet-linha-inicial-pericias { + border-style: none; + background-color: transparent; + font-size: 13px; + font-weight: bold; + color: black; + position: center; + text-align: center; + width: 80px; + height: 30px; + margin-top: 3px; +} + +.sheet-linha-inicial-pericias2 { + border-style: none; + background-color: transparent; + font-size: 13px; + font-weight: bold; + color: black; + text-align: center; + position: left; + width: 80px; + height: 30px; + margin-top: 3px; +} + +.sheet-texto-magias textarea { + height: 80px; + width: 98%; + border: 2px solid black; + font-weight: bold; +} + +.sheet-body { + background-color: #DCDCDC; + padding: 2px; +} + +.sheet-linha-focus input[type="text"] { + background-image: url(https://i.imgur.com/IS0rG1Q.png); + background-size: 100px 45px; + margin-Top: 0px; + margin-left: 30px; + margin-right: 20px; + background-repeat: no-repeat; + width: 100px; + height: 45px; + border-style: none; + background-color: transparent; + margin-left: 30px; + margin-right: 20px; + font-size: 13px; + font-weight: bold; + text-align: center; + position: relative; +} + +.sheet-linha-focus2 input[type="text"] { + border-style: #2F4F4F; + background-color: #DCDCDC; + width: 100px; + height: 30px; + margin-left: 30px; + margin-right: 20px; + margin-top: 5px; + margin-bottom: 0px; + border-top: 2px solid #333333; + border-bottom: 2px solid #333333; + border-right: 2px solid #333333; + border-left: 2px solid #333333; + font-size: 13px; + font-weight: bold; + text-align: center; + position: relative; +} + +.sheet-texto-equip textarea { + width: 225px; + height: 100px; + border: 2px solid black; + font-weight: bold; + font-size: 13px; +} + +.sheet-linha-equip { + border-style: black; + background-color: transparent; + padding-left: 1px; + border: none; + border-bottom: 2px solid #333333; + margin-top: 5px; + font-weight: bold; + text-align: center; +} + +input.sheet-toggle-show-arma:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; +} + +/*CSS linha de armas*/ +input[type="checkbox"].sheet-toggle-show-arma { + background-image: url("https://i.imgur.com/MTW75Uh.png"); + background-size: 29px 29px; + background-position: center; + height: 30px; + width: 30px; + background-repeat: no-repeat; + opacity: transparent; + margin: top; + appearance: none; + border: none; + outline: none; +} + +/*CSS linha de item*/ +input.sheet-toggle-show-item:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; +} + +input[type="checkbox"].sheet-toggle-show-item { + background-image: url("https://i.imgur.com/qI3aGTm.png"); + background-size: 29px 29px; + background-position: center; + height: 30px; + width: 30px; + background-repeat: no-repeat; + opacity: transparent; + margin: top; + appearance: none; + border: none; + outline: none; +} + +/*CSS linha de pocoes*/ +input.sheet-toggle-show-pocao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; +} + +input[type="checkbox"].sheet-toggle-show-pocao { + background-image: url("https://i.imgur.com/ddt3mgD.png"); + background-size: 29px 29px; + background-position: center; + height: 30px; + width: 30px; + background-repeat: no-repeat; + opacity: transparent; + margin: top; + appearance: none; + border: none; + outline: none; +} + +/*CSS troca de personagem*/ +.sheet-block-feminino, .sheet-block-switch-personagem:checked ~ .sheet-block-masculino { display: block; } +.sheet-block-masculino, .sheet-block-switch-personagem:checked ~ .sheet-block-feminino { + display: none; +} + +input[type="checkbox"].sheet-block-switch-personagem { + background-image: url(https://i.imgur.com/mKNfjiC.png); + height: 30px; + width: 30px; + background-repeat: no-repeat; + display: flex; + align-items: center; + justify-content: center; + opacity: transparent; + appearance: none; + border: none; + outline: none; +} + +input[type="checkbox"].sheet-block-switch-personagem:checked { + background-image: url(https://i.imgur.com/gpOwBpW.png); + height: 30px; + width: 30px; + background-repeat: no-repeat; + display: flex; + align-items: center; + justify-content: center; +} + +.sheet-block-feminino { + background-size: 200px 65px; + margin-bottom: 100px; + margin-left: 30px; + margin-right: 20px; + background-repeat: no-repeat; + width: 200px; + height: 65px; +} + +.sheet-block-masculino { + background-size: 200px 65px; + margin-bottom: 100px; + margin-left: 30px; + margin-right: 20px; + background-repeat: no-repeat; + width: 200px; + height: 65px; +} + +/*CSS linha de reliquias*/ +input.sheet-toggle-show-rel:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; +} + +input[type="checkbox"].sheet-toggle-show-rel { + background-image: url("https://i.imgur.com/lA8jXI3.png"); + background-size: 29px 20px; + background-position: center; + background-repeat: no-repeat; + appearance: none; + border: none; + outline: none; + opacity: transparent; + height: 30px; + width: 30px; + margin: top; +} + +/*CSS linha de armadura*/ +input.sheet-toggle-show-armadura:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; +} + +input[type="checkbox"].sheet-toggle-show-armadura { + appearance: none; + border: none; + outline: none; + background-image: url("https://i.imgur.com/qj65zXo.png"); + background-size: 29px 29px; + background-position: center; + height: 30px; + width: 30px; + background-repeat: no-repeat; + opacity: transparent; + margin: top; +} + +/*CSS linha de municao*/ +input.sheet-toggle-show-municao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; +} + +input[type="checkbox"].sheet-toggle-show-municao { + background-image: url("https://i.imgur.com/zjjY2M3.png"); + background-size: 29px 29px; + background-position: center; + height: 30px; + width: 30px; + background-repeat: no-repeat; + opacity: transparent; + margin: top; + appearance: none; + border: none; + outline: none; +} + +/*CSS mochila*/ +.sheet-mochila { + background-image: url(https://i.imgur.com/ZJa4qi1.png); + background-size: 350px 410px; + background-repeat: no-repeat; + background-position: left; + padding-left: 30px; + padding-top: 70px; + width: 350px; + height: 410px; +} + +.sheet-mochila textarea { + width: 275px; + height: 330px; + text-align: left; + position: relative; + resize: vertical; + overflow-y: auto; + font-weight: bold; + font-size: 16px; + background-color: transparent; + border: none; +} + +.sheet-block-moeda, .sheet-block-switch-mochila:checked ~ .sheet-block-livro { + display: block; +} + +.sheet-block-livro, .sheet-block-switch-mochila:checked ~ .sheet-block-moeda { + display: none; +} + +input[type="checkbox"].sheet-block-switch-mochila { + background-image: url(https://i.imgur.com/PXN6O0U.png); + background-size: 38px 40px; + background-repeat: no-repeat; + opacity: transparent; + height: 50px; + width: 50px; + appearance: none; + border: none; + outline: none; + display: flex; + align-items: center; + justify-content: center; +} + +input[type="checkbox"].sheet-block-switch-mochila:checked { + background-image: url(https://i.imgur.com/tltOCr8.png); + background-size: 38px 40px; + height: 50px; + width: 50px; + background-repeat: no-repeat; + display: flex; + align-items: center; + justify-content: center; +} + +.sheet-moedas { + text-align: center; + margin-top: 5px; + margin-bottom: 2px; + position: relative; + border-bottom: solid 2px black; +} + +.sheet-tabela-moedas table { + text-align: center; + margin-left: 50px; +} + +.sheet-tabela-moedas td { + text-align: center; + border: 3px double; +} + +.sheet-moeda { + background-size: 20px 20px; + background-repeat: no-repeat; + text-align: center; + width: 20px; + height: 22px; +} + +.sheet-bronze { + background-image: url(https://i.imgur.com/yk2LSG3.png); +} + +.sheet-prata { + background-image: url(https://i.imgur.com/rc5flre.png); +} + +.sheet-ouro { + background-image: url(https://i.imgur.com/2kn1Qt5.png); +} + +.sheet-treinamento h3 { + text-align: center; + margin-top: -10px; + margin-bottom: 10px; + margin-left: -40px; + position: relative; +} + +/*CSS anotacoes*/ +.sheet-texto-notas-1 { + background-image: url(https://i.imgur.com/i3vy64w.png); + background-size: 800px 380px; + background-repeat: no-repeat; + background-position: center; + width: 800px; + height: 385px; +} + +.sheet-texto-notas-1 h3 { + text-align: center; + position: relative; + padding-top: 50px; +} + +.sheet-texto-notas-1 textarea { + width: 662px; + height: 240px; + text-align: left; + margin-left: 65px; + position: relative; + resize: vertical; + overflow-y: auto; + min-height: 5em; + font-weight: bold; + font-size: 16px; + background-color: transparent; + border: none; +} + +.sheet-texto-pag1 { + background-repeat: no-repeat; + background-position: left; + margin-left: 35px; + margin-top: 20px; + width: 150px; + height: 300px; + background-color: transparent; + border: none; +} +.sheet-texto-pag1 textarea { + text-align: left; + position: relative; + resize: vertical; + overflow-y: auto; + font-weight: bold; + font-size: 16px; +} +.sheet-texto-pag2 { + background-repeat: no-repeat; + background-position: left; + margin-left: 20px; + margin-top: 20px; + width: 140px; + height: 300px; + background-color: transparent; + border: none; +} + +.sheet-texto-pag2 textarea { + text-align: left; + position: relative; + resize: vertical; + overflow-y: auto; + font-weight: bold; + font-size: 16px; + +} + +.sheet-imgbag { + margin-left: 10px; +} + +.sheet-2coluna { + background-image: url(https://i.imgur.com/c12YfkI.png); + background-size: 430px 380px; + background-repeat: no-repeat; + margin-left: -45px; + width: 436px; + height: 385px; + margin-top: -10px; +} \ No newline at end of file diff --git a/Daemon Exilia/teste.html b/Daemon Exilia/teste.html index f560e7080f43..b7db6724cebd 100644 --- a/Daemon Exilia/teste.html +++ b/Daemon Exilia/teste.html @@ -1,11 +1,11 @@
- +
- +
Alinhamento
+
-
+
1ª Classe
-
+
2ª Classe
-
+
Classe Heroica
-
+
Raça
-
+
XP 1ª Classe
-
+
XP 2ª Classe
-
+
XP Classe Heroica
-
+
Nivel
+ @@ -154,6 +172,7 @@

Magia

Equipamentos

+ Equipamentos

Personagem

-
- -
- -
- -
+ +
+ +
+ +
+ - -
- -
-

Focus

+
+

Atributos

+
+ + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + + + + + + +
+ +
+ +
+ + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + +
+
+ + +
+ + + + + + + + + + +
+
+ + +
+ + + + + + + + + + +
+
+ + +
+ + + + + + + + + + +
+
+ + +
+ + + + + + + + + + +
+
+ + +
+ + + + + + + + + + +
+
+ + +
+ + + + + +
+ + + + + + + + + + + + + +
+ + +
+
+
+ + +
+

Sub-Atributos

+
+ + + + + + +
+ + +
+ + + + + + +
+
+ + +
+ + + +
+ + +
+ + + + + +
+ + +
+ + + + + +
+ + +
+ + + + +
+ + +
+
+ + +
+

Modificadores Globais

+
+ + + + + + +
+ + +
+ + + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+

Perícias de Combate

+
+ +
+ + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+

Perícias Gerais

+
+ +
+ + + + + + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ + + +
+ +
+

Aprimoramentos

+
+ +
+ + + + + +
+ + +
+
+ + + + + + + + +
+
+ +
+ +
+ +
+ +
+ +
+

Manobras de Combate

+
+ +
+ + + + + +
+ + +
+
+ + + + + + + + +
+
+ +
+ +
+ +
+ +
+ +
+

Habilidades de Raça

+
+ +
+ + + + + +
+ + +
+
+ + + + + + + + +
+
+ +
+ +
+ +
+ +
+ +
+

Habilidades de Classe

+
+ +
+ + + + + +
+ + +
+
+ + + + + + + + +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ + + +
+ +
+

Focus

+
+ +
+ + + + + +
+ +
+ + + + + +
+ +
+ + + + + +
+ +
+ + + + + +
+ +
+ + + + + +
+ +
+ + + + + +
+ +
+

Basico

+
+ + +
+ + + + + + + + + + + + + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+

Intermediário

+
+ + +
+ + + + + + + + + + + + + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+

Avançado

+
+ + +
+ + + + + + + + + + + + + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+

Superior

+
+ + +
+ + + + + + + + + + + + + + + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + +
+ +
+

Equipamentos

+
+ +
+
+ +
+
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ +
+ + +
+
+
+ + +
+ +
+ +
+ +
+
+ +
+ +
+ + +
+ +
+
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+
+ +
+ + + + +
+ +
+ +
+ +
+ +
+ +
+ + +
+

Mochila

+
+ +
+
+
+ +
+
+ +
+
+ + +
+
+ +
+ +
+

Moedas

+
+ +
+ + + + + + + + + + + + + + +
BronzePrataOuro
+ + + + + +
+
+ +
+ + +
+
+

Estudo & Treinamento

+
+ +
+
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+ +
+ +
+ + +
+ +

Anotações

+
- -
- -
-
+
From 1850677996774751533a3c23aefd6b5e213fec74 Mon Sep 17 00:00:00 2001 From: Augusto Date: Sat, 2 Dec 2023 18:33:39 -0300 Subject: [PATCH 5/8] finalizado primeira att da ficha --- Daemon Exilia/Exilia.css | 1628 ++++++------- Daemon Exilia/Exilia.html | 4071 +++++++++++++++++++------------ Daemon Exilia/teste.css | 1287 ---------- Daemon Exilia/teste.html | 4758 ------------------------------------- 4 files changed, 3259 insertions(+), 8485 deletions(-) delete mode 100644 Daemon Exilia/teste.css delete mode 100644 Daemon Exilia/teste.html diff --git a/Daemon Exilia/Exilia.css b/Daemon Exilia/Exilia.css index 5e9e136515a1..95708c7e3773 100644 --- a/Daemon Exilia/Exilia.css +++ b/Daemon Exilia/Exilia.css @@ -1,14 +1,19 @@ +/*Importa e define a fonte*/ @font-face { - font-family: 'Round Style Basic'; - src: url('https://candyfonts.com/wp-data/2018/10/09/228/RoundStyleBasic.ttf') format('truetype'); + font-family: "Round Style Basic"; + src: url("https://candyfonts.com/wp-data/2018/10/09/228/RoundStyleBasic.ttf") + format("truetype"); font-weight: normal; font-style: normal; } + * { font-family: "Round Style Basic"; } + +/*Estilo para toda a ficha*/ .charsheet { - background-color:#F5F5F5; + background-color: #F5F5F5; width: 804px; background-repeat: repeat; background-size: cover; @@ -16,8 +21,8 @@ color: transparent; margin-left: 20px; } -/*corpo da ficha*/ -.sheet-main { + +.sheet-principal { margin: 0 auto; font-size: 13px; color: black; @@ -28,26 +33,81 @@ grid-template-columns: 516px 312px; min-height: 1200px } -/* css logo exilia*/ -.sheet-main .sheet-container-logo .sheet-logo-exilia { + +/*Estilo das linhas de divisão com dragão*/ +.sheet-linha-de-divisao-dragao { + margin-top: 50px; + background-image: url(https://i.imgur.com/NTZLN33.png); + background-size: 800px 65px; + background-repeat: no-repeat; + width: 800px; + height: 70px; + text-align: center; + position: relative; +} + +.sheet-linha-de-divisao-dragao h3 { + padding-top: 35px; +} + +.sheet-linha-de-divisao-menor-dragao { + margin-top:10px; + margin-bottom: 10px; + background-image: url(https://i.imgur.com/NTZLN33.png); + background-size: 800px 65px; + background-repeat: no-repeat; + width: 800px; + height: 60px; + text-align: center; + position: relative; +} + +.sheet-linha-de-divisao-menor-dragao h3 { + padding-top: 35px; +} + +/*Estilo das linhas de divisão do final da pagina*/ +.sheet-linha-de-divisao-final { + margin-top: 50px; + margin-bottom: 10px; + background-image: url(https://i.imgur.com/Eh99AH2.png); + background-size: 798px 64px; + background-repeat: no-repeat; + width: 800px; + height: 100px; + text-align: center; + position: relative; +} + +/*Posição do logo*/ +.sheet-logo { width: 200px; height: 185px; float: right; } -/*css do cabeçalho de informações do personagem*/ -.sheet-main .sheet-header-info { + +/*Primeira linha do cabeçalho*/ +.sheet-cabecalho { margin-top: 1%; display: grid; width: 600px; height: 100px; - grid-template-columns: 50px 50px left; - column-gap: 10px; + grid-template-columns: 100px 100px left; + column-gap: 23.5px; } -.sheet-main .sheet-input-with-text-bellow { + +/*Segunda e terceira linha do cabeçalho*/ +.sheet-cabecalho-2 { + margin-top: -7.1%; +} + +/*Estilo do texto do cabeçalho*/ +.sheet-entrada-com-texto { display: flex; flex-direction: column } -.sheet-main .sheet-input-with-text-bellow input { + +.sheet-entrada-com-texto input { width: 100%; height: 24px; border: 0; @@ -57,7 +117,8 @@ padding-left: 2px; padding-right: 2px } -.sheet-main .sheet-input-with-text-bellow span { + +.sheet-entrada-com-texto span { display: block; padding-top: 2px; padding-left: 2px; @@ -66,121 +127,149 @@ font-weight: bold; text-transform: uppercase } -.sheet-main .sheet-input-with-text-bellow.sheet-top { + +/*Posição das Linhas do Cabeçalho*/ +.linhas-cabecalho { padding-top: 0px; - width: 145px; +} + +.sheet-topo-do-cabecalho { + width: 185px; grid-row: 1; } -.sheet-main .sheet-input-with-text-bellow.sheet-mid { - padding-top: 0px; - width: 130px; + +.linhas-abaixo { + width: 135px; +} + +.sheet-meio-do-cabecalho { grid-row: 2; } -.sheet-main .sheet-input-with-text-bellow.sheet-bot { - padding-top: 0px; - width: 130px; + +.sheet-baixo-do-cabecalho { grid-row: 3; } -.sheet-char-info { - font-size: 13px; - font-weight: bold; - color: #808080; -} -/*linha de difisão do atributo*/ -.sheet-main .sheet-linha-de-divisao { - margin-top: 50px; - background-image: url(https://i.imgur.com/NTZLN33.png); - background-size: 800px 65px; - background-repeat: no-repeat; - width: 800px; - height: 70px; - text-align: center;https://app.roll20.net/campaigns/campaignsettings/9178552#customsheet-translation - position: relative; + +/*Posição dos botões*/ +.sheet-botoes{ + margin-top:10px; + margin-bottom:-50px; } -.sheet-main .sheet-linha-de-divisao h3 { - padding-top: 35px; + +/*Botões troca pagina*/ +.sheet-pagina { + display: none; } -/*css dos dados atributo*/ -.sheet-atri1{ - margin-top:-22px; + +.sheet-troca-pagina[value="botao-troca-personagem"] ~ .sheet-pagina-personagem, +.sheet-troca-pagina[value="botao-troca-habilidades"] ~ .sheet-pagina-habilidades, +.sheet-troca-pagina[value="botao-troca-magia"] ~ .sheet-pagina-magia, +.sheet-troca-pagina[value="botao-troca-equipamentos"] ~ .sheet-pagina-equipamentos { + display: block; } -.sheet-coluna-atributo{ - margin-top:-16px; + +/*Estilo Botões*/ +.sheet-botao h4 { + color: #FFFFFF; + position: center; + padding-left: 22px; + font-size: 13px; } -button[type="roll"].sheet-dado1:before { - content: ' '; + +button[type="action"].sheet-botao:hover h4 { + text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601; + color: #fff } -button[type="roll"].sheet-dado1:hover { - background-position: 0; - box-shadow: 0px 0px 20px #00FF0B; - background-color: #9CF7A0; + +/*Imagem botão 1*/ +button[type="action"].sheet-botao-personagem:hover { + background-image: url(https://i.imgur.com/BeJ5nXO.png); } -button[type="roll"].sheet-dado1 { - background-image: url(https://i.imgur.com/7qkxCK7.png); - background-size: 25px 26px; + +button[type="action"].sheet-botao-personagem { + background-image: url(https://i.imgur.com/7O2DIdH.png); + background-size: 127px 30px; background-repeat: no-repeat; - width: 19px; - height: 26px; + background-position: center; + width: 115px; + height: 30px; border-style: none; background-color: transparent; } -button[type="roll"].sheet-dado2:before { - content: ' '; -} -button[type="roll"].sheet-dado2:hover { - background-position: 0; - box-shadow: 0px 0px 20px #FCE300; - background-color: #F7EE9C; + +/*Imagem botão 2*/ +button[type="action"].sheet-botao-habilidades:hover { + background-image: url( + https://cdn.discordapp.com/attachments/685919360602079459/1117971755055710318/IJekFec.png + ); } -button[type="roll"].sheet-dado2 { - background-image: url(https://i.imgur.com/7qkxCK7.png); - background-size: 25px 26px; + +button[type="action"].sheet-botao-habilidades { + background-image: url( + https://cdn.discordapp.com/attachments/685919360602079459/1117976260266709103/tyujh.png + ); + background-size: 127px 30px; background-repeat: no-repeat; - width: 19px; - height: 26px; + background-position: center; + width: 115px; + height: 30px; border-style: none; background-color: transparent; } -button[type="roll"].sheet-dado3:before { - content: ' '; -} -button[type="roll"].sheet-dado3:hover { - background-position: 0; - box-shadow: 0px 0px 20px #FF0003; - background-color: #F9999A; + +/*Imagem botão 3*/ +button[type="action"].sheet-botao-magia:hover { + background-image: url(https://i.imgur.com/IJekFec.png); } -button[type="roll"].sheet-dado3 { - background-image: url(https://i.imgur.com/7qkxCK7.png); - background-size: 25px 26px; + +button[type="action"].sheet-botao-magia { + background-image: url(https://i.imgur.com/VuXzAma.png); + background-size: 127px 30px; background-repeat: no-repeat; - width: 19px; - height: 26px; + background-position: center; + width: 115px; + height: 30px; border-style: none; background-color: transparent; } -/*--dado inciativa--*/ -button[type="roll"].sheet-dado7:before { - content: ' '; -} -button[type="roll"].sheet-dado7:hover { - background-position: 0; - background-image: url(https://i.imgur.com/zfXSgvw.png); - box-shadow: 0px 0px 20px #FF7E00; - background-color: #FFD0A4; - background-repeat: no-repeat; - background-position: center; + +/*Imagem botão 4*/ +button[type="action"].sheet-botao-equipamentos:hover { + background-image: url(https://i.imgur.com/dnazVgl.png); } -button[type="roll"].sheet-dado7 { - background-image: url(https://i.imgur.com/zfXSgvw.png); - background-size: 30px 30px; + +button[type="action"].sheet-botao-equipamentos { + background-image: url(https://i.imgur.com/QnOwFo9.png); + background-size: 127px 30px; background-repeat: no-repeat; background-position: center; - width: 30px; + width: 115px; height: 30px; border-style: none; - border: none; + background-color: transparent; +} + +/*Itens Atributos e Sub-atributos*/ +.sheet-coluna-atributo{ + margin-top:-16px; +} + +.sheet-img-dragon { + position: relative; + left: 335px; + bottom: -25px; + width: 41px; + height: 29px; +} + +.sheet-nome-atributo h2 { + font-size: 20px; + text-align: center; + border-bottom: solid 2px black; + line-height: 24px; + background-color: transparent; } -/*css linhas e colunas dos atributos*/ + .sheet-coluna1 { background-image: url(); background-size: 92px 26px; @@ -192,26 +281,12 @@ button[type="roll"].sheet-dado7 { margin-top: 3px; font-size: 13px; font-weight: bold; - color: black text-align: center; + color: black; + text-align: center; width: 80px; height: 30px; } -.sheet-linha1 { - background-image: url(); - background-size: 46px 26px; - background-repeat: no-repeat; - border-style: black; - background-color: ; - padding-left: 1px; - border: 1px solid #333333; - border-bottom: 2px solid #333333; - margin-top: 3px; - font-size: 13px; - font-weight: bold; - color: black text-align: center; - width: 47px; - height: 30px; -} + .sheet-linha_dado { background-image: url(); background-size: 21px 26px; @@ -224,21 +299,77 @@ button[type="roll"].sheet-dado7 { width: 21px; height: 2px; border-style: black; - background-color: ; padding-left: 1px; border: 1px solid #333333; border-bottom: 2px solid #333333; font-weight: bold; - color: black text-align: center; + color: black; + text-align: center; } + .sheet-inic-add { font-size: 20px; font-weight: bold; - color: black + color: black; text-align: center; background-color: transparent; Border:none; } + +/* Dados */ +button[type="roll"].sheet-dado:before { + content: ' '; +} + +button[type="roll"].sheet-dado { + background-image: url(https://i.imgur.com/7qkxCK7.png); + background-size: 25px 26px; + background-repeat: no-repeat; + width: 19px; + height: 26px; + border-style: none; + background-color: transparent; +} + +button[type="roll"].sheet-dado:hover { + background-position: 0; +} + +button[type="roll"].sheet-dado-normal:hover { + box-shadow: 0px 0px 20px #00FF0B; + background-color: #9CF7A0; +} + +button[type="roll"].sheet-dado-dificil:hover { + box-shadow: 0px 0px 20px #FCE300; + background-color: #F7EE9C; +} + +button[type="roll"].sheet-dado-muito-dificil:hover { + box-shadow: 0px 0px 20px #FF0003; + background-color: #F9999A; +} + +/*--dado inciativa--*/ +button[type="roll"].sheet-iniciativa:hover { + background-image: url(https://i.imgur.com/zfXSgvw.png); + box-shadow: 0px 0px 20px #FF7E00; + background-color: #FFD0A4; + background-repeat: no-repeat; + background-position: center; +} + +button[type="roll"].sheet-dado-iniciativa { + background-image: url(https://i.imgur.com/zfXSgvw.png); + background-size: 30px 30px; + background-repeat: no-repeat; + background-position: center; + width: 30px; + height: 30px; + border-style: none; + border: none; +} + /*css linhas e colunas dos sub-atributos*/ .sheet-block-a, .sheet-block-switch:checked ~ .sheet-block-b { display: block; @@ -246,92 +377,34 @@ button[type="roll"].sheet-dado7 { .sheet-block-b, .sheet-block-switch:checked ~ .sheet-block-a { display: none; } -.sheet-I1 input[type="text"] { - background-image: url(https://i.imgur.com/GUI0tbP.png); - background-size: 98px 40px; - margin-left: 12px; - margin-right: 5px; + +/* CSS checkbox sub-atributos */ +input[type="checkbox"].sheet-block-switch { + background-image: url(https://i.imgur.com/bs0x98x.png); + appearance: none; + opacity: transparent; + border: none; + outline: none; + height: 30px; + width: 30px; background-repeat: no-repeat; - width: 100px; - height: 40px; - border-style: none; - background-color: transparent; - margin-left: 12px; - margin-right: 5px; - font-size: 14px; - font-weight: bold; - text-align: center; - position: relative; -} -.sheet-I3 input[type="text"] { - background-image: url(https://i.imgur.com/GUI0tbP.png); - background-size: 98px 40px; - margin-left: 12px; - margin-right: 5px; - margin-bottom: 1px; - background-repeat: no-repeat; - width: 100px; - height: 40px; - border-style: none; - background-color: transparent; - margin-left: 12px; - margin-right: 5px; - font-size: 14px; - font-weight: bold; - text-align: center; - position: relative; -} -.sheet-info-1 input[type="text"] { - border-style: #2F4F4F; - background-color: #DCDCDC; - width: 100px; - height: 30px; - margin-left: 12px; - margin-right: 4px; - margin-top: 3px; - margin-bottom: -0px; - border-top: 2px solid #333333; - border-bottom: 2px solid #333333; - border-right: 2px solid #333333; - border-left: 2px solid #333333; - font-size: 13px; - font-weight: bold; - text-align: center; - position: relative; -} -.sheet-info-2 input[type="text"] { - border-style: #2F4F4F; - background-color: #FAEBD7; - width: 100px; - height: 30px; - margin-left: 12px; - margin-right: 4px; - margin-top: 3px; - font-size: 20px; - font-weight: bold; - text-align: center; - position: relative; + display: flex; + align-items: center; + justify-content: center; } -.sheet-info-3 input[type="text"] { - border-style: #2F4F4F; - background-color: #DCDCDC; - width: 100px; + +input[type="checkbox"].sheet-block-switch:checked { + background-image: url(https://i.imgur.com/iJhgLtR.png); height: 30px; - margin-left: 12px; - margin-right: 5px; - margin-top: 3px; - border-top: 2px solid #333333; - border-bottom: 2px solid #333333; - border-right: 2px solid #333333; - border-left: 2px solid #333333; - font-size: 13px; - font-weight: bold; - text-align: center; - position: relative; + width: 30px; + background-repeat: no-repeat; + display: flex; + align-items: center; + justify-content: center; } + .sheet-linha-sub { border-style: black; - background-color: ; padding-left: 1px; border: 1px solid #333333; border-top: 0px solid #333333; @@ -343,9 +416,9 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } + .sheet-linha-sub2 { margin-top: 6px; - border-style: ; border: 0px; background-color: #C0C0C0; font-size: 13px; @@ -353,6 +426,7 @@ button[type="roll"].sheet-dado7 { text-align: center; position: relative; } + .sheet-linha-sub3 { margin-top: 1px; border-style: none; @@ -368,21 +442,7 @@ button[type="roll"].sheet-dado7 { text-align: center; position: relative; } -/**titulo dos atributos e modificadores**/ -.sheet-img-dragon { - position: relative; - left: 335px; - bottom: -25px; - width: 41px; - height: 29px; -} -.sheet-atributo-name h2 { - font-size: 20px; - text-align: center; - border-bottom: solid 2px black; - line-height: 24px; - background-color: transparent; -} + .sheet-linha-vida { background-image: url(https://i.imgur.com/PLEaV2V.png); background-size: 28px 28px; @@ -397,9 +457,10 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } + .sheet-linha-mana { background-image: url(https://i.imgur.com/tX4uoof.png); - background-size: 29px 29px; + background-size: 28px 28px; background-repeat: no-repeat; width: 30px; height: 40px; @@ -411,6 +472,7 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } + .sheet-linha-fe { background-image: url(https://i.imgur.com/Kkl5ifT.png); background-size: 28px 28px; @@ -425,7 +487,8 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } -.sheet-linha-ip { + +.sheet-linha-rd { background-image: url(https://i.imgur.com/VjcBBCt.png); background-size: 28px 28px; background-repeat: no-repeat; @@ -439,6 +502,7 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } + .sheet-linha-rm { background-image: url(https://i.imgur.com/iolQs0A.png); background-size: 28px 28px; @@ -453,7 +517,8 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } -.sheet-linha-move{ + +.sheet-linha-move { background-image: url(https://i.imgur.com/8kGNCPs.png); background-size: 29px 25px; background-repeat: no-repeat; @@ -467,9 +532,10 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } -.sheet-linha-decisivo { - background-image: url(https://i.imgur.com/sUBkbOk.png); - background-size: 27px 25px; + +.sheet-linha-critico { + background-image: url(https://i.imgur.com/FxgTzPb.png); + background-size: 28px 28px; background-repeat: no-repeat; background-position: center; width: 30px; @@ -482,9 +548,10 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } -.sheet-linha-critico { - background-image: url(https://i.imgur.com/FxgTzPb.png); - background-size: 27px 27px; + +.sheet-linha-decisivo { + background-image: url(https://i.imgur.com/sUBkbOk.png); + background-size: 28px 28px; background-repeat: no-repeat; background-position: center; width: 30px; @@ -497,9 +564,10 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } + .sheet-linha-penalidade { background-image: url(https://i.imgur.com/5hhA50Y.png); - background-size: 25px 26px; + background-size: 28px 28px; background-repeat: no-repeat; background-position: center; width: 30px; @@ -512,55 +580,113 @@ button[type="roll"].sheet-dado7 { text-align: center; color: black } -.sheet-modificador-global { - margin-top: -15px; - margin-bottom:10px; + +/*segunda parte atributos direita*/ +.sheet-atri1{ + margin-top:-22px; } -/*linha de divisão das perícias*/ -.sheet-linha-de-divisao-2 { - margin-top:10px; - margin-bottom: 10px; - background-image: url(https://i.imgur.com/NTZLN33.png); - background-size: 800px 65px; + +.sheet-informacao-atributo-direita input[type="text"]{ + border-style: #2F4F4F; + background-color: #DCDCDC; + width: 100px; + height: 30px; + margin-left: 12px; + margin-right: 5px; + margin-bottom: -0px; + margin-top: 3px; + border-top: 2px solid #333333; + border-bottom: 2px solid #333333; + border-right: 2px solid #333333; + border-left: 2px solid #333333; + font-size: 13px; + font-weight: bold; + text-align: center; + position: relative; +} + +.sheet-informacao-status-direita input[type="text"] { + background-image: url(https://i.imgur.com/GUI0tbP.png); + background-size: 98px 40px; + margin-left: 12px; + margin-right: 5px; background-repeat: no-repeat; - width: 800px; - height: 60px; + width: 100px; + height: 40px; + border-style: none; + background-color: transparent; + margin-left: 12px; + margin-right: 5px; + font-size: 14px; + font-weight: bold; text-align: center; position: relative; + color: black } -.sheet-linha-de-divisao-2 h3 { - padding-top: 35px; + +.sheet-modificador-global { + margin-top: -15px; + margin-bottom:10px; } -/*css linhas pericias*/ + +/*linhas de pericia*/ .sheet-pericias { margin-top: 3px; } -.sheet-linha-inicial-pericias { + +.sheet-linha_N { + width: 30px; + height: 40px; border-style: none; background-color: transparent; - font-size: 13px; + margin-top: 0px; + margin-Bottom: 0px; font-weight: bold; - color: black font-weight: bold; - text-align: left; - position: center; text-align: center; - width: 80px; - height: 30px; - margin-top: 3px; -} -.sheet-linha-inicial-pericias2 { + color: black + } + +.sheet-linha_D { + width: 30px; + height: 40px; + border-style: none; + background-color: transparent; + margin-top: 0px; + margin-Bottom: 0px; + font-weight: bold; + text-align: center; + color: black + } + +.sheet-linha_M { + width: 30px; + height: 40px; border-style: none; background-color: transparent; + margin-top: 0px; + margin-Bottom: 0px; + font-weight: bold; + text-align: center; + color: black + } + +.sheet-linha1 { + background-image: url(); + background-size: 46px 26px; + background-repeat: no-repeat; + border-style: black; + padding-left: 1px; + border: 1px solid #333333; + border-bottom: 2px solid #333333; + margin-top: 3px; font-size: 13px; font-weight: bold; - color: black font-weight: bold; - text-align: left; - position: left; - text-align: left; + color: black; + text-align: center; width: 80px; height: 30px; - margin-top: 3px; } + .sheet-linha2 { border-style: none; background-color: transparent; @@ -568,16 +694,17 @@ button[type="roll"].sheet-dado7 { margin-top: 1px; font-size: 13px; font-weight: bold; - color: black text-align: center; + color: black; + text-align: center; width: 47px; height: 30px; margin-top: 5px; } + .sheet-linha3 { margin-top: 1px; margin-bottom: 1px; border-style: black; - background-color: ; padding-left: 1px; border: black; border-top: 1px solid #333333; @@ -589,11 +716,11 @@ button[type="roll"].sheet-dado7 { text-align: center; position: relative; } + .sheet-linha4 { margin-top: 1px; margin-bottom: 1px; border-style: black; - background-color: ; padding-left: 1px; border: black; border-top: 1px solid #333333; @@ -605,22 +732,7 @@ button[type="roll"].sheet-dado7 { text-align: left; position: relative; } -.sheet-linha-secundaria { - margin-top: 1px; - margin-bottom: 2px; - border-style: black; - background-color: transparent; - padding-left: 1px; - border: black; - border-top: 0px solid #333333; - border-bottom: 2px solid #333333; - border-right: 0px solid #333333; - border-left: 0px solid #333333; - font-size: 12px; - font-weight: bold; - text-align: center; - position: relative; -} + .sheet-linha-secundaria2 { margin-top: 1px; margin-bottom: 2px; @@ -638,82 +750,30 @@ button[type="roll"].sheet-dado7 { text-align: center; position: relative; } -.sheet-linha_N { - width: 30px; - height: 40px; - border-style: none; - background-color: transparent; - margin-top: 0px; - margin-Bottom: 0px; - font-weight: bold; - text-align: center; - color: black - } - .sheet-linha_D { - width: 30px; - height: 40px; - border-style: none; - background-color: transparent; - margin-top: 0px; - margin-Bottom: 0px; - font-weight: bold; - text-align: center; - color: black - } - .sheet-linha_M { - width: 30px; - height: 40px; - border-style: none; - background-color: transparent; - margin-top: 0px; - margin-Bottom: 0px; - font-weight: bold; - text-align: center; - color: black - } -/*css dos dados de pericias*/ -.sheet-linha-dado2 { - border-style: none; - background-color: transparent; - text-align: center; - background-repeat: no-repeat; - margin-top: 1px; - margin-left: 6px; - width: 21px; - height: 2px; - border-style: black; - background-color: ; - padding-left: 1px; - margin-top: 5px; - font-weight: bold; - color: black text-align: center; -} -button[type="roll"].sheet-dado4:before { - content: ' '; -} -button[type="roll"].sheet-dado4:hover { - background-position: 0; - box-shadow: 0px 0px 20px #00FF0B; - background-color: #9CF7A0; -} -button[type="roll"].sheet-dado4 { - background-image: url(https://i.imgur.com/7qkxCK7.png); - background-size: 25px 26px; - background-repeat: no-repeat; - width: 19px; - height: 26px; + +button[type="roll"].sheet-dado-verde:hover { + background-position: 0; + box-shadow: 0px 0px 20px #00FF0B; + background-color: #9CF7A0; +} + +button[type="roll"].sheet-dado-verde { + background-image: url(https://i.imgur.com/7qkxCK7.png); + background-size: 25px 26px; + background-repeat: no-repeat; + width: 19px; + height: 26px; border-style: none; background-color: transparent; } -button[type="roll"].sheet-dado5:before { - content: ' '; -} -button[type="roll"].sheet-dado5:hover { + +button[type="roll"].sheet-dado-amarelo:hover { background-position: 0; - box-shadow: 0px 0px 20px #FCE300; + box-shadow: 0px 0px 20px #FCE300; background-color: #F7EE9C; } -button[type="roll"].sheet-dado5 { + +button[type="roll"].sheet-dado-amarelo { background-image: url(https://i.imgur.com/7qkxCK7.png); background-size: 25px 26px; background-repeat: no-repeat; @@ -722,15 +782,14 @@ button[type="roll"].sheet-dado5 { border-style: none; background-color: transparent; } -button[type="roll"].sheet-dado6:before { - content: ' '; -} -button[type="roll"].sheet-dado6:hover { + +button[type="roll"].sheet-dado-vermelho:hover { background-position: 0; - box-shadow: 0px 0px 20px #FF0003; + box-shadow: 0px 0px 20px #FF0003; background-color: #F9999A; } -button[type="roll"].sheet-dado6 { + +button[type="roll"].sheet-dado-vermelho { background-image: url(https://i.imgur.com/7qkxCK7.png); background-size: 25px 26px; background-repeat: no-repeat; @@ -739,374 +798,204 @@ button[type="roll"].sheet-dado6 { border-style: none; background-color: transparent; } -.sheet-linha_dado3 { - background-image: url(); - background-size: 21px 26px; - text-align: center; - background-repeat: no-repeat; - margin-top: 1px; - margin-left: 9px; - width: 21px; - height: 2px; - border-style: none; - background-color: transparent; - padding-left: 1px; - margin-top: 0px; - font-size: 13px; - font-weight: bold; - color: black text-align: center; -} -/*display das pericias de combate e pericias gerais*/ -.sheet-columns { - display: flex; - justify-content: space-between; - width: 400px; -} -.sheet-columns > * { - flex: 1; -} + input.sheet-toggle-show:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { display: none; } -/*linha de divisão dos aprimoramentos e manobras*/ -.sheet-linha-de-divisao-3 { - margin-top: 15px; - margin-bottom: 1px; - background-image: url(https://i.imgur.com/NTZLN33.png); - background-size: 800px 65px; + +/*CSS checkbox pericias*/ +input[type="checkbox"].sheet-toggle-show { + background-image: url("https://i.imgur.com/vFxlBEm.png"); + background-size: 29px 29px; + background-position: center; + height: 30px; + width: 30px; background-repeat: no-repeat; - width: 800px; - height: 65px; - text-align: center; - position: relative; -} -.sheet-linha-de-divisao-3 h3 { - padding-top: 35px; + opacity: transparent; + margin: top; + appearance: none; + border: none; + outline: none; } -/*display dos aprimoramentos e manobras*/ -.sheet-aprimoramentos-e-manobras { + +.sheet-linha-secundaria { margin-top: 1px; - margin-bottom: 1px; + margin-bottom: 2px; border-style: black; - background-color: #F8F8FF; + background-color: transparent; padding-left: 1px; border: black; - border-top: 1px solid #333333; + border-top: 0px solid #333333; border-bottom: 2px solid #333333; - border-right: 1px solid #333333; - border-left: 1px solid #333333; - font-size: 13px; + border-right: 0px solid #333333; + border-left: 0px solid #333333; + font-size: 12px; font-weight: bold; - text-align: left; + text-align: center; position: relative; } -.sheet-linha-inicial-aprimoramentos-manobras { + +.sheet-linha-inicial-pericias { border-style: none; background-color: transparent; font-size: 13px; font-weight: bold; - color: black text-align: center; + color: black; + position: center; + text-align: center; + width: 80px; + height: 30px; + margin-top: 3px; +} + +.sheet-linha-inicial-pericias2 { + border-style: none; + background-color: transparent; + font-size: 13px; font-weight: bold; - margin-left: ; - position: relative; + color: black; + text-align: center; + position: left; width: 80px; height: 30px; - margin-top: 2px; + margin-top: 3px; } -/* CSS checkbox sub-atributos */ -input[type="checkbox"].sheet-block-switch { - appearance: none; - border: none; - outline: none; - display: flex; - align-items: center; - justify-content: center; + +.sheet-texto-magias textarea { + height: 80px; + width: 98%; + border: 2px solid black; + font-weight: bold; } -input[type="checkbox"].sheet-block-switch { - opacity: transparent; - height: 30px; - width: 30px; - display: flex; - align-items: center; - justify-content: center; - display: flex; - align-items: center; - justify-content: center; + +.sheet-body { + background-color: #DCDCDC; + padding: 2px; } -input[type="checkbox"].sheet-block-switch { - background-image: url(https://i.imgur.com/bs0x98x.png); - height: 30px; - width: 30px; + +.sheet-linha-focus input[type="text"] { + background-image: url(https://i.imgur.com/IS0rG1Q.png); + background-size: 100px 45px; + margin-Top: 0px; + margin-left: 30px; + margin-right: 20px; background-repeat: no-repeat; - display: flex; - align-items: center; - justify-content: center; + width: 100px; + height: 45px; + border-style: none; + background-color: transparent; + margin-left: 30px; + margin-right: 20px; + font-size: 13px; + font-weight: bold; + text-align: center; + position: relative; } -input[type="checkbox"].sheet-block-switch:checked { - background-image: url(https://i.imgur.com/iJhgLtR.png); + +.sheet-linha-focus2 input[type="text"] { + border-style: #2F4F4F; + background-color: #DCDCDC; + width: 100px; height: 30px; - width: 30px; - background-repeat: no-repeat; - display: flex; - align-items: center; - justify-content: center; + margin-left: 30px; + margin-right: 20px; + margin-top: 5px; + margin-bottom: 0px; + border-top: 2px solid #333333; + border-bottom: 2px solid #333333; + border-right: 2px solid #333333; + border-left: 2px solid #333333; + font-size: 13px; + font-weight: bold; + text-align: center; + position: relative; } -/*CSS checkbox pericias*/ -input[type="checkbox"].sheet-toggle-show { - appearance: none; + +.sheet-texto-equip textarea { + width: 225px; + height: 100px; + border: 2px solid black; + font-weight: bold; + font-size: 13px; +} + +.sheet-linha-equip { + border-style: black; + background-color: transparent; + padding-left: 1px; border: none; - outline: none; + border-bottom: 2px solid #333333; + margin-top: 5px; + font-weight: bold; + text-align: center; } -input[type="checkbox"].sheet-toggle-show { - opacity: transparent; - height: 29px; - width: 30px; - margin: top; - 25px; + +input.sheet-toggle-show-arma:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; } -input[type="checkbox"].sheet-toggle-show { - background-image: url("https://i.imgur.com/vFxlBEm.png"); + +/*CSS linha de armas*/ +input[type="checkbox"].sheet-toggle-show-arma { + background-image: url("https://i.imgur.com/MTW75Uh.png"); background-size: 29px 29px; background-position: center; height: 30px; width: 30px; background-repeat: no-repeat; + opacity: transparent; + margin: top; + appearance: none; + border: none; + outline: none; } -/*linha de fechamento das paginas*/ -.sheet-linha-de-divisao-4 { - margin-top: 50px; - margin-bottom: 10px; - background-image: url(https://i.imgur.com/Eh99AH2.png); - background-size: 798px 64px; - background-repeat: no-repeat; - width: 800px; - height: 100px; - text-align: center; - position: relative; -} -.sheet-linha-de-divisao-4 h3 { - padding-top: 35px; -} -/*CSS Botões troca pagina 1*/ -.sheet-button-personagem h4 { - color: #FFFFFF; - position: center; - padding-left: 22px; - font-size: 13px; -} -.sheet-character { - margin-top: 0px; -} -button[type="action"].sheet-button-personagem:before { - content: ' '; -} -button[type="action"].sheet-button-personagem:hover { - background-image: url(https://i.imgur.com/BeJ5nXO.png); -} -button[type="action"].sheet-button-personagem:hover h4 { - text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601; - color: #fff -} -button[type="action"].sheet-button-personagem { - background-image: url(https://i.imgur.com/7O2DIdH.png); - background-size: 127px 30px; - background-repeat: no-repeat; - background-position: center; - width: 115px; - height: 30px; - border-style: none; - background-color: transparent; -} -/*CSS Botões troca pagina 2*/ -.sheet-button-test h4 { - color: #FFFFFF; - position: center; - padding-left: 22px; - font-size: 13px; -} -button[type="action"].sheet-button-test:before { - content: ' '; -} -button[type="action"].sheet-button-test:hover { - background-image: url(https://cdn.discordapp.com/attachments/685919360602079459/1117971755055710318/IJekFec.png); -} -button[type="action"].sheet-button-test:hover h4 { - text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601; - color: #fff + +/*CSS linha de item*/ +input.sheet-toggle-show-item:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; } -button[type="action"].sheet-button-test { - background-image: url(https://cdn.discordapp.com/attachments/685919360602079459/1117976260266709103/tyujh.png); - background-size: 127px 30px; - background-repeat: no-repeat; + +input[type="checkbox"].sheet-toggle-show-item { + background-image: url("https://i.imgur.com/qI3aGTm.png"); + background-size: 29px 29px; background-position: center; - width: 115px; height: 30px; - border-style: none; - background-color: transparent; -} -/*CSS Botões troca pagina 3*/ -.sheet-button-magia h4 { - color: #FFFFFF; - position: center; - padding-left: 20px; - font-size: 13px; -} -.sheet-container-botao{ - margin-top:60px; - margin-bottom:-50px; -} -button[type="action"].sheet-button-magia:before { - content: ' '; -} -button[type="action"].sheet-button-magia:hover { - background-image: url(https://i.imgur.com/IJekFec.png); -} -button[type="action"].sheet-button-magia:hover h4 { - text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601; - color: #fff -} -button[type="action"].sheet-button-magia { - background-image: url(https://i.imgur.com/VuXzAma.png); - background-size: 127px 30px; + width: 30px; background-repeat: no-repeat; - background-position: center; - width: 115px; - height: 30px; - border-style: none; - background-color: transparent; -} -/*CSS Botões troca pagina 4*/ -.sheet-button-equipamento h4 { - color: #FFFFFF; - position: center; - padding-left: 23px; - font-size: 13px; -} -button[type="action"].sheet-button-equipamento:before { - content: ' '; -} -button[type="action"].sheet-button-equipamento:hover { - background-image: url(https://i.imgur.com/dnazVgl.png); + opacity: transparent; + margin: top; + appearance: none; + border: none; + outline: none; } -button[type="action"].sheet-button-equipamento:hover h4 { - text-shadow: 0 0 10px #FF9601, 0 0 20px #FF9601, 0 0 40px #FF9601; - color: #fff + +/*CSS linha de pocoes*/ +input.sheet-toggle-show-pocao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; } -button[type="action"].sheet-button-equipamento { - background-image: url(https://i.imgur.com/QnOwFo9.png); - background-size: 127px 30px; - background-repeat: no-repeat; + +input[type="checkbox"].sheet-toggle-show-pocao { + background-image: url("https://i.imgur.com/ddt3mgD.png"); + background-size: 29px 29px; background-position: center; - width: 115px; height: 30px; - border-style: none; - background-color: transparent; -} -/*Botões do cabeçalho*/ -.sheet-character, .sheet-test, .sheet-journal, .sheet-config { - display: none; -} -.sheet-tabstoggle[value="character"] ~ .sheet-character, -.sheet-tabstoggle[value="skills"] ~ .sheet-test, -.sheet-tabstoggle[value="journal"] ~ .sheet-journal, -.sheet-tabstoggle[value="configuration"] ~ .sheet-config { - display: block; -} -/*CSS Pagina 2*/ -.sheet-test { - -} -/*CSS Pagina 3*/ -.sheet-texto-magias textarea { - height: 80px; - width: 98%; - border: 2px solid black; - font-weight: bold; -} -.sheet-body { - background-color: #DCDCDC; - padding: 2px; -} -.sheet-linha-focus input[type="text"] { - background-image: url(https://i.imgur.com/IS0rG1Q.png); - background-size: 100px 45px; - margin-Top: 0px; - margin-left: 30px; - margin-right: 20px; + width: 30px; background-repeat: no-repeat; - width: 100px; - height: 45px; - border-style: none; - background-color: transparent; - margin-left: 30px; - margin-right: 20px; - font-size: 13px; - font-weight: bold; - text-align: center; - position: relative; -} -.sheet-linha-focus2 input[type="text"] { - border-style: #2F4F4F; - background-color: #DCDCDC; - width: 100px; - height: 30px; - margin-left: 30px; - margin-right: 20px; - margin-top: 5px; - margin-bottom: 0px; - border-top: 2px solid #333333; - border-bottom: 2px solid #333333; - border-right: 2px solid #333333; - border-left: 2px solid #333333; - font-size: 13px; - font-weight: bold; - text-align: center; - position: relative; -} -/* CSS Pagina 4*/ -.sheet-linha-equip { - border-style: black; - background-color: transparent; - padding-left: 1px; + opacity: transparent; + margin: top; + appearance: none; border: none; - border-bottom: 2px solid #333333; - margin-top: 5px; - font-weight: bold; - text-align: center; -} -.sheet-texto-equip textarea { - width: 225px; - height: 100px; - border: 2px solid black; - font-weight: bold; - font-size: 13px; + outline: none; } + /*CSS troca de personagem*/ .sheet-block-feminino, .sheet-block-switch-personagem:checked ~ .sheet-block-masculino { display: block; } + .sheet-block-masculino, .sheet-block-switch-personagem:checked ~ .sheet-block-feminino { display: none; } -input[type="checkbox"].sheet-block-switch-personagem { - appearance: none; - border: none; - outline: none; - display: flex; - align-items: center; - justify-content: center; -} -input[type="checkbox"].sheet-block-switch-personagem { - opacity: transparent; - height: 30px; - width: 30px; - display: flex; - align-items: center; - justify-content: center; - display: flex; - align-items: center; - justify-content: center; -} + input[type="checkbox"].sheet-block-switch-personagem { background-image: url(https://i.imgur.com/mKNfjiC.png); height: 30px; @@ -1115,7 +1004,12 @@ input[type="checkbox"].sheet-block-switch-personagem { display: flex; align-items: center; justify-content: center; + opacity: transparent; + appearance: none; + border: none; + outline: none; } + input[type="checkbox"].sheet-block-switch-personagem:checked { background-image: url(https://i.imgur.com/gpOwBpW.png); height: 30px; @@ -1125,6 +1019,7 @@ input[type="checkbox"].sheet-block-switch-personagem:checked { align-items: center; justify-content: center; } + .sheet-block-feminino { background-size: 200px 65px; margin-bottom: 100px; @@ -1134,6 +1029,7 @@ input[type="checkbox"].sheet-block-switch-personagem:checked { width: 200px; height: 65px; } + .sheet-block-masculino { background-size: 200px 65px; margin-bottom: 100px; @@ -1143,66 +1039,64 @@ input[type="checkbox"].sheet-block-switch-personagem:checked { width: 200px; height: 65px; } -/*CSS mochila e anotacoes*/ -.sheet-linha-de-divisao-5 { - background-image: url(https://i.imgur.com/NTZLN33.png); - background-size: 800px 65px; + +/*CSS linha de reliquias*/ +input.sheet-toggle-show-rel:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; +} + +input[type="checkbox"].sheet-toggle-show-rel { + background-image: url("https://i.imgur.com/lA8jXI3.png"); + background-size: 29px 20px; + background-position: center; background-repeat: no-repeat; - margin-top: 50px; - width: 800px; - height: 65px; - text-align: center; - position: relative; + appearance: none; + border: none; + outline: none; + opacity: transparent; + height: 30px; + width: 30px; + margin: top; } -.sheet-linha-de-divisao-5 h3 { - padding-top: 35px; - text-align: center; - margin-bottom: 10px; + +/*CSS linha de armadura*/ +input.sheet-toggle-show-armadura:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; } -.sheet-linha-de-divisao-6 { - background-image: url(https://i.imgur.com/NTZLN33.png); - background-size: 800px 65px; + +input[type="checkbox"].sheet-toggle-show-armadura { + appearance: none; + border: none; + outline: none; + background-image: url("https://i.imgur.com/qj65zXo.png"); + background-size: 29px 29px; + background-position: center; + height: 30px; + width: 30px; background-repeat: no-repeat; - margin-top: 55px; - margin-bottom: 5px; - width: 800px; - height: 65px; - text-align: center; - position: relative; + opacity: transparent; + margin: top; } -.sheet-linha-de-divisao-6 h3 { - padding-top: 35px; - text-align: center; - margin-bottom: 10px; + +/*CSS linha de municao*/ +input.sheet-toggle-show-municao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { + display: none; } -/*CSS anotacoes*/ -.sheet-texto-notas-1 { - background-image: url(https://i.imgur.com/i3vy64w.png); - background-size: 800px 380px; - background-repeat: no-repeat; + +input[type="checkbox"].sheet-toggle-show-municao { + background-image: url("https://i.imgur.com/zjjY2M3.png"); + background-size: 29px 29px; background-position: center; - width: 800px; - height: 385px; -} -.sheet-texto-notas-1 h3 { - text-align: center; - position: relative; - padding-top: 50px; -} -.sheet-texto-notas-1 textarea { - width: 662px; - height: 240px; - text-align: left; - margin-left: 65px; - position: relative; - resize: vertical; - overflow-y: auto; - min-height: 5em; - font-weight: bold; - font-size: 16px; - background-color: transparent; + height: 30px; + width: 30px; + background-repeat: no-repeat; + opacity: transparent; + margin: top; + appearance: none; border: none; + outline: none; } + /*CSS mochila*/ .sheet-mochila { background-image: url(https://i.imgur.com/ZJa4qi1.png); @@ -1214,6 +1108,7 @@ input[type="checkbox"].sheet-block-switch-personagem:checked { width: 350px; height: 410px; } + .sheet-mochila textarea { width: 275px; height: 330px; @@ -1226,12 +1121,41 @@ input[type="checkbox"].sheet-block-switch-personagem:checked { background-color: transparent; border: none; } -.sheet-imgbag { - margin-left: 10px; + +.sheet-block-moeda, .sheet-block-switch-mochila:checked ~ .sheet-block-livro { + display: block; +} + +.sheet-block-livro, .sheet-block-switch-mochila:checked ~ .sheet-block-moeda { + display: none; +} + +input[type="checkbox"].sheet-block-switch-mochila { + background-image: url(https://i.imgur.com/PXN6O0U.png); + background-size: 38px 40px; + background-repeat: no-repeat; + opacity: transparent; + height: 50px; + width: 50px; + appearance: none; + border: none; + outline: none; + display: flex; + align-items: center; + justify-content: center; } -.sheet-mochila-texto{ -margin-left:12px; + +input[type="checkbox"].sheet-block-switch-mochila:checked { + background-image: url(https://i.imgur.com/tltOCr8.png); + background-size: 38px 40px; + height: 50px; + width: 50px; + background-repeat: no-repeat; + display: flex; + align-items: center; + justify-content: center; } + .sheet-moedas { text-align: center; margin-top: 5px; @@ -1239,49 +1163,76 @@ margin-left:12px; position: relative; border-bottom: solid 2px black; } + .sheet-tabela-moedas table { text-align: center; margin-left: 50px; } -.sheet-bronze { - background-image: url(https://i.imgur.com/yk2LSG3.png); - background-size: 20px 22px; + +.sheet-tabela-moedas td { + text-align: center; + border: 3px double; +} + +.sheet-moeda { + background-size: 20px 20px; background-repeat: no-repeat; text-align: center; width: 20px; height: 22px; } + +.sheet-bronze { + background-image: url(https://i.imgur.com/yk2LSG3.png); +} + .sheet-prata { background-image: url(https://i.imgur.com/rc5flre.png); - background-size: 20px 20px; - background-repeat: no-repeat; - text-align: center; } + .sheet-ouro { background-image: url(https://i.imgur.com/2kn1Qt5.png); - background-size: 20px 20px; - background-repeat: no-repeat; - text-align: center; } -.sheet-tabela-moedas td { + +.sheet-treinamento h3 { text-align: center; - border: 3px double; -} -.sheet-block-moeda, .sheet-block-switch-mochila:checked ~ .sheet-block-livro { - display: block; -} -.sheet-block-livro, .sheet-block-switch-mochila:checked ~ .sheet-block-moeda { - display: none; + margin-top: -10px; + margin-bottom: 10px; + margin-left: -40px; + position: relative; } -.sheet-2coluna { - background-image: url(https://i.imgur.com/c12YfkI.png); - background-size: 430px 380px; + +/*CSS anotacoes*/ +.sheet-texto-notas-1 { + background-image: url(https://i.imgur.com/i3vy64w.png); + background-size: 800px 380px; background-repeat: no-repeat; - margin-left: -45px; - width: 436px; + background-position: center; + width: 800px; height: 385px; - margin-top: -10px; } + +.sheet-texto-notas-1 h3 { + text-align: center; + position: relative; + padding-top: 50px; +} + +.sheet-texto-notas-1 textarea { + width: 662px; + height: 240px; + text-align: left; + margin-left: 65px; + position: relative; + resize: vertical; + overflow-y: auto; + min-height: 5em; + font-weight: bold; + font-size: 16px; + background-color: transparent; + border: none; +} + .sheet-texto-pag1 { background-repeat: no-repeat; background-position: left; @@ -1310,6 +1261,7 @@ margin-left:12px; background-color: transparent; border: none; } + .sheet-texto-pag2 textarea { text-align: left; position: relative; @@ -1319,200 +1271,22 @@ margin-left:12px; font-size: 16px; } -.sheet-treinamento h3 { - text-align: center; - margin-top: -10px; - margin-bottom: 10px; - margin-left: -40px; - position: relative; -} -input[type="checkbox"].sheet-block-switch-mochila { - appearance: none; - border: none; - outline: none; - display: flex; - align-items: center; - justify-content: center; -} -input[type="checkbox"].sheet-block-switch-mochila { - opacity: transparent; - height: 30px; - width: 30px; - display: flex; - align-items: center; - justify-content: center; - display: flex; - align-items: center; - justify-content: center; -} -input[type="checkbox"].sheet-block-switch-mochila { - background-image: url(https://i.imgur.com/PXN6O0U.png); - background-size: 38px 40px; - height: 50px; - width: 50px; - background-repeat: no-repeat; - display: flex; - align-items: center; - justify-content: center; -} -input[type="checkbox"].sheet-block-switch-mochila:checked { - background-image: url(https://i.imgur.com/tltOCr8.png); - background-size: 38px 40px; - height: 50px; - width: 50px; - background-repeat: no-repeat; - display: flex; - align-items: center; - justify-content: center; -} -/*--equipamento--*/ -input.sheet-toggle-show-arma:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { - display: none; -} -/*CSS linha de armas*/ -input[type="checkbox"].sheet-toggle-show-arma { - appearance: none; - border: none; - outline: none; -} -input[type="checkbox"].sheet-toggle-show-arma { - opacity: transparent; - height: 29px; - width: 30px; - margin: top; - 25px; -} -input[type="checkbox"].sheet-toggle-show-arma { - background-image: url("https://i.imgur.com/MTW75Uh.png"); - background-size: 29px 29px; - background-position: center; - height: 30px; - width: 30px; - background-repeat: no-repeat; -} -/*CSS linha de municao*/ -input.sheet-toggle-show-municao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { - display: none; -} -input[type="checkbox"].sheet-toggle-show-municao { - appearance: none; - border: none; - outline: none; -} -input[type="checkbox"].sheet-toggle-show-municao { - opacity: transparent; - height: 29px; - width: 30px; - margin: top; - 25px; -} -input[type="checkbox"].sheet-toggle-show-municao { - background-image: url("https://i.imgur.com/zjjY2M3.png"); - background-size: 29px 29px; - background-position: center; - height: 30px; - width: 30px; - background-repeat: no-repeat; -} -/*CSS linha de armadura*/ -input.sheet-toggle-show-armadura:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { - display: none; -} -input[type="checkbox"].sheet-toggle-show-armadura { - appearance: none; - border: none; - outline: none; -} -input[type="checkbox"].sheet-toggle-show-armadura { - opacity: transparent; - height: 29px; - width: 30px; - margin: top; - 25px; -} -input[type="checkbox"].sheet-toggle-show-armadura { - background-image: url("https://i.imgur.com/qj65zXo.png"); - background-size: 29px 29px; - background-position: center; - height: 30px; - width: 30px; - background-repeat: no-repeat; -} -/*CSS linha de item*/ -input.sheet-toggle-show-item:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { - display: none; -} -input[type="checkbox"].sheet-toggle-show-item { - appearance: none; - border: none; - outline: none; -} -input[type="checkbox"].sheet-toggle-show-item { - opacity: transparent; - height: 29px; - width: 30px; - margin: top; - 25px; -} -input[type="checkbox"].sheet-toggle-show-item { - background-image: url("https://i.imgur.com/qI3aGTm.png"); - background-size: 29px 29px; - background-position: center; - height: 30px; - width: 30px; - background-repeat: no-repeat; -} -/*CSS linha de reliquias*/ -input.sheet-toggle-show-rel:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { - display: none; -} -input[type="checkbox"].sheet-toggle-show-rel { - appearance: none; - border: none; - outline: none; -} -input[type="checkbox"].sheet-toggle-show-rel { - opacity: transparent; - height: 20px; - width: 28px; - margin: top; - 25px; -} -input[type="checkbox"].sheet-toggle-show-rel { - background-image: url("https://i.imgur.com/lA8jXI3.png"); - background-size: 29px 20px; - background-position: center; - height: 29px; - width: 30px; - background-repeat: no-repeat; -} -/*CSS linha de pocoes*/ -input.sheet-toggle-show-pocao:not(:checked) ~ div.sheet-body, input.sheet-toggle-hide:checked ~ div.sheet-body { - display: none; -} -input[type="checkbox"].sheet-toggle-show-pocao { - appearance: none; - border: none; - outline: none; -} -input[type="checkbox"].sheet-toggle-show-pocao { - opacity: transparent; - height: 29px; - width: 30px; - margin: top; - 25px; +.sheet-imgbag { + margin-left: 10px; } -input[type="checkbox"].sheet-toggle-show-pocao { - background-image: url("https://i.imgur.com/ddt3mgD.png"); - background-size: 29px 29px; - background-position: center; - height: 30px; - width: 30px; + +.sheet-2coluna { + background-image: url(https://i.imgur.com/c12YfkI.png); + background-size: 430px 380px; background-repeat: no-repeat; + margin-left: -45px; + width: 436px; + height: 385px; + margin-top: -10px; } -/* FICHA DESENVOLVIDA POR BLACK & VERYDYCA +/*-- FICHA DESENVOLVIDA POR BLACK, VERYDYCA & AUGUSTINHO -.----------------------------------------------------------------------------. -..................................-----::-:+:-..---........................... diff --git a/Daemon Exilia/Exilia.html b/Daemon Exilia/Exilia.html index f8aa9e16bb90..44558fc52be2 100644 --- a/Daemon Exilia/Exilia.html +++ b/Daemon Exilia/Exilia.html @@ -1,3798 +1,4843 @@ -
-