182 lines
3.5 KiB
CSS
182 lines
3.5 KiB
CSS
/* CSS file for indexhtml page in ALT Linux distros */
|
|
@font-face {
|
|
font-family: "montserratmedium";
|
|
src: url("fonts/montserrat-medium-webfont.woff2") format("woff2"),
|
|
url("fonts/montserrat-medium-webfont.woff") format("woff");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
body {
|
|
font-family: "montserratmedium";
|
|
font-size: 12px;
|
|
background: #f8f8f8;
|
|
background-image: url("images/dotted-background.png");
|
|
}
|
|
|
|
#content {
|
|
background: white;
|
|
border: solid 10px #e6e6e6;
|
|
border-radius: 16px;
|
|
-webkit-border-radius: 16px;
|
|
-moz-border-radius: 16px;
|
|
-khtml-border-radius: 16px;
|
|
padding: 0;
|
|
position: relative;
|
|
width: 780px;
|
|
margin: 40px auto;
|
|
}
|
|
|
|
div#languages {
|
|
text-align: right;
|
|
font-size: x-small;
|
|
padding: 12px;
|
|
}
|
|
|
|
div#title {
|
|
font-weight: normal;
|
|
font-size: 18pt;
|
|
font-family: "montserratmedium";
|
|
text-align: center;
|
|
margin-top: 0;
|
|
margin-bottom: 12px;
|
|
background: #323036;
|
|
padding: 6px 0 6px 0;
|
|
border-top: solid 1px #323036;
|
|
border-bottom: solid 1px #323036;
|
|
color: #fff;
|
|
}
|
|
|
|
div#main {
|
|
padding: 10px 0px 20px 0px;
|
|
}
|
|
|
|
.grid {
|
|
display: flex;
|
|
align-items: start;
|
|
align-self: center;
|
|
justify-content: center;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.grid-title {
|
|
flex: 1;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.grid-cell {
|
|
flex: 1;
|
|
border-top: 2px solid #7b8185;
|
|
background: url("images/section.png") no-repeat 112px 0px;
|
|
padding: 9px 0 5px 0;
|
|
}
|
|
|
|
.side-pane {
|
|
background-color: #e3e0de;
|
|
}
|
|
|
|
.central-pane {
|
|
background-color: #cdcdce;
|
|
}
|
|
|
|
#search {
|
|
text-align: center;
|
|
padding: 12px;
|
|
}
|
|
|
|
input#search_string {
|
|
position: relative;
|
|
vertical-align: top;
|
|
margin-top: 12px;
|
|
font-size: 130%;
|
|
background: white;
|
|
border: solid 1px #aeaeae;
|
|
border-radius: 2px;
|
|
background-color: white;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
-khtml-border-radius: 2px;
|
|
outline: none;
|
|
font-family: "montserratmedium";
|
|
padding: 3px;
|
|
}
|
|
|
|
input#search_string:focus {
|
|
border: solid 1px #7b8185;
|
|
box-shadow: 0 0 0 0.15rem rgb(123 129 133 / 25%);
|
|
}
|
|
|
|
input#search_button {
|
|
margin-top: 12px;
|
|
vertical-align: top;
|
|
font-size: 130%;
|
|
font-family: "montserratmedium";
|
|
padding: 3px;
|
|
}
|
|
|
|
input[type="search"]::-webkit-search-cancel-button {
|
|
-webkit-appearance: none;
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-left: 10px;
|
|
background: linear-gradient(
|
|
45deg,
|
|
rgba(123, 129, 133, 0) 0%,
|
|
rgba(123, 129, 133, 0) 43%,
|
|
#7b8185 45%,
|
|
#7b8185 55%,
|
|
rgba(0, 0, 0, 0) 57%,
|
|
rgba(0, 0, 0, 0) 100%
|
|
),
|
|
linear-gradient(
|
|
135deg,
|
|
transparent 0%,
|
|
transparent 43%,
|
|
#7b8185 45%,
|
|
#7b8185 55%,
|
|
transparent 57%,
|
|
transparent 100%
|
|
);
|
|
}
|
|
|
|
ul li {
|
|
text-align: left;
|
|
list-style-type: square;
|
|
color: #7b8185;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
a:link,
|
|
a:visited {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: none;
|
|
color: #f60;
|
|
border-bottom: 1px dotted #f60;
|
|
}
|
|
|
|
footer {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
#left_footer,
|
|
#right_footer {
|
|
font-size: xx-small;
|
|
color: #999;
|
|
vertical-align: bottom;
|
|
padding: 2px 12px 0px 12px;
|
|
width: 50%;
|
|
}
|
|
|
|
#right_footer {
|
|
text-align: right;
|
|
}
|
|
|