diff --git a/css/style.css b/css/style.css index 9f1b421..e753c5a 100644 --- a/css/style.css +++ b/css/style.css @@ -31,7 +31,7 @@ article img { display: block; width: 50%; margin: 0 auto; - padding-bottom: 20px; + margin-bottom: 40px; border: none; z-index: -1; -webkit-box-reflect: below 1px @@ -41,6 +41,7 @@ article img { .content { text-shadow: 0px 1px 1px #111; z-index: 100; + line-height: 160%; } article .from { @@ -58,6 +59,38 @@ article .from { margin-left: 500px; } + +@keyframes fadeInOut { + 0% { + opacity:1; + } + 45% { + opacity:1; + } + 55% { + opacity:0; + } + 100% { + opacity:0; + } +} + +#loading { + font-size: 72px; + width: 100%; + text-align: center; + position: absolute; + top: 200px; + z-index: 50px; + + -webkit-transition: opacity 1s ease-in-out; + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-iteration-count: infinite; + -webkit-animation-duration: 3s; + -webkit-animation-direction: alternate; + +} + footer { position: fixed; bottom: 0; diff --git a/index.html b/index.html index 052bb6b..b27c7e7 100644 --- a/index.html +++ b/index.html @@ -9,13 +9,18 @@
-