127 lines
2.3 KiB
CSS
127 lines
2.3 KiB
CSS
main > header {
|
|
height: 40px;
|
|
}
|
|
|
|
main > header > button {
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
main > section.logo {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: calc(40% - 20px);
|
|
}
|
|
|
|
main > section.logo > img {
|
|
width: 75%;
|
|
}
|
|
|
|
|
|
main > section.information {
|
|
height: 40px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
main > section.information > p {
|
|
opacity: 0.50;
|
|
font-size: smaller;
|
|
font-weight: 600;
|
|
}
|
|
|
|
|
|
main > header > button#close {
|
|
opacity: 0.75;
|
|
font-size: 18px;
|
|
}
|
|
|
|
main > header > button#close:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
main > section.frames > article.frame {
|
|
text-align: center;
|
|
}
|
|
|
|
main > section.frames > article.frame > button {
|
|
color: #FFFFFF;
|
|
width: 85%;
|
|
height: 32px;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
font-weight: 700;
|
|
}
|
|
|
|
main > section.frames > article.frame > button#yggdrasil {
|
|
background-color: #db1f29;
|
|
}
|
|
|
|
main > section.frames > article.frame > button > i {
|
|
margin-right: 4px;
|
|
}
|
|
|
|
main > section.frames > article.frame > button:hover {
|
|
filter: brightness(0.75);
|
|
}
|
|
|
|
main > section.frames > article.frame.provider > button#discord {
|
|
color: #FFFFFF;
|
|
background-color: #5865F2;
|
|
}
|
|
|
|
main > section.frames > article.frame.manual > input {
|
|
background-color: #333333;
|
|
width: 85%;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
border-radius: 7px;
|
|
}
|
|
|
|
main > section.frames > article.frame.manual > button {
|
|
background-color: #ff9400;
|
|
}
|
|
|
|
main > section.frames > article.frame.manual > a {
|
|
color: #ff9400;
|
|
font-size: 11px;
|
|
text-align: left;
|
|
}
|
|
|
|
main > section.frames > article.frame.manual > a:first-of-type {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
main > section.frames > article.frame.manual > a:last-of-type {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
main > section.frames > article.frame.oauth2 > p {
|
|
color: #FFFFFF;
|
|
font-weight: 600;
|
|
margin-top: 10px;
|
|
font-size: 14px;
|
|
width: 100%;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
div.loader > div.full > div.loading {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
div.loader > div.full {
|
|
background-color: transparent;
|
|
}
|
|
|
|
::-ms-reveal {
|
|
filter: invert(100%);
|
|
} |