Merge pull request #13239 from jarbascjunior2/master

Sinistros e monstros

sinistros_e_monstros/sheet.json

@@ -0,0 +1,8 @@
+{
+  "html": "sinistros_e_monstros.html",
+  "css": "sinistros_e_monstros.css",
+  "authors": "jarbascjunior",
+  "roll20userid": "Jarbits",
+  "preview": "sinistros_e_monstros.png",
+  "instructions": "Ficha de personagem de Sinistros e monstros by Universo Simulado."
+}

sinistros_e_monstros/sinistros_e_monstros.css

@@ -0,0 +1,71 @@
+.ficha-personagem {
+    font-family: Arial, sans-serif;
+    width: 600px;
+    margin: 0 auto;
+    padding: 20px;
+    border: 2px solid #000;
+    background-color: #f9f9f9;
+    position: relative;
+}
+
+.titulo {
+    margin-top: 0px;
+
+}
+
+h2 {
+    background-color: #000;
+    color: #fff;
+    padding: 5px;
+    margin: 10px 0;
+}
+
+.cabecalho {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 60px;
+}
+
+.info-pessoal, .idade-mental {
+    width: 45%;
+}
+
+label {
+    font-weight: bold;
+}
+
+.input-text {
+    width: 100%;
+    padding: 5px;
+    margin-bottom: 10px;
+    box-sizing: border-box;
+}
+
+textarea {
+    width: 100%;
+    resize: both;
+}
+
+.trama-treco {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 20px;
+}
+
+.trama, .treco {
+    width: 45%;
+}
+
+.anotacoes {
+    margin-top: 20px;
+}
+
+.coisas {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 20px;
+}
+
+.coisas-adulto, .coisas-crianca {
+    width: 45%;
+}

sinistros_e_monstros/sinistros_e_monstros.html

@@ -0,0 +1,57 @@
+<link href="file:///C|/Users/jarba/Documents/Site sem nome 2/sinistros_e_monstros.css" rel="stylesheet" type="text/css">
+<div class="ficha-personagem">
+
+ <div class="titulo">
+        <h2>Boletim Escolar</h2>
+    </div>
+    <div class="cabecalho">
+
+        <div class="info-pessoal">
+            <h2>Informações Pessoais</h2>
+            <label>Nome:</label>
+            <input type="text" class="input-text"><br>
+            <label>Idade:</label>
+            <input type="text" class="input-text"><br>
+            <label>Tipo:</label>
+            <input type="text" class="input-text">
+        </div>
+        <div class="idade-mental">
+            <label>Idade Mental:</label><br>
+            <input type="radio" name="idade-mental" id="infantil">
+            <label for="infantil">Infantil (4D1)</label><br>
+            <input type="radio" name="idade-mental" id="juvenil">
+            <label for="juvenil">Juvenil (5D1)</label><br>
+            <input type="radio" name="idade-mental" id="jovem">
+            <label for="jovem">Jovem (6D1)</label><br>
+            <input type="radio" name="idade-mental" id="maduro">
+            <label for="maduro">Maduro</label>
+        </div>
+    </div>
+
+    <div class="trama-treco">
+        <div class="trama">
+            <h2>Trama</h2>
+            <textarea rows="4" cols="25"></textarea>
+        </div>
+        <div class="treco">
+            <h2>Trecos</h2>
+            <textarea rows="4" cols="25"></textarea>
+        </div>
+    </div>
+
+    <div class="anotacoes">
+        <h2>Anotações</h2>
+        <textarea rows="4" cols="50"></textarea>
+    </div>
+
+    <div class="coisas">
+        <div class="coisas-adulto">
+            <h2>Coisas de Adulto</h2>
+            <textarea rows="4" cols="25"></textarea>
+        </div>
+        <div class="coisas-crianca">
+            <h2>Coisas de Criança</h2>
+            <textarea rows="4" cols="25"></textarea>
+        </div>
+    </div>
+</div>