Permalink
Browse files

applying some animation in the header

  • Loading branch information...
rodbeh committed Feb 3, 2014
1 parent 77a405e commit 9da940a7ea818df7db3a2a20d194a88681fc12ad
Showing with 102 additions and 30 deletions.
  1. +64 −0 public/css/main.css
  2. +0 −5 public/js/jquery.js
  3. +0 −11 public/js/modernizr.js
  4. +7 −13 views/home.erb
  5. +31 −1 views/layout.erb
View
@@ -11,6 +11,66 @@ body {
text-align: center;
font-family: 'Noto Serif', Helvetica, 'Helvetica Neue', Arial
}
+body * {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box
+}
+body {
+ position: relative;
+ background-color: white;
+ position: relative
+}
+html, body, section, div {
+ margin: 0;
+ padding: 0
+}
+header {
+ position: relative;
+ z-index: 1000;
+ top: 0;
+ left: 0;
+ background-color: #172331;
+ background-image: url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/drawings-background.jpg");
+ background-size: 100%;
+ height: 100%;
+ display: table;
+ width: 100%;
+ overflow: hidden;
+}
+header h1 {
+ display: block;
+ margin: 0 auto;
+ text-indent: -999em;
+ overflow: hidden;
+ width: 100%;
+ height: 100%;
+ background: url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/letters-background.png") center no-repeat;
+ background-size: contain
+}
+header h2,
+header h3 {
+ display: none;
+}
+header div {
+ display: table-cell;
+ vertical-align: middle;
+ text-align: center;
+ height: 100%
+}
+header a {
+ background: white;
+ width: 200px;
+ height: 200px;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: -100px;
+ border-radius: 100px;
+ line-height: 100px;
+ font-weight: bold;
+ background: white url("http://dl.dropboxusercontent.com/u/4343272/rodbeh/header-arrow.png") center 40px no-repeat
+}
::-moz-selection {
background: #b3d4fc;
text-shadow: none
@@ -165,6 +225,10 @@ section {
margin-bottom: 2em;
}
+
+
+
+
@media only screen and (min-width: 320px) {
.wrapper {
width: 280px;
View

Large diffs are not rendered by default.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit 9da940a

Please sign in to comment.