/* ========================================================================== Font Icons ========================================================================== */ @font-face { font-family: 'fixed-icons'; src: url('https://static.tumblr.com/exomipi/iZKmzfcx0/fixed-icons.eot'); src: url('https://static.tumblr.com/exomipi/iZKmzfcx0/fixed-icons.eot?#iefix') format('embedded-opentype'), url('https://static.tumblr.com/exomipi/n03mzfcx1/fixed-icons.woff') format('woff'), url('https://static.tumblr.com/exomipi/fRrmzfcx1/fixed-icons.ttf') format('truetype'), url('https://static.tumblr.com/exomipi/uyMmzfcx1/fixed-icons.svg#fixed-icons') format('svg'); } [class^="icon-"], [class*=" icon-"] { font-family: 'fixed-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-heart:before { content: "\e600"; } .icon-bubble:before { content: "\e601"; } .icon-link:before { content: "\e602"; } /* ========================================================================== Theme Styles ========================================================================== */ body, html { width: 100%; height: 100%; font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: black; } .autopagerize_page_element { width: 100%; height: 100%; } .clear { display: block; width: 0; height: 0; font-size: 0; line-height: 0; clear: both; float: none; } .container { width: auto; height: auto; } .post { width: 100%; height: auto; margin: 0 auto; position: relative; background-color: ; } .post-text { background-color: ; } .post.post-text { height: auto; min-height: 100%; } .post-quote { background-color: ; } .post-link { background-color: ; } .post-chat { background-color: ; } .post-audio, .post-video { background-color: ; } .post-photo, .post-photoset { background: #111 center center no-repeat fixed; background-size: 32px; } .post-text + .post-text, .post-quote + .post-quote, .post-link + .post-link, .post-chat + .post-chat, .post-audio + .post-audio, .post-video + .post-video { border-top: 1px solid rgba(0,0,0,0.1); } .post-bg { width: 100%; height: auto; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; background-size: cover; position: relative; } .photo, .photoset, .panorama, .audio { min-height: 480px; } .post.post-photoset { height: auto; } .post.post-photoset .post-bg { height: 1000px; } .title { text-align: center; height: auto; padding: 30px 0; font-weight: bold; position: absolute; width: 100%; z-index: 100; } .title h1 { color: ; margin: 0; font-size: 32px; word-wrap: break-word; } .title a:hover { color: ; } .title.index-title h1 { font-size: 56px; } .title h2 { margin: 0 auto; margin-top: 10px; font-size: 20px; font-weight: normal; color: white; } .title.index-title h2 { font-size: 24px; } .title a { color: ; text-decoration: none; } a { color: #FFF; text-decoration: underline; } #disqus_block a { color: #0BA5E6; } .arrow-up { margin: 0 auto; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #000; position: absolute; left: 50%; margin-left: -11px; bottom: -1px; } .meta { background: #000; background: rgba(0,0,0,0.3); color: white; text-align: center; font-size: 14px; font-weight: bold; position: absolute; bottom: 10px; left: 10px; } .meta:hover { background: rgba(0,0,0,0.8); } .meta a { text-decoration: none; } .meta ul { margin: 0; padding: 0; } .meta li { display: block; text-align: left; padding: .5em 1em; line-height: 2em; } .meta li.more-link { padding: 0; line-height: auto; } .meta li.more-link a { display: block; padding: 0; font-size: 20px; line-height: 29px; width: 35px; height: 35px; text-align: center; } .caption { font-size: 14px; line-height: 1.5em; font-weight: bold; color: #FFF; position: absolute; bottom: 10px; width: 100%; display: inline-block; text-align: center; } .caption p, .caption blockquote { margin: 0; } .caption > span { display: inline-block; padding: .5em 1em; background: rgba(0,0,0,0.5); margin: 0 20%; } nav { background: #111; color: #FFF; font-size: 72px; position: relative; width: 100%; } nav a { color: #ddd; text-decoration: none; text-align: center; line-height: 1em; padding: 0px 0 0.2em; } nav a:hover { color: #fff; background-color: #000; } .back, .forward { float: left; width: 50%; } .forward { float: right; } /* ========================================================================== Menu ========================================================================== */ .MenuStuff, .MenuStuff ul { display: none; } .Ask, .Submit, .Pages { display: block !important; } #menu { position: fixed; z-index: 105; top: 0; left: 0; -webkit-transform: translate(-100%, 0); -webkit-transition: -webkit-transform 200ms ease-in-out; -moz-transform: translate(-100%, 0); -moz-transition: -moz-transform 200ms ease-in-out; -o-transform: translate(-100%, 0); -o-transition: -o-transform 200ms ease-in-out; -ms-transform: translate(-100%, 0); -ms-transition: -ms-transform 200ms ease-in-out; transform: translate(-100%, 0); transition: transform 200ms ease-in-out; width: 300px; height: 100%; background: black; color: white; overflow: auto; } #menu ul + ul { border-top: 1px solid rgba(255,255,255,0.2); } #menu h3 { text-align: center; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; line-height: 25px; } #menu ul { text-align: center; font-size: 14px; line-height: 18px; margin: 10px 20px; padding: 0; list-style: none; } #menu li { margin: 15px 0; } #menu li a { text-decoration: none; border-bottom: 1px solid transparent; -webkit-transition: border 200ms; -moz-transition: border 200ms; -o-transition: border 200ms; transition: border 200ms; } #menu li a:hover { text-decoration: none; border-bottom: 1px solid white; } label[for=ShowMenu] { border: 0; background: rgba(0,0,0,0.3); position: fixed; z-index: 110; top: 10px; left: 10px; text-align: center; padding: 0; margin: 0; width: 35px; height: 35px; cursor: pointer; } label[for=ShowMenu]:hover { background: black; } label[for=ShowMenu] span { display: inline-block; width: 16px; height: 2px; background: white; position: relative; top: 3px; } label[for=ShowMenu] span:before, label[for=ShowMenu] span:after { content: ''; position: absolute; width: 16px; height: 2px; background: white; -webkit-transition: opacity 200ms; -moz-transition: opacity 200ms; -o-transition: opacity 200ms; -ms-transition: opacity 200ms; transition: opacity 200ms; } label[for=ShowMenu] span:before { top: -5px; left: 0; } label[for=ShowMenu] span:after { top: 5px; left: 0; } #ShowMenu { position: fixed; left: -1000%; top: 0; } #ShowMenu:checked ~ #menu { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -o-transform: translate(0%, 0); -ms-transform: translate(0%, 0); transform: translate(0%, 0); } #ShowMenu:checked ~ label[for=ShowMenu] span:before, #ShowMenu:checked ~ label[for=ShowMenu] span:after { opacity: 0; } /* ========================================================================== Text / Chat Posts ========================================================================== */ .text { height: 100%; } .text-block { font-size: 16px; line-height: 1.5em; width: 50%; padding: 100px 0; margin: 0 auto; min-width: 300px; color: white; } .text-block a { color: white; position: relative; } .conversation { margin: 0 auto; padding: 40px 0; width: 50%; min-width: 300px; position: relative; top: 49.5%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); list-style: none; } .conversation li { padding: 20px; color: #FFF; background: rgba(0,0,0,0.75); } .conversation li.odd { background: rgba(255,255,255,0.75); color: black; } .answer-avatar { float: left; margin: 0 20px 20px 0; } /* ========================================================================== Photo Posts ========================================================================== */ article.photoset:last-child { display: none; } /* ========================================================================== Link / Quote Posts ========================================================================== */ .link h3 { margin: 0 auto; position: relative; top: 40%; font-size: 24px; text-align: center; color: #FFF; } .link h3 a { text-decoration: none; text-indent: -30px; } .link h3 a:hover { text-decoration: underline; } .quote, .link { padding: 60px 0 70px; } .quote .quote-text { text-align: center; position: relative; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 49.5%; margin: 0 5%; } .quote blockquote { margin: 0; font-size: 24px; font-weight: bold; color: white; } .quote .source { color: #FFF; opacity: 0.75; font-size: 16px; font-weight: bold; } .quote .source a { color: white; text-decoration: underline; } /* ========================================================================== Audio / Video Posts ========================================================================== */ .audio_player { width: 240px; margin: 0 auto; height: 100px; } .tumblr_audio_player { width: 240px; height: 100px; position: relative; top: 180px; opacity: 0.9; } .audio.post-bg { background-repeat: repeat; background-size: auto; } .video iframe { display: block; width: 320px; height: 225px; min-width: 300px; margin: 0 auto; position: relative; top: 10%; } .video { min-height: 225px; } .video .spotify_audio_player, .video .bandcamp_audio_player { width: 300px; height: auto; position: relative; } .video .soundcloud_audio_player { width: 300px; height: 165px; position: relative; } /* ========================================================================== Post Notes ========================================================================== */ .notes { padding: 0; margin: 0; background: #222; } .notes li { display: block; padding: 10px; text-align: center; } .notes li:nth-child(even) { background: #111; } .notes li .avatar_frame { display: inline-block; vertical-align: middle; padding-right: 10px; } .notes li .avatar_frame img { width: 32px; height: 32px; } .notes li .action { color: #ccc; } .notes li .action a { color: #fff; text-decoration: none; } .notes li .action a:hover { text-decoration: underline; } #disqus_block { background:#f6f6f6; padding: 30px 0; } #disqus_thread { width: 50%; margin: 0 auto; min-width: 300px; } /* PLEASE DON'T REMOVE. THIS THEME IS A GIFT FROM ME TO YOU <3 */ #attribution { padding: 10px; text-align: center; background: black; border-top: 1px solid black; } #attribution p { margin: 0; color: #555; font-size: 12px; } #attribution a { color: #555; } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (min-device-width: 1025px) { .container { width: 100%; height: 100%; } .title a { opacity: 0.8; } .title a:hover { opacity: 1; } .title h1 { word-wrap: normal; } .title.index-title { padding: 0; } .title.index-title a { opacity: 1; } .title.index-title .title-text { top: 20%; } .title h2 { margin-left: 50px; margin-right: 50px; } .title-text { position: relative; top: 0; padding: 30px 0; } .autopagerize_page_element { position: relative; } .post { width: 100%; height: 100%; min-height: 480px; } .post.inline { height: auto; min-height: auto; } .post-bg { height: 100%; background-size: contain; background-attachment: fixed; background-repeat: repeat; } .post-bg.tile { background-size: contain; } .post-bg.fill { background-size: cover; } .post-bg.center { background-size: contain; background-repeat: no-repeat; } .quote, .link { padding: 0; } .link h3 { font-size: 32px; } .quote blockquote { font-size: 32px; } .quote .source { font-size: 20px; } .text { padding: 80px 0 90px; } .text-block { font-size: 20px; width: 600px; } .audio_player { width: 30%; margin: 0 auto; height: 100%; } .tumblr_audio_player { width: 100%; height: 20%; position: relative; top: 40%; } .video iframe { display: block; width: 100%; height: 100%; margin: 0 auto; position: relative; top: 0; } .video .spotify_audio_player, .video .bandcamp_audio_player, .video .soundcloud_audio_player { -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); top: 49.5%; } .video .bandcamp_audio_player { width: 500px; height: auto; } .video .spotify_audio_player { width: auto; height: 50%; } .video .soundcloud_audio_player { width: 80%; height: 165px; } #disqus_thread { min-width: 500px; } #attribution { padding: 20px; font-size: 14px; } } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { }

Welcome Home.

Aug 30
93388

Fixed. theme by Andrew McCarthy