137 lines
3.1 KiB
CSS
137 lines
3.1 KiB
CSS
|
@font-face {
|
||
|
|
font-family: "Segoe UI";
|
||
|
|
src: url("/static/themes/gloss/segoeui.ttf");
|
||
|
|
font-weight: normal;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
background: radial-gradient(circle at 55% 45%, #74b2d1, #131c1f);
|
||
|
|
}
|
||
|
|
|
||
|
|
.main {
|
||
|
|
border: 1px solid rgba(0,0,0,.7);
|
||
|
|
box-shadow: 2px 2px 10px 1px rgba(0,0,0,.7), inset 0 0 0 1px #fffa;
|
||
|
|
background: radial-gradient(circle at 75% 0, rgba(101, 137, 106, 0.6), rgba(145, 255, 145, 0.6));
|
||
|
|
font-family: "Segoe UI", sans-serif;
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #1b1b1b;
|
||
|
|
}
|
||
|
|
|
||
|
|
#lyphebig {
|
||
|
|
border: 1px solid rgba(0,0,0,.7);
|
||
|
|
border-radius: 6px;
|
||
|
|
box-shadow: 2px 2px 10px 1px rgba(0,0,0,.4), inset 0 0 0 1px #fffa;
|
||
|
|
background: rgba(240, 240, 240, 0.6);
|
||
|
|
padding: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=text] {
|
||
|
|
background: white;
|
||
|
|
width: unset;
|
||
|
|
height: 23px;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-top: 1px solid #8e8f8f;
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 3px 4px 5px;
|
||
|
|
padding-inline: unset;
|
||
|
|
font-family: "Segoe UI", sans-serif;
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=text]:focus {
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-top: 1px solid #8e8f8f;
|
||
|
|
}
|
||
|
|
|
||
|
|
button, .button {
|
||
|
|
background: linear-gradient(to bottom, #f2f2f2 45%, #ebebeb 45%, #cfcfcf);
|
||
|
|
border: 1px solid #8e8f8f;
|
||
|
|
border-radius: 3px;
|
||
|
|
width: unset;
|
||
|
|
height: 23px;
|
||
|
|
vertical-align: center;
|
||
|
|
padding: 0 12px;
|
||
|
|
font-family: "Segoe UI", sans-serif;
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 12px;
|
||
|
|
text-decoration: none;
|
||
|
|
line-height: normal;
|
||
|
|
color: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
button:hover, .button:hover {
|
||
|
|
filter: unset;
|
||
|
|
cursor: pointer;
|
||
|
|
border-color: #3c7fb1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-bar > form > button {
|
||
|
|
background: linear-gradient(to bottom, #f2f2f2 45%, #ebebeb 45%, #cfcfcf);
|
||
|
|
width: 69px;
|
||
|
|
height: 23px;
|
||
|
|
margin-top: unset;
|
||
|
|
vertical-align: bottom;
|
||
|
|
border: 1px solid #8e8f8f;
|
||
|
|
font-family: "Segoe UI", sans-serif;
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 12px;
|
||
|
|
text-decoration: none;
|
||
|
|
line-height: normal;
|
||
|
|
color: black;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-bar > a.button {
|
||
|
|
background: linear-gradient(to bottom, #f2f2f2 45%, #ebebeb 45%, #cfcfcf);
|
||
|
|
width: 69px;
|
||
|
|
height: 21px;
|
||
|
|
margin: 3px;
|
||
|
|
vertical-align: bottom;
|
||
|
|
border: 1px solid #8e8f8f;
|
||
|
|
font-family: "Segoe UI", sans-serif;
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 12px;
|
||
|
|
text-decoration: none;
|
||
|
|
line-height: normal;
|
||
|
|
color: black;
|
||
|
|
padding: unset;
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-bar > form > button:hover, .user-bar > a.button:hover {
|
||
|
|
cursor: pointer;
|
||
|
|
border-color: #3c7fb1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.index-bar {
|
||
|
|
align-items: center !important;
|
||
|
|
justify-content: start;
|
||
|
|
height: 26px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.index-bar > a > img {
|
||
|
|
width: 57px;
|
||
|
|
height: 23px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.index-bar > a {
|
||
|
|
height: 23px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#websearch-img {
|
||
|
|
content: url("/static/themes/gloss/websearch.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
#websearch-img-selected {
|
||
|
|
content: url("/static/themes/gloss/websearch_selected.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
#imagesearch-img {
|
||
|
|
content: url("/static/themes/gloss/imagesearch.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
#imagesearch-img-selected {
|
||
|
|
content: url("/static/themes/gloss/imagesearch_selected.png");
|
||
|
|
}
|