t /* Settings */ *, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} a,a:hover{ text-decoration:none } body{ margin:0; padding:0; word-wrap:normal } .entry img{ max-width:100%; display:block } h1, h2, h3, h4, h5 { margin: 0 0 15px 0; font:400 1em 'Helvetica Neue', "Arial", sans-serif } h1{font-size:34px} h2{font-size:30px} h3{font-size:24px} p{line-height:1.8em} h1, h2, h3{ font-size:20px } .entry a{ word-wrap:break-word } blockquote{ padding:0 0 0 15px; margin:0 0 0 15px; border-left:2px solid #ccc } a, #top-bar h1, #top-bar span#menu-click, #sidebar #navigation li a span, #sidebar #sidebar-wrap #instagram #instagram-feed li img, .mfp-fade.mfp-bg, .mfp-fade.mfp-wrap .mfp-content, .entry .photo .photo-hover .overlay, .entry .photo .photo-hover .hover-2 .upper-captions, .entry .photo .photo-hover .hover-2 .lower-captions, .entry .text a.link, #pagination a{ -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease } #loading, #posts{ -webkit-transition:opacity .6s linear; -moz-transition:opacity .6s linear; -o-transition:opacity .6s linear; transition:opacity .6s linear } a#install-button{ width:100px; height:20px; padding:2px 4px; background:url("http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.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:99; top:-30px; right:5px; position:fixed } a#install-button:hover{ background:url("http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png") rgba(0,0,0,.32) no-repeat } span#install-theme-text{ float:right; font:12px Arial; text-shadow:1px 1px 1px rgba(0,0,0,0.08); color:white } #tumblr_controls{ position:fixed; margin:0 105px 0 0 !important } /* End-Setting */ /* Sidebar */ #sidebar{ display:none; position:fixed; top:0; width:290px; height:100%; z-index:30; overflow:hidden } .sidebar.left{ left:-260px; right:auto } #sidebar #sidebar-wrap{ position:relative; width:305px; height:100%; padding:25px 35px 40px 30px; overflow-y:scroll } #sidebar #sidebar-wrap::-webkit-scrollbar{ width:18px } #sidebar #sidebar-wrap #gradient-bottom{ width:250px; height:160px; position:fixed; bottom:0; pointer-events:none } #sidebar #sidebar-wrap img{ width:100% } #sidebar #sidebar-wrap h1 a{ text-transform:uppercase; letter-spacing:3px; font-weight:normal; font-size:23px; line-height:1.7em } #sidebar #sidebar-wrap h2{ text-transform:uppercase; font-size:15px; letter-spacing:2px } #sidebar #sidebar-wrap #description, #sidebar #sidebar-wrap #navigation, #sidebar #sidebar-wrap #social, #sidebar #sidebar-wrap #instagram, #sidebar #sidebar-wrap #twitter{ margin:25px 0 0 0; padding:25px 2px 0 2px; font-size:13px } #sidebar #sidebar-wrap #navigation{ margin:25px 0 -12px 0 } #sidebar #sidebar-wrap #navigation li{ list-style-type:none; text-transform:uppercase; letter-spacing:1px } #sidebar #sidebar-wrap #navigation li{ display:block; padding:0 0 16px 0 } #sidebar #sidebar-wrap #navigation li a{ display:block } #sidebar #sidebar-wrap #navigation li a#xtralink-click{ cursor:pointer } #sidebar #sidebar-wrap #navigation ul{ display:none; margin:0 0 10px -10px } #sidebar #sidebar-wrap #navigation ul li{ padding:0 0 5px 0 } #sidebar #sidebar-wrap #navigation li a span{ float:right; text-transform:lowercase; font:14px/1.3em "icon" } #sidebar #sidebar-wrap #navigation li:hover span{ margin:0 25px 0 0 } #sidebar #sidebar-wrap #social a{ margin:0 20px 0 2px; font:16px/39px icon; color:#fff; } #sidebar #sidebar-wrap #social a:hover{ opacity:.5; } #sidebar #sidebar-wrap #instagram #instagram-feed{ width:230px; margin:25px 0 0 0; padding:0; list-style:none; overflow:hidden; white-space:nowrap } #sidebar #sidebar-wrap #instagram #instagram-feed li { float:left; margin:0 5px 5px 0 } #sidebar #sidebar-wrap #instagram #instagram-feed li img{ width:70px; height:70px; opacity:.85 } #sidebar #sidebar-wrap #instagram #instagram-feed li img:hover{ opacity:1 } .instagram-count-3 #instagram #instagram-feed{height:70px} .instagram-count-6 #instagram #instagram-feed{height:145px} .instagram-count-9 #instagram #instagram-feed{height:220px} .instagram-count-12 #instagram #instagram-feed{height:295px} #sidebar #sidebar-wrap #twitter .content{ margin:0 0 10px 0; opacity:.7 } #sidebar #sidebar-wrap #twitter .content:hover{ opacity:1 } /* End-Sidebar */ /* Top-bar */ #top-bar{ position:fixed; top:-1px; width:100%; padding:15px 40px; text-align:center; z-index:20 } #top-bar h1{ display:inline; text-transform:uppercase; letter-spacing:2px; line-height:2em; font-size:26px; } #top-bar h1:hover{ opacity:.8 } #top-bar span#menu-click{ float:left; cursor:pointer; text-transform:lowercase; font:27px/2em "icon"; opacity:.85; } #top-bar span#menu-click:hover{ opacity:1 } /* End-Top-bar */ /* Posts */ #posts-wrapper{ margin:80px auto 0 auto; padding:25px 0 } #posts{ margin:0 auto; } .width-tiny .entry{width:260px} .width-tiny .big-post{width:540px} .width-small .entry{width:290px} .width-small .big-post{width:600px} .width-medium .entry{width:320px} .width-medium .big-post{width:660px} .width-large .entry{width:350px} .width-large .big-post{width:720px} .width-huge .entry{width:380px} .width-huge .big-post{width:780px} .entry .normal-width{ display:block } .big-post .normal-width{ display:none } .entry .larger-width{ display:none; } .big-post .larger-width{ display:block } /* End-Posts */ /* Details */ .entry{ width:300px; margin:0 10px 20px 10px; word-wrap:normal; -webkit-transition:opacity .6s ease; transition:opacity .6s ease } .entry .media iframe{ width:100%; display:block } .entry .text{ padding:20px } .entry .photo img{ width:100% } .entry .photo-post{ padding:0 10px } .entry .photo-post .captions{ padding:0 10px } .entry .text-post{ display:block !important; padding:0 20px; } .entry .photo-post .details{ display:none } .entry .text-post .details{ padding:20px 3px } .entry .details, .entry .details a{ color:#aaa; line-height:24px } .entry .details a{ margin:0 15px 0 0 } .entry .details .tags{ margin:0 0 10px 0 } .entry .details .buttons{ display:inline; float:right; margin:4px 0 0 0; } .entry .details .buttons span{ display:inline-block; margin:0 0 0 2px; } .entry .text .odd,.entry .text .even{ margin:5px 0 0 0; padding:10px 7px; } .entry .text .odd{ background:#eee } .entry .text a.link{ display:block; padding:12px 15px; font-size:15px; color:#fff !important } .entry .text a.link:hover{ opacity:.7 } .entry .text a.link span{ margin:0 0 0 20px; font:14px/2.5em 'icon' } .entry .text .question{ padding:0 0 15px 0 } .entry .quote h3{ font-weight:600 } .entry .text .source{ text-align:right } .entry .photo .photo-hover{ position:relative; overflow:hidden } .entry .photo .photo-hover .overlay{ position:absolute; width:100%; height:100%; opacity:0 } .entry .photo:hover .overlay{ opacity:.35 } .entry .photo .photo-hover a{ color:#eeeeee !important } .show-1 .entry .photo-hover .hover-2{ display:none } .show-2 .entry .photo-hover .hover-1{ display:none } /* Style 1 */ .entry .photo .photo-hover .hover-1 a.like-button{ right:10px; top:10px } .entry .photo .photo-hover .hover-1 a.reblog-button{ right:55px; top:10px } .entry .photo .photo-hover .hover-1 a.permalink-button{ right:10px; top:55px } .entry .photo .photo-hover .hover-1 a.lightbox-button{ right:55px; top:55px } .entry .photo .photo-hover .hover-1 a{ position:absolute; display:block; width:40px; height:40px; padding:11px; text-align:center; font:19px/1em "icon"; opacity:0; background:rgba(0,0,0,.65); -webkit-transition:opacity .3s linear .1s; -moz-transition:opacity .3s linear .1s; -o-transition:opacity .3s linear .1s; transition:opacity .3s linear .1s; } .entry .photo .photo-hover .hover-1 a:hover{ background:rgba(0,0,0,.8); } .entry .photo:hover .hover-1 a{ opacity:1 } /* End-Style 1 */ /* Style 2 */ .entry .photo .photo-hover .hover-2 .upper-captions, .entry .photo .photo-hover .hover-2 .lower-captions{ position:absolute; width:100%; padding:15px; background:rgba(0,0,0,.75) } .entry .photo .photo-hover .hover-2 .upper-captions:hover, .entry .photo .photo-hover .hover-2 .lower-captions:hover{ background:rgba(0,0,0,.9) } .entry .photo .photo-hover .hover-2 .upper-captions{ top:-50px } .entry .photo .photo-hover .hover-2 .lower-captions{ bottom:-50px } .entry .photo:hover .hover-2 .upper-captions{ top:0 } .entry .photo:hover .hover-2 .lower-captions{ bottom:0 } .entry .photo .photo-hover .hover-2 .upper-captions a, .entry .photo .photo-hover .hover-2 .lower-captions a{ font:11px 'Source Sans Pro', sans-serif; letter-spacing:2px; text-transform:uppercase; display:block; color:#fff } .entry .photo .photo-hover .hover-2 .upper-captions a span, .entry .photo .photo-hover .hover-2 .lower-captions a span{ float:right; font:14px/17px "icon" } /* End-Style 2 */ /* End-Details */ /* Pagination */ #pagination{ padding:40px 0; text-align:center; } #pagination a{ margin:0 20px } /* End-Pagination */ /* Permalink Page */ #permalink #posts-wrapper{ padding:40px 0 80px 0 } #permalink .entry{ width:700px !important; margin:auto; } #permalink .permalink-box{ width:700px; margin:40px auto 0 auto; padding:20px } #permalink .permalink-box ol.notes{ margin:20px 0 0 -35px; list-style-type:none } #permalink .permalink-box ol.notes li.note{ padding:3px 0 } #permalink .permalink-box ol.notes li.like:after, #permalink .permalink-box ol.notes li.reblog: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 img{ display:inline; padding:0 10px 0 0 } /* End-Permalink Page */ /* Animation */ #infscr-loading{ position:absolute; bottom:0px; left:50%; margin:0 0 0 -12px } #loading{ position:absolute; width:36px; height:36px; bottom:300px; left:50%; margin:0 0 0 -19px; border-radius:4px; z-index:100; background:url('http://static.tumblr.com/j6tha7z/AFfmuponn/ajax-loader.gif') no-repeat center #fff; filter:alpha(opacity = 0) } #posts, #pagination{ opacity:0 } /* End-Animation */ /* Resonsive */ @media screen and (min-width:700px){ .responsive-level-1{display:block} .responsive-level-2, .responsive-level-3{display:none} } @media screen and (max-width:700px) { .responsive-level-2{display:block} .responsive-level-3, .responsive-level-1{display:none} #permalink .entry,#permalink .permalink-box{width:500px !important} } @media screen and (max-width:500px) { .responsive-level-3{display:block} .responsive-level-1, .responsive-level-2{display:none} #top-bar{padding:10px 20px} #top-bar h1{font-size:20px} #top-bar span#menu-click{font:21px/2em "icon"} #posts-wrapper{margin:60px auto 0 auto} .entry,#permalink .permalink-box{width:300px !important} .entry{margin:0 auto 20px auto} #permalink .permalink-box{padding:20px;margin:20px auto 0 auto} } /* End-Responsive */ /* Adjustments */ body{ font:14px/1.6em "helvetica", san-serif; color:#777777; background:#FFFFFF url("http://assets.tumblr.com/images/x.gif") ; } a,a:link,a:visited{ text-decoration:none; color:#12ad9e } a:hover{ color:#06e8d2 } h1,h2,h3,h4,h5{ font-family:Montserrat } #top-bar{ background:#FFFFFF; box-shadow:0 1px 2px 0 rgba(0,0,0,.1); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1) } #top-bar h1 a,#top-bar span#menu-click{ color:#8a0707 } #sidebar{ background:#111111; color:#cccccc } #sidebar #sidebar-wrap #gradient-bottom{ background-image:-ms-linear-gradient(top,transparent 0%,#111111 100%);background-image:-moz-linear-gradient(top,transparent 0%,#111111 100%);background-image:-o-linear-gradient(top,transparent 0%,#111111 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, transparent),color-stop(1,#111111));background-image:-webkit-linear-gradient(top, transparent 0%, #111111 100%);background-image:linear-gradient(to bottom, transparent 0%, #111111 100%) } #sidebar #sidebar-wrap h1 a{ color:#ffffff } #sidebar #sidebar-wrap #navigation li a{ color:#dddddd } #sidebar #sidebar-wrap #description,#sidebar #sidebar-wrap #navigation,#sidebar #sidebar-wrap #social,#sidebar #sidebar-wrap #instagram,#sidebar #sidebar-wrap #twitter{ border-top:1px solid #2c2c2c } #sidebar #sidebar-wrap #twitter a{ color:#cccccc } .entry,.permalink-box{ background:#ffffff; box-shadow:0 1px 2px 0 rgba(0,0,0,.1); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1); } .entry .photo .photo-hover .overlay{ background:#000000 } .entry .details{ border-top:1px solid #dddddd; } .entry .details a:hover{ color:#777 } .entry .text a.link{ background:#12ad9e } .entry .photo .photo-hover .overlay{ background:#000000 } #pagination a{ color:#8a0707 } #pagination a:hover,#pagination a.current{ color:#12ad9e } .entry,.entry .photo,.entry .media{border-radius:4px;-webkit-border-radius:4px} .entry .photo img{border-radius:2px;-webkit-border-radius:2px} .entry .photo-post{display:none} /* End-Adjustment */

Live Life Press Start

\

hqlines:

♡ Find all good posts here! ♡

(Source: betype)

“ We are what we imagine ourselves to be. ”

—    Kurt Vonnegut (via wordsnquotes)

(via wordsnquotes)

2-0-2-4:

Wanted it to fit with my black&white theme…

(via year-z-e-r-0)

chanel-bitch-101:

Cute relationships ☺️