Good Vibes

134 notes

12346 notes

(via rainydaysandshinyfaces)

#toTop { width:100px; border:1px solid #000; background:#fff; text-align:center; padding:5px; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#000; font-family:verdana; font-size:10px; } body { background:url('http://www.snazzyspace.com/defaultimages/a22731_anchors.gif') repeat #FFFFFF; background-attachment:fixed; margin:25px 0; text-align:center; font:11px 'Abel'; color:000; } #container { margin:0 auto; width:1100px; } a, a:active, a:visited, a:link { color:#737373; font-weight:bold; text-decoration:none; } a:hover { color:#000; } a img { border:0; } .post, .descriptions, .notes { text-align:left; background:#fff; padding:5px; width:250px; margin:5px 5px 5px 0; -moz-box-shadow: 1px 1px 1px #888; -webkit-box-shadow: 1px 1px 1px #888; box-shadow: 1px 1px 1px #888; position:relative; border-radius:6px; -moz-border-radius:6px; border:5px solid #f5f5f5; } .box { float:left; overflow:hidden; } .notes { float:left; } .postCount { background:#fff; color:#b8b8b8; padding:3px 0; text-align:right; } .post a, .post a:link, .post a:active, .post a:visited { color:#707070; text-decoration:none; } .post a:hover { color:black; } ol { margin:0; padding:0; } ol li { padding:0; margin:0; list-style-type:none; } #header { background:white; width:1080px; height:48px; padding:5px; position:relative; border-radius:6px; -moz-border-radius:6px; border:5px solid #f5f5f5; } #header p#description { padding:0; margin:0; right:120px; top:10px; position:absolute; font:21px 'Great Vibes'; } #topNav { position:absolute; right:20px; bottom:5px; } #topNav a { margin: 0 15px 0 0; } #logo { position:absolute; top:5px; left:5px; } #header h1 { position:absolute; top:23px; left:59px; text-transform:uppercase; font:20px 'Abel'; letter-spacing:-1px; font-weight:bold; margin:0; padding:0; } .hov { display:none; position:absolute; background:#d9d9d9; padding:10px; width:250px; top:-5px; text-align:center; left:-5px; border-radius:6px; -moz-border-radius:6px; } .post:hover .hov { display:block; } @keyframes shake{ 0% { transform: translate(2px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(0px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(2px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(2px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } @-moz-keyframes shake{ 0% { -moz-transform: translate(2px, 1px) rotate(0deg); } 10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } } @-webkit-keyframes shake { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } .shake{ display:inline-block; } .shake:hover, .shake:focus{ animation-name: shake; animation-duration: 0.8s; transform-origin:50% 50%; animation-iteration-count: infinite; animation-timing-function: linear; -moz-animation-name: shake; -moz-animation-duration: 0.8s; -moz-transform-origin:50% 50%; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -webkit-animation-name: shake; -webkit-animation-duration: 0.8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } .transitions-enabled.masonry, .transitions-enabled.masonry .masonry-brick { -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; } .transitions-enabled.masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .transitions-enabled.masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; } /* disable transitions on container */ .transitions-enabled.infinite-scroll.masonry { -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition-property: none; } #infscr-loading { text-align: center; z-index: 100; position: fixed; left: 45%; bottom: 40px; width: 200px; padding: 10px; background: #000; opacity: 0.8; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

134 notes Reblog

12346 notes Reblog

21928 notes Reblog

18421 notes Reblog

372397 notes Reblog

171606 notes Reblog

2340 notes Reblog

88068 notes Reblog

Reblog

19 notes Reblog

160 notes Reblog

367024 notes Reblog

21912 notes Reblog

22540 notes Reblog

538 notes Reblog