Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- ___
- ,o88888
- ,o8888888'
- ,:o:o:oooo. ,8O88Pd8888"
- ,.::.::o:ooooOoOoO. ,oO8O8Pd888'"
- ,.:.::o:ooOoOoOO8O8OOo.8OOPd8O8O"
- , ..:.::o:ooOoOOOO8OOOOo.FdO8O8"
- , ..:.::o:ooOoOO8O888O8O,COCOO"
- , . ..:.::o:ooOoOOOO8OOOOCOCO"
- . ..:.::o:ooOoOoOO8O8OCCCC"o Space Email Theme
- . ..:.::o:ooooOoCoCCC"o:o by Ish Passion
- . ..:.::o:o:,cooooCo"oo:o:
- ` . . ..:.:cocoooo"'o:o:::'
- .` . ..::ccccoc"'o:o:o:::'
- :.:. ,c:cccc"':.:.:.:.:.'
- ..:.:"'`::::c:"'..:.:.:.:.:.'
- ...:.'.:.::::"' . . . . .'
- .. . ....:."' ` . . . ''
- . . . ...."'
- .. . ."'
- .
- Based on the fantastic Space Email game on galaxybuster, created by
- Shelby Smith. Thank you for creating such a masterpiece.
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <style>
- @font-face {font-family:'Alert';src:url('http://static.tumblr.com/mdtvpdz/T2Rmwum9e/alert.ttf');}
- @font-face {font-family:"Onett"; src: url("http://static.tumblr.com/mdtvpdz/3W2mwum09/onett.ttf");}
- @font-face {font-family:'Minecraftia';src:url('http://static.tumblr.com/gvd42r2/jj1m7jrzv/minecraftia.ttf');}
- @font-face {font-family:'Superscript';src:url('http://static.tumblr.com/gvd42r2/HWxm7js7a/superscr.ttf');}
- @font-face {font-family:'Ronda';src:url('http://static.tumblr.com/gvd42r2/ywYm7jt3k/pf_ronda_seven.ttf');}
- @font-face {font-family:'Nanobyte';src:url('http://static.tumblr.com/deqrt8e/b4Pmk4i8z/nano-byte.ttf');}
- @font-face {font-family:'Lexipa';src:url('http://static.tumblr.com/gvd42r2/kU4m7js4w/lexipa__.ttf');}
- @font-face {font-family:'Bitxmap';src:url('http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf');}
- @font-face {font-family:"Volter"; src: url("http://static.tumblr.com/pmp6cjn/OLWmswlyh/volter__28goldfish_29.ttf");}
- @font-face {font-family:"Wild World"; src: url("http://static.tumblr.com/mdtvpdz/CFemuzumv/animal-crossing-wild-world.ttf");}
- @font-face {font-family:"Berry"; src: url("http://static.tumblr.com/deqrt8e/6Bkmkfv6a/pixel_berry_08_84_ltd.edition.ttf");}
- @font-face {font-family:"Stately"; src: url("http://static.tumblr.com/mdtvpdz/GG3mvk4jr/stately.ttf");}
- @font-face {font-family:"Wasted"; src: url("http://static.tumblr.com/mdtvpdz/jnxmvkriz/wastedanhouronthis.ttf");}
- /*--Default Font Sizes (for your convenience!)
- Alert: 16px;
- Onett: 16px;
- Minecraftia: 8px
- Superscript: 10px
- Ronda: 8px
- Nanobyte: 8px
- Lexipa: 9px
- Bitxmap: 10px;
- Volter: 9px;
- Wild World: 16px;
- Berry: 8px;
- Stately: 16px;
- Wasted: 16px;
- --------------------------------------------*/
- ::selection {
- color: #fff;
- background-color: {color:Links};
- }
- ::-moz-selection {
- color: #fff;
- background-color: {color:Links};
- }
- ::-webkit-selection {
- color: #fff;
- background-color: {color:Links};
- }
- ::-webkit-scrollbar {
- width: 16px;
- height: 16px;
- background: #000;
- border: 1px solid {color:Text};
- }
- ::-webkit-scrollbar-button:vertical:decrement { /*-Up-*/
- height: 16px;
- width: 16px;
- border: 1px solid {color:Text};
- background-color: {color:Text};
- background-image: url('http://static.tumblr.com/mdtvpdz/jZbmvi4ng/space_email_up.png');
- }
- ::-webkit-scrollbar-button:vertical:increment { /*-Down-*/
- height: 16px;
- width: 16px;
- border: 1px solid {color:Text};
- background-color: {color:Text};
- background-image: url('http://static.tumblr.com/mdtvpdz/xfEmvi4o7/space_email_down.png')
- }
- ::-webkit-scrollbar-button:horizontal:decrement { /*-Left-*/
- height: 16px;
- width: 16px;
- border: 1px solid {color:Text};
- background-color: {color:Text};
- background-image: url('http://static.tumblr.com/mdtvpdz/r4tmvi4op/space_email_left.png');
- }
- ::-webkit-scrollbar-button:horizontal:increment { /*-Right-*/
- height: 16px;
- width: 16px;
- border: 1px solid {color:Text};
- background-color: {color:Text};
- background-image: url('http://static.tumblr.com/mdtvpdz/Oq2mvi4pd/space_email_right.png');
- }
- ::-webkit-scrollbar-corner {
- height: 16px;
- width: 16px;
- border-right: 1px solid {color:Text};
- border-bottom: 1px solid {color:Text};
- background-color: {color:Text};
- background-image: url('http://static.tumblr.com/mdtvpdz/fBHmvi4j8/space_email_corner.png')
- }
- ::-webkit-scrollbar-thumb {
- background: {color:Text};
- }
- /* Music Player Step #1 */
- </style>
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="color:Text" content="#F6A21B" />
- <meta name="color:Links" content="#4A538A" />
- <meta name="color:Background" content="#15181F" />
- <meta name="text:Body Font" content="Alert" />
- <meta name="text:Body Font Size" content="16" />
- <meta name="text:Footer Font" content="Ronda" />
- <meta name="text:Footer Font Size" content="8" />
- <meta name="text:Fancy Font" content="Ronda" />
- <meta name="text:Fancy Font Size" content="8" />
- <meta name="text:Sidebar Position Top" content="360" />
- <meta name="text:Sidebar Image Position Top" content="-250" />
- <meta name="text:Sidebar Image Position Left" content="0" />
- <meta name="text:Navigation Title" content="navigation" />
- <meta name="text:Topbar Title" content="Space" />
- <meta name="text:Link 1 Title" content="" />
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 2 Title" content="" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 3 Title" content="" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 4 Title" content="" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 5 Title" content="" />
- <meta name="text:Link 5 URL" content="" />
- <meta name="text:Link 6 Title" content="" />
- <meta name="text:Link 6 URL" content="" />
- <meta name="text:Link 7 Title" content="" />
- <meta name="text:Link 7 URL" content="" />
- <meta name="if:Sidebar Icon Avatar" content="1" />
- <meta name="if:Sidebar Icon Custom" content="0" />
- <meta name="if:Sidebar Shortcuts" content="1" />
- <meta name="if:Navigation Bar" content="1" />
- <meta name="if:Link 1" content="0" />
- <meta name="if:Link 2" content="0" />
- <meta name="if:Link 3" content="0" />
- <meta name="if:Link 4" content="0" />
- <meta name="if:Link 5" content="0" />
- <meta name="if:Link 6" content="0" />
- <meta name="if:Link 7" content="0" />
- <meta name="if:Search Bar" content="0" />
- <meta name="if:Sidebar Scrolling" content="1" />
- <meta name="if:Sidebar Static" content="0" />
- <meta name="if:Header" content="1" />
- <meta name="if:Show Tags" content="1" />
- <meta name="if:Like and Reblog Buttons" content="1" />
- <meta name="if:Infinite Scroll" content="0" />
- <meta name="if:Enable Jump Pagination" content="1" />
- <meta name="image:Background" content="http://static.tumblr.com/mdtvpdz/yYymww7c3/space_email_background.png" />
- <meta name="image:Sidebar" content="http://static.tumblr.com/mdtvpdz/pEImww7cs/space_email_sidebar.png" />
- <meta name="image:Favicon" content="http://static.tumblr.com/mdtvpdz/qXZmww7e9/space_email_favicon.png" />
- <meta name="image:Cursor" content="http://static.tumblr.com/mdtvpdz/DYgmww7dg/space_email_cursor.png" />
- <meta name="image:Floater" content="http://static.tumblr.com/mdtvpdz/m1Nmww7f0/space_email_floater.png" />
- <!-- Music Player Step #2 -->
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{image:Favicon}" />
- <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- body {
- background: {color:Background} url('{image:Background}') top left fixed repeat;
- margin: 0;
- padding: 0;
- font-family: '{text:Body Font}';
- font-size: {text:Body Font Size}px;
- }
- .clear {
- clear: both;
- height: 0px;
- overflow: hidden;
- }
- a img {
- border: none;
- }
- #floater {
- background-image: url('{image:Floater}');
- background-repeat: no-repeat;
- position: fixed;
- left: 73%;
- top: 45%;
- width: 100%;
- height: 100%;
- z-index: -1000;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #wrapper {
- width: 845px;
- margin: 0 auto;
- }
- {block:ifHeader}
- #wrapper #header {
- font-size: 400%;
- font-family: {text:Body Font};
- margin: 10px 10px 30px 10px;
- text-align: center;
- }
- #wrapper #header a {
- color: {color:Text};
- text-decoration: none;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- letter-spacing: 2px;
- }
- #wrapper #header a:hover {
- text-shadow: 0 0 48px #fff;
- -webkit-transition: all 0.75s ease-out;
- -moz-transition: all 0.75s ease-out;
- transition: all 0.75s ease-out;
- }
- {/block:ifHeader}
- #wrapper #content {
- width: 520px;
- float: right;
- margin: 8px;
- }
- #wrapper #content .post {
- font-family: '{text:Body Font}';
- font-size: {text:Body Font Size}px;
- color: {color:Text};
- position: relative;
- border: 1px solid {color:Text};
- background-color: {color:Background};
- border-radius: {text:Border Roundness}px;
- }
- #wrapper #content .post .top {
- background-color: {color:Links};
- width: 518px;
- height: 18px;
- }
- #wrapper #content .post .label {
- position: absolute;
- top: 2px;
- left: 5px;
- }
- #wrapper #content .post .linea {
- background-color: transparent;
- position: relative;
- width: 518px;
- height: 1px;
- border-bottom: 1px solid {color:Links};
- }
- #wrapper #content .post .likebutton {
- top: 1px;
- left: 478px;
- position: absolute;
- height: 12px;
- width: 12px;
- }
- #wrapper #content .post .reblogbutton {
- top: 1px;
- left: 498px;
- position: absolute;
- height: 12px;
- width: 12px;
- }
- #wrapper #content .post .media {
- text-align: center;
- margin: 8px 8px 6px 8px;
- }
- #wrapper #content .post .media a {
- opacity: 1;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #wrapper #content .post .media a:hover {
- opacity: 0.8;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #wrapper #content .post .quotebg {
- font-family: '{text:Body Font}';
- font-size: 500%;
- color: {color:Footer};
- opacity: 0.3;
- filter: alpha(opacity=30);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
- position: absolute;
- z-index: 0;
- top: 32px;
- left: 16px;
- margin-top: 24px;
- }
- #wrapper #content .post .quote {
- color: {color:Text};
- font-family: '{text:Body Font}';
- padding: 10px 20px 5px 20px;
- margin: 8px;
- }
- #wrapper #content .post .quote.short {
- font-size: 200%;
- line-height: 35px;
- }
- #wrapper #content .post .quote.medium {
- font-size: 150%;
- line-height: 28px;
- }
- #wrapper #content .post .quote.long {
- font-size: 125%;
- line-height: 22px;
- }
- #wrapper #content .post .quote_source {
- margin: 8px;
- }
- #wrapper #content .post .copy {
- color: {color:Text};
- padding: 8px;
- font-size: {text:Body Font Size}px;
- line-height: 15px;
- }
- #wrapper #content .post .copy a {
- color: {color:Links};
- }
- #wrapper #content .post .copy a:hover {
- text-decoration: underline;
- }
- #wrapper #content .post .copy p {
- margin: 5px 0 5px 0;
- padding: 0;
- }
- #wrapper #content .post .copy pre {
- margin: 10px 0px 10px 0px;
- padding: 10px;
- background-color: rgba(255,255,255,0.05);
- font: normal {text:Fancy Font Size}px '{text:Fancy Font}', monospace;
- overflow: auto;
- }
- #wrapper #content .post .copy > p:first-child {
- color: {color:Links}
- margin-top: 0;
- }
- #wrapper #content .post .copy img {
- max-width: 100%;
- }
- #wrapper #content .post .audio {
- background-color: #000;
- float: left;
- border: 1px solid {color:Text};
- margin: 8px;
- width: 310px;
- }
- #wrapper #content .post .audio .player {
- float: left;
- }
- #wrapper #content .post .audio .player .audio_player embed {
- border: 1px solid {color:Text};
- }
- #wrapper #content .post .audio .meta {
- padding: 6px 8px;
- height: 16px;
- float: left;
- color: {color:Text};
- font-family: '{text:Fancy Font}';
- font-size: {text:Fancy Font Size}px;
- border-left: 1px dashed {color:Text};
- }
- #wrapper #content .post .audio .meta a {
- color: {color:Text};
- text-decoration: none;
- float: center;
- }
- #wrapper #content .post .album_art img {
- float: left;
- width: 180px;
- height: 180px;
- border: 1px solid {color:Text};
- margin-top: 8px;
- margin-left: 8px;
- }
- #wrapper #content .post .audio-info {
- font-family:{text:Fancy Font};
- font-size:{text:Fancy Font Size}px;
- color: {color:Text};
- padding-top: 8px;
- padding-left: 8px;
- padding-right: 8px;
- overflow: hidden;
- white-space: nowrap;
- }
- #wrapper #content .post .question {
- color: {color:Text};
- font-family: {text:Body Font};
- font-size: {text:Body Font Size}px;
- background-color: {color:Links};
- margin: 0 0 15px 0;
- padding: 15px 20px;
- position: relative;
- margin-top: 8px;
- margin-left: 8px;
- margin-right: 8px;
- }
- #wrapper #content .post .question .nipple {
- position: absolute;
- bottom: -7px;
- left: 30px;
- width: 0;
- height: 0;
- border-left: 7px solid transparent;
- border-right: 7px solid transparent;
- border-top: 7px solid {color:Links};
- }
- #wrapper #content .post .asker_container {
- margin: 0 0 20px 24px;
- color: {color:Text};
- font-family: {text:Body Font};
- font-size: {text:Body Font Size}px;
- }
- #wrapper #content .post .asker_container img {
- margin: 0 12px -7px 4px;
- border-radius: 15px;
- border: 2px solid {color:Links};
- }
- #wrapper #content .post .asker_container a.asker {
- color: {color:Text};
- }
- #wrapper #content .post .title {
- color: {color:Text};
- font-size: 125%;
- padding: 8px 8px 0 8px;
- margin: 0px 8px 0px 8px;
- }
- #wrapper #content .post img {
- max-width: 500px;
- }
- #wrapper #content .post .chat {
- border-left: 5px solid {color:Text};
- font-size: {text:Body Font Size}px;
- margin: 8px 8px 0px 8px;
- }
- #wrapper #content .post .chat .lines {
- margin-left: 1px;
- }
- #wrapper #content .post .chat .lines .line.odd {
- color: {color:Text};
- background-color: rgba(0,0,0,0.1);
- margin-bottom: 1px;
- padding: 2px 4px;
- }
- #wrapper #content .post .chat .lines .line.even {
- color: {color:Text};
- background-color: rgba(255,255,255,0.05);
- margin-bottom: 1px;
- padding: 2px 4px;
- }
- #wrapper #content .post .link {
- margin: 12px 8px 4px 8px;
- font-size: {text:Body Font Size}px;
- line-height: 16px;
- }
- #wrapper #content .post .link a {
- color: {color:Text};
- padding: 4px 6px;
- border: 1px solid {color:Text};
- overflow: hidden;
- }
- #wrapper #content .post .link a:hover {
- color: {color:Background};
- background-color: {color:Text};
- text-decoration: none;
- }
- #wrapper #content .post .footer {
- font-family: '{text:Footer Font}';
- font-size: {text:Footer Font Size}px;
- color: {color:Text};
- padding: 4px 4px 4px 4px;
- border-top: 1px solid {color:Text};
- }
- #wrapper #content .post .footer.for_permalink {
- opacity: 1;
- -webkit-transition: all 0.5s linear 0s;
- -moz-transition: all 0.5s linear 0s;
- -o-transition: all 0.5s linear 0s;
- transition: all 0.5s linear 0s;
- }
- #wrapper #content .post .footer.for_permalink:hover {
- opacity: 0.7;
- -webkit-transition: all 0.5s linear 0s;
- -moz-transition: all 0.5s linear 0s;
- -o-transition: all 0.5s linear 0s;
- transition: all 0.5s linear 0s;
- }
- #wrapper #content .post .footer .date {
- width: 67%;
- float: left;
- }
- #wrapper #content .post .footer .notes {
- width: 33%;
- float: right;
- text-align: right;
- }
- #wrapper #content .post .footer .notes a {
- }
- #wrapper #content .post .footer .tags a {
- color: {color:Links};
- }
- #wrapper #content .post .footer .tags a:hover {
- text-decoration: underline;
- }
- #wrapper #content .post .footer .tags .tag-commas:last-child {
- display: none;
- }
- #wrapper #content .post .footer.with_source_url .tags {
- max-width: 67%;
- float: left;
- }
- #wrapper #content .post .footer.with_source_url .source_url {
- float: right;
- color: {color:Text};
- max-width: 33%;
- overflow: hidden;
- white-space: nowrap;
- }
- #wrapper #content .post .footer.with_source_url .source_url:hover {
- }
- #wrapper #content .post .footer.with_source_url .source_url img {
- vertical-align: top;
- color: {color:Text};
- }
- #wrapper #content .post .footer.with_source_url .source_url:hover img {
- }
- #wrapper #content .post a {
- color: {color:Link};
- text-decoration: none;
- }
- #wrapper #content .post a:hover {
- text-decoration: underline;
- }
- #wrapper #content .post .copy blockquote {
- margin: 8px 0px 8px 8px;
- padding-left: 8px;
- border-left: dotted 2px {color:Links};
- }
- #wrapper #content .post .copy blockquote blockquote {
- border-left: dotted 2px {color:Links};
- }
- #wrapper #content .post .copy blockquote blockquote blockquote {
- border-left: dotted 2px {color:Links};
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
- border-left: dotted 2px {color:Links};
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
- border-left: dotted 2px {color:Links};
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
- border-left: dotted 2px {color:Links};
- }
- #wrapper #content .bottom {
- width: 400px;
- height: 30px;
- margin: 0 auto;
- }
- #wrapper #content #navigation {
- text-align: center;
- padding-bottom: 35px;
- font-family: '{text:Body Font}';
- font-size: {text:Body Font Size}px;
- }
- #wrapper #content #navigation a {
- background-color: {color:Background};
- color: {color:Text};
- border: 1px solid #4c3e8e;
- padding: 4px 8px;
- text-decoration: none;
- margin-left: 25px;
- }
- #wrapper #content #navigation a:hover {
- color: {color:Background};
- background-color: {color:Text};
- }
- #wrapper #content #navigation.jump_pagination {
- }
- #wrapper #content #navigation.jump_pagination a {
- margin: 0 0 0 4px;
- }
- #wrapper #content #navigation.jump_pagination .current_page {
- color: {color:Background};
- background-color: {color:Text};
- border: 1px solid #4c3e8e;
- padding: 4px 8px;
- margin: 0 0 0 4px;
- }
- #wrapper #content #navigation.jump_pagination .jump_page {
- }
- #wrapper #content .post .notecontainer {
- background-color: rgba(0,0,0,0.2);
- font-family: '{text:Body Font}';
- font-size: {text:Body Font Size};
- color: {color:Text};
- border-top: 1px solid {color:Text};
- }
- #wrapper #content .post .notecontainer a {
- color: {color:Links};
- }
- #wrapper #content .post .notecontainer ol.notes {
- padding: 0px 0 10px 0;
- list-style-type: none;
- font-size: {text:Body Font Size};
- }
- #wrapper #content .post .notecontainer ol.notes li.note {
- padding: 10px 10px 0 10px;
- color: {color:Text};
- }
- #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- border: 1px solid #fff;
- }
- #wrapper #content .post .notecontainer ol.notes li.note span.action {
- font-weight: normal;
- }
- #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
- font-weight: normal;
- }
- #wrapper #content .post .notecontainer ol.notes li.note blockquote {
- border-left: 2px dotted {color:Links};
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- text-decoration: none;
- }
- #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
- text-decoration: none;
- }
- #wrapper #content .post .notecontainer ol.notes li.note blockquote a:hover {
- text-decoration: underline;
- }
- #wrapper #content #searchresults {
- color: {color:Text};
- margin: 0 0 15px 0;
- font-family: '{text:Body Font}';
- font-size: {text:Body Font Size};
- }
- #wrapper #content #searchresults .search_query {
- font-weight: bold;
- }
- #wrapper #content #searchresults .search_query:before {
- content:'“';
- }
- #wrapper #content #searchresults .search_query:after {
- content:'”';
- }
- #wrapper #sidebar {
- position: {block:ifSidebarScrolling}fixed !important{/block:ifSidebarScrolling} {block:ifSidebarStatic}relative !important{/block:ifSidebarStatic};
- float: left !important;
- top: {text:Sidebar Position Top}px;
- width: 216px;
- color: {color:Text};
- font-family: {text:Body Font};
- font-size: {text:Body Font Size}px;
- }
- #wrapper #sidebar #top .top {
- background-color: {color:Links};
- display: block;
- margin: auto;
- width: 198px;
- height: 18px;
- }
- #wrapper #sidebar #top .label {
- position: absolute;
- top: 3px;
- left: 14px;
- }
- #wrapper #sidebar #top .linea {
- background-color: transparent;
- position: relative;
- width: 198px;
- height: 1px;
- border-bottom: 1px solid {color:Links};
- }
- #wrapper #sidebar a {
- color: {color:Text};
- }
- #wrapper #sidebar #top {
- background-color: {color:Background};
- margin: 0px 8px;
- border: 1px solid {color:Text};
- border-radius: {text:Border Roundness}px;
- text-decoration: none;
- }
- #wrapper #sidebar #top a {
- text-decoration: underline;
- }
- #wrapper #sidebar #top #avatar img {
- opacity: 1;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- {block:ifSidebarIconCustom}
- position: absolute;
- top: {text:Sidebar Image Position Top}px;
- left: {text:Sidebar Image Position Left}px;
- {/block:ifSidebarIconCustom}
- {block:ifSidebarIconAvatar}
- position: absolute;
- width: 128px;
- height: 128px;
- border-radius: 64px;
- top: -180px;
- left: 34px;
- border: 2px solid {color:Text};
- background-color: #fff;
- {/block:ifSidebarIconAvatar}
- }
- #wrapper #sidebar #top #avatar img:hover {
- {block:ifSidebarIconAvatar}
- box-shadow: 0 0 32px 0 #f02fbc;
- {/block:ifSidebarIconAvatar}
- {block:ifSidebarIconCustom}
- opacity: 0.50;
- {/block:ifSidebarIconCustom}
- -webkit-transition: all 0.75s ease-out;
- -moz-transition: all 0.75s ease-out;
- transition: all 0.75s ease-out;
- }
- #wrapper #sidebar #top #avatar .sidebar {
- }
- #wrapper #sidebar #top #description {
- font-size: {text:Body Font Size}px;
- font-family: '{text:Body Font}';
- color: {color:Text}
- top: -4px;
- margin-top: 8px;
- margin-bottom: 8px;
- position: relative;
- text-align: center;
- padding: 0 4px;
- }
- #wrapper #sidebar #top #description a {
- color: {color:Links};
- text-decoration: none;
- }
- #wrapper #sidebar #top #description a:hover {
- text-decoration: underline;
- }
- #wrapper #sidebar #top #description .shortcutsdefault {
- font-size: {text:Body Font Size}px;
- font-family: '{text:Body Font}';
- color: {color:Text};
- position: relative;
- text-align: center;
- margin-top: 8px;
- }
- #wrapper #sidebar #top #description .shortcutsicons {
- position: relative;
- text-align: center;
- margin-top: 8px;
- }
- #wrapper #sidebar #top #pages {
- margin-bottom: 4px;
- font-size: {text:Body Font Size}px;
- }
- #wrapper #sidebar #top #pages a.page {
- display: block;
- float: center;
- text-align: center;
- line-height: 12px;
- background-color: {color:Background};
- color: #000000;
- padding: 4px 4px;
- margin: 8px 4px 4px 4px;
- border: 1px solid {color:Text};
- text-decoration: none;
- }
- #wrapper #sidebar #top #pages a.page:hover {
- color: {color:Background};
- background-color: {color:Text};
- text-decoration: none;
- }
- #wrapper #sidebar #top #pages a.page:last-child {
- margin-right: 20%;
- }
- {block:IfSearchBar}
- #wrapper #sidebar #top #search {
- background: {color:Background};
- border: 1px solid {color:Text};
- margin: 8px 4px 0;
- }
- #wrapper #sidebar #top #search-scope {
- padding: 2px;
- font-size: {text:Body Font Size}px;
- text-align: center;
- font-family: {text:Body Font};
- }
- #wrapper #sidebar #top #search form {
- margin: 4px;
- text-align: center;
- }
- #wrapper #sidebar #top #search form .query {
- padding: 4px;
- border: none;
- background: transparent;
- outline: none;
- width: 96px;
- float: left;
- color: {color:Text};
- font-family: {text:Body Font};
- font-size: {text:Body Font Size}px;
- }
- #wrapper #sidebar #top #search form .submit {
- background: {color:Background};
- color: {color:Text};
- border: 1px solid {color:Text};
- padding: 4px 6px;
- margin: 2px;
- float: right;
- font-family: {text:Body Font};
- font-size: {text: Body Font Size};
- }
- #wrapper #sidebar #top #search form .submit:hover {
- background-color: {color:Text};
- color: {color:Background};
- }
- {/block:ifSearchBar}
- #wrapper #sidebar #top .content {
- margin-top: 2px;
- padding: 7px 10px;
- background: #eaeaea;
- color: #666;
- font-size: 11px;
- overflow: hidden;
- }
- </style>
- <!--[if lt IE 7.]>
- <style type="text/css">
- #wrapper #sidebar #bottom {
- background: transparent;
- }
- #wrapper #sidebar #top #avatar {
- background: none;
- }
- #wrapper #sidebar #top #avatar img {
- border: 5px solid #f1f1f1;
- }
- #wrapper #sidebar #top .heading#followontumblr {
- background-image: none;
- text-indent: 0;
- }
- #wrapper #sidebar #top .heading#twitter {
- background-image: none;
- }
- #wrapper #sidebar #top .heading#following {
- background-image: none;
- }
- #wrapper #content .post .audio .player {
- float: none;
- }
- #wrapper #content .post .audio .meta {
- display: none;
- float: none;
- }
- </style>
- <![endif]-->
- <!--[if lt IE 8.]>
- #wrapper #content .bottom {
- background: transparent;
- }
- #wrapper #content .post .footer {
- background: transparent;
- color: #000;
- }
- #wrapper #content .post .audio {
- float: none;
- background: transparent;
- }
- #wrapper #content .post .notecontainer .notes {
- padding: 0;
- margin: 0;
- }
- </style>
- <![endif]-->
- <style type="text/css">{CustomCSS}</style>
- {block:Ifinfinitescroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:Ifinfinitescroll}
- </head>
- {block:IfFloaterImage}
- <div id="floater">
- </div>
- {/block:IfFloaterImage}
- <body>
- <div id="wrapper">
- <div id="header">
- <br>
- {block:ifHeader}
- <a href="/">
- {Title}
- </a>
- {/block:ifHeader}<br>
- </div>
- <div id="content">
- {block:IfSearchBar}
- {block:SearchPage}
- {block:SearchResults}
- <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
- {/block:SearchResults}
- {block:NoSearchResults}
- <div id="searchresults">{lang:No search results for SearchQuery 2} :(</div>
- {/block:NoSearchResults}
- {/block:SearchPage}
- {/block:IfSearchBar}
- <div class = "autopagerize_page_element" >
- {block:Posts}
- <div class="post">
- <div class="top"></div>
- <div class="label">{text:TopBar Title} Post</div>
- <div class="linea"></div>
- <div class="linea"></div>
- <div class="linea"></div>
- {block:ifLikeAndReblogButtons}
- <div class="likebutton">{LikeButton size="16" color="white"}</div>
- <div class="reblogbutton">{ReblogButton size="16" color="white"}</div>
- {/block:ifLikeAndReblogButtons}
- {block:Photo}
- <div class="media">{LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {LinkCloseTag}</div>
- {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Video}
- <div class="media">{Video-500}</div>
- {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- {block:AlbumArt}
- <div class="album_art">
- <img src="{AlbumArtURL}" />
- </div>
- {/block:AlbumArt}
- <div class="audio">
- <div class="player">{AudioPlayerBlack}</div>
- <div class="meta">{PlayCountWithLabel}{block:ExternalAudio}<span class="download_external_audio"> • <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
- <div class="clear"></div>
- </div>
- <div class="audio-info">
- {block:TrackName}
- <div style="font-weight:bold;">Title:</div> {TrackName}<br></br>
- {/block:TrackName}
- {block:Album}
- <div style="font-weight:bold;">Album:</div> {Album}<br></br>
- {/block:Album}
- {block:Artist}
- <div style="font-weight:bold;">Artist:</div> {Artist}
- {/block:Artist}
- </div>
- <div class="clear"></div>
- {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Quote}
- <div class="quote {Length}">{Quote}</div>
- <div class="copy">
- <div class="quotebg">“</div>
- {block:Source}
- <table border="0" cellpadding="0" cellspacing="0" width="100%">
- <tr>
- <td valign="top" style="width:20px;">—</td>
- <td valign="top" class="quote_source">
- {Source}
- </td>
- </tr>
- </table>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="copy">{Body}</div>
- {/block:Text}
- {block:Answer}
- <div class="question">
- <div class="nipple"></div>
- {Question}
- </div>
- <div class="asker_container"><img src="{AskerPortraitURL-30}">{Asker}</div>
- <div class="copy">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="chat">
- <div class="lines">
- {block:Lines}
- <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
- {/block:Lines}
- </div>
- </div>
- <div class="clear"></div>
- <div style="height:10px;"></div>
- {/block:Chat}
- {block:Link}
- <div class="link"><a href="{URL}" {Target}>{Name} →</a></div>
- {block:Description}<div class="copy">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Date}
- <a href="{Permalink}">
- <div class="footer for_permalink">
- <div class="date">
- {block:Reblog}
- Reblogged from {ReblogParentName} on {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes} {block:RebloggedFromReblog}{/block:RebloggedFromReblog}
- {/block:Reblog}
- {block:NotReblog}
- Posted on {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes}
- {/block:NotReblog}
- </div>
- <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}•{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
- <div class="clear"></div>
- </div>
- </a>
- {/block:Date}
- <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
- display:none;
- {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
- {block:ContentSource}display:block;{/block:ContentSource}
- ">
- {block:IfShowTags}
- {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a><span class="tag-commas"> </span>{/block:Tags}</div>{/block:HasTags}
- {/block:IfShowTags}
- {block:ContentSource}
- <a href="{SourceURL}" class="source_url">
- {lang:Source}:
- {block:SourceLogo}<img src="{WhiteLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
- </a>
- {/block:ContentSource}
- <div class="clear"></div>
- </div>
- {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
- </div>
- <div class="bottom"></div>
- {/block:Posts}
- </div>
- {block:Ifinfinitescroll}<div class="no">{/block:Ifinfinitescroll} {block:Pagination}
- <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
- {block:PreviousPage}<a href="{PreviousPage}">← {lang:Previous}</a>{/block:PreviousPage}
- {block:IfEnableJumpPagination}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {/block:IfEnableJumpPagination}
- {block:NextPage}<a href="{NextPage}">{lang:Next page} →</a>{/block:NextPage}
- </div>
- {/block:Pagination}{block:Ifinfinitescroll}</div>{/block:Ifinfinitescroll}
- </div>
- <div id="sidebar">
- <div id="top">
- <div class="top"></div>
- <div class="label">{text:TopBar Title} Description</div>
- <div class="linea"></div>
- <div class="linea"></div>
- <div class="linea"></div>
- <div id="description">
- <div id="avatar">
- <a href="/">
- {block:ifSidebarIconCustom}<img class="Sidebar" src="{image:Sidebar}"/>{/block:ifSidebarIconCustom}
- {block:ifSidebarIconAvatar}<img class="Sidebar" src="{PortraitURL-128}"/>{/block:ifSidebarIconAvatar}
- </a></div>
- {block:ifSidebarShortcuts}
- <div class="shortcutsdefault"><a href="/">Home</a> /{block:AskEnabled} <a href="/ask">Ask</a> /{/block:AskEnabled}{block:SubmissionsEnabled} <a href="/submit">Submit</a> /{/block:SubmissionsEnabled} <a href="/archive">Archive</a></div>
- {/block:ifSidebarShortcuts}
- <p>{Description}</p>
- {block:IfNavigationBar}
- <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:{text:Body Font}; font-size:{text:Body Font Size}px; width: 160px; margin-bottom:8px; color:{color:Text}; border: 1px solid {color:Text}; background-color: {color:Background}; text-align:center;">
- <option value="/">{text:Navigation Title}</option>
- {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1 Title}</option>{/block:ifLink1}
- {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2 Title}</option>{/block:ifLink2}
- {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3 Title}</option>{/block:ifLink3}
- {block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4 Title}</option>{/block:ifLink4}
- {block:ifLink5}<option value="{text:Link 5 URL}">{text:Link 5 Title}</option>{/block:ifLink5}
- {block:ifLink6}<option value="{text:Link 6 URL}">{text:Link 6 Title}</option>{/block:ifLink6}
- {block:ifLink7}<option value="{text:Link 7 URL}">{text:Link 7 Title}</option>{/block:ifLink7}
- <option value="http://passion.tumblr.com/tagged/themes">theme</option>
- </select>
- {/block:IfNavigationBar}
- <!-- hey i'm sorry that i'm thirsty and put my own url in the navigation bar but it would be really nice if you kept it hehe -->
- {block:HasPages}
- <div id="pages">
- {block:Pages}<a href="{URL}" class="page">{Label}</a>{/block:Pages}
- <div class="clear"></div>
- </div>
- {/block:HasPages}
- {block:IfSearchBar}<div id="search">
- <form action="/search" method="get" id="search-form">
- <input type="hidden" name="t" value="{Name}" />
- <input type="hidden" name="scope" value="all_of_tumblr" />
- <input type="text" name="q" class="query" value="{SearchQuery}" />
- <input type="submit" value="{lang:Search}" class="submit" />
- <div class="clear"></div>
- </form>
- </div>
- <div id="search-scope">
- <input type="radio" id="search-scope-me" name="scope" checked onclick="document.getElementById('search-form').action='/search'" /> <label for="search-scope-me" onclick="document.getElementById('search-form').action='/search'">{lang:My blog}</label>
- <input type="radio" id="search-scope-all" name="scope" onclick="document.getElementById('search-form').action='http://www.tumblr.com/search'" /> <label for="search-scope-all" onclick="document.getElementById('search-form').action='http://www.tumblr.com/search'">{lang:All of Tumblr}</label>
- </div>{/block:IfSearchBar}
- </div>
- </div>
- <div id="bottom"></div>
- </div>
- </div>
- </body>
- <!-- Music Player Step #3 -->
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement