Enhance styling

This commit is contained in:
2022-03-09 18:12:40 +01:00
parent 9ffdd4341b
commit e887828d53
10 changed files with 587 additions and 215 deletions

View File

@ -540,12 +540,19 @@ ul, li {
border-radius: 0.25rem;
padding: 0.125rem;
flex: 1 1 5rem;
display: flex !important;
}
.list-item-shadow {
background:rgba(87, 60, 32, 0.35);
flex-grow: 0;
flex-wrap: nowrap;
justify-content: flex-start;
}
.list-item-shadow2 {
background:rgba(87, 60, 32, 0.25);
flex-grow: 0;
flex-wrap: nowrap;
justify-content: flex-start;
}
.item-display-show {
display: block;
@ -613,7 +620,6 @@ ul, li {
margin: 4px 0;
min-width: 96px;
}
.short-label {
flex-grow: 1;
}
@ -928,6 +934,14 @@ ul, li {
width: auto;
height: auto;
}
.small-stat-icon {
border: 0;
padding: 2px 2px 2px 2px;
max-width:16px;
max-height:16px;
width: auto;
height: auto;
}
.combat-icon {
border: 0;
padding: 2px 2px 2px 2px;
@ -1155,11 +1169,11 @@ ul, li {
display: inline-block;
cursor: pointer;
color: #ffffff;
padding: 2px 6px 0px 6px;
padding: 0px 6px 0px 6px;
text-decoration: none;
text-shadow: 0px 1px 0px #4d3534;
position: relative;
margin:3px;
margin:0px;
}
.river-button:hover,
@ -1316,8 +1330,8 @@ Focus FOC: #ff0084
margin-top: 4px;
}
.no-grow {
flex-grow: 1;
max-width: 24px;
flex-grow: 1;
max-width: 32px;
}
.status-col-name {
max-width: 72px;
@ -1370,6 +1384,9 @@ Focus FOC: #ff0084
background: black;
color: white;
}
.items-title-text {
margin-left: 4px;
}
.lock-icon {
width:16px;
height: 16px;
@ -1377,4 +1394,54 @@ Focus FOC: #ff0084
.item-sheet-img {
width: 64px;
height: auto;
}
.item-name-img {
flex-grow:1;
max-width: 2rem;
min-width: 2rem;
}
.item-name-label-header {
flex-grow:2;
max-width: 12rem;
min-width: 12rem;
}
.item-name-label {
flex-grow:2;
max-width: 10rem;
min-width: 10rem;
}
.item-name-label-level2 {
flex-grow:2;
max-width: 9rem;
min-width: 9rem;
}
.item-field-label-short {
flex-grow:1;
max-width: 4rem;
min-width: 4rem;
}
.item-field-label-medium {
flex-grow:1;
max-width: 6rem;
min-width: 6rem;
}
.item-field-label-long {
flex-grow:1;
max-width: 8rem;
min-width: 8rem;
}
.item-control-end {
align-self: flex-end;
}
.alternate-list {
margin-top: 4px;
flex-wrap: nowrap;
}
.item-filler {
flex-grow: 6;
flex-shrink: 7;
}
.item-controls-fixed {
min-width:2rem;
max-width: 2rem;
}