Web radio
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
radio/css/style1.css

91 lines
1.4 KiB

5 years ago
body {
5 years ago
background-color: rgb(62, 50, 64);
background-image: url("/pic/bg.png");
background-repeat: no-repeat;
background-position: top center;
5 years ago
background-size: cover;
5 years ago
}
.parent {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
overflow: auto;
}
5 years ago
#song{
width: 400px;
height: 340px;
5 years ago
background-color: rgba(0, 0, 0, 0.7);
5 years ago
border-radius: 10px;
color: #fff;
5 years ago
}
.btn {
5 years ago
width: 100px;
5 years ago
height: 60px;
border-radius: 5px;
border: #f54e4e;
background-color: #f54e4e;
color: #fff;
transition: 0.5s ease all;
outline: none;
cursor: pointer;
text-align: center;
margin: auto;
5 years ago
justify-content : center;
5 years ago
}
.btn:hover {
5 years ago
color: #f54e4e;
5 years ago
background-color: #fff;
}
.btn-wrap {
max-width: 250px;
margin: auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
5 years ago
h1::before {
content: '';
display: inline-block;
margin:0 10px;
width: 25px;
height: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background: red;
animation: blink 3s linear infinite;
}
@keyframes blink{
0%{opacity: 0;}
25%{opacity: .5;}
50%{opacity: 1;}
75%{opacity: .5;}
100%{opacity: 0;}
}
5 years ago
h1 {
text-align: center
5 years ago
float:left;
margin:10px 50px;
5 years ago
}
DIV {
5 years ago
text-align: center
5 years ago
}