You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
2.5 KiB
122 lines
2.5 KiB
.ally-head, .enemy-head, .session-head {
|
|
color: white;
|
|
position: sticky;
|
|
text-align: center;
|
|
padding: 2px 0 5px;
|
|
text-shadow: 0 0 5px black;
|
|
align-self: stretch;
|
|
user-select: none;
|
|
border-bottom: 1px solid;
|
|
top: 0;
|
|
z-index: 90;
|
|
}
|
|
|
|
.ally-head.inactive, .enemy-head.inactive {
|
|
color: #aaa;
|
|
}
|
|
|
|
.totalFPSpent, .totalUPSpent {
|
|
color: white;
|
|
line-height: 60px;
|
|
-webkit-text-stroke: 2px black;
|
|
text-shadow: 2px 2px 2px black;
|
|
font-size: 45px;
|
|
letter-spacing: -3px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
height: 60px;
|
|
width: 60px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
user-select: none;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.totalFPSpent {
|
|
background-image: url("fabula-points.svg");
|
|
}
|
|
|
|
.totalUPSpent {
|
|
background-image: url("ultima-points.svg");
|
|
}
|
|
|
|
.totalSPSpent {
|
|
color: white;
|
|
line-height: 60px;
|
|
text-shadow: 1px 1px 3px black;
|
|
font-size: 30px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
height: 60px;
|
|
width: 200px;
|
|
white-space: nowrap;
|
|
user-select: none;
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.ally-head.inactive {
|
|
background: linear-gradient(to right, transparent 0%, darkcyan 50%, transparent 100%);
|
|
border-bottom-color: darkcyan;
|
|
}
|
|
|
|
.session-head {
|
|
background: linear-gradient(to right, transparent 0%, goldenrod 10%, gold 50%, goldenrod 90%, transparent 100%);
|
|
border-bottom-color: gold;
|
|
}
|
|
|
|
.enemy-head.inactive {
|
|
background: linear-gradient(to right, transparent 0%, maroon 50%, transparent 100%);
|
|
border-bottom: 1px solid maroon;
|
|
}
|
|
|
|
.ally-head {
|
|
background: linear-gradient(to right, transparent 0%, darkcyan 10%, cyan 50%, darkcyan 90%, transparent 100%);
|
|
border-bottom-color: cyan;
|
|
}
|
|
|
|
.enemy-head {
|
|
background: linear-gradient(to right, transparent 0%, maroon 10%, red 50%, maroon 90%, transparent 100%);
|
|
border-bottom: 1px solid red;
|
|
}
|
|
|
|
.ally-head.active::before, .ally-head.active::after {
|
|
color: lightpink;
|
|
}
|
|
|
|
.enemy-head.active::before, .enemy-head.active::after {
|
|
color: lightskyblue;
|
|
}
|
|
|
|
.ally-head.active::before, .enemy-head.active::before {
|
|
content: "❮";
|
|
}
|
|
|
|
.ally-head.active::after, .enemy-head.active::after {
|
|
content: "❯";
|
|
}
|
|
|
|
.appHelpName {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.appHelpValue {
|
|
margin-left: 5px;
|
|
font-style: italic;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.appHelpHeader {
|
|
text-align: left;
|
|
}
|
|
|
|
.appHelpDescription {
|
|
text-align: left;
|
|
font-size: smaller;
|
|
}
|
|
|
|
.appHelpValue::before {
|
|
content: "("
|
|
}
|
|
.appHelpValue::after {
|
|
content: ")"
|
|
} |