55 lines
1 KiB
CSS
55 lines
1 KiB
CSS
|
@charset "utf-8";
|
||
|
|
|
||
|
|
body {
|
||
|
|
background: #d4d4d4 url("../images/background.png");
|
||
|
|
text-align: center;
|
||
|
|
font-family: sans-serif; }
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
color: rgba(0, 0, 0, .3);
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 32px;
|
||
|
|
letter-spacing: -1px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
|
||
|
|
background: url("../images/middleman.png") no-repeat center 100px;
|
||
|
|
padding: 350px 0 10px;
|
||
|
|
margin: 0; }
|
||
|
|
|
||
|
|
.doc {
|
||
|
|
font-size: 14px;
|
||
|
|
margin: 0; }
|
||
|
|
.doc:before,
|
||
|
|
.doc:after {
|
||
|
|
opacity: .2;
|
||
|
|
padding: 6px;
|
||
|
|
font-style: normal;
|
||
|
|
position: relative;
|
||
|
|
content: "•"; }
|
||
|
|
.doc a {
|
||
|
|
color: rgba(0, 0, 0, 0.3); }
|
||
|
|
.doc a:hover {
|
||
|
|
color: #666; }
|
||
|
|
|
||
|
|
.welcome {
|
||
|
|
-webkit-animation-name: welcome;
|
||
|
|
-webkit-animation-duration: .9s; }
|
||
|
|
|
||
|
|
@-webkit-keyframes welcome {
|
||
|
|
from {
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
50% {
|
||
|
|
-webkit-transform: scale(0);
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
82.5% {
|
||
|
|
-webkit-transform: scale(1.03);
|
||
|
|
-webkit-animation-timing-function: ease-out;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
}
|
||
|
|
}
|