85 lines
1.3 KiB
SCSS
85 lines
1.3 KiB
SCSS
|
body.s-status-e621-ws {
|
||
|
|
background-color: #012E57;
|
||
|
|
text-align: center;
|
||
|
|
|
||
|
|
#c-e621-ws-status {
|
||
|
|
h1 {
|
||
|
|
color: #B8BEC4;
|
||
|
|
margin-top: 30vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2, h3 {
|
||
|
|
color: #B8BEC4;
|
||
|
|
margin-top: 5vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
span#state.up, span#status.success, span#available.success {
|
||
|
|
color: #008000;
|
||
|
|
}
|
||
|
|
|
||
|
|
span#state.down, span#status.error, span#available.error {
|
||
|
|
color: #FF0000;
|
||
|
|
}
|
||
|
|
|
||
|
|
span#state.partially.down, span#status.partially.down {
|
||
|
|
color: #FFA500;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: #E9F2FA;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#c-e621-ws-status-webhooks {
|
||
|
|
* {
|
||
|
|
font-family: "Raleway", sans-serif;
|
||
|
|
line-height: 1.3;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1, h2 {
|
||
|
|
color: #B8BEC4;
|
||
|
|
margin-top: 2vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: #E9F2FA;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
color: #B8BEC4;
|
||
|
|
margin-left: 7.5vw;
|
||
|
|
margin-right: 7.5vw;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btn-authorize {
|
||
|
|
color: #E9F2FA;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 900px) {
|
||
|
|
div#fuck-off {
|
||
|
|
text-align: center !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
margin-left: 2.5vw;
|
||
|
|
margin-right: 2.5vw;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (min-width: 901px) {
|
||
|
|
div#fuck-off {
|
||
|
|
position: absolute;
|
||
|
|
top: 7px;
|
||
|
|
left: 8px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
div#auth-buttons a {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|