|
| 1 | +/* Stylez */ |
| 2 | +body {font-family: Quicksand, Merriweather; margin: 0 auto; background: #efefef; line-height: 1.4em; padding: 12px;} |
| 3 | +.wrapper {box-sizing: border-box; background: #fff; box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; padding: 0px 40px; min-height: 100%; overflow: auto; } |
| 4 | + |
| 5 | + |
| 6 | +a {color: #777; text-decoration: none;} |
| 7 | +a:hover {border-bottom: 1px solid #CCFF26; color: #222} |
| 8 | + |
| 9 | +h4 {font-family: Quicksand, Source Sans Pro, "Helvetica Neue", "Arial", sans-serif; font-weight: 700;} |
| 10 | +p {font-weight: 400;} |
| 11 | + |
| 12 | +article {padding: 8px 0;} |
| 13 | +section {padding-top: 24px;} |
| 14 | + |
| 15 | +.container {width: 600px; margin: 0 auto; padding: 60px 20px;} |
| 16 | +.meta {text-transform: uppercase; font-family: Quicksand, "Helvetica Neue", "Arial", sans-serif; font-size: 11px; letter-spacing: .15em;} |
| 17 | +.meta a:hover {border-bottom: 1px solid #CCFF26; color: #222;} |
| 18 | +.inline-list {list-style: none; margin: 0; padding: 0;} |
| 19 | +.inline-list li {display: inline-block;} |
| 20 | +.load {font-family: Quicksand, Source Sans Pro, "Helvetica Neue", "Arial", sans-serif; color: #CCFF26; font-weight: 900; border: 1px dashed #CCFF26; padding: 3px 4px; border-radius: 2px; opacity: .5;} |
| 21 | +.name {font-family: Quicksand, "Ceviche One"; font-size: 60px;} |
| 22 | +.tleft {text-align: left;} |
| 23 | +.half {min-width: 270px; max-width: 320px; vertical-align: top; display: inline-block;} |
| 24 | +.right {float: right;} |
| 25 | + |
| 26 | +/* Twitter */ |
| 27 | +#tweet p {font-size: 12px;} |
| 28 | + |
| 29 | +/* Instagrams */ |
| 30 | +#instagram {margin: 0 auto;} |
| 31 | +.one-gram {display: inline;} |
| 32 | +.one-gram img {border: 5px solid #fafafa;} |
| 33 | + |
| 34 | + |
| 35 | +/*! |
| 36 | +Animate.css - http://daneden.me/animate |
| 37 | +Licensed under the MIT license |
| 38 | +*/ |
| 39 | + |
| 40 | +.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} |
| 41 | + |
| 42 | +@-webkit-keyframes flash { |
| 43 | + 0%, 50%, 100% { |
| 44 | + opacity: 1; |
| 45 | + } |
| 46 | + |
| 47 | + 25%, 75% { |
| 48 | + opacity: 0; |
| 49 | + } |
| 50 | +} |
| 51 | + |
| 52 | +@keyframes flash { |
| 53 | + 0%, 50%, 100% { |
| 54 | + opacity: 1; |
| 55 | + } |
| 56 | + |
| 57 | + 25%, 75% { |
| 58 | + opacity: 0; |
| 59 | + } |
| 60 | +} |
| 61 | + |
| 62 | +.flash {-webkit-animation-name: flash; animation-name: flash;} |
0 commit comments