@charset "utf-8"; *, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} html{ position:relative; width:100%; height:100%; overflow-x:hidden; } body{ position:relative; width:100%; min-height:100%; margin:0; padding:0; overflow:hidden; } a,a:hover{ cursor:pointer; word-wrap:break-word; text-decoration:none; } img{ max-width:100%; display:block } h1,h2,h3,h4,h5{ margin:0 0 15px; text-shadow:0 1px 0 1px rgba(0,0,0,.3); } #permalink h1{font-size:25px} #permalink h2{font-size:23px} #permalink h3{font-size:21px} blockquote{ padding:0 0 0 15px; margin:0; font-style:italic; } ul,ol{ padding:0 } li{ list-style-position:inside } a, .like_button, #tumblr_controls, #header a#slide #icon, #header a#slide #icon:before, #header a#slide #icon:after, #sidebar a#avatar img, #sidebar #search input[type="text"], #sidebar #instagram #instagram-feed img, #sidebar #flickr #flickr-feed img, #sidebar #dribbble #dribbble-feed img, #sidebar #twitter .content, .mfp-fade.mfp-bg, .mfp-fade.mfp-wrap .mfp-content{ -webkit-transition:.2s; transition:.2s } #sidebar, #posts-container, a#install-button, .entry a.overlay, .entry .photo-buttons a{ -webkit-transition:.4s; transition:.4s } a#install-button{ width:100px; height:20px; padding:2px 4px; background:url("http://static.tumblr.com/3zmswwt/soKmzhmhg/install_button.png") rgba(0,0,0,.4) no-repeat; border:1px solid rgba(0,0,0,0.18); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; z-index:100; top:-30px; right:5px; position:fixed } a#install-button:hover{ background:url("http://static.tumblr.com/3zmswwt/soKmzhmhg/install_button.png") rgba(0,0,0,.32) no-repeat } span#install-theme-text{ float:right; font:400 12px Arial; text-shadow:1px 1px 1px rgba(0,0,0,.08); color:white } #tumblr_controls{ position:fixed; top:0; } .like_button{ position:absolute; opacity:0 } .like_button.liked{ opacity:1 !important } body.left #sidebar{ left:0 } body.left #posts-container{ margin:0 0 0 270px } body.right #sidebar{ right:0 } body.right #posts-container{ margin:0 270px 0 0 } #sidebar{ overflow-y:scroll; width:270px; height:100%; top:0; padding:25px 0; z-index:30 } #sidebar h2{ margin:0 0 30px; text-transform:uppercase; letter-spacing:1px; } #sidebar a#avatar{ display:block; margin:0 } #sidebar a#avatar img{ max-width:100%; border-radius:2px } #sidebar a#avatar img:hover{ opacity:.85 } #sidebar h1{ margin:10px 50px } #sidebar #description a{ text-decoration:underline; } #sidebar #navigation li{ list-style-type:none } #sidebar #navigation li:last-child{ margin:0 !important } #sidebar #social a{ display:inline-block; width:20px; height:30px; margin:2px 4px 2px 0; text-align:center; font:14px/30px "icon"; } #sidebar #social a:hover{ opacity:.6 } #sidebar #search{ width:100% } #sidebar #search input[type="text"]{ width:100%; padding:8px 10px 8px 30px; border:0; } #sidebar #search span{ float:left; margin:-21px 12px 0; font:12px "icon"; opacity:.6 } #sidebar #search input:focus{ outline:none; } #sidebar #instagram #instagram-feed{ width:170px; padding:0; margin:0; list-style:none } #sidebar #instagram #instagram-feed:after{ content:""; display:block; height:0; clear:both } #sidebar #instagram #instagram-feed img{ float:left; width:75px; height:auto; margin:0 10px 10px 0; border-radius:2px } #sidebar #instagram #instagram-feed img:hover{ opacity:.7 } #sidebar a#avatar, #sidebar #description, #sidebar #navigation, #sidebar #social, #sidebar #search, #sidebar #instagram, #sidebar #credit{ padding:15px 50px } #sidebar #credit, #sidebar #credit a{ font-size:11px; } #sidebar #credit a:hover{ opacity:.6 } #header{ display:none; position:relative; padding:20px; text-align:center } #header h1{ margin:0 } body.left a#slide{ left:30px } body.right a#slide{ right:30px } #header a#slide{ position:absolute; top:32px; width:15px; height:15px; text-align:center; z-index:20 } #header a#slide #icon{ width:18px; height:3px; margin:6px auto; } #header a#slide #icon:after{ content:""; position:absolute; width:18px; height:3px; bottom:0; margin:0 0 0 -9px;} #header a#slide #icon:before{ content:""; position:absolute; width:18px; height:3px; top:0; margin:0 0 0 -9px; } #posts-container{ position:relative } #posts{ position:relative; margin:auto; padding:40px 0 } #post-info{ padding:20px; width:90%; margin:40px auto -10px; text-align:center } #post-info h3, #post-info p{ display:inline; margin:0; } .entry{ position:relative; overflow:hidden; width:300px; margin:0 10px 20px } .entry.tag-large{ width:620px } .entry p, .entry blockquote{ margin:0 0 20px } .entry p:last-child{ margin:0 !important } .entry .media{ position:relative; } .entry .media iframe{ display:block; width:100% } .entry .photo{ position:relative; background:#111 } .entry .photo img{ width:100% } .entry .photo a.overlay, .entry .media a.overlay{ position:absolute; width:100%; height:100%; opacity:0; z-index:6 } .entry .photo .photo-buttons, .entry .media .photo-buttons{ position:absolute; top:50%; width:100%; margin:-20px 0 0; text-align:center; z-index:7 } .entry .photo .photo-buttons a, .entry .media .photo-buttons a{ position:relative; display:inline-block; width:35px; height:35px; margin:0 7px; text-align:center; font:15px/35px "icon"; border-radius:30px; opacity:0 } .entry .photo:hover .photo-buttons a, .entry .media:hover .photo-buttons a{ opacity:1 } .entry .photo .photo-buttons .like_button, .entry .media .photo-buttons .like_button{ top:1px; left:10px } .entry .text{ position:relative; padding:25px } .entry .text-post{ display:block !important } .entry .captions{ padding:20px 25px } .entry .read_more_container a{ padding:0 0 3px; font-weight:700; } .entry .read_more_container a:first-letter{ text-transform:uppercase } .entry .read_more_container a:after{ content:"»"; vertical-align:1px; padding:0 0 0 10px } .entry .details{ padding:0 25px 20px } .entry .details .tags{ margin:0 0 15px } .entry .details .tags a{ margin:0 10px 0 0 } .entry .details .buttons{ display:inline; float:right; margin:2px 0 0 0 } .entry .details .buttons a{ position:relative; display:inline-block; font:13px "icon"; margin:0 0 0 10px } .entry .details .buttons .like_button{ bottom:0; left:0 } .entry .details ul.share{ display:none; position:absolute; width:130px; bottom:45px; right:12px; padding:10px 20px; background:rgba(0,0,0,.85); box-shadow:0 3px 7px 2px rgba(0,0,0,.3); border-radius:3px; z-index:10 } .entry .details ul.share:before{ content:""; pointer-events:none; position:absolute; display:block; bottom:-10px; margin:0 0 0 30px; padding:0; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid rgba(0,0,0,.8); background:transparent } .entry .details ul.share a{ display:block; margin:10px 0; list-style-type:none; color:#fff !important } .entry .details ul.share a:hover{ opacity:.4 } .entry .details ul.share a span{ display:inline-block; width:25px; font:13px "icon"; opacity:.8 } .entry .text .question{ margin:0 0 30px; padding:15px; border-radius:2px } .entry .text .odd, .entry .text .even{ margin:5px 0 0 0; padding:10px; border-radius:2px } .entry .text a.link{ display:block; position:relative; margin:0 0 15px; padding:15px; color:#fff !important; border-radius:2px } .entry .text a.link:after{ content:"n"; position:absolute; right:15px; top:50%; font:35px/0 "icon"; opacity:.1 } .entry .quote h3{ letter-spacing:-1px; font:400 20px "Georgia"; line-height:1.6em } .entry .text .quote-symbol{ position:absolute; top:-15px; left:10px; font:160px "arial"; opacity:.1 } .entry .text .source{ margin:20px 0 0 0; text-align:right } .entry .text .source .odd{ display:inline; background:transparent } #sidebar,#header,.entry,#post-info,#pagination a,#permalink .permalink-box,#loading,#infscr-loading img{ -webkit-box-shadow:0 1px 2px rgba(0,0,0,.1); box-shadow:0 1px 2px rgba(0,0,0,.1) } #pagination{ position:relative; width:90%; margin:0 auto 120px } #pagination:after{ content:""; display: block; height:0; clear:both } #pagination a{ position:absolute; display:inline-block; padding:20px 25px; text-transform:uppercase; letter-spacing:1px; } #pagination a#newer{ left:0 } #pagination a#older{ right:0 } #pagination a#newer:before{ content:","; vertical-align:top; margin:0 20px 0 0; font:15px "icon"; } #pagination a#older:after{ content:"."; vertical-align:top; margin:0 0 0 20px; font:15px "icon"; } #permalink .permalink-box, #permalink .entry{ display:block; width:90% !important; max-width:700px; margin:20px auto 30px } #permalink .permalink-box{ padding:20px } #permalink .permalink-box h2{ margin:0 0 20px } #permalink .permalink-box ol.notes{ margin:20px 0 0; list-style-type:none } #permalink .permalink-box ol.notes li.note{ padding:3px 0 } #permalink .permalink-box ol.notes li.more_notes_link_container, #permalink .permalink-box ol.notes li.more_notes_link_container a.more_notes_link{ text-transform:uppercase; letter-spacing:1px; } #permalink .permalink-box ol.notes li.like:after, #permalink .permalink-box ol.notes li.reblog:after, #permalink .permalink-box ol.notes li.reply:after, #permalink .permalink-box ol.notes li.answer:after, #permalink .permalink-box ol.notes li.original_post:after{ float:right; margin:-17px 0 0 0; font:14px icon; opacity:.5 } #permalink .permalink-box ol.notes li.like:after{content:"z"}#permalink .permalink-box ol.notes li.reblog:after{content:"c"}#permalink .permalink-box ol.notes li.reply:after{content:"k";font:13px icon}#permalink .permalink-box ol.notes li.answer:after{content:"k";font-size:11px}#permalink .permalink-box ol.notes li.original_post:after{content:"d"} #permalink .permalink-box ol.notes img{ display:inline; padding:0 10px 0 0 } #permalink .permalink-box ol.notes li.more_notes_link_container{ margin:30px 0 0 0; padding:25px 0 0 0 } body.slide #tumblr_controls, body.slide a#install-button{ opacity:0 } body.slide a#slide #icon{ background:rgba(255,255,255,0) !important } body.slide a#slide #icon:before{ top:6px !important; -webkit-transform:rotate(45deg); transform:rotate(45deg) } body.slide a#slide #icon:after{ bottom:6px !important; -webkit-transform:rotate(-45deg); transform:rotate(-45deg) } body.left.slide #sidebar{ left:0 } body.right.slide #sidebar{ right:0 } body.left.slide #posts-container{ -webkit-transform:translateX(270px); transform:translateX(270px) } body.right.slide #posts-container{ -webkit-transform:translateX(-270px); transform:translateX(-270px) } #infscr-loading img{ position:absolute; width:45px; height:45px; bottom:70px; left:50%; margin:0 0 0 -27px; padding:12px } #loading{ position:absolute; width:50px; height:50px; top:200px; left:50%; margin:0 0 0 -25px; border-radius:2px; z-index:100; background:url('http://static.tumblr.com/j6tha7z/AFfmuponn/ajax-loader.gif') no-repeat center #fff; pointer-events:none; opacity:0; filter:alpha(opacity = 0) } #posts.loading, #permalink #loading.loading{ opacity:0 } #loading.loading, #permalink #posts.loading{ opacity:1 } #posts,#loading{ -webkit-transition:opacity 1s ease,height .5s ease; transition:opacity 1s ease,height .5s ease } @-webkit-keyframes loaded{0%{opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes loaded{0%{opacity:0;-webkit-transform:translateY(60px);transform: translateY(60px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} .entry.loaded{ -webkit-animation:loaded .8s ease-out; animation:loaded .8s ease-out } @media screen and (max-width:600px) { #header{ display:block } body.left #sidebar{ left:-270px } body.right #sidebar{ right:-270px } #posts-container{ margin:auto !important } #posts{ width:90% !important; max-width:500px } .entry, #permalink .permalink-box{ width:100%; margin:0 auto 20px !important } #permalink .permalink-box{ text-align:center !important } #permalink .permalink-box ol.notes img, #permalink .permalink-box ol.notes li:after{ display:none } }