mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Solo10 Base
Sistema Solo10 base by 101Games
This commit is contained in:
jarbascjunior2
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "solo10.html",
|
||||
"css": "solo10.css",
|
||||
"authors": "jarbascjunior",
|
||||
"roll20userid": "Jarbits",
|
||||
"preview": "solo10.png",
|
||||
"instructions": "Ficha de personagem de solo10 base by 101 games."
|
||||
}
|
||||
@@ -0,0 +1,172 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Cinzel&display=swap');
|
||||
|
||||
.character-sheet {
|
||||
font-family: 'Cinzel', serif;
|
||||
background-color: #fff;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
color: #fff;
|
||||
border: 2px solid #000;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
width: 900px;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.character-sheet img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.character-info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.input-with-text-below {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.input-with-text-below input {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin-top: 5px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 5px;
|
||||
background-color: #fff;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.input-with-text-below span {
|
||||
color: #000;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.xp-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #000;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.xp-container label, .attribute-split label, .attribute-split span {
|
||||
margin-right: 5px;
|
||||
color: #000;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.xp-container input {
|
||||
width: 50px;
|
||||
padding: 5px;
|
||||
margin: 0 5px;
|
||||
border: 1px solid #000;
|
||||
border-radius: 5px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.columns {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.column {
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 0;
|
||||
color: #000;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
background-color: #fff;
|
||||
padding: 5px 0;
|
||||
border-bottom: 2px solid #000;
|
||||
}
|
||||
|
||||
textarea, input[type="text"], input[type="number"] {
|
||||
width: calc(100% - 20px);
|
||||
padding: 10px;
|
||||
margin: 10px 0;
|
||||
border: 1px solid #000;
|
||||
border-radius: 5px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
resize: both;
|
||||
}
|
||||
|
||||
textarea {
|
||||
min-height: 80px;
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
.attribute-split {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.attribute-split input {
|
||||
width: 50px;
|
||||
margin: 0 5px;
|
||||
padding: 5px;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 5px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button-title-attribute {
|
||||
width: calc(100% - 20px);
|
||||
padding: 15px;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
border: 2px solid #000;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
margin: 10px 0;
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.button-title-attribute:hover {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.fake-mod {
|
||||
width: 50px;
|
||||
padding: 10px;
|
||||
margin-top: 10px;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 5px;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,67 @@
|
||||
<link href="solo10.css" rel="stylesheet" type="text/css">
|
||||
<div class="character-sheet">
|
||||
<div class="header" style="text-align: center;">
|
||||
<img src="https://drive.usercontent.google.com/download?id=1i-LkScjHeUkOH3IUqtqWodwvndS7KwLf&export=download&authuser=0" alt="Logo Vampiro: A Máscara">
|
||||
</div>
|
||||
<form>
|
||||
<div class="character-info">
|
||||
<div class="input-with-text-below char-name">
|
||||
<span>Nome</span>
|
||||
<input name="attr_character_name" type="text" spellcheck="false" value="">
|
||||
</div>
|
||||
<div class="input-with-text-below char-player">
|
||||
<span>Jogador</span>
|
||||
<input name="attr_player_name" type="text" spellcheck="false" value="">
|
||||
</div>
|
||||
<div class="xp-container">
|
||||
<label for="attr_xp_current">XP:</label>
|
||||
<input type="number" id="attr_xp_current" name="attr_xp_current" min="0" value="0">
|
||||
<span>/</span>
|
||||
<input type="number" id="attr_xp_total" name="attr_xp_total" min="0" value="0">
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<h2>Atributos</h2>
|
||||
<div class="attribute">
|
||||
<button type="roll" name="roll_corpo" value="{{title=**@{character_name}**}}{{Teste de Corpo: [[?{Modo de Rolagem|Normal,1d10|Vantagem,2d10kh1|Desvantagem,2d10kl1} + @{corpo}]]}}" class="button-title-attribute">Corpo</button>
|
||||
<input name="attr_corpo" type="number" spellcheck="false" maxlength="2" class="fake-mod" title="@{corpo}" value="0">
|
||||
</div>
|
||||
<div class="attribute-split">
|
||||
<label for="attr_health">Saúde:</label>
|
||||
<input type="number" id="attr_health_current" name="attr_health_current" min="0" value="0">
|
||||
<span>/</span>
|
||||
<input type="number" id="attr_health_max" name="attr_health_max" min="0" value="0">
|
||||
</div>
|
||||
<div class="attribute">
|
||||
<button type="roll" name="roll_espirito" value="{{title=**@{character_name}**}}{{Teste de Espírito: [[?{Modo de Rolagem|Normal,1d10|Vantagem,2d10kh1|Desvantagem,2d10kl1} + @{espírito}]]}}" class="button-title-attribute">Espírito</button>
|
||||
<input name="attr_espírito" type="number" spellcheck="false" maxlength="2" class="fake-mod" title="@{espírito}" value="0">
|
||||
</div>
|
||||
<div class="attribute-split">
|
||||
<label for="attr_posture">Postura:</label>
|
||||
<input type="number" id="attr_posture_current" name="attr_posture_current" min="0" value="0">
|
||||
<span>/</span>
|
||||
<input type="number" id="attr_posture_max" name="attr_posture_max" min="0" value="0">
|
||||
</div>
|
||||
<div class="attribute">
|
||||
<button type="roll" name="roll_mente" value="{{title=**@{character_name}**}}{{Teste de Mente: [[?{Modo de Rolagem|Normal,1d10|Vantagem,2d10kh1|Desvantagem,2d10kl1} + @{mente}]]}}" class="button-title-attribute">Mente</button>
|
||||
<input name="attr_mente" type="number" spellcheck="false" maxlength="2" class="fake-mod" title="@{mente}" value="0">
|
||||
</div>
|
||||
<div class="attribute-split">
|
||||
<label for="attr_will">Vontade:</label>
|
||||
<input type="number" id="attr_will_current" name="attr_will_current" min="0" value="0">
|
||||
<span>/</span>
|
||||
<input type="number" id="attr_will_max" name="attr_will_max" min="0" value="0">
|
||||
</div>
|
||||
<h2>Perícias</h2>
|
||||
<textarea id="skills" name="attr_skills" rows="5" style="text-align: left;"></textarea>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h2>Qualidades</h2>
|
||||
<textarea id="qualities" name="attr_qualities" rows="5" style="text-align: left;"></textarea>
|
||||
<h2>Pertences e dinheiro</h2>
|
||||
<textarea id="belongings" name="attr_belongings" rows="5" style="text-align: left;"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
Reference in New Issue
Block a user