89 lines
1.6 KiB
CSS
89 lines
1.6 KiB
CSS
|
|
a{
|
|
color:#c3c3c3;
|
|
font-family:"Segoe UI";
|
|
font-size:25px;
|
|
text-decoration:none;
|
|
margin-left:5px;
|
|
transition-property: color;
|
|
transition-duration: .1s;
|
|
transition-timing-function: linear;
|
|
}
|
|
body{
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
font-family:"Segoe UI";
|
|
color:#c8c8c8;
|
|
font-size:34px;
|
|
background:#FBFBFB;
|
|
}
|
|
|
|
span{
|
|
margin-left:10px;
|
|
text-family:"segoe UI";
|
|
text-align: center;
|
|
}
|
|
|
|
a:hover { color:#A9BFA5}
|
|
|
|
input[type=text] {
|
|
width: 18px;
|
|
padding: 3px;
|
|
position:absolute;
|
|
right:5px;bottom:5px;
|
|
border: 1px solid #E6e6e6;
|
|
transition-property: all;
|
|
transition-duration: .5s;
|
|
transition-timing-function: ease;
|
|
color: #bebebe;
|
|
background-position: -2px -1px;
|
|
background-image: url('../res/search.png');
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
input[type=text]:hover {
|
|
border-color: #bebebe;
|
|
transition-property: all;
|
|
transition-duration: .5s;
|
|
transition-timing-function: ease;
|
|
color: #bebebe;
|
|
width:230px;
|
|
background-position: 227px -1px;
|
|
padding-right: 20px;
|
|
}
|
|
input[type=text]:focus {
|
|
border-color: #bebebe;
|
|
transition-property: all;
|
|
transition-duration: .5s;
|
|
transition-timing-function: ease;
|
|
color: #bebebe;
|
|
width:230px;
|
|
background-position: 227px -1px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.boxed {
|
|
border: 1px solid #e6e6e6;
|
|
padding: 5px;
|
|
color: #494949;
|
|
background-color: #ffffff;
|
|
width: 760px;
|
|
margin-left: -390px;
|
|
margin-right: auto;
|
|
position:absolute;
|
|
left: 50%;
|
|
top: 40%;
|
|
}
|
|
|
|
h1 {
|
|
padding-bottom: -600px;
|
|
position: absolute;
|
|
visibility: hidden;
|
|
margin-top: -200px;
|
|
margin-left: -380px;
|
|
left: 50%;
|
|
top: 40%;
|
|
|
|
}
|
|
|