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">
- <!--
- redux edit #1 by sonny (lopezhummel.tumblr)
- you can move the credit somewhere else (that is easily accessible, like a credit page or faq page) but PLEASE!!!!!!!! don't remove it completely or claim as your own
- thank u!!!!!!
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta name="color:background" content="#FFD6E4">
- <meta name="color:post background" content="#fff">
- <meta name="color:footer text" content="#a1a1a1">
- <meta name="color:footer bg" content="#fff">
- <meta name="color:footer hover" content="#fff">
- <meta name="color:footer border" content="#ABABAB">
- <meta name="color:title" content="#494949">
- <meta name="color:link" content="#FF85AE">
- <meta name="color:linkhover" content="#DE2A66">
- <meta name="color:text" content="#A1A1A1">
- <meta name="color:post border" content="#FF85AE">
- <meta name="color:glow" content="#FF85AE">
- <meta name="color:shadow" content="#FF85AE">
- <meta name="color:dropdown menu background color" content="#fff">
- <meta name="color:navbutton background color" content="#fff">
- <meta name="color:music player shadow" content="#a1a1a1">
- <meta name="color:scrollbar bg" content="#fff">
- <meta name="color:dropdown menu border" content="#a1a1a1">
- <meta name="color:dropdown menu text" content="#a1a1a1">
- <meta name="if:infinite scrolling" content="0">
- <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:maximized background" content="0">
- <meta name="if:post border" content="0">
- <meta name="if:150px sidebar" content="0">
- <meta name="if:250px sidebar" content="0">
- <meta name="if:250px posts" content="0">
- <meta name="if:500px posts" content="0">
- <meta name="if:400px posts" content="1">
- <meta name="if:show artist and track name" content="1">
- <meta name="if:nav button" content="0">
- <meta name="if:glow" content="0">
- <meta name="if:shadow" content="0">
- <meta name="if:footer border" content="1">
- <meta name="if:rounded corners" content="1">
- <meta name="if:music player" content="0">
- <meta name="if:custom scrollbar" content="1">
- <meta name="image:background" content="">
- <meta name="image:sidebar" content="">
- <meta name="image:right side img" content="">
- <meta name="image:banner" content="">
- <meta name="text:link 1 url" content="">
- <meta name="text:link 1 name" content="">
- <meta name="text:link 2 url" content="">
- <meta name="text:link 2 name" content="">
- <meta name="text:link 3 url" content="">
- <meta name="text:link 3 name" content="">
- <meta name="text:link 4 url" content="">
- <meta name="text:link 4 name" content="">
- <meta name="text:link 5 url" content="">
- <meta name="text:link 5 name" content="">
- <meta name="text:link 6 url" content="">
- <meta name="text:link 6 name" content="">
- <meta name="text:link 7 url" content="">
- <meta name="text:dropdown menu title" content="navigation">
- <meta name="text:link 7 name" content="">
- <meta name="text:sidebar image position left" content="">
- <meta name="text:sidebar image position top" content="">
- <meta name="text:rightsideimg position left" content="">
- <meta name="text:rightsideimg position top" content="">
- <meta name="text:nav button open text" content="show">
- <meta name="text:nav button close text" content="hide">
- <meta name="text:post opacity" content="0.5">
- <meta name="text:footer opacity" content="0.6">
- <meta name="text:dropdown bg opacity" content="0.5">
- <meta name="text:navbutton bg opacity" content="0.8">
- <meta name="text:music player code" content="">
- <meta name="text:footer hover opacity" content="1">
- <meta name="text:post hover opacity" content="1">
- <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="{Favicon}" />
- <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>
- <style type="text/css">
- @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf");}
- #s-m-t-tooltip {
- background: rgba(255,255,255,1);
- z-index: 100;
- color: {color:link};
- font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
- font-size: 10px; letter-spacing: 0px;
- padding: 2px 5px 2px 5px;
- display: block;
- margin-left: 20px;
- margin-top: 10px;
- border: 1px solid {color:link};
- {block:ifroundedcorners}
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- {/block:ifroundedcorners}
- }
- body {
- background: {color:background} url('{image:background}') top left fixed repeat;
- {block:ifmaximizedbackground}
- background-repeat: no-repeat;
- background-size: 100%;
- {/block:ifmaximizedbackground}
- margin: 0;
- padding: 0;
- font-family: Arial, sans-serif;
- }
- iframe#tumblr_controls {
- -webkit-filter: invert(100%);
- }
- {block:ifcustomscrollbar}
- ::-webkit-scrollbar {
- width: 9px;
- }
- ::-webkit-scrollbar-track {
- border-radius: 10px;
- background-color: {color:scrollbar bg};
- }
- ::-webkit-scrollbar-thumb {
- border-radius: 10px;
- background: {color:background} url('{image:background}');
- }
- {/block:ifcustomscrollbar}
- .clear {
- clear: both;
- height: 0px;
- overflow: hidden;
- }
- a img {
- border: none;
- }
- #wrapper {
- width: 845px;
- margin: 0 auto;
- margin-top: 100px;
- }
- #wrapper #title a {
- color: {color:link};
- text-decoration: none;
- }
- #wrapper #content {
- width: 420px;
- {block:if500pxposts}width: 520px;{/block:if500pxposts}
- {block:if400pxposts}width: 420px; margin-right: 160px;{/block:if400pxposts}
- {block:if250pxposts}width: 270px;
- margin-right: 300px;{/block:if250pxposts}
- float: right;
- }
- /* posts */
- #wrapper #content .post {
- font-family: Arial;
- background: rgba({RGBcolor:post background},{text:post opacity});
- padding: 10px;
- position: relative;
- {block:ifroundedcorners}
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- {/block:ifroundedcorners}
- {block:ifpostborder}border: 1px solid {color:post border};
- {/block:ifpostborder}
- {block:ifglow}
- -webkit-box-shadow: 0px 0px 20px 0px rgba({RGBcolor:glow}, 0.6);
- -moz-box-shadow: 0px 0px 20px 0px rgba({RGBcolor:glow}, 0.6);
- box-shadow: 0px 0px 20px 0px rgba({RGBcolor:glow}, 0.6);
- {/block:ifglow}
- {block:ifshadow}
- -webkit-box-shadow: 5px 5px 0px 0px rgba({RGBcolor:shadow}, {text:post opacity});
- -moz-box-shadow: 5px 5px 0px 0px rgba({RGBcolor:shadow}, {text:post opacity});
- box-shadow: 5px 5px 0px 0px rgba({RGBcolor:shadow}, {text:post opacity});
- {/block:ifshadow}
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #wrapper #content .post:hover {
- background: rgba({RGBcolor:post background}, {text:post hover opacity});
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #wrapper #content .post a {
- text-decoration: none;
- color:{color:link};
- }
- #wrapper #content .post a:hover {
- color:{color:linkhover}
- }
- #wrapper #content .post .media {
- text-align: center;
- margin-bottom: 10px;
- }
- #wrapper #content .post .quotebg {
- font-family: georgia, serif;
- font-size: 150px;
- color: {color:Background};
- opacity: 0.2;
- filter: alpha(opacity=20);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
- position: absolute;
- top: 70px;
- left: 10px;
- }
- #wrapper #content .post .quote {
- color: {color:text};
- font-weight: bold;
- padding: 15px 15px 5px 15px;
- line-height: 20px;
- }
- #wrapper #content .post .quote_source *:first-child {
- margin-top: 0px;
- }
- #wrapper #content .post .quote_source *:last-child {
- margin-bottom: 0px;
- }
- #wrapper #content .post .quote *:first-child {
- margin-top: 0px;
- }
- #wrapper #content .post .quote *:last-child {
- margin-bottom: 0px;
- }
- #wrapper #content .post .copy {
- color: {color:text};
- padding: 10px;
- font-size: 13px;
- line-height: 15px;
- }
- #wrapper #content .post .copy a {
- color: {color:link};
- text-decoration: none;
- }
- #wrapper #content .post .copy a:hover {
- color: {color:linkhover}
- }
- #wrapper #content .post .copy p {
- margin: 10px 0 0 0;
- padding: 0;
- }
- #wrapper #content .post .copy pre {
- margin: 10px 0px 10px 0px;
- padding: 10px;
- background-color: #e6e6e6;
- font: normal 11px Courier, monospace;
- overflow: auto;
- }
- #wrapper #content .post .copy > p:first-child {
- margin-top: 0;
- }
- #wrapper #content .post .copy img {
- max-width: 100%;
- }
- #wrapper #content .post .audio {
- background: #eaeaea;
- float: left;
- padding: 4px;
- margin-bottom: 10px;
- {block:ifroundedcorners}
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- {/block:ifroundedcorners}
- }
- #wrapper #content .post .audio .player {
- float: left;
- }
- #artisttrackname {
- text-align: center;
- font-family: Arial;
- font-size: 10px;
- color:{color:text};
- line-height: 4px;
- }
- #wrapper #content .post .audio .player .audio_player embed {
- border: 1px solid #c8c8c8;
- }
- #wrapper #content .post .audio .meta {
- padding: 8px 13px;
- height: 13px;
- float: left;
- color: #666;
- font-family: {font:Accent};
- font-size: 11px;
- text-transform: lowercase;
- }
- #wrapper #content .post .audio .meta a {
- color: {color:link};
- text-decoration: none;
- }
- #wrapper #content .post .album_art {
- text-align: center;
- }
- #wrapper #content .post .question {
- color: #494949;
- font-size: 16px;
- font-weight: bold;
- background: #f1f1f1;
- {block:ifroundedcorners}
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- border-radius: 8px;
- {/block:ifroundedcorners}
- margin: 0 0 15px 0;
- padding: 15px 20px;
- position: relative;
- }
- #wrapper #content .post .asker_container {
- margin: 0 0 20px 24px;
- }
- #wrapper #content .post .asker_container img {
- margin: 0 12px -7px 0;
- }
- #wrapper #content .post .asker_container a.asker {
- color: {color:text};
- }
- #wrapper #content .post .title {
- color: {color:title};
- font-size: 16px;
- font-weight: bold;
- padding: 10px 10px 0 10px;
- text-align: center;
- }
- #wrapper #content .post img {
- {block:if500pxposts}
- max-width: 500px;
- {/block:if500pxposts}
- {block:if250pxposts}
- max-width: 250px;
- {/block:if250pxposts}
- {block:if400pxposts}
- max-width: 400px;
- {/block:if400pxposts}
- }
- #wrapper #content .post .chat {
- background-color: #fff;
- border-left: 2px solid #dedddd;
- margin: 10px 10px 0 10px;
- font-size: 14px;
- }
- #wrapper #content .post .chat .lines {
- margin-left: 1px;
- }
- #wrapper #content .post .chat .lines .line {
- background-color: #ffffff;
- color: #494949;
- margin-bottom: 1px;
- padding: 3px 5px;
- }
- #wrapper #content .post .chat .lines .line.even {
- background-color: #ffffff;
- }
- #wrapper #content .post .link {
- margin: 4px 0 2px 0;
- font-size: 16px;
- line-height: 25px;
- text-align: center;
- }
- #wrapper #content .post .link a {
- background: transparent;
- color: {color:link};
- padding: 5px 7px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- }
- #wrapper #content .post .link a:hover {
- opacity: 0.9;
- filter: alpha(opacity=90);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
- color:{color:linkhover};
- }
- #wrapper #content .post .footer {
- background: {color:footer};
- {block:ifroundedcorners}
- -moz-border-radius: 10px;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- {/block:ifroundedcorners}
- font-size: 10px;
- color: {color: footer text};
- padding: 5px 10px;
- margin-top: 2px;
- {block:iffooterborder}border: 1px solid {color:footer border};{/block:iffooterborder}
- text-transform: uppercase;
- background: rgba({RGBcolor:footer bg},{text:footer opacity});
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #wrapper #content .post .footer a {
- color: {color:footer text};
- }
- #wrapper #content .post .footer:hover {
- background-color: rgba({RGBcolor:footer hover}, {text:footer hover opacity});
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #src {
- font-family: Arial;
- color:{color:footer text};
- }
- #wrapper #content .post .footer #src a {
- color: {color:footer text};
- }
- #wrapper #content .post .footer.for_permalink:hover {
- opacity: 0.9;
- filter: alpha(opacity=90);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
- }
- #wrapper #content .post .footer .date {
- width: 67%;
- float: left;
- color: {color:footer text};
- }
- #wrapper #content .post .footer .notes {
- width: 33%;
- float: right;
- text-align: right;
- color: {color:footer text};
- }
- #wrapper #content .post .footer .notes a {
- color: {color:footer text};
- }
- #wrapper #content .post .footer .tags a {
- color: {color:footer text};
- text-decoration: none;
- }
- #wrapper #content .post .footer .tags .tag-commas:last-child {
- display: none;
- }
- #wrapper #content .post .footer.with_source_url .tags {
- max-width: 330px;
- float: left;
- }
- #wrapper #content .post .footer.with_source_url .source_url {
- float: right;
- max-width: 160px;
- overflow: hidden;
- white-space: nowrap;
- }
- #wrapper #content .post .footer.with_source_url .source_url img {
- vertical-align: top;
- -moz-opacity: 0.5;
- opacity: 0.5;
- }
- #wrapper #content .post .footer.with_source_url .source_url:hover img {
- -moz-opacity: 0.7;
- opacity: 0.7;
- }
- #wrapper #content .post a {
- color: #6e7173;
- text-decoration: none;
- }
- #wrapper #content .post .copy blockquote {
- margin: 10px 0px 10px 10px;
- padding-left: 10px;
- border-left: solid 4px {color:link};
- }
- #wrapper #content .post .copy blockquote blockquote {
- border-left: solid 4px {color:link};
- }
- #wrapper #content .post .copy blockquote blockquote blockquote {
- border-left: solid 4px {color:link};
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
- border-left: solid 4px {color: link};
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
- border-left: solid 4px {color:link};
- }
- #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
- border-left: solid 4px {color:link};
- }
- #wrapper #content #navigation {
- text-align: right;
- padding-bottom: 35px;
- text-transform: lowercase;
- }
- #wrapper #content #navigation a {
- background: rgba({RGBcolor:post background},{text:post opacity});
- color: {color:link};
- padding: 5px 10px;
- text-decoration: none;
- margin-left: 25px;
- }
- #wrapper #content #navigation a:hover {
- opacity: 0.9;
- filter: alpha(opacity=90);
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
- }
- #wrapper #content .post .notecontainer {
- background: #eaeaea;
- {block:ifroundedcorners}
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- {/block:ifroundedcorners}
- font-family: Arial;
- font-size: 11px;
- color: #666;
- margin-top: 10px;
- margin-bottom: -10px;
- }
- #wrapper #content .post .notecontainer a {
- color: #666;
- text-decoration: underline;
- }
- #wrapper #content .post .notecontainer ol.notes {
- padding: 0px 0 10px 0;
- list-style-type: none;
- font-size: 11px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note {
- padding: 10px 10px 0 10px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- #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 solid #666;
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
- text-decoration: none;
- }
- /* end posts */
- /* sidebar */
- #wrapper #sidebar {
- width: 200px;
- {block:if250pxsidebar}
- width: 250px;
- {/block:if250pxsidebar}
- {block:if150pxsidebar}
- width: 150px;
- {/block:if150pxsidebar}
- float: left;
- background: rgba({RGBcolor:post background},{text:post opacity});
- font-family: bitxmap;
- font-size: 10px;
- {block:ifroundedcorners}
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- {/block:ifroundedcorners}
- margin-top: 200px;
- position: fixed;
- {block:ifpostborder}
- border: 1px solid {color:post border};
- {/block:ifpostborder}
- z-index: 5;
- padding-bottom: 7px;
- {block:ifglow}
- -webkit-box-shadow: 0px 0px 20px 0px rgba({RGBcolor:glow}, 0.6);
- -moz-box-shadow: 0px 0px 20px 0px rgba({RGBcolor:glow}, 0.6);
- box-shadow: 0px 0px 20px 0px rgba({RGBcolor:glow}, 0.6);
- {/block:ifglow}
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #wrapper #sidebar:hover {
- background: rgba({RGBcolor:post background}, {text:post hover opacity});
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #wrapper #sidebar #description {
- text-align: center;
- padding: 10px;
- color: {color:text}
- }
- #wrapper #sidebar a {
- color: {color:link};
- text-decoration: none;
- }
- #wrapper #sidebar a:hover {
- color:{color:linkhover};
- }
- #sideimg img {
- margin-top: {text:sidebar image position top}px;
- margin-left: {text:sidebar image position left}px;
- position: fixed;
- z-index: 5;
- }
- /* end sidebar */
- /* dropdown navigation */
- select {
- height: 16px;
- font-size: 10px;
- font-family: bitxmap;
- color:{color:dropdown menu text};
- border: 1px solid {color:dropdown menu border};
- background-color: rgba({RGBcolor:dropdown menu background color}, {text:dropdown bg opacity});
- {block:ifroundedcorners}
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- {/block:ifroundedcorners}
- -webkit-appearance:none;
- -moz-appearance:none;
- appearance:none;
- }
- .navlinks {
- padding: 8px;
- text-align: center;
- }
- /* end dropdown navigation */
- #wrapper #sidebar #top #buttons {
- padding: 20px 0 0 0;
- }
- #wrapper #sidebar #top #buttons .button {
- width: 35%;
- height: 21px;
- float: left;
- background: left center no-repeat transparent;
- padding: 2px 0 0 30px;
- font-size: 14px;
- }
- #wrapper #sidebar #top #buttons a {
- color: {color:Background};
- text-decoration: none;
- }
- #wrapper #sidebar #top #buttons div {
- padding-bottom: 10px;
- }
- #wrapper #sidebar #top #buttons .button#button-rss {
- background-image: url('http://assets.tumblr.com/themes/redux/button-rss.png?2');
- text-transform: capitalize;
- }
- #wrapper #sidebar #top #buttons .button#button-random {
- background-image: url('http://assets.tumblr.com/themes/redux/button-random.png?2');
- }
- #wrapper #sidebar #top #buttons .button#button-archive {
- background-image: url('http://assets.tumblr.com/themes/redux/button-archive.png?2');
- }
- #wrapper #sidebar #top #buttons .button#button-mobile {
- background-image: url('http://assets.tumblr.com/themes/redux/button-mobile.png?2');
- }
- #wrapper #content .bottom {
- height: 70px;
- }
- /* music player */
- #musictab {
- width: 20px;
- height: 20px;
- padding: 5px;
- {block:ifroundedcorners}
- border-radius: 50px;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- {/block:ifroundedcorners}
- background-color: #fff;
- border: 1px solid #a1a1a1;
- margin-top: -70px;
- margin-left: 20px;
- overflow: hidden;
- position: fixed;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -webkit-box-shadow: -5px 5px 0px 2px rgba({RGBcolor:music player shadow}, 0.7);
- -moz-box-shadow: -5px 5px 0px 2px rgba({RGBcolor:music player shadow}, 0.7);
- box-shadow: -5px 5px 0px 2px rgba({RGBcolor:music player shadow}, 0.7);
- }
- #musictab img {
- margin-top: 2px;
- margin-left: 2px;
- }
- #musictab:hover {
- width: 200px;
- height: 20px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #musictab embed {
- margin-top: -50px;
- margin-right: 150px;
- }
- /* end music player */
- /* top nav buttons */
- #home {
- text-align: center;
- width: 18px;
- height: 19px;
- background: rgba({RGBcolor:post background},{text:post opacity});
- {block:ifpostborder}
- border-top: 1px solid {color:post border};
- border-left: 1px solid {color:post border};
- border-right: 1px solid {color:post border};
- {/block:ifpostborder}
- display: inline-block;
- {block:ifroundedcorners}
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- -moz-border-radius-topleft: 6px;
- -moz-border-radius-topright: 6px;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- {/block:ifroundedcorners}
- margin-top: 181px;
- margin-left: 5px;
- position: fixed;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- z-index: 50;
- {block:ifglow}
- -webkit-box-shadow: 0px -7px 10px -6px {color: glow};
- -moz-box-shadow: 0px -7px 10px -6px {color:glow};
- box-shadow: 0px -7px 10px -6px {color:glow};
- {/block:ifglow}
- }
- #home img {
- margin-top: 3px;
- }
- #home a {
- display: block;
- width: 18px;
- height: 19px;
- }
- #home:hover {
- height: 30px;
- margin-top: 170px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- background: rgba({RGBcolor:post background}, {text:post hover opacity});
- }
- #home a:hover {
- height: 30px;
- }
- #ask {
- text-align: center;
- width: 18px;
- height: 19px;
- background: rgba({RGBcolor:post background},{text:post opacity});
- {block:ifpostborder}border-top: 1px solid {color:post border};
- border-left: 1px solid {color:post border};
- border-right: 1px solid {color:post border};{/block:ifpostborder}
- display: inline-block;
- {block:ifroundedcorners}
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- -moz-border-radius-topleft: 6px;
- -moz-border-radius-topright: 6px;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- {/block:ifroundedcorners}
- margin-top: 181px;
- z-index: 0;
- position: fixed;
- margin-left: 30px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- z-index: 10;
- {block:ifglow}
- -webkit-box-shadow: 0px -7px 10px -6px {color:glow};
- -moz-box-shadow: 0px -7px 10px -6px {color:glow};
- box-shadow: 0px -7px 10px -6px {color:glow};
- {/block:ifglow}
- }
- #ask img {
- margin-top: 1px;
- }
- #ask a {
- display: block;
- width: 18px;
- height: 19px;
- }
- #ask:hover {
- height: 30px;
- margin-top: 170px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- background: rgba({RGBcolor:post background}, {text:post hover opacity});
- }
- #ask a:hover {
- height: 30px;
- }
- #theme {
- text-align: center;
- width: 18px;
- height: 19px;
- background: rgba({RGBcolor:post background},{text:post opacity});
- {block:ifpostborder}border-top: 1px solid {color:post border};
- border-left: 1px solid {color:post border};
- border-right: 1px solid {color:post border};{/block:ifpostborder}
- display: inline-block;
- {block:ifroundedcorners}
- -webkit-border-top-left-radius: 6px;
- -webkit-border-top-right-radius: 6px;
- -moz-border-radius-topleft: 6px;
- -moz-border-radius-topright: 6px;
- border-top-left-radius: 6px;
- border-top-right-radius: 6px;
- {/block:ifroundedcorners}
- margin-top: 181px;
- z-index: 0;
- position: fixed;
- margin-left: 55px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- z-index: 10;
- {block:ifglow}
- -webkit-box-shadow: 0px -7px 10px -6px {color:glow};
- -moz-box-shadow: 0px -7px 10px -6px {color:glow};
- box-shadow: 0px -7px 10px -6px {color:glow};
- {/block:ifglow}
- }
- #theme img {
- margin-top: 1px;
- }
- #theme a {
- display: block;
- width: 18px;
- height: 19px;
- }
- #theme:hover {
- height: 30px;
- margin-top: 170px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- background: rgba({RGBcolor:post background}, {text:post hover opacity});
- }
- #theme a:hover {
- height: 30px;
- }
- /* end nav buttons */
- /* sidebar nav button */
- button {
- padding-left: 10px;
- padding-right: 10px;
- border: none;
- font-size: 10px;
- font-family: bitxmap;
- {block:ifroundedcorners}
- border-radius: 5px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- {/block:ifroundedcorners}
- background: rgba({RGBcolor:navbutton background color}, {text:navbutton bg opacity});
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- color:{color:dropdown menu text};
- }
- button:hover {
- background: rgba({RGBcolor:navbutton background color}, 1);
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- #rightsideimg {
- margin-left: 700px;
- }
- #banner {
- width:100%;
- height:200px;
- background: url({image:banner}) top fixed repeat-x;
- position:fixed;
- margin-top:-120px;
- }
- </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.]>
- <style type="text/css">
- #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:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
- </head>
- <body>
- <div id="banner"></div>
- <!-- music player -->
- {block:ifmusicplayer}
- <div id="musictab"><img src="http://media.tumblr.com/tumblr_m1kvf1GcKW1r7xhvj.gif"/>
- {text:music player code}
- </div>
- {/block:ifmusicplayer}
- <!-- end music player -->
- <div id="wrapper">
- <div id="rightsideimg"><div style="position:fixed; margin-left:{text:rightsideimg position left}px; margin-top:{text:rightsideimg position top}px; z-index: -4;"><img src="{image:right side img}"></div></div>
- <div id="content">
- <!-- posts -->
- {block:ifinfinitescrolling}<div class="autopagerize_page_element">{/block:ifinfinitescrolling}
- {block:Posts}
- <div class="post">
- {block:Photo}
- <div class="media">{LinkOpenTag}{block:if500pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:if500pxposts} {block:if400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:if400pxposts}
- {block:if250pxposts}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:if250pxposts}
- {LinkCloseTag}</div>
- {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset} <div class="media"><div class="photo" style="max-width:100%">{LinkOpenTag}{Photoset}{LinkCloseTag}</div></div> {block:Caption}<div class="copy">{Caption}</div>{/block:Caption} {/block:Photoset}
- {block:Video}
- <div class="media">{block:if500pxposts}{Video-500}{/block:if500pxposts}{block:if250pxposts}{Video-250}{/block:if250pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}</div>
- {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- {block:AudioEmbed}
- {AudioEmbed}
- {/block:AudioEmbed}
- {block:AudioPlayer}
- {block:AlbumArt}
- <div class="album_art">
- <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
- </div>
- {/block:AlbumArt}
- <div class="audio">
- <div class="player">{AudioPlayerWhite}</div>
- <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> • <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
- <div class="clear"></div>
- </div>
- {block:ifshowartistandtrackname}<div class="clear"></div>
- <div id="artisttrackname">{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</div>{/block:ifshowartistandtrackname}
- {/block:AudioPlayer}
- <div class="clear"></div>
- {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Quote}
- <div class="quote">{Quote}</div>
- <div class="copy">
- {block:Source}
- <table border="0" cellpadding="0" cellspacing="0" width="100%">
- <tr>
- <td valign="top" class="quote_source" style="text-align: right;">
- — {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">
- {Question}
- </div>
- <div class="asker_container"><img src="{AskerPortraitURL-24}">{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">
- {TimeAgo}
- </div>
- <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </div>
- <div class="clear"></div>
- </div>
- </a>
- {/block:Date}
- <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="display:none;
- {block:HasTags}display:block;{/block:HasTags}
- {block:ContentSource}display:block;{/block:ContentSource}
- ">
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> </span>{/block:Tags}</div>{/block:HasTags}
- {block:ContentSource}
- <div id="src"><div class="source_url">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> /{/block:RebloggedFrom} <a href="{SourceURL}">©</a></div></div>
- {/block:ContentSource}
- <div class="clear"></div>
- </div>
- {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
- </div>
- <div class="bottom"></div>
- {/block:Posts}
- {block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
- <!-- end posts -->
- <!-- pagination -->
- {block:Pagination}
- <div id="navigation" {block:ifinfinitescrolling}style="display:none;"{/block:ifinfinitescrolling}>
- {block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- <!-- end pagination -->
- </div>
- <!-- top nav buttons -->
- <div id="home">
- <a href="/" title="home"><img src="http://static.tumblr.com/utqap6x/h6rmp3d91/tumblr_inline_mn2m1bdric1qz4rgp.png" /></a>
- </div>
- <div id="ask">
- <a href="/ask" title="message"><img src="http://media.tumblr.com/649f94f2f210bc510d0b67756f861eb9/tumblr_inline_mn2m2bLZts1qz4rgp.png" /></a>
- </div>
- <!--credit - remove this section if (and only if) you're moving it somewhere else -->
- <div id="theme">
- <a href="http://lopezhummel.tumblr.com/tagged/mytheme" title="theme"><img src="http://media.tumblr.com/1e21b4526d9646dc496210d1199117b9/tumblr_inline_mn2m46JRuI1qz4rgp.png" /></a>
- </div>
- <!-- end credit -->
- <!-- end top nav buttons -->
- <div id="sideimg"><a href="/"><img src="{image:sidebar}"/></a>
- <!-- sidebar -->
- <div id="sidebar">
- <div id="description">{Description}
- </div>
- <!-- dropdown navigation -->
- <div class="navlinks" {block:ifnavbutton} style="display: none;"{/block:ifnavbutton}>
- <select onChange="window.location.href=this.value">
- <option>{text:dropdown menu title}</option>
- <option value="/">home</option>
- <option value="/message">ask</option>
- {block:iflink1}<option value="{text:link 1 url}">{text:link 1 name}</option>{/block:iflink1}
- {block:iflink2}<option value="{text:link 2 url}">{text:link 2 name}</option>{/block:iflink2}
- {block:iflink3}<option value="{text:link 3 url}">{text:link 3 name}</option>{/block:iflink3}
- {block:iflink4}<option value="{text:link 4 url}">{text:link 4 name}</option>{/block:iflink4}
- {block:iflink5}<option value="{text:link 5 url}">{text:link 5 name}</option>{/block:iflink5}
- {block:iflink6}<option value="{text:link 6 url}">{text:link 6 name}</option>{/block:iflink6}
- {block:iflink7}<option value="{text:link 7 url}">{text:link 7 name}</option>{/block:iflink7}
- </select>
- </div>
- <!-- button navigation -->
- {block:ifnavbutton}
- <center>
- <div style="font-size: 10px; font-family: bitxmap; color:{color:link};text-decoration:none;"><div style=""><button type="button" class="button" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none'; return false;" style="">{text:nav button open text}</button></div><div class="spoiler" style="display: none;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.parentNode.childNodes[0].style.display = ''; this.parentNode.parentNode.style.display = 'none'; return false;">{text:nav button close text}</button></div>
- <a href="/">home</a><br>
- <a href="/ask">ask</a><br>
- {block:iflink1}<a href="{text:link 1 url}">{text:link 1 name}</a><br>{/block:iflink1}
- {block:iflink2}<a href="{text:link 2 url}">{text:link 2 name}</a><br>{/block:iflink2}
- {block:iflink3}<a href="{text:link 3 url}">{text:link 3 name}</a><br>{/block:iflink3}
- {block:iflink4}<a href="{text:link 4 url}">{text:link 4 name}</a><br>{/block:iflink4}
- {block:iflink5}<a href="{text:link 5 url}">{text:link 5 name}</a><br>{/block:iflink5}
- {block:iflink6}<a href="{text:link 6 url}">{text:link 6 name}</a><br>{/block:iflink6}
- {block:iflink7}<a href="{text:link 7 url}">{text:link 7 name}</a><br>{/block:iflink7}
- </div>
- </div></div>
- </center>
- {/block:ifnavbutton}
- <div class="clear"></div>
- </div>
- </div>
- </div>
- <div class="clear"></div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement