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="0">
- <meta name="if:Posts 500" content="1">
- <meta name="color:text" content="#474747">
- <meta name="color:links" content="#da6468">
- <meta name="color:links hover" content="#000000">
- <meta name="color:accent1" content="#8db9e2">
- <meta name="color:accent2" content="#da6468">
- <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="">
- <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="">
- <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
- {block:indexpage}
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".tags").hide();
- //toggle the componenet with class msg_body
- jQuery(".up").click(function()
- {
- jQuery(this).next(".tags").slideToggle("600");
- });});
- </script>
- {/block:indexpage}
- <style type="text/css">
- /* credit to http://kwontae.tumblr.com/ */
- @import url('http://weloveiconfonts.com/api/?family=fontawesome');
- /* fontawesome */
- [class*="fontawesome-"]:before {
- font-family: 'FontAwesome', sans-serif;
- }
- /* end of credit */
- ::-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: #fff;
- }
- body {
- font-family: calibri;
- font-size: 10px;
- color: {color:text};
- text-transform: normal;
- background-color: #fff;
- }
- 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;
- }
- /* credit to http://farahmir.tumblr.com/ */
- #posts-info{
- padding:3px;
- text-align:center;
- text-transform:lowercase;
- background-color:#fafafa;
- margin-top:05px;
- font:08px calibri;
- text-transform:uppercase;
- letter-spacing:1px;}
- .up {cursor:pointer;}
- .tags {
- font-size:9px;
- text-transform:lowercase;
- word-break:break-all;
- margin-top:2px;
- {block:IndexPage}
- display:none;
- {/block:IndexPage}
- }
- .tags a {
- text-decoration:none;
- color:{color:text};
- }
- span.tag2 {
- display:none;
- }
- a.tag + span.tag2 {
- display:inline;
- }
- /* end of credit */
- .tagss {
- font-size:9px;
- text-transform:lowercase;
- word-break:break-all;
- margin-top:2px;
- }
- .tagss a {
- text-decoration:none;
- color:{color:text};
- }
- .question {
- font-size:10px;
- letter-spacing:0px;
- padding:10px;
- text-align:right;
- color:{color:text};
- background-color:#fafafa;
- }
- 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;
- }
- /* credit to http://kwontae.tumblr.com/ */
- #box{
- position:absolute;
- margin-left:500px;
- opacity:0;
- -webkit-transition:all 0.6s ease-in-out 0.1s;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out 0.1s;/*opera*/
- -moz-transition:all 0.6s ease-in-out 0.1s;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out 0.1s;/*ie*/
- transition:all 0.6s ease-in-out 0.1s;/*w3c*/}
- #box a{
- padding:5px;
- background-color:{color:accent2};
- color:white;
- font-size:13px;
- display:block;
- margin-bottom:3px;}
- #box i{
- font-style:normal;}
- .hres {
- margin-top:0px;
- position:relative;
- z-index:9;
- -webkit-transition:all 0.6s ease-in-out 0.4s;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out 0.4s;/*opera*/
- -moz-transition:all 0.6s ease-in-out 0,4s;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out 0.4s;/*ie*/
- transition:all 0.6s ease-in-out 0.4s;/*w3c*/}
- .reblog{
- position:relative;
- z-index:99;}
- #posts:hover .hres{
- margin-top:0px;}
- #posts:hover #box{
- opacity:1;
- margin-left:510px;}
- .my-like {
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- }
- .my-liked, .my-like:hover {
- color: red;
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- }
- /* end of credit */
- </style>
- <script>
- window.onload = function () {
- document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
- document.addEventListener( 'click', function ( event ) {
- var myLike = event.target;
- if( myLike.className.indexOf( 'my-like' ) > -1 ) {
- var frame = document.getElementById( 'my-like-frame' ),
- liked = ( myLike.className == 'my-liked' ),
- command = liked ? 'unlike' : 'like',
- reblog = myLike.getAttribute( 'data-reblog' ),
- id = myLike.getAttribute( 'data-id' ),
- oauth = reblog.slice( -8 );
- frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
- liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
- };
- }, false );
- };
- </script>
- <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">
- <script language="JavaScript">
- <!--
- /*
- Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
- Over 400+ free JavaScripts here!
- Keep this notice intact please
- */
- function random_imglink(){
- var myimages=new Array()
- //specify random images below. You can have as many as you wish
- myimages[1]="http://static.tumblr.com/osetqbs/PNNn85h3w/14.gif"
- myimages[2]="http://static.tumblr.com/osetqbs/THfn85hfm/14.gif"
- myimages[3]="http://static.tumblr.com/osetqbs/N4un85hug/13.gif"
- myimages[4]="http://static.tumblr.com/osetqbs/LdFn85i2d/12.gif"
- myimages[5]="http://static.tumblr.com/osetqbs/QYqn85ii7/11.gif"
- myimages[6]="http://static.tumblr.com/osetqbs/fkOn85iw0/10.gif"
- var ry=Math.floor(Math.random()*myimages.length)
- if (ry==0)
- ry=1
- document.write('<img src="'+myimages[ry]+'" border=0>')
- }
- random_imglink()
- //-->
- </script>
- <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">
- <!-- credit to http://kwontae.tumblr.com/ -->
- <div id="box"><a href="{ReblogURL}" class="reblog"><i class="fontawesome-retweet"></i></a> {block:HighRes} <a href="{PhotoURL-HighRes}" class="hres"><i class="fontawesome-search"></i></a>{/block:HighRes}
- </div>
- <!-- end of credit -->
- {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: <em>{Question}</em></div>
- {Answer}
- {/block:Answer}
- {block:Date}
- <!-- credit to http://farahmir.tumblr.com/ -->
- <div id="posts-info">
- posted <a href="{Permalink}"title="{DayofMonthwithzero} {month} / {24hour}:{Minutes}">{TimeAgo}</a>{block:PermalinkPage} by <a href="{PostAuthorURL}">{PostAuthorName}<br>{block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}"> org</a>{/block:ContentSource}</a>{/block:PermalinkPage}
- {block:NoteCount} ― <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} ― <div class="my-like" title="Like" data-reblog="{ReblogURL}" data-id="{PostID}">♥</div>{block:IndexPage}{block:HasTags} ― <a class="up">Tags</a>
- <div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
- <!-- end of credit -->
- {block:PermalinkPage}</br><div class="tagss">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}
- </div>
- {/block:Date}
- {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