Better code style
This commit is contained in:
parent
ac65f5ee70
commit
297cf418c0
7 changed files with 85 additions and 54 deletions
|
@ -37,19 +37,19 @@ body{
|
|||
.main{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin-left: 0px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.header{
|
||||
background-color: #ff4415;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 64px;
|
||||
box-shadow: 2px 0px 2px 2px rgba(62, 62, 62, 0.45);
|
||||
box-shadow: 2px 0 2px 2px rgba(62, 62, 62, 0.45);
|
||||
}
|
||||
|
||||
.title{
|
||||
|
@ -81,7 +81,7 @@ body{
|
|||
background: #fff;
|
||||
border-radius: 2px;
|
||||
padding: 24px;
|
||||
box-shadow: 0px 1px 1.5px 1.5px rgba(62, 62, 62, 0.3);
|
||||
box-shadow: 0 1px 1.5px 1.5px rgba(62, 62, 62, 0.3);
|
||||
margin-bottom: 40px;
|
||||
max-width: 1160px;
|
||||
}
|
||||
|
@ -144,9 +144,9 @@ body{
|
|||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #ff4415;
|
||||
box-shadow: 0.4px 1px 1.5px 1px #aaa;
|
||||
-moz-box-shadow: 0.4px 1px 1.5px 1px #aaa;
|
||||
-webkit-box-shadow: 0.4px 1px 1.5px 1px #aaa;
|
||||
-moz-box-shadow: 0.4px 1px 1.5px 1px #aaa;
|
||||
box-shadow: 0.4px 1px 1.5px 1px #aaa;
|
||||
border-radius: 2px;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 5px;
|
||||
|
@ -157,6 +157,10 @@ body{
|
|||
transition-delay: 50ms;
|
||||
transition-duration: 125ms;
|
||||
transition-timing-function: ease;
|
||||
-o-transition-property: box-shadow;
|
||||
-o-transition-delay: 50ms;
|
||||
-o-transition-duration: 125ms;
|
||||
-o-transition-timing-function: ease;
|
||||
-moz-transition-property: box-shadow;
|
||||
-moz-transition-delay: 50ms;
|
||||
-moz-transition-duration: 125ms;
|
||||
|
@ -169,12 +173,13 @@ body{
|
|||
}
|
||||
|
||||
.button:hover, .button:hover {
|
||||
box-shadow: 0.5px 1.8px 2.1px 1.4px #aaa;
|
||||
-webkit-box-shadow: 0.5px 1.8px 2.1px 1.4px #aaa;
|
||||
-moz-box-shadow: 0.5px 1.8px 2.1px 1.4px #aaa;
|
||||
-webkit-box-shadow: 0.5px 1.8px 2.1px 1.4px #aaa; }
|
||||
box-shadow: 0.5px 1.8px 2.1px 1.4px #aaa;
|
||||
}
|
||||
|
||||
input.button{
|
||||
padding: 0px 8px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
/* INPUT FIELD */
|
||||
|
@ -191,6 +196,10 @@ input.button{
|
|||
transition-delay: 50ms;
|
||||
transition-duration: 125ms;
|
||||
transition-timing-function: ease;
|
||||
-o-transition-property: border-bottom-color;
|
||||
-o-transition-delay: 50ms;
|
||||
-o-transition-duration: 125ms;
|
||||
-o-transition-timing-function: ease;
|
||||
-moz-transition-property: border-bottom-color;
|
||||
-moz-transition-delay: 50ms;
|
||||
-moz-transition-duration: 125ms;
|
||||
|
@ -223,6 +232,10 @@ input.button{
|
|||
transition-delay: 50ms;
|
||||
transition-duration: 125ms;
|
||||
transition-timing-function: ease;
|
||||
-o-transition-property: border-bottom-color;
|
||||
-o-transition-delay: 50ms;
|
||||
-o-transition-duration: 125ms;
|
||||
-o-transition-timing-function: ease;
|
||||
-moz-transition-property: border-bottom-color;
|
||||
-moz-transition-delay: 50ms;
|
||||
-moz-transition-duration: 125ms;
|
||||
|
|
Reference in a new issue