/* 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;
}

}