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.
151 lines
2.5 KiB
151 lines
2.5 KiB
.topnav {
|
|
overflow: hidden;
|
|
background-color: whitesmoke;
|
|
float: left;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
position: fixed;
|
|
top:0;
|
|
box-shadow: 10px 5px 15px dimgray;
|
|
z-index: 1;
|
|
}
|
|
|
|
.topnav a{
|
|
display: inline-block;
|
|
color: black;
|
|
text-align: center;
|
|
padding: 20px 60px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.topnav a:hover{
|
|
background-color: black;
|
|
}
|
|
|
|
.topnav a:active{
|
|
background-color: dimgray;
|
|
}
|
|
|
|
.header{
|
|
background: #7ec6bc; /* fallback for old browsers */
|
|
background: -webkit-linear-gradient(to right, #ebe717, #7ec6bc); /* Chrome 10-25, Safari 5.1-6 */
|
|
background: linear-gradient(to right, #ebe717, #7ec6bc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
width: 100%;
|
|
color: white;
|
|
padding: 50px 0px;
|
|
text-align: center;
|
|
font-size: 72px;
|
|
}
|
|
|
|
.topnav a:hover{
|
|
background-color: black;
|
|
color: white;
|
|
top:60px;
|
|
}
|
|
|
|
#frame{
|
|
text-align: center;
|
|
}
|
|
|
|
#frame iframe{
|
|
width: 100%;
|
|
height: 1800px;
|
|
border: 0;
|
|
}
|
|
|
|
.introduction{
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 500px;
|
|
padding-top: 80px;
|
|
}
|
|
|
|
.try{
|
|
color: white;
|
|
text-decoration-line: none;
|
|
position: relative;
|
|
top:50px;
|
|
border: none;
|
|
font-size: 20px;
|
|
background-color: black;
|
|
padding: 30px 60px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.try:hover{
|
|
background-color: dimgray;
|
|
}
|
|
|
|
.title{
|
|
font-size: 72px;
|
|
position: relative;
|
|
top:-80px;
|
|
}
|
|
|
|
.playing{
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.lable{
|
|
position: relative;
|
|
top:100px;
|
|
font-size: 48px;
|
|
}
|
|
|
|
.searching{
|
|
width: 100%;
|
|
height: 50px;
|
|
position: relative;
|
|
top:100px;
|
|
}
|
|
|
|
.searching ul{
|
|
list-style-type: none;
|
|
}
|
|
|
|
.searching ul li{
|
|
display: inline-block;
|
|
}
|
|
|
|
.searching input{
|
|
width: 800px;
|
|
height: 80px;
|
|
font-size: 48px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.searching input:focus{
|
|
background-color: black;
|
|
color: white;
|
|
}
|
|
|
|
.searching_logo button{
|
|
text-align: center;
|
|
border: none;
|
|
width: 88px;
|
|
height: 88px;
|
|
font-size: 48px;
|
|
position: relative;
|
|
top: 4px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.searching_logo button:hover{
|
|
background-color: black;
|
|
|
|
}
|
|
|
|
.about{
|
|
width: 100%;
|
|
height: 1080px;
|
|
background-image: url("IMG_0210.JPG")}
|
|
|
|
.us{
|
|
position: relative;
|
|
top: 100px;
|
|
width: 100%;
|
|
font-size: 60px;
|
|
text-align: center;
|
|
} |