HiddenSounds/css/main.css

93 lines
1.3 KiB
CSS
Raw Normal View History

2019-05-23 12:41:48 +00:00
body {
background-color: #003239;
}
* {
2019-05-23 16:39:14 +00:00
color: aqua;
2019-05-23 12:41:48 +00:00
}
.bg-image {
/*background-image: url("../HS.png");*/
2019-05-23 16:39:14 +00:00
background-image: url("../bg.png"), linear-gradient(to bottom, #1d1d1d, #1d1d1d, #243537, #009a9a);
/*#727272);*/
2019-05-23 12:41:48 +00:00
background-size: cover;
2019-05-23 16:39:14 +00:00
filter: blur(16px);
2019-05-23 12:41:48 +00:00
height: 100%;
2019-06-01 00:30:54 +00:00
position: fixed;
2019-05-23 12:41:48 +00:00
top: 0;
left: 0;
width: 100%;
z-index: -1;
margin: 0;
padding: 0;
2019-05-23 16:39:14 +00:00
}
#popularSongs, #hiddenSongs {
width: 38%;
2019-05-23 16:39:14 +00:00
margin: 4%;
border: 1px #78ffee solid;
padding: 20px;
2019-05-23 16:39:14 +00:00
}
#popularSongs h2, #hiddenSongs h2 {
text-align: center;
color: aqua;
}
#popularSongs {
float: left;
}
#hiddenSongs {
float: right;
}
h1 {
text-align: center;
}
.content {
/*background-color: #1f2523;*/
}
nav ul { /* Menü */
list-style-type: none;
margin: auto;
display: table;
}
nav li {
display: inline-block;
}
nav li a {
display: block;
color: white;
text-align: center;
padding: 20px 20px;
text-decoration: none;
font-weight: bold;
height: 23px;
}
nav li a:hover {
color: aqua;
}
.stream-column {
float: left;
width: 33.33%;
}
.stream-column h2 {
text-align: center;
}
/* Clear floats after the columns */
.stream-row:after {
content: "";
display: table;
clear: both;
}