mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
danielsousat
274a892fae
* removing info about language * Fixing layout Changing form grid to 100% flexbox to solve repeatable areas height growth. Including new weapons roll damage button. Fixing positive and negative dice rolling. * including test files * fixing google fonts import * fixing game title and Equipments translation * another fix to negative dice roll * Improving weapon and equipment rolls * Update README.md removing language information * new layout fixes Fixing font, wepaons damage translation and general layout * removing html tags * another fix to the middle section layout * fix game title center * Update sharpswords.png
190 lines
2.6 KiB
CSS
190 lines
2.6 KiB
CSS
/*----------------- MAIN CONTAINER DEFINITIONS ------------------*/
|
|
@import url('https://fonts.googleapis.com/css?family=New+Rocker|Rosarivo&display=swap');
|
|
|
|
.sheet-main-container {
|
|
min-height: 600px;
|
|
min-width: 800px;
|
|
max-width: 1000px;
|
|
}
|
|
|
|
/*----------------- GENERAL CSS ------------------*/
|
|
|
|
.sheet-main-font {
|
|
font-family: 'New Rocker';
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-second-font {
|
|
font-family: 'Rosarivo';
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.sheet-flex-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.sheet-flex-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.sheet-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.sheet-main-container input {
|
|
margin: 2px;
|
|
}
|
|
|
|
.sheet-main-container input[type=number] {
|
|
width: 40px;
|
|
}
|
|
|
|
.sheet-main-container fieldset {
|
|
min-width: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.sheet-main-container textarea {
|
|
width: 100%;
|
|
height: 5em;
|
|
margin: 2px;
|
|
}
|
|
|
|
.sheet-section {
|
|
margin: 0.7em;
|
|
}
|
|
|
|
.sheet-section-title {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sheet-grow {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.sheet-center {
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-border {
|
|
border-width: 1px;
|
|
border-style: outset;
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-die-select {
|
|
width: auto;
|
|
margin: 2px;
|
|
}
|
|
|
|
.sheet-big-margin-bottom {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.sheet-repeatable-item {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/*------------- GRID SECTIONS -------------*/
|
|
.sheet-header {
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-header h1 {
|
|
margin: 0px;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-sharp-swords {
|
|
border-width:0px 0px 4px 0px;
|
|
border-style:solid;
|
|
}
|
|
|
|
.sheet-and {
|
|
font-size: 4em;
|
|
}
|
|
|
|
.sheet-sinister-spells {
|
|
border-width:4px 0px 0px 0px;
|
|
border-style:solid;
|
|
}
|
|
|
|
.sheet-char-definitions {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sheet-char-definitions-margin {
|
|
margin: 4px;
|
|
}
|
|
|
|
.sheet-char-definitions-input {
|
|
min-width: 15em;
|
|
}
|
|
|
|
.sheet-char-level-row {
|
|
justify-content: space-evenly;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.sheet-middle-section {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.sheet-left-column {
|
|
justify-content: stretch;
|
|
width: 20%;
|
|
}
|
|
|
|
.sheet-middle-column {
|
|
width: 40%;
|
|
}
|
|
|
|
.sheet-right-column {
|
|
width: 40%;
|
|
}
|
|
|
|
.sheet-main-attributes {
|
|
display: grid;
|
|
grid-template-columns: auto auto auto auto;
|
|
justify-items: flex-start;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-other-attributes {
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-health-points {
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-notes textarea{
|
|
height: 10em;
|
|
margin: 0px;
|
|
width: max-content;
|
|
}
|
|
|
|
.sheet-weapons-damage {
|
|
width: 5em;
|
|
}
|
|
|
|
.sheet-coins-grid {
|
|
display: grid;
|
|
grid-template-columns: auto 2fr;
|
|
gap: 4px;
|
|
}
|
|
|
|
.sheet-footer {
|
|
font-style: italic;
|
|
font-size: 0.7em;
|
|
justify-content: flex-end;
|
|
}
|