tilde-oauth/style.css

214 lines
3.2 KiB
CSS
Raw Normal View History

2022-05-01 07:35:44 +00:00
@font-face {
font-family: Glitch;
src: url("/Assets/Fonts/PositiveSystem.otf") format("opentype");
}
@font-face {
font-family: C64;
src: url("/Assets/Fonts/C64-Rounded.ttf") format("truetype");
}
2023-10-07 00:28:02 +00:00
@font-face {
font-family: Space;
src: url("/Assets/Fonts/SpaceGrotesk.ttf") format("truetype");
}
2022-05-01 07:35:44 +00:00
body {
background-color: black;
background-image: url("/Assets/wallpaper4k.png");
background-position: center;
background-size: cover;
overflow-x: hidden;
padding: 0;
margin: 0;
}
#content {
background-color: #022601;
height: 80%;
2022-06-26 05:42:59 +00:00
margin: 0;
margin-top: 2vw;
2022-05-01 07:35:44 +00:00
padding: 2vw;
2022-05-01 20:20:59 +00:00
color: #79F257;
2022-05-01 07:35:44 +00:00
border: 2px solid #377326;
border-radius: 1em;
}
.logo {
width: 60%;
height: auto;
left: 50%;
right: 50%;
}
span {
font-family: C64, Glitch, monospace;
font-size: 5vh;
color: #79F257;
text-align: center;
display: block;
}
2022-05-01 20:20:59 +00:00
.message {
width: 100%;
text-align: center;
display: block;
}
2022-05-01 07:35:44 +00:00
.button {
margin: 8px;
}
2023-10-07 00:28:02 +00:00
.button>button {
2022-05-01 07:35:44 +00:00
background-color: #377326;
color: #79F257;
border: 1px solid #5AA637;
border-radius: 3px;
height: 3vw;
}
.copyright {
margin-top: 3vh;
text-align: center;
display: block;
color: #377326;
2022-05-01 20:20:59 +00:00
}
2023-10-07 00:28:02 +00:00
.copyright>a {
2022-06-26 00:55:33 +00:00
color: #377326;
text-decoration: none;
}
2022-05-01 20:20:59 +00:00
.keyButton {
margin: 1px;
2022-05-07 08:02:58 +00:00
}
.swal2-modal {
border: 2px solid #79F257;
2022-05-07 23:45:13 +00:00
}
.debug {
display: none;
}
2023-10-07 00:28:02 +00:00
.swal2-confirm,
.swal2-deny,
.swal2-cancel {
2022-05-07 23:45:13 +00:00
border: 1px solid #79F257;
background-color: #377326;
color: #79F257;
border-radius: 3px;
padding: 8px;
min-width: 100px;
}
.swal2-html-container .swal2-popup .swal2-modal .swal2-show {
background-color: #022601;
}
2023-10-07 00:28:02 +00:00
.swal2-html-container {
overflow: hidden !important;
}
.footerbutton {
background: none;
border: none;
color: inherit;
}
td {
border: 1px solid #3a4c35;
}
2023-10-07 00:28:02 +00:00
td:first-child {
border-left: 2px solid #3a4c35;
}
2023-10-07 00:28:02 +00:00
.fingerprintTable {
width: 100%;
border-collapse: collapse;
}
.fingerprintData {
font-size: x-small;
color: lightblue;
font-family: monospace;
}
.fingerprintAlgo {
text-align: left;
}
.fingerprintBit {
text-align: right;
}
2023-10-04 05:53:05 +00:00
.emoji {
height: 2em;
}
2023-10-07 00:28:02 +00:00
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #3a4c35;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: #79F257;
-webkit-transition: .4s;
transition: .4s;
}
input:checked+.slider {
background-color: #377326;
}
input:focus+.slider {
box-shadow: 0 0 1px #377326;
}
input:checked+.slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.name {
font-family: Space, Courier, monospace;
white-space: nowrap;
font-size: 2vw;
}