dadish 2, fbwg3, and progress knight quest
This commit is contained in:
BluePotato102
@@ -0,0 +1,44 @@
|
||||
.colorblind {
|
||||
background-color: rgb(32, 32, 32);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.colorblind .panel {
|
||||
background-color: rgb(46, 46, 46);
|
||||
}
|
||||
|
||||
|
||||
.colorblind .button {
|
||||
background-color: rgb(31, 31, 31);
|
||||
border-color: white !important;
|
||||
color: white !important
|
||||
}
|
||||
|
||||
.colorblind .button-no-button {
|
||||
border: 0 !important;
|
||||
color: white !important;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.colorblind .button-no-button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.colorblind .w3-bordered tr, .w3-table-all tr {
|
||||
border-bottom: 1px solid rgb(73, 73, 73);
|
||||
}
|
||||
.colorblind .w3-button:hover {
|
||||
background-color: rgb(82, 82, 82) !important;
|
||||
color: white !important
|
||||
}
|
||||
|
||||
.colorblind .selected {
|
||||
color: rgb(39, 234, 17) !important
|
||||
}
|
||||
|
||||
.colorblind .progress-text {
|
||||
color: hotpink;
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,38 @@
|
||||
@keyframes currency-rainbow{
|
||||
0% {
|
||||
color: #FF4040;
|
||||
}
|
||||
16% {
|
||||
color: #FFFF40;
|
||||
}
|
||||
33% {
|
||||
color: #40FF40;
|
||||
}
|
||||
50% {
|
||||
color: #40FFFF;
|
||||
}
|
||||
66% {
|
||||
color: #4040FF;
|
||||
}
|
||||
83% {
|
||||
color: #FF40FF;
|
||||
}
|
||||
100% {
|
||||
color: #FF4040;
|
||||
}
|
||||
}
|
||||
|
||||
.currency-bold{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.currency-shadow{
|
||||
font-weight: bold;
|
||||
text-shadow: 0 0 5px currentColor;
|
||||
}
|
||||
|
||||
.currency-shadow-rainbow{
|
||||
font-weight: bold;
|
||||
text-shadow: 0 0 5px currentColor;
|
||||
animation: currency-rainbow 12s infinite;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
.dark {
|
||||
background-color: rgb(32, 32, 32);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.dark .panel {
|
||||
background-color: rgb(46, 46, 46);
|
||||
}
|
||||
|
||||
|
||||
.dark .button {
|
||||
background-color: rgb(31, 31, 31);
|
||||
border-color: white !important;
|
||||
color: white !important
|
||||
}
|
||||
|
||||
.dark .button-no-button {
|
||||
border: 0 !important;
|
||||
color: white !important;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.dark .button-no-button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dark .w3-bordered tr, .w3-table-all tr {
|
||||
border-bottom: 1px solid rgb(73, 73, 73);
|
||||
}
|
||||
.dark .w3-button:hover {
|
||||
background-color: rgb(82, 82, 82) !important;
|
||||
color: white!important
|
||||
}
|
||||
|
||||
.dark .selected {
|
||||
color: rgb(39, 234, 17) !important
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,376 @@
|
||||
/*w3 overrides*/
|
||||
|
||||
.w3-button, .w3-bar-item {
|
||||
padding: 0.4em 0.8em;
|
||||
}
|
||||
|
||||
.w3-margin {
|
||||
margin: 0.8em !important
|
||||
}
|
||||
|
||||
.w3-margin-top {
|
||||
margin-top: 0.8em !important
|
||||
}
|
||||
|
||||
.w3-margin-bottom {
|
||||
margin-bottom: 0.8em !important
|
||||
}
|
||||
|
||||
.w3-margin-left {
|
||||
margin-left: 0.8em !important
|
||||
}
|
||||
|
||||
.w3-margin-right {
|
||||
margin-right: 0.8em !important
|
||||
}
|
||||
|
||||
.w3-bordered tr {
|
||||
border-bottom: 0.05em solid #ddd
|
||||
}
|
||||
|
||||
.w3-striped tbody tr:nth-child(even) {
|
||||
background-color: #f1f1f1
|
||||
}
|
||||
|
||||
.w3-bordered th {
|
||||
height: 2em;
|
||||
padding: 0.4em 1em 0 1em;
|
||||
}
|
||||
|
||||
.w3-bordered td {
|
||||
height: 2em;
|
||||
padding: 0 0 0 0;
|
||||
padding-left: 0.8em;
|
||||
}
|
||||
|
||||
.w3-button:hover {
|
||||
background-color: rgb(204, 204, 204) !important;
|
||||
}
|
||||
|
||||
.w3-table td:first-child, .w3-table th:first-child {
|
||||
padding-left: 0.3em;
|
||||
}
|
||||
|
||||
.w3-padding {
|
||||
padding: 0.4em 0.8em !important;
|
||||
}
|
||||
|
||||
/*main*/
|
||||
|
||||
body {
|
||||
background-color: rgb(243, 243, 243);
|
||||
}
|
||||
|
||||
.text-caption {
|
||||
font-size: larger
|
||||
}
|
||||
|
||||
table {
|
||||
white-space: normal;
|
||||
line-height: normal;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
text-align: start;
|
||||
font-variant: normal;
|
||||
}
|
||||
|
||||
td {
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
.legendary {
|
||||
color: rgb(245, 119, 13);
|
||||
}
|
||||
|
||||
.current {
|
||||
background-color: orange !important;
|
||||
}
|
||||
|
||||
.current-hero {
|
||||
background-color: rgb(39, 234, 17) !important;
|
||||
}
|
||||
|
||||
.progress-text {
|
||||
position: absolute;
|
||||
top: 5%;
|
||||
left: 0.5em;
|
||||
bottom: 0%;
|
||||
color: white
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
margin-top: 0.05em;
|
||||
position: relative;
|
||||
background-color: rgb(12, 101, 173);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.progress-fill {
|
||||
height: 1.6em;
|
||||
background-color: rgb(46, 148, 231);
|
||||
}
|
||||
|
||||
.progress-bar-hero {
|
||||
margin-top: 0.05em;
|
||||
position: relative;
|
||||
background-color: rgb(108, 59, 59);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.progress-fill-hero {
|
||||
height: 1.6em;
|
||||
background-color: rgb(165, 60, 21);
|
||||
}
|
||||
|
||||
.progress-bar-finished {
|
||||
margin-top: 0.05em;
|
||||
position: relative;
|
||||
background-color: rgb(165, 60, 21);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.progress-fill-finished {
|
||||
height: 1.6em;
|
||||
background-color: rgb(212, 80, 30);
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.hiddenTask {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.button {
|
||||
border: 0.1em groove black !important;
|
||||
}
|
||||
|
||||
.button-no-button {
|
||||
color: white !important;
|
||||
border: 0 !important;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.button-no-button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.item-button {
|
||||
background-color: white;
|
||||
text-align: center;
|
||||
width: 93%;
|
||||
height: 1.8em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.item-button:hover {
|
||||
cursor: pointer;
|
||||
background-color: rgb(192, 192, 192);
|
||||
}
|
||||
|
||||
.item-header-row:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.scroll {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.tooltip, .tooltip-pointer {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.challenge-title {
|
||||
color: red;
|
||||
border-bottom: 0.1em solid red;
|
||||
padding-bottom: 0.4em;
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
|
||||
.challenge {
|
||||
border: 0.1em solid red;
|
||||
}
|
||||
|
||||
.dark-matter-title {
|
||||
color:gold;
|
||||
border-bottom: 0.1em solid goldenrod;
|
||||
padding-bottom: 0.4em;
|
||||
margin-bottom: 0.4em;
|
||||
}
|
||||
|
||||
.tooltip .tooltipText {
|
||||
visibility: hidden;
|
||||
width: 25em;
|
||||
background-color: black;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 0.5em;
|
||||
padding: 0.5em 0.5em;
|
||||
|
||||
/* Position the tooltip */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 102%;
|
||||
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
|
||||
.tooltip:hover .tooltipText {
|
||||
visibility: visible;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.tooltip-pointer .tooltipText-pointer {
|
||||
visibility: hidden;
|
||||
width: 20em;
|
||||
background-color: black;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 0.5em;
|
||||
padding: 0.5em 0.5em;
|
||||
/* Position the tooltip */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 5%;
|
||||
opacity: 0;
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
|
||||
.tooltip-pointer:hover .tooltipText-pointer {
|
||||
visibility: visible;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.sidebar-element {
|
||||
margin-bottom: 0.8em;
|
||||
}
|
||||
|
||||
.slidecontainer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.inline {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.panel {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.small-margin {
|
||||
margin-bottom: 0.1em;
|
||||
}
|
||||
|
||||
.heading {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header img {
|
||||
position: static;
|
||||
float: left;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
position: static;
|
||||
top: 2px;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.quick-bar {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.tabs-tab-column {
|
||||
width: 65em;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.tabs-main-column {
|
||||
width: 65em;
|
||||
height: auto;
|
||||
float: right;
|
||||
margin-bottom: 4em;
|
||||
}
|
||||
|
||||
.plain-tab-column {
|
||||
width: 164em;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.plain-main-column {
|
||||
width: 164em;
|
||||
height: auto;
|
||||
float: right;
|
||||
margin-bottom: 4em;
|
||||
}
|
||||
|
||||
.settings-tab-column {
|
||||
width: 56em;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.settings-main-column {
|
||||
width: 56em;
|
||||
height: auto;
|
||||
float: right;
|
||||
margin-bottom: 4em;
|
||||
}
|
||||
|
||||
.baritem {
|
||||
width: 8.1rem;
|
||||
height: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.outer-circle {
|
||||
width: 1.7em;
|
||||
height: 1.7em;
|
||||
border-radius: 50%;
|
||||
border: solid 0.12em #ccc;
|
||||
}
|
||||
|
||||
.center-g-inside {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
}
|
||||
|
||||
|
||||
.inner-circle {
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.selected {
|
||||
color: rgb(39, 234, 17)!important
|
||||
}
|
||||
|
||||
.reward {
|
||||
color: rgb(64, 237, 23);
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
Reference in New Issue
Block a user