mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
All New Folder MAZES FRP Set to top level per request
New folder for a new sheet at top level
This commit is contained in:
9th Level Games
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
@@ -0,0 +1,316 @@
|
||||
/*----------------- Main Layout ------------------*/
|
||||
|
||||
/* A CSS Grid example using "grid-template-areas"
|
||||
https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas
|
||||
*/
|
||||
main {
|
||||
display: grid;
|
||||
width: 750px;
|
||||
height: 550px;
|
||||
grid-gap: 0px;
|
||||
grid-template-columns: 150px 150px 150px 150px 150px;
|
||||
grid-template-rows: 50px 50px 50px 50px 50px 200px 50px;
|
||||
grid-template-areas:"zroll zhearts zlogo zlogo zlogo"
|
||||
"zroll zhearts zlogo zlogo zlogo"
|
||||
"zroll zstars zname zname zname"
|
||||
"zrole zstars zname zname zname"
|
||||
"zaspect zaspect zclass zclass zclass"
|
||||
"zlifestyle zedges zedges zresolver zresolver"
|
||||
"zwealth zedges zedges zresolver zresolver"
|
||||
"zconditions zconditions zconditions zresolver zresolver";
|
||||
background-color: black;
|
||||
border-style: solid;
|
||||
background-image: url();
|
||||
}
|
||||
|
||||
/*----------------- GENERAL CSS ------------------*/
|
||||
|
||||
section {
|
||||
padding: 0px;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* CSS Flexbox styling, used for adjusting how content inside section behaves */
|
||||
.f-col {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.f-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.nowrap {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
.f-center {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/*----------------- Text & Input styling -----------------*/
|
||||
|
||||
@import url('https://fonts.googleapis.com/css?family=Ruslan+Display|Grenze+Gotisch|Trade+Winds|Open+Sans&display=swap');
|
||||
|
||||
/* these are for overwriting default CSS that comes from Roll20 */
|
||||
|
||||
.charsheet * {
|
||||
font-family: "Ruslan Display", "Open Sans", Arial, sans-serif;
|
||||
}
|
||||
|
||||
.charsheet h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.charsheet h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.charsheet h3{
|
||||
text-align: center;
|
||||
}
|
||||
.charsheet label[type="text"]{
|
||||
color: gold;
|
||||
}
|
||||
|
||||
.charsheet input[type="text"] {
|
||||
color: gold;
|
||||
font-size: 3em;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
border: none;
|
||||
border-bottom: 2px;
|
||||
border-bottom-style: inset;
|
||||
background-color: transparent;
|
||||
border-bottom-color: orange;
|
||||
}
|
||||
|
||||
.charsheet input[type="text"]:focus {
|
||||
background-color: gold;
|
||||
color: burlywood;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.charsheet input[type="number"]{
|
||||
color: black;
|
||||
font-size: 3em;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.charsheet input[type="number"]:focus {
|
||||
background-color: gold;
|
||||
color: burlywood;
|
||||
border-style: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
.charsheet input[type="checkbox"]{
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
color: gold;
|
||||
|
||||
}
|
||||
|
||||
.charsheet input[type="checkbox"]:checked {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
.charsheet select {
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
width: 90%;
|
||||
border: none;
|
||||
border-bottom: 2px;
|
||||
border-bottom-style: inset;
|
||||
border-bottom-color: orange;
|
||||
background-color: black;
|
||||
color: gold;
|
||||
}
|
||||
|
||||
.charsheet select.hover {
|
||||
background-color: darkorange;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.charsheet textarea {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*-------Condition change to Clickable Text -----*/
|
||||
|
||||
.sheet-hidden {
|
||||
display:none;
|
||||
}
|
||||
label.link:hover {
|
||||
cursor: pointer;
|
||||
text-decoration: overline underline;
|
||||
color: papayawhip;
|
||||
}
|
||||
input[type="checkbox"]:checked + label.link {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*------------- Rolls and Roles CSS -------------*/
|
||||
|
||||
|
||||
.zroll {
|
||||
grid-area: zroll;
|
||||
}
|
||||
|
||||
.zrole {
|
||||
grid-area: zrole;
|
||||
}
|
||||
|
||||
.sheet-divd4, .sheet-divd6, .sheet-divd8, .sheet-divd10 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[value="d4"].sheet-roleselect ~ div.sheet-divd4,
|
||||
input[value="d6"].sheet-roleselect ~ div.sheet-divd6,
|
||||
input[value="d8"].sheet-roleselect ~ div.sheet-divd8,
|
||||
input[value="d10"].sheet-roleselect ~ div.sheet-divd10
|
||||
{
|
||||
display: block;
|
||||
|
||||
}
|
||||
|
||||
.zresolver {
|
||||
grid-area: zresolver;
|
||||
}
|
||||
|
||||
.sheet-crown4, .sheet-crown6, .sheet-crown8, .sheet-crown10 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[value="d4"].sheet-roleselect ~ div.sheet-crown4,
|
||||
input[value="d6"].sheet-roleselect ~ div.sheet-crown6,
|
||||
input[value="d8"].sheet-roleselect ~ div.sheet-crown8,
|
||||
input[value="d10"].sheet-roleselect ~ div.sheet-crown10
|
||||
{
|
||||
display: block;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*------------- Section-specific CSS -------------*/
|
||||
|
||||
.zlogo {
|
||||
grid-area: zlogo;
|
||||
background-image: url("https://raw.githubusercontent.com/9thLevel/roll20/main/mazeslogo.png");
|
||||
background-size: cover;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.zname {
|
||||
display: flex;
|
||||
grid-area: zname;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.zhearts {
|
||||
grid-area: zhearts;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-image: url("https://raw.githubusercontent.com/9thLevel/roll20/main/heart.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.zstars {
|
||||
grid-area: zstars;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-image: url("https://raw.githubusercontent.com/9thLevel/roll20/main/star.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.zaspect {
|
||||
grid-area: zaspect;
|
||||
}
|
||||
|
||||
.zclass {
|
||||
grid-area: zclass;
|
||||
}
|
||||
|
||||
.zedges {
|
||||
grid-area: zedges;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.zwealth {
|
||||
grid-area: zwealth;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-image: url("https://raw.githubusercontent.com/9thLevel/roll20/main/wealthbox.png"); background-size: cover;
|
||||
}
|
||||
|
||||
.zlifestyle {
|
||||
grid-area: zlifestyle;
|
||||
background-image: url("https://raw.githubusercontent.com/9thLevel/roll20/main/wealthplaceholder.png"); background-size: cover;
|
||||
}
|
||||
|
||||
.zconditions {
|
||||
grid-area: zconditions;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* Hide the Class Selection and Open Options based on ASPECT Select*/
|
||||
|
||||
.sheet-swords, .sheet-sorcerys, .sheet-shadows, .sheet-specials {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[value*="sword"].sheet-aspect ~ select.sheet-swords,
|
||||
input[value*="sorcery"].sheet-aspect ~ select.sheet-sorcerys,
|
||||
input[value*="shadow"].sheet-aspect ~ select.sheet-shadows,
|
||||
input[value*="special"].sheet-aspect ~ select.sheet-specials
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,167 @@
|
||||
<main>
|
||||
<section class="zroll">
|
||||
<input class="sheet-roleselect" type="hidden" name='attr_role'/>
|
||||
<div class="sheet-divd4"><img src="https://raw.githubusercontent.com/9thLevel/roll20/main/xd4.png"></img></div>
|
||||
<div class="sheet-divd6"><img src="https://raw.githubusercontent.com/9thLevel/roll20/main/xd6.png"></img></div>
|
||||
<div class="sheet-divd8"><img src="https://raw.githubusercontent.com/9thLevel/roll20/main/xd8.png"></img></div>
|
||||
<div class="sheet-divd10"><img src="https://raw.githubusercontent.com/9thLevel/roll20/main/xd10.png"></img></div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="zrole">
|
||||
<select class="roles" name="attr_role">
|
||||
<option value="d4" selected="selected">Paragon</option>
|
||||
<option value="d6">Vanguard</option>
|
||||
<option value="d8">Fighter</option>
|
||||
<option value="d10">Sentinel</option>
|
||||
</select>
|
||||
</section>
|
||||
|
||||
<section class="zlogo">
|
||||
</section>
|
||||
|
||||
<section class="zname">
|
||||
<input name="attr_character_name" type="text" id="character-name" value="" placeholder="Character Name" />
|
||||
</section>
|
||||
|
||||
<section class="zhearts">
|
||||
<input type="number" name="attr_hearts" value="4" max="10" min ="0">
|
||||
</section>
|
||||
|
||||
<section class="zstars">
|
||||
<input type="number" name="attr_stars" value="4" max="4" min ="0">
|
||||
</section>
|
||||
|
||||
<section class="zaspect">
|
||||
<select class="aspect" name="attr_aspect">
|
||||
<option value="sword" selected="selected">Sword</option>
|
||||
<option value="sorcery">Sorcery</option>
|
||||
<option value="shadow">Shadow</option>
|
||||
<option value="special">Special</option>
|
||||
</select>
|
||||
</section>
|
||||
|
||||
<section class="zedges">
|
||||
<fieldset class="repeating_edges">
|
||||
<select name="attr_edges" class="edges">
|
||||
<option>Accurate</option>
|
||||
<option>Animalwise</option>
|
||||
<option>Ardent</option>
|
||||
<option>Armored</option>
|
||||
<option>Agile</option>
|
||||
<option>Beautiful</option>
|
||||
<option>Bugbear</option>
|
||||
<option>Charming</option>
|
||||
<option>Cunning</option>
|
||||
<option>Deadly</option>
|
||||
<option>Dexterous</option>
|
||||
<option>Familiar</option>
|
||||
<option>Fast</option>
|
||||
<option>Friends</option>
|
||||
<option>Gearwise</option>
|
||||
<option>Hale</option>
|
||||
<option>Ilf</option>
|
||||
<option>Intimidating</option>
|
||||
<option>Keen</option>
|
||||
<option>Learned</option>
|
||||
<option>Lorewise</option>
|
||||
<option>Magic</option>
|
||||
<option>Magic Item</option>
|
||||
<option>Magic Weapon</option>
|
||||
<option>Mastery</option>
|
||||
<option>Mazewise</option>
|
||||
<option>Naturwise</option>
|
||||
<option>Old</option>
|
||||
<option>Percise</option>
|
||||
<option>Quiet</option>
|
||||
<option>Rank</option>
|
||||
<option>Retainers</option>
|
||||
<option>Shapeshift</option>
|
||||
<option>Smallfolk</option>
|
||||
<option>Streetwise</option>
|
||||
<option>Strong</option>
|
||||
<option>Tools</option>
|
||||
<option>Tough</option>
|
||||
<option>Travelled</option>
|
||||
<option>Veteran</option>
|
||||
<option>Wealth</option>
|
||||
<option>Well-Armed</option>
|
||||
<option>Young</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
</section>
|
||||
|
||||
<section class="zresolver">
|
||||
<input class="sheet-roleselect" type="hidden" name='attr_role'/>
|
||||
<div class="sheet-crown4"><img src="https://raw.githubusercontent.com/9thLevel/roll20/main/resolver4.png"></img></div>
|
||||
<div class="sheet-crown6"><img src="https://raw.githubusercontent.com/9thLevel/roll20/main/resolver6.png"></img></div>
|
||||
<div class="sheet-crown8"><img src="https://raw.githubusercontent.com/9thLevel/roll20/main/resolver8.png"></img></div>
|
||||
<div class="sheet-crown10"><img src="https://raw.githubusercontent.com/9thLevel/roll20/main/resolver10.png"></img></div>
|
||||
</section>
|
||||
|
||||
<section class="zwealth">
|
||||
<input type="number" name="attr_wealth" value="2" min="0">
|
||||
</section>
|
||||
|
||||
<section class="zlifestyle">
|
||||
</section>
|
||||
|
||||
<section class="zconditions">
|
||||
<input type="checkbox" name="attr_fresh" id="fresh" class="hidden"></input>
|
||||
<label for="fresh" class="link">FRESH</label>
|
||||
<input type="checkbox" name="attr_stressed" id="stressed" class="hidden"></input>
|
||||
<label for="stressed" class="link">STRESSED</label>
|
||||
<input type="checkbox" name="attr_tired" id="tired" class="hidden"></input>
|
||||
<label for="tired" class="link">TIRED</label>
|
||||
<input type="checkbox" name="attr_hurt" id="hurt" class="hidden"></input>
|
||||
<label for="hurt" class="link">HURT</label>
|
||||
<input type="checkbox" name="attr_marked" id="marked" class="hidden"></input>
|
||||
<label for="marked" class="link">MARKED</label>
|
||||
<input type="checkbox" name="attr_specon" id="specon" class="hidden"></input>
|
||||
<label for="specon" class="link">SPECIAL</label>
|
||||
</section>
|
||||
|
||||
<section class="zclass">
|
||||
<input class="sheet-aspect" type="hidden" name='attr_aspect'/>
|
||||
|
||||
<select name="attr_class" class="sheet-swords">
|
||||
<option>Dangerous Bravo</option>
|
||||
<option>Jaded Sellsword</option>
|
||||
<option>Knockabout Ranger</option>
|
||||
<option>Monster Slayer</option>
|
||||
<option>Outcast Bugbear</option>
|
||||
<option>Reluctant Hero</option>
|
||||
<option>Savage Barbarian</option>
|
||||
<option>Valiant Dragoon</option>
|
||||
</select>
|
||||
|
||||
<select name="attr-class" class="sheet-sorcerys">
|
||||
<option>Blazing Magician</option>
|
||||
<option>Guild Mage</option>
|
||||
<option>Haunted Librarian</option>
|
||||
<option>Infernal Summoner</option>
|
||||
<option>Last Ilf</option>
|
||||
<option>Quack Alchemist</option>
|
||||
<option>Underground Druid</option>
|
||||
<option>Wise Witch</option>
|
||||
</select>
|
||||
|
||||
<select name="attr_class" class="sheet-shadows">
|
||||
<option>Adventurous Smallfolk</option>
|
||||
<option>Cursed Tomb-Robber</option>
|
||||
<option>Excellent Vagabond</option>
|
||||
<option>Filthy Urchin</option>
|
||||
<option>Nighthawk Assassin</option>
|
||||
<option>Puzzling Locksmith</option>
|
||||
<option>Talented Thief</option>
|
||||
<option>Zealous Cultist</option>
|
||||
</select>
|
||||
|
||||
<select name="attr_class" class="sheet-specials">
|
||||
<option>Your Adventurer</option>
|
||||
</select>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 615 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"html": "mazesFRP.html",
|
||||
"css": "mazesFRP.css",
|
||||
"authors": "9th Level Games",
|
||||
"roll20userid": "68949",
|
||||
"preview": "MazesCharSheet_Preview.png",
|
||||
"instructions": "Character Sheet for playing MAZES Fantasy Roleplaying powered by POLYMORPH by 9th Level Games. *NEW MAZES Sheet 2022 Summer",
|
||||
"legacy": false
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 904 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 391 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 369 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 378 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 396 KiB |
Reference in New Issue
Block a user