122 lines
1.6 KiB
CSS
122 lines
1.6 KiB
CSS
@import url("/css/fonts.css");
|
|
|
|
body {
|
|
font-family: "Shippori", Helvetica, Arial, sans-serif;
|
|
background: #282828;
|
|
color: #ffffff;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
h2 {
|
|
margin: 0;
|
|
}
|
|
|
|
a {
|
|
color: white;
|
|
}
|
|
|
|
.modal {
|
|
background: black;
|
|
padding: 2vh 2vw;
|
|
}
|
|
|
|
.modal p {
|
|
margin-top: 4px;
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.center {
|
|
text-align: center;
|
|
}
|
|
|
|
.main-modal {
|
|
padding: 2vh 2vw;
|
|
}
|
|
|
|
#prg {
|
|
display: inline-block;
|
|
margin-top: 10px !important;
|
|
padding: 8px;
|
|
}
|
|
|
|
#th {
|
|
border-radius: 4px;
|
|
width: 100%;
|
|
max-width: 500px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#url {
|
|
font-family: "Shippori", Helvetica, Arial, sans-serif;
|
|
padding: 8px;
|
|
max-width: 500px;
|
|
width: calc(100% - 25px);
|
|
margin: 4px;
|
|
}
|
|
|
|
button {
|
|
background: #007eff;
|
|
color: #ffffff;
|
|
padding: 12px;
|
|
margin: 4px;
|
|
border: 0;
|
|
}
|
|
|
|
button:disabled {
|
|
background: #014489;
|
|
color: #ac9c9c;
|
|
}
|
|
|
|
.script-loaded {
|
|
display: none;
|
|
}
|
|
|
|
.err {
|
|
width: calc(100% - 25px);
|
|
margin: 4px;
|
|
background: red;
|
|
padding: 8px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.lds-ring {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
|
|
.lds-ring div {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
position: absolute;
|
|
width: 64px;
|
|
height: 64px;
|
|
margin: 8px;
|
|
border: 8px solid #fff;
|
|
border-radius: 50%;
|
|
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
|
|
.lds-ring div:nth-child(1) {
|
|
animation-delay: -0.45s;
|
|
}
|
|
|
|
.lds-ring div:nth-child(2) {
|
|
animation-delay: -0.3s;
|
|
}
|
|
|
|
.lds-ring div:nth-child(3) {
|
|
animation-delay: -0.15s;
|
|
}
|
|
|
|
@keyframes lds-ring {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
} |