Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!--------
- theme 06 by jenny / http://midthemes.tumblr.com
- DO NOT STEAL
- DO NOT CLAIM AS YOUR OWN
- DO NOT REMOVE THE CREDIT
- ------>
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="image:sidebar" content="">
- <meta name="if:Posts 400" content="1">
- <meta name="if:Posts 500" content="0">
- <meta name="color:text" content="#555555">
- <meta name="color:links" content="#444444">
- <meta name="color:links hover" content="#000000">
- <meta name="color:accent1" content="#9cdfed">
- <meta name="color:accent2" content="#ff86b9">
- <meta name="text:link 1" content="/">
- <meta name="text:link 1 title" content="">
- <meta name="text:link 2" content="/">
- <meta name="text:link 2 title" content="">
- <meta name="text:link 3" content="/">
- <meta name="text:link 3 title" content="">
- <meta name="text:link 4" content="/">
- <meta name="text:link 4 title" content="">
- <meta name="text:link 5" content="/">
- <meta name="text:link 5 title" content="">
- <meta name="text:link 6" content="/">
- <meta name="text:link 6 title" content="">
- <style type="text/css">
- ::-webkit-scrollbar-thumb:vertical {
- background: -webkit-linear-gradient({color:accent1}, {color:accent2});
- background: -o-linear-gradient({color:accent1}, {color:accent2});
- background: -moz-linear-gradient({color:accent1}, {color:accent2});
- background: linear-gradient({color:accent1}, {color:accent2});
- height: auto;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background: -webkit-linear-gradient({color:accent1}, {color:accent2});
- background: -o-linear-gradient({color:accent1}, {color:accent2});
- background: -moz-linear-gradient({color:accent1}, {color:accent2});
- background: linear-gradient({color:accent1}, {color:accent2});
- height: 7px !important;
- }
- ::-webkit-scrollbar {
- height: 7px;
- width: 6px;
- background-color: #fbfbfb;
- }
- body {
- font-family: calibri;
- font-size: 8px;
- color: {color:text};
- text-transform: uppercase;
- background-color: #fbfbfb;
- }
- a:link, a:active, a:visited {
- color: {color:links};
- text-decoration: none;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- a:hover {
- color: {color:links hover};
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- h1 {
- margin: 0px;
- color: #444;
- font-size: 16px;
- font-weight: none;
- }
- #content {
- {block:ifPosts500}width: 500px;{/block:ifPosts500}
- {block:ifPosts400}width: 400px;{/block:ifPosts400}
- margin: 90px 450px;
- text-align: justify;
- }
- #posts {
- {block:ifPosts500}width: 500px;{/block:ifPosts500}
- {block:ifPosts400}width: 400px;{/block:ifPosts400}
- margin-top: 40px;
- background-color: #fff;
- padding: 20px;
- word-wrap: break-word;
- }
- #header {
- width: 100%;
- height: 40px;
- top: 0;
- left: 0;
- background: #222;
- position: fixed;
- z-index: 99999999;
- }
- #nav {
- {block:ifPosts500}width: 540px;{/block:ifPosts500}
- {block:ifPosts400}width: 440px;{/block:ifPosts400}
- margin: 15px 460px;
- text-align: center;
- }
- #nav a {
- margin-top: 20px;
- margin-left: 5px;
- color: #fff;
- padding: 3px 8px;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- #nav a:hover:nth-of-type(odd) {
- color: {color:accent1};
- text-decoration: none;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- #nav a:hover:nth-of-type(even) {
- color: {color:accent2};
- text-decoration: none;
- -webkit-transition: all 0.2s ease-in-out;
- -moz-transition: all 0.2s ease-in-out;
- -o-transition: all 0.2s ease-in-out;
- transition: all 0.2s ease-in-out;
- }
- #sidebar {
- margin: 140px 180px;
- width: 150px;
- padding: 15px;
- position: fixed;
- background: #fff;
- }
- #sidebar img {
- width: 150px;
- }
- #desc {
- width: 130px;
- padding: 10px;
- margin: 5px 0px 0px 0px;
- background: #fbfbfb;
- text-align: justify;
- }
- #info {
- position: absolute;
- {block:ifPosts500}margin: -10px 525px;{/block:ifPosts500}
- {block:ifPosts400}margin: -10px 425px;{/block:ifPosts400}
- width: 100px;
- padding: 3px;
- color: #666666;
- {block:IndexPage}border-left: 1px solid #ddd;{/block:IndexPage}
- {block:IndexPage}opacity: 0;{/block:IndexPage}
- {block:PermalinkPage}opacity: 1;{/block:PermalinkPage}
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #info a {
- color: #666666;
- }
- #info a:hover {
- color: #000000;
- }
- #posts:hover #info {
- opacity: 1;
- }
- #mg {
- position: fixed;
- right: 7px;
- bottom: 10px;
- padding: 5px 7px;
- font-size: 9px;
- line-height: 8px;
- text-align: center;
- text-transform: uppercase;
- background-color: #fff;
- border: 1px solid #ccc;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- }
- #mg:hover a {
- color: #ffffff;
- }
- #mg:hover {
- background-color: #222;
- border: 1px solid #222;
- -webkit-transition: all 0.2s ease-in;
- -moz-transition: all 0.2s ease-in;
- -o-transition: all 0.2s ease-in;
- transition: all 0.2s ease-in;
- }
- #tags {
- padding-top: 3px;
- color: #aaa;
- text-align: right;
- border-top: 1px solid #f8f8f8;
- }
- #tags a {
- padding: 0px 2px;
- color: #aaa;
- }
- .question {
- padding: 10px;
- background: #fbfbfb;
- }
- ul.chat {
- margin: 0px;
- padding: 7px;
- }
- ul.chat:nth-of-type(odd) {
- background: #fbfbfb;
- }
- ul.chat:nth-of-type(even) {
- background: #fff;
- }
- .aart {
- position: absolute;
- z-index: 999;
- }
- .dart {
- position: relative;
- }
- .aplayer {
- display: block;
- position: absolute;
- z-index: 9999999;
- }
- .player {
- overflow: hidden;
- opacity: 0.9;
- width: 27px;
- height: 28px;
- margin-top: 26px;
- margin-left: 26px;
- z-index: 999999;
- }
- .audio {
- {block:ifPosts500}width: 407px;{/block:ifPosts500}
- {block:ifPosts400}width: 307px;{/block:ifPosts400}
- margin: 0px 80px;
- }
- li.audio {
- margin: 0px;
- padding: 5px 5px 5px 8px;
- list-style-type: none;
- }
- li.audio:nth-of-type(odd) {
- background: #fbfbfb;
- }
- li.audio:nth-of-type(even) {
- background: #fff;
- }
- blockquote {
- border-left: 1px solid #f2f5f5;
- padding-left: 10px;
- margin-left: 10px;
- }
- blockquote img {
- {block:ifPosts500}max-width: 480px;{/block:ifPosts500}
- {block:ifPosts400}max-width: 380px;{/block:ifPosts400}
- }
- ul, ol, li {list-style: square;}
- .notes {
- {block:ifPosts500}width: 500px;{/block:ifPosts500}
- {block:ifPosts400}width: 400px;{/block:ifPosts400}
- padding: 10px;
- line-height: 10px;
- margin-top: 5px;
- }
- ol.notes, .notes li {
- {block:ifPosts500}width: 500px;{/block:ifPosts500}
- {block:ifPosts400}width: 400px;{/block:ifPosts400}
- list-style: none;
- padding-bottom: 5px;
- }
- .notes img {
- width: 10px;
- padding-right: 5px;
- }
- #s-m-t-tooltip {
- max-width: 300px;
- background-color: #fff;
- font-family: calibri;
- font-size: 8px;
- text-transform: uppercase;
- padding: 5px;
- margin: 10px 0px 0px 20px;
- border: 1px solid #ddd;
- z-index: 9999999999999;
- }
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <div id="header">
- <div id="nav">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}
- {block:iflink1}<a href="{text:link 1}">{text:link 1 title}</a>{/block:iflink1}
- {block:iflink2}<a href="{text:link 2}">{text:link 2 title}</a>{/block:iflink2}
- {block:iflink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:iflink3}
- {block:iflink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:iflink4}
- {block:iflink5}<a href="{text:link 5}">{text:link 5 title}</a>{/block:iflink5}
- {block:iflink6}<a href="{text:link 6}">{text:link 6 title}</a>{/block:iflink6}
- {block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
- </div>
- </div>
- <div id="sidebar">
- <img src="{image:sidebar}">
- <div id="desc">{Description}</div>
- </div>
- <div id="mg"><a href="http://midthemes.tumblr.com/" target="_blank" title="theme credit">T</a></div>
- <div id="content">
- {block:Posts}
- <div id="posts">
- <div id="info">{block:Date}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}{block:NoteCount}<br><a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}"><br>via</a>{/block:RebloggedFrom}{block:ContentSource}/<a href="{SourceURL}">source</a>{/block:ContentSource}</div>
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}
- {LinkOpenTag}
- {block:ifPosts500}<img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>{/block:ifPosts500}
- {block:ifPosts400}<img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/>{/block:ifPosts400}
- {LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:ifPosts500}{Photoset-500}{/block:ifPosts500}
- {block:ifPosts400}{Photoset-400}{/block:ifPosts400}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">”{Quote}</div>
- {block:Source}<div style="text-align:right">- {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" target="_blank" /><h1>{Name}</h1></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Lines}
- <ul class="chat">
- <il>{block:Label}{Label}{/block:Label}</il>
- <il>{Line}</il>
- </ul>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}<div class="aart"><img src="{AlbumArtURL}" align="left" width="80"></div>{/block:AlbumArt}
- <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" class="dart" width="80px" align="left">
- <div class="aplayer"><div class="player">{AudioPlayerWhite}</div></div>
- <div class="audio">
- {block:TrackName}<li class="audio">{TrackName}</li>{/block:TrackName}
- {block:Artist}<li class="audio">{Artist}</li>{/block:Artist}
- {block:Album}<li class="audio">{Album}</li>{/block:Album}
- <li class="audio">{PlayCountWithLabel}</li>
- </div>{block:Caption}{Caption}{/block:Caption}<br clear="all">
- {/block:Audio}
- {block:Video}
- {block:ifPosts500}{Video-500}{/block:ifPosts500}
- {block:ifPosts400}{Video-400}{/block:ifPosts400}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="question">{Asker} said: {Question}</div>
- {Answer}
- {/block:Answer}
- {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement