163 lines
3.0 KiB
CSS
Vendored
163 lines
3.0 KiB
CSS
Vendored
@charset "UTF-8";
|
||
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
|
||
.clearfix::after {
|
||
display: block;
|
||
clear: both;
|
||
content: "";
|
||
}
|
||
|
||
.site_container {
|
||
max-width: 1440px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.header {
|
||
height: 110px;
|
||
}
|
||
|
||
.header .logo {
|
||
margin-left: 135px;
|
||
}
|
||
|
||
.header .logo img {
|
||
height: 75px;
|
||
}
|
||
|
||
.menu_container {
|
||
height: 75px;
|
||
margin-bottom: 20px;
|
||
background-image: linear-gradient(to right, #0102b0, #4090e3);
|
||
}
|
||
.menu_container .menu {
|
||
list-style-type: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
overflow: hidden;
|
||
position: relative;
|
||
z-index: 0;
|
||
}
|
||
.menu_container .menu li {
|
||
float: left;
|
||
}
|
||
.menu_container .menu li ul {
|
||
display: none;
|
||
}
|
||
.menu_container .menu li a {
|
||
display: block;
|
||
font-family: Nunito, serif;
|
||
color: #1a1a1a;
|
||
font-weight: bold;
|
||
font-size: 14px;
|
||
text-align: center;
|
||
padding: 5px 20px 5px 40px;
|
||
text-decoration: none;
|
||
background: white;
|
||
}
|
||
.menu_container .menu li.selected a, .menu_container .menu li:hover a {
|
||
color: white;
|
||
background: transparent;
|
||
position: relative;
|
||
}
|
||
.menu_container .menu li.selected a:before, .menu_container .menu li:hover a:before {
|
||
content: "";
|
||
display: block;
|
||
width: 33px;
|
||
height: 25px;
|
||
background-image: URL("/images/menu-corner-1.svg");
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: 1;
|
||
}
|
||
.menu_container .menu li.selected a:after, .menu_container .menu li:hover a:after {
|
||
content: "";
|
||
display: block;
|
||
width: 10px;
|
||
height: 12px;
|
||
background-image: URL("/images/menu-corner-2.svg");
|
||
position: absolute;
|
||
bottom: 0;
|
||
right: -1px;
|
||
z-index: 1;
|
||
}
|
||
.menu_container .menu li:first-child {
|
||
width: 135px;
|
||
display: block;
|
||
background: white;
|
||
height: 25px;
|
||
}
|
||
.menu_container .menu li:last-child {
|
||
margin-left: 10px;
|
||
}
|
||
.menu_container .menu li:last-child:after {
|
||
content: " ";
|
||
z-index: -1;
|
||
background: white;
|
||
position: absolute;
|
||
top: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
margin-left: -10px;
|
||
}
|
||
|
||
.top_menu_container {
|
||
height: 50px;
|
||
}
|
||
|
||
.header .now-playing-header {
|
||
float: right;
|
||
}
|
||
|
||
.now-playing-header {
|
||
font-size: 16pt;
|
||
font-family: "Roboto Condensed", serif;
|
||
font-weight: 300;
|
||
/* background: #F6F6F6; */
|
||
background: rgba(246, 246, 246, 0.4);
|
||
width: 728px;
|
||
color: #787878;
|
||
text-align: center;
|
||
display: block;
|
||
overflow: hidden;
|
||
position: relative;
|
||
margin: auto;
|
||
padding-top: 10px;
|
||
padding-bottom: 30px;
|
||
}
|
||
.now-playing-header .title {
|
||
font-weight: bold;
|
||
font-size: 120%;
|
||
}
|
||
.now-playing-header .title, .now-playing-header .artist {
|
||
padding: 3px;
|
||
}
|
||
.now-playing-header .controls {
|
||
font-size: 75%;
|
||
bottom: 0;
|
||
position: absolute;
|
||
padding: 3px;
|
||
width: 100%;
|
||
}
|
||
.now-playing-header .controls li {
|
||
display: inline-block;
|
||
}
|
||
.now-playing-header .controls li a {
|
||
line-height: 120%;
|
||
font-size: 80%;
|
||
color: #ABABAB;
|
||
display: block;
|
||
padding: 4px;
|
||
margin-left: 5px;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.blog_grid img {
|
||
max-width: 100%;
|
||
}
|
||
.blog_grid .row, .blog_grid .row > * {
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
/*# sourceMappingURL=style.css.map */
|