mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
80 lines
1.5 KiB
CSS
80 lines
1.5 KiB
CSS
.charsheet {
|
|
font-family: "Trebuchet MS", "Helvetica", sans-serif;
|
|
background: #EEEEEF;
|
|
color: #222222;
|
|
background-image: url("http://olddesignshop.com/wp-content/uploads/2013/02/OldDesignShop_12x12Page001.jpg");
|
|
}
|
|
|
|
|
|
.charsheet .sheet-item {
|
|
padding: 1vh;
|
|
text-align: center;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.charsheet label {
|
|
font-size: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
.charsheet .sheet-col{
|
|
background: #E6E6E3;
|
|
}
|
|
|
|
/*----------- Details and Summary -------*/
|
|
.charsheet summary {
|
|
cursor: pointer;
|
|
display: revert;
|
|
}
|
|
|
|
.row {
|
|
display: flex;
|
|
}
|
|
|
|
.column {
|
|
flex: 50%;
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
/*
|
|
.column {
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
Clear floats after the columns
|
|
.row:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
*/
|
|
|
|
/*----------- Tabs Setup -------------*/
|
|
|
|
|
|
/*Configure the tab buttons*/
|
|
.charsheet .sheet-details,
|
|
.charsheet .sheet-attributes,
|
|
.charsheet .sheet-skills,
|
|
.charsheet .sheet-equipment,
|
|
.charsheet .sheet-abilities
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* show the selected tab */
|
|
.charsheet .sheet-tabstoggle[value="details"] ~ div.sheet-details,
|
|
.charsheet .sheet-tabstoggle[value="attributes"] ~ div.sheet-attributes,
|
|
.charsheet .sheet-tabstoggle[value="skills"] ~ div.sheet-skills,
|
|
.charsheet .sheet-tabstoggle[value="equipment"] ~ div.sheet-equipment,
|
|
.charsheet .sheet-tabstoggle[value="abilities"] ~ div.sheet-abilities
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
/*----------- End Tab Setup -----------*/ |