Welcome to my mind.

Hii, my name is Katelyn.
And uh, girls. Music. And girls. (:
Thats my life. <3

html { background-color: transparent; } html, body { height: 100%; } body { font: normal 62.5%/1 "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #000; color: #ddd; } #page { position: relative; width: 960px; min-height: 100%; margin: 0 auto; } #header { background: url) no-repeat 50% 0; padding-top: 110px; margin-bottom: 60px; } #header h1 { font-size: 250%; color: #fff; text-align: center; text-transform: uppercase; } #header h2 { width: 500px; margin: 0 auto; background: url("http://static.tumblr.com/gpln05e/23vSi9xSQ/header-h2-bg.png") no-repeat 50% 100%; padding: 15px 0 60px 120px; font-size: 130%; text-align: center; color: #fff; } #header h2.pages { display: none; display: block; } .pagetype { font-size: 130%; color: #666; text-transform: lowercase; margin: -10px 0 30px; padding: 0 0 20px 415px; } .pagetype span { border: 1px solid #222; padding: 0.66em 1em; } .pagetype strong { font-weight: normal; text-transform: uppercase; } .pagetype a:link, .pagetype a:visited { color: #fff; } .pagetype a:hover, .pagetype a:active { color: #ba00ff; } /* Posts */ .post { margin-bottom: 60px; font-size: 130%; } .post .container { position: relative; } .video { background: url("http://static.tumblr.com/gpln05e/lTMkzBxSQ/video-bg.png") repeat-y 250px 100%; margin-bottom: 40px; } .video .container { position: relative; background: url("http://static.tumblr.com/gpln05e/lWXujBxSQ/video-projector.png") no-repeat 250px 100%; padding: 0 285px 165px 275px; } .video .embed { background: url("http://static.tumblr.com/gpln05e/GqRzjBxSQ/video-top.png") no-repeat 0 0; padding: 50px 0 0 35px; margin: 0 -35px 1em -35px; } .video .projector { position: absolute; width: 80px; height: 100px; left: 805px; bottom: 54px; background: url("http://static.tumblr.com/gpln05e/cZPpDBxSQ/video-projector-anim.gif") no-repeat 0 0; } .video .meta { top: 50px; } .audio .container { position: relative; padding: 10px 260px 0 240px; background: url("http://static.tumblr.com/gpln05e/G1YyS5xSQ/audio-cite-bg.png") no-repeat 200px 100%; } .audio .embed { width: 300px; height: 220px; padding: 30px 0 0 100px; margin-bottom: 10px; background: url("http://static.tumblr.com/gpln05e/LidPi5xSQ/audio-bg.png") no-repeat 0 0; } .audio .cassette { position: absolute; width: 270px; height: 120px; left: 281px; top: 81px; background: url("http://static.tumblr.com/gpln05e/ttmoS5xSQ/audio-cassette-anim.gif") no-repeat 0 0; } .audio .content { padding-left: 20px; } .audio .plays { margin-bottom: 1em; color: #777; } .audio .plays a:link, .audio .plays a:visited { color: #777; text-decoration: none; border-bottom: 1px dotted #aaa; } .audio .plays a:hover, .audio .plays a:active { color: #444; border-bottom: 1px dotted #555; } .audio .plays + p { text-indent: 0; } .audio .plays + p + p { text-indent: 2.5em; } .audio .meta { top: 35px; } .quote { margin-top: -20px; } .quote .container { padding: 30px 260px 0 240px; background: url("http://static.tumblr.com/gpln05e/gR8GjBxSQ/quote-bg.png") no-repeat 710px 0; } .quote .quotetext { padding: 0; color: #fff; } .quote .quotetext p + p { text-indent: 2em; } .quote .long { font-size: 140%; line-height: 135%; } .quote .medium { font-size: 185%; line-height: 120%; } .quote .short { font-size: 230%; line-height: 120%; } .quote .content { width: 430px; min-height: 80px; margin-top: 10px; padding: 50px 20px 0 20px; background: url("http://static.tumblr.com/gpln05e/G4zMzBxSQ/quote-cite-bg.png") no-repeat 0 0; } .quote .hand { float: left; width: 150px; height: 80px; } .quote .meta { top: 30px; } .long .meta { top: 28px; } .short .meta { top: 34px; } .link .container { padding: 0 0 0 240px; } .link .link-wrap { position: relative; width: 590px; min-height: 90px; } .link .hand { position: absolute; top: 0; right: 0; width: 165px; height: 90px; background: #ba00ff url("http://static.tumblr.com/gpln05e/BgCdi9xSQ/link-hand.png") no-repeat 100% 0; } .link h2 { font-size: 200%; margin-right: 165px; background: #ba00ff url("http://static.tumblr.com/gpln05e/F8chS9xSQ/link-top.png") no-repeat 0 0; } .link h2 span { display: block; padding: 35px 0 20px 20px; background: transparent url("http://static.tumblr.com/gpln05e/5GBYS9xSQ/link-bot.png") no-repeat 0 100%; } .link h2 a:link, .link h2 a:visited { color: #fff; } .link h2 a:hover, .link h2 a:active { text-decoration: none; border-bottom: 1px dotted #fff; } .link .content { padding: 0 260px 0 20px; margin-top: 10px; } .link .meta { top: 35px; } .chat .container { padding: 0 240px 0 210px; } .chat h2 { font-size: 190%; color: #fff; margin-bottom: 15px; padding: 2px 0 0 30px; } .chat .transcript li { background: url("http://static.tumblr.com/gpln05e/ACX8i5xSQ/chat-bg.png") repeat-y 0 0; margin-bottom: 5px; padding: 5px 40px 5px 50px; color: #fff; font-size: 115%; line-height: 1.3; } .chat .transcript li.even { background-position: 0 100%; } .chat .label { font-weight: normal; text-transform: lowercase; color: #888; } .photo .container { padding: 20px 270px 0 240px; } .photo .photo-wrap { background: url("http://static.tumblr.com/gpln05e/aVsCzBxSQ/photo-bg.png") no-repeat 0 0; padding: 25px 20px 0; } .photo .photo-wrap img { display: block; border: 3px solid #000; margin: 0 auto; } .photo .photo-wrap img:hover { border: 3px solid #ba00ff; } .photo .photo-wrap .frame { height: 30px; margin-left: -20px; margin-right: -20px; background: url("http://static.tumblr.com/gpln05e/aVsCzBxSQ/photo-bg.png") no-repeat 0 100%; } .photo .content { padding-left: 20px; margin-top: 10px; } .photo .meta { top: 45px; } .text .container { padding: 35px 270px 0 260px; background: url("http://static.tumblr.com/gpln05e/w0MdTBxSQ/text-bg.png") no-repeat 600px 0; } .text .container p > img { max-width: 100%; text-indent: 0 !important; } .text .container p + img { text-indent: 0em !important; } .text h2.title { font-size: 185%; text-transform: uppercase; margin: 5px 0 15px; } .text h2.title a:link, .text h2.title a:visited { color: #fff; } .text h2.title a:hover, .text h2.title a:active { color: #ba00ff; text-decoration: none; } .text .meta { top: 35px; } /* Notes */ .shownotes { margin-top: 10px; padding-left: 20px; color: #777; } .shownotes a:link, .shownotes a:visited { color: #777; text-decoration: none; border-bottom: 1px dotted #777; } .shownotes a:hover, .shownotes a:active { color: #444; border-bottom: 1px dotted #555; } .text .shownotes, .video .shownotes { padding-left: 0; } .chat .shownotes { padding-left: 50px; } .notes { width: 520px; margin: 15px 0 0 -25px; } .notes li { background: url("http://static.tumblr.com/gpln05e/ACX8i5xSQ/chat-bg.png") repeat-y 0 0; margin-bottom: 5px; padding: 5px 40px 5px 50px; color: #888; font-size: 100%; line-height: 1.3; } .notes .reblog { background-position: 0 100%; } .notes a:link, .notes a:visited { color: #fff; } .notes .avatar { display: none; } .notes blockquote { margin: 0.5em 0 0 1.5em; font-style: italic; } .notes blockquote a:link, .notes blockquote a:visited { color: #888;} .chat .notes { margin-left: 0; } /* Content */ .content { line-height: 154%; color: #bbb; } .content h1, .content h2 { font-size: 131%; color: #fff; margin-bottom: 0.5em; } .content h3, .content h4 { font-size: 115%; color: #fff; margin: 0.75em 0 0.25em; } .content h5, .content h6 { color: #fff; text-transform: uppercase; margin: 0.75em 0 0.25em; } .content p + p { text-indent: 2.5em; } .content blockquote { font-style: italic; margin: 1em 0; padding-left: 2.5em; } .content ul, .content ol { margin: 0.75em 0; padding-left: 2.5em; } .content ul li { list-style: disc; } .content ol li { list-style-type: decimal; } .content pre { margin: 1em 0; padding: 5px 10px; background-color: #222; color: #fff; overflow: auto; width: 410px; } .content code { padding: 1px 2px; font: normal 108%/1.57 "Lucida Console", Consolas, monospace; background-color: #222; color: #fff; } .content abbr, .content acronym { border-bottom: 1px dotted #bbb; cursor: help; } /* Metadata */ .meta { position: absolute; top: 0; left: 0; width: 220px; } .meta .permalink { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url("http://static.tumblr.com/gpln05e/w297S9xSQ/permalink.png") no-repeat 0 0; overflow: hidden; } .meta .permalink a { display: block; width: 30px; height: 0; padding-top: 30px; overflow: hidden; } .meta .data { text-align: right; margin-right: 40px; background-color: #000; } .meta .data p, .meta .tags { margin: 0.7em 0; } .meta .data p em { color: #666; font-style: normal; padding-bottom: 0.25em; border-bottom: 1px solid #333; } .meta .data p.divider em { border-bottom: 1px solid #333; } .meta .tags li { padding-bottom: 0.5em; } .hidden { display: none; } /* Content */ strong, b, strong em, strong i { font-weight: bold; } em, i, em strong, em b { font-style: italic; } /* Footer */ #footer { background: url("http://static.tumblr.com/gpln05e/eQTAi9xSQ/footer-bg.png") no-repeat 50% 0; padding: 60px 0; } #footer #tumblr-logo, #footer #controls { position: absolute; bottom: 0; width: 100px; height: 30px; } #footer #tumblr-logo { left: 220px; background: url("http://static.tumblr.com/gpln05e/6FRgjBxSQ/tumblr-logo.png") no-repeat 0 0; } #footer #controls { width: 130px; left: 610px; background: #ba00ff url("http://static.tumblr.com/gpln05e/u2qGy9xSQ/footer-controls.png") no-repeat 0 0; } #footer #controls li, #footer #controls li a { display: block; float: left; width: 30px; height: 30px; } #footer #controls .random, #footer #controls .random a { width: 40px; } #footer #tumblr-logo, #footer #controls li a { text-indent: -999em; overflow: hidden; } #footer #search { display: none; position: absolute; bottom: 0; left: 454px; width: 160px; height: 30px; background: url("http://static.tumblr.com/gpln05e/H523jBxSQ/search-bg.png") no-repeat 0 0; z-index: 10; } #footer #search label { display: none; } #footer #search-query { position: absolute; left: 8px; bottom: 3px; background-color: #333; border: none; font-size: 130%; width: 150px; height: 21px; color: #fff; } #footer .older, #footer .newer { width: 180px; height: 40px; float: left; margin-left: 285px; background: url("http://static.tumblr.com/gpln05e/5FfxC9xSQ/nav-older-bg.png") no-repeat 0 0; } #footer .newer { margin-left: 20px; background-image: url("http://static.tumblr.com/gpln05e/j8JnS9xSQ/nav-newer-bg.png"); } #footer .older a, #footer .newer a { display: block; height: 40px; text-indent: -999em; overflow: hidden; background: #ba00ff url("http://static.tumblr.com/gpln05e/YxL1S9xSQ/nav-older.png") no-repeat 0 0; } #footer .newer a { background-image: url("http://static.tumblr.com/gpln05e/rKctC9xSQ/nav-newer.png"); } #footer .older a:hover, #footer .newer a:hover { background-position: 0 -40px; } #footer .credits, #footer .pages { clear: both; text-align: center; font-size: 130%; line-height: 130%; padding-top: 1em; color: #666; } #footer .pages { color: #333; } #footer .credits a:link, #footer .credits a:visited { color: #999; } #footer .credits a:hover, #footer .credits a:active { color: #ba00ff; } /* Following */ #following { overflow: hidden; width: 360px; margin: 20px auto 0; padding-top: 30px; background: url("http://static.tumblr.com/gpln05e/F9Fkfgd11/header-following.png") no-repeat 50% 0; } #following li { display: block; float: left; width: 24px; height: 24px; margin: 0; padding: 8px; background: #000 url("http://static.tumblr.com/gpln05e/OkOkfgc9y/avatar-bg.png") no-repeat 0 0; } #following li.alt2 { background-position: -40px 0; } #following li.alt3 { background-position: -80px 0; } #following li.alt4 { background-position: -120px 0; } /* Links */ a:link, a:visited { color: #ba00ff; text-decoration: none; } a:hover, a:active { text-decoration: underline; } .data a:link, .data a:visited { color: #666; } .data a:hover, .data a:active { color: #ba00ff; text-decoration: none; } /* Localization */ .tag, .search_query { font-weight: bold; } .search_query:before { content:'“'; } .search_query:after { content:'”'; } .pagetype .date { font-weight: bold; }