mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
137 lines
3.0 KiB
CSS
137 lines
3.0 KiB
CSS
/* This is CSS for the Roll20 Character Sheet for the MAZES RPG 9th Level Games all rights reserved. */
|
|
|
|
/* Set Custom Fonts*/
|
|
@import url('https://fonts.googleapis.com/css?family=Ruslan+Display|Grenze+Gotisch|Trade+Winds|Open+Sans&display=swap');
|
|
|
|
/* Set Buttons to Action and Save rolls*/
|
|
button[type=roll].sheet-starr::before {
|
|
font-family: 'pictos';
|
|
content: 'b';
|
|
}
|
|
|
|
|
|
/* Setup Core Formatting*/
|
|
.charsheet {
|
|
background-color: #CCCC99;
|
|
background-image: url('https://raw.githubusercontent.com/9thLevel/roll20/main/MazesScroll3.png');
|
|
width: 642px;
|
|
height: 950px;
|
|
}
|
|
|
|
.charsheet label {
|
|
text-align: right;
|
|
font-family: 'Ruslan Display';
|
|
font-size: 2em;
|
|
color: #000;
|
|
|
|
}
|
|
|
|
.charsheet h1 {
|
|
font-family: 'Ruslan Display';
|
|
font-size: 10em;
|
|
color: #000;
|
|
text-align: center;
|
|
line-height: .9;
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
.charsheet h2 {
|
|
font-style: italic;
|
|
font-family: 'Grenze Gotisch';
|
|
font-size: 2em;
|
|
text-align: right;
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
.charsheet h3 {
|
|
margin-bottom: 10px;
|
|
font-size: 1.5em;
|
|
background: #000;
|
|
color: #fff;
|
|
text-align: center;
|
|
font-family: 'Trade Winds';
|
|
}
|
|
|
|
.charsheet input {
|
|
display: inline-block;
|
|
font-family: 'Trade Winds';
|
|
font-size: 1em;
|
|
width = 100%;
|
|
}
|
|
|
|
.charsheet select {
|
|
font-family: 'Trade Winds';
|
|
font-size: 1em;
|
|
|
|
}
|
|
|
|
.charsheet textarea {
|
|
font-family: 'Trade Winds';
|
|
resize: none;
|
|
margin: 0;
|
|
width: 85%;
|
|
background-color: rgba(255, 255, 255, .7);
|
|
border: none;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/* Setup functions for Roll20 div tables*/
|
|
|
|
.sheet-divTable {
|
|
display: table;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-divTableRow {
|
|
display: table-row;
|
|
}
|
|
|
|
.sheet-divTableCell {
|
|
display: table-cell;
|
|
padding: 1px;
|
|
}
|
|
|
|
/* Create and Display the ROLE/ROLL Images based on selection*/
|
|
|
|
.sheet-divd4, .sheet-divd6, .sheet-divd8, .sheet-divd10 {
|
|
position: absolute;
|
|
top: 250px;
|
|
left: 400px;
|
|
width: 250px;
|
|
height: 111px;
|
|
opacity: 0.8;
|
|
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: inline;
|
|
}
|
|
|
|
/* Hide the Class Selection and Open Options based on ASPECT Select*/
|
|
|
|
.sheet-class, .sheet-sword, .sheet-skill, .sheet-sorcery, .sheet-seafaring, .sheet-sylvan, .sheet-scholarship, .sheet-shadows, .sheet-station
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input[value*="sword"].sheet-aspect ~ select.sheet-sword,
|
|
input[value*="skill"].sheet-aspect ~ select.sheet-skill,
|
|
input[value*="sorcery"].sheet-aspect ~ select.sheet-sorcery,
|
|
input[value*="seafaring"].sheet-aspect ~ select.sheet-seafaring,
|
|
input[value*="sylvan"].sheet-aspect ~ select.sheet-sylvan,
|
|
input[value*="scholarship"].sheet-aspect ~ select.sheet-scholarship,
|
|
input[value*="shadows"].sheet-aspect ~ select.sheet-shadows,
|
|
input[value*="station"].sheet-aspect ~ select.sheet-station
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
}
|