129 lines
2.0 KiB
CSS
129 lines
2.0 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Baumans&display=swap');
|
|
|
|
.sheetform .charactersheet button[type=roll].sheet-d6-dice::before {
|
|
font-family: 'dicefontd6';
|
|
content: 'F ';
|
|
}
|
|
|
|
.sheetform .charactersheet main {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.col2 {
|
|
flex: 1 1 300px;
|
|
padding: .5em;
|
|
}
|
|
|
|
.sheetform .charactersheet section *, header *{
|
|
font-family: 'Baumans';
|
|
color: #006a83;
|
|
}
|
|
|
|
.sheetform .charactersheet input[type=text] {
|
|
width: 100%
|
|
}
|
|
|
|
.row {
|
|
margin: 0;
|
|
display: flex;
|
|
}
|
|
|
|
.row label {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
}
|
|
|
|
.row .input-label {
|
|
margin: .2em 1em .2em .2em;
|
|
width: auto;
|
|
flex-grow: 0;
|
|
}
|
|
|
|
.row .number-label,.harm-label {
|
|
margin: .2em 1em .2em .2em;
|
|
width: auto;
|
|
flex-grow: 0;
|
|
}
|
|
|
|
section.column-section {
|
|
padding: .5em;
|
|
border-radius: 0px 0px 10px 10px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
flex-direction: column;
|
|
}
|
|
section.harm-section {
|
|
flex-direction: row;
|
|
}
|
|
|
|
section.column-section>div,
|
|
section.column-section>label {
|
|
margin:0;
|
|
padding:.2em;
|
|
flex-grow: 1;
|
|
border: 2px solid #214E9B;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
}
|
|
section.harm-section .harm-box {
|
|
width: 50%
|
|
}
|
|
section.column-section .column-label {
|
|
width: 100%
|
|
}
|
|
|
|
.sheetform .charactersheet section .column-label {
|
|
background-color: #214E9B;
|
|
color: white;
|
|
border: 2px solid #214E9B;
|
|
}
|
|
|
|
.harm-desc {
|
|
margin: .2em .2em .2em .2em;
|
|
width: auto;
|
|
flex-grow: 0;
|
|
}
|
|
.row input[type=text] {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
table, table td,th {
|
|
border-collapse: separate;
|
|
padding:.2em;
|
|
}
|
|
|
|
table td input {
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
|
|
#attributes-table tr>:nth-child(n+2) {
|
|
border: 2px solid #214E9B;
|
|
border-top: 1px;
|
|
text-align: center;
|
|
}
|
|
|
|
#attributes-table tr>:first-child {
|
|
border: none;
|
|
text-align: right;
|
|
}
|
|
|
|
#attributes-table tr>th:nth-child(n+2) {
|
|
background-color: #214E9B;
|
|
color: white;
|
|
border: 2px solid #214E9B;
|
|
}
|
|
|
|
#attributes-table tr:last-child>td:nth-child(2) {
|
|
border-bottom-left-radius: 10px;
|
|
}
|
|
|
|
#attributes-table tr:last-child>td:last-child {
|
|
border-bottom-right-radius: 10px;
|
|
}
|
|
|
|
.repcontainer .repitem{
|
|
display: flex;
|
|
} |