69 lines
1.5 KiB
CSS
69 lines
1.5 KiB
CSS
.hidden {
|
|
display: none;
|
|
}
|
|
button {
|
|
display: block;
|
|
background-color: rgb(239, 240, 241);
|
|
/*background-image: linear-gradient(rgb(242, 242, 243), rgb(232, 233, 234));*/
|
|
border: 1px rgb(188, 190, 191) solid;
|
|
border-radius: 3px;
|
|
box-shadow: .5px .5px .5px .5px rgba(35,38,39,.1);
|
|
padding: 6px 12px;
|
|
color: #232627 !important;
|
|
}
|
|
button:hover {
|
|
border-color: #93cee9 !important;
|
|
background-color: #eff0f1 !important;
|
|
}
|
|
button:focus:not(:active) {
|
|
color: #fcfcfc !important;
|
|
border-color: #3daee9 !important;
|
|
background-image: linear-gradient(180deg,#40afe9,#35abe8);
|
|
}
|
|
button:active {
|
|
background-image: linear-gradient(180deg,#96cfea,#8acae7);
|
|
box-shadow: .5px .5px .5px .5px rgba(35,38,39,.1);
|
|
transform: translate(1px,1px);
|
|
}
|
|
a {
|
|
color: #316f98;
|
|
}
|
|
a:hover {
|
|
color: #3daefd;
|
|
}
|
|
h1 {
|
|
font-size: 2rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
body {
|
|
font-size: 16px;
|
|
font-family: Noto Sans
|
|
}
|
|
.permission-request {
|
|
margin-top: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
#permission-rationale {
|
|
padding-left: 0;
|
|
}
|
|
#permission-rationale li {
|
|
display: block;
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-color: #232629 !important;
|
|
color: #eff0f1 !important;
|
|
}
|
|
button {
|
|
box-shadow: 0.5px 0.5px 0.5px 0.5px rgb(73 78 80 / 10%);
|
|
background-color: #31363b;
|
|
color: #eff0f1 !important;
|
|
border: 1px #383e43 solid;
|
|
}
|
|
|
|
button:focus, button:active, button:hover {
|
|
background-color: #4d4d4d;
|
|
background-image: linear-gradient(180deg,#096a9b,#00527d)
|
|
}
|
|
}
|