config stylesheet
This commit is contained in:
parent
df8e8b8355
commit
abce59057d
|
@ -0,0 +1,88 @@
|
|||
|
||||
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%;
|
||||
|
||||
}
|
||||
|
|
@ -4,8 +4,8 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="stylesheet" href="src/style.css">
|
||||
<link rel="stylesheet" href="src/animations.css">
|
||||
<link rel="stylesheet" href="config/style.css">
|
||||
<script src="src/jquery.min.js"></script>
|
||||
<script src="src/script.js"></script>
|
||||
<title>new tab</title>
|
||||
|
|
|
@ -1,87 +0,0 @@
|
|||
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%;
|
||||
|
||||
}
|
||||
|
Loading…
Reference in New Issue