Clean Actor-sheet + add style for Status tab and adjustement for visual clean sheet

This commit is contained in:
Mandar
2020-11-26 23:33:05 +01:00
parent 25822afead
commit cb8c29382b
2 changed files with 400 additions and 276 deletions

View File

@ -63,15 +63,15 @@
.window-app {
font-family: CaslonAntique;
text-align: justify;
font-size: 15px;
font-size: 16px;
letter-spacing: 1px;
}
/* Fonts */
.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {font-family: "GoudyAcc"}
.sheet nav.sheet-tabs {font-family: "GoudyAcc";}
.sheet header.sheet-header h1 input, .window-app .window-header, #actors .directory-list, #navigation #scene-list .scene.nav-item {font-family: "GoudyAcc"} /* For title, sidebar character and scene */
.sheet nav.sheet-tabs {font-family: "CaslonAntique";} /* For nav and title */
.window-app input, .foundryvtt-reve-de-dragon .item-form, .sheet header.sheet-header .flex-group-center.flex-compteurs, .sheet header.sheet-header .flex-group-center.flex-fatigue, select, button, .item-checkbox, #sidebar, #players, #navigation #nav-toggle {
font-family: "CaslonAntique";
font-family: "CaslonAntique"; /* For sheet parts */
}
.window-header{
@ -83,7 +83,7 @@
padding: 0;
}
.tabs .item.active, a:hover {
.tabs .item.active, .blessures-list li ul li:first-child:hover, a:hover {
text-shadow: 1px 0px 0px #ff6600;
}
@ -95,8 +95,7 @@
table {border: 1px solid #7a7971;}
.grid,
.grid-2col {
.grid, .grid-2col {
display: grid;
grid-column: span 2 / span 2;
grid-template-columns: repeat(2, minmax(0, 1fr));
@ -420,7 +419,7 @@ nav.sheet-tabs .item:after {
padding: 0;
}
section.sheet-body:after, section.sheet-body div:after {
section.sheet-body:after {
content: "";
display: block;
clear: both;
@ -463,22 +462,63 @@ section.sheet-body:after, section.sheet-body div:after {
/* Global UI elements */
/* ======================================== */
h1, h2, h3, h4 {
font-weight: bold;
}
ul, ol {
margin: 0;
padding: 0;
}
ul, li {
list-style-type: none;
}
.sheet li {
margin: 0.125rem;
padding: 0.25rem;
}
.header-fields li {
margin: 0;
padding: 0;
}
.alterne-list > .list-item:hover {
background: rgba(100, 100, 50, 0.25);
}
.alterne-list > .list-item:nth-child(even) {
background-color:#7b733b29;
background: #7b733b29;
background: rgba(80, 60, 0, 0.10);
}
.alterne-list > .list-item:nth-child(odd) {
background-color: #9e856a0d;
background: #9e856a0d;
background: rgb(160, 130, 100, 0.05);
}
.blessures-list ul {
display: flex;
}
.blessures-list li {
flex: 1;
flex-basis: auto;
}
.blessures-list li ul li:first-child {
flex: 0;
align-items: center;
justify-content: center;
padding: 0.5rem;
cursor: pointer;
}
.carac-label {
font-weight: bold;
}
.list-item {
margin: 2px 2px 2px 2px;
margin: 0.125rem;
box-shadow: inset 0px 0px 1px #00000096;
border-radius: 5px;
padding: 2px 5px 0px 5px;
border-radius: 0.25rem;
padding: 0.125rem;
flex: 1 1 5rem;
}
.sheet-competence-img {
width: 24px;