Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!------------------------------------------
- _ _ _
- | |__ _ _ ___| |__ | | ___ ___
- | '_ \| | | | / __| '_ \| |/ _ \ / _ \
- | |_) | |_| | | (__| | | | | (_) | __/
- |_.__/ \__, | \___|_| |_|_|\___/ \___|
- |___/
- Candy Cane Theme by Chloe | @dontbrag | @themekid
- > Do not delete any of the credit.
- > Do not claim as your own.
- > Do not copy any ideas or code.
- > Do not redistribute.
- ------------------------------------------->
- <meta name="image:Background" content=""/>
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Text" content="#666"/>
- <meta name="color:Green Accent" content="#45993c" />
- <meta name="color:Red Accent" content="#c91234" />
- <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/52/52903/1/parts.js" title="Snow + Snowflakes" />
- <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/21/21229/19/parts.js" title="Snowflakes + Snow 2" />
- <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/46/46275/33/parts.js" title="Snowflakes" />
- <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/52/52903/5/parts.js" title="Dainty Snow" />
- <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/53/53342/92/parts.js" title="Snowflakes + Stuff" />
- <meta name="select:Falling Things" content="http://bpmaker.giffy.me/userdata/user/52/52487/3/parts.js" title="Misteltoe" />
- <meta name="select:Falling Things" content="" title="None" />
- <meta name="if:Tiled Background" content="1"/>
- <meta name="if:Music Player" content="1" />
- <meta name="if:Autoplay" content="0" />
- <meta name="text:Link 1" content="link 1" />
- <meta name="text:URL 1" content="http://" />
- <meta name="text:Link 2" content="link 2" />
- <meta name="text:URL 2" content="http://" />
- <meta name="text:Link 3" content="link 3" />
- <meta name="text:URL 3" content="http://" />
- <meta name="text:Song 1 URL" content="https://a.tumblr.com/tumblr_nga1ayRfxa1rxr1fpo1.mp3" />
- <meta name="text:Song 1 Title" content="Silent Night - Patrick & Ann Marie" />
- <meta name="text:Song 2 URL" content="https://a.tumblr.com/tumblr_mvqamgt8yG1r2384eo1.mp3" />
- <meta name="text:Song 2 Title" content="Jingle Bell Rock - Bobby Helm" />
- <meta name="text:Song 3 URL" content="https://a.tumblr.com/tumblr_mfk2xh4WwZ1roauwso1.mp3" />
- <meta name="text:Song 3 Title" content="O Holy Night - Josh Groban" />
- <meta name="text:Song 4 URL" content="https://a.tumblr.com/tumblr_lveo5wHgoF1qax9lwo1.mp3" />
- <meta name="text:Song 4 Title" content="Away In A Manger - Julie Andrews" />
- <meta name="text:Song 5 URL" content="https://a.tumblr.com/tumblr_lvxbeyGgjp1r7uqieo1.mp3" />
- <meta name="text:Song 5 Title" content="The First Noel - Nat King Cole" />
- <meta charset="UTF-8" />
- <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
- <link href='//fonts.googleapis.com/css?family=Open+Sans|Petit+Formal+Script' rel='stylesheet' type='text/css'>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- $("body").append("<div class='credit'>" + "<i class='fa fa-gift'>" + "</i>" + "<a class='mine' target='_blank' href='http://themekid.tumblr.com'> Theme Kid</a>" + "</div>");
- $("ul#navlinks").append("<li>" + "<a target='_blank' href='http://themekid.tumblr.com' title='credit'></a>" + "</li>");
- $("#navlinks a")
- .each(function(i) {
- if (i != 0) {
- $("#beep-two")
- .clone()
- .attr("id", "beep-two" + i)
- .appendTo($(this).parent());
- }
- $(this).data("beeper", i);
- })
- .mouseenter(function() {
- $("#beep-two" + $(this).data("beeper"))[0].play();
- });
- $("#beep-two").attr("id", "beep-two0");
- })
- </script>
- <style type="text/css">
- #tumblr_controls {
- top:15px!important;
- right:15px!important;
- -webkit-filter: invert(100%);
- position:fixed!important;
- }
- ::-webkit-scrollbar {
- background-color:#fff;
- height: 7px;
- width: 7px;
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:Green Accent};
- border:2px solid #fff;
- }
- body{
- background:{color:background} url({image:Background})
- {block:IfTiledBackground}
- repeat fixed;
- {/block:IfTiledBackground}
- {block:IfNotTiledbackground}
- no-repeat center center fixed;
- -webkit-background-size:cover;
- -moz-background-size:cover;
- -ms-background-size:cover;
- -o-background-size:cover;
- background-size:cover;
- {/block:IfNotTiledbackground}
- color:{color:text};
- font-size:12px;
- font-family: 'Open Sans', sans-serif;
- font-weight:300;
- }
- a {
- text-decoration:none;
- color:{color:Text};
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding:3px 6px;
- margin:20px 0px 0px 20px;
- background: #fff;
- border:3px double {color:Green Accent};
- color:{color:Red Accent};
- z-index:999999999999999999;
- font-size:10px;
- text-transform:uppercase;
- font-weight:bold;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- img {
- height: auto;
- width: auto;
- vertical-align:middle;
- }
- #infscr-loading {
- position:absolute;
- bottom:30px;
- width:200px;
- margin-left:50%;
- left:-100px;
- text-align:center;
- }
- #top, #left, #right, #bottom {
- background:{color:Red Accent};
- position:fixed;
- }
- #top, #bottom {
- height:13px;
- width:100%;
- z-index:99;
- }
- #left, #right {
- width:13px;
- height:calc(100% - 22px);
- top:11px;
- z-index:999;
- }
- #top { top:0px; }
- #top:before {
- content:'';
- background:#fff;
- height:2px;
- width:calc(100% - 18px);
- left:9px;
- position:absolute;
- top:9px;
- }
- #bottom {
- bottom:0;
- }
- #bottom:before {
- content:'';
- background:#fff;
- height:2px;
- width:calc(100% - 18px);
- left:9px;
- position:absolute;
- bottom:9px;
- }
- #left {
- left:0;
- }
- #left:before {
- content:'';
- background:#fff;
- width:2px;
- height:100%;
- position:absolute;
- left:9px;
- }
- #right:before {
- content:'';
- background:#fff;
- width:2px;
- height:100%;
- position:absolute;
- right:9px;
- }
- #right {
- right:0;
- }
- #sidebar {
- width:220px;
- position:fixed;
- background:#fff;
- top:270px;
- left:calc(50% - 540px);
- border:8px solid {color:Green Accent};
- outline:2px solid #fff;
- outline-offset:-6px;
- padding:15px;
- z-index:999;
- }
- #sidebar h1 {
- font-family: 'Petit Formal Script', cursive;
- position: absolute;
- top: -64px;
- left: -5px;
- color: #c93d12;
- padding: 5px;
- color:{color:Red Accent};
- }
- #sidebar::first-letter {
- font-family: 'Petit Formal Script', cursive;
- color:{color:Red Accent};
- font-size:1.8em;
- }
- ul#navlinks {
- list-style-type: none;
- margin: 0;
- padding: 0;
- text-align: right;
- position: absolute;
- width: 100%;
- bottom: -35px;
- left: 0;
- }
- ul#navlinks li {
- display:inline-block;
- }
- ul#navlinks li a {
- width: 12px;
- height: 12px;
- display: inline-block;
- border-radius: 50%;
- border: 2px solid {color:Red Accent};
- -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;
- }
- ul#navlinks li:hover a {
- background: {color:Red Accent};
- -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;
- }
- #corner {
- position:fixed;
- right:15px;
- bottom:15px;
- z-index:1000;
- width:200px;
- -webkit-transition: all 0.6s;
- -moz-transition: all 0.6s;
- -o-transition: all 0.6s;
- transition: all 0.6s;
- }
- #corner:hover {
- -webkit-filter: hue-rotate(150deg);
- -webkit-transition: all 0.6s;
- -moz-transition: all 0.6s;
- -o-transition: all 0.6s;
- transition: all 0.6s;
- }
- #wrapper {
- margin-left:calc(50% - 210px);
- margin-top:60px;
- width:592px;
- }
- #posts {
- {block:PermalinkPage}
- width:500px;
- margin:0 auto;
- {/block:PermalinkPage}
- margin-top:30px;
- position:relative;
- }
- .credit {
- width:14px;
- height:14px;
- color: {color:Green Accent};
- position:fixed;
- bottom: 15px;
- left: 15px;
- line-height: 14px;
- font-size:12px;
- padding:3px 4px;
- overflow: hidden;
- z-index:999999999999999999;
- text-align:left;
- font-family: 'Petit Formal Script', cursive;
- border:3px double #fff;
- -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;
- }
- .credit .fa {
- margin-right:5px;
- font-size:1.4em;
- vertical-align:top;
- line-height:14px;
- }
- .credit:hover {
- width:111px;
- background:#fff;
- color:{color:Red Accent};
- border-color:{color:Green Accent};
- -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;
- }
- .credit a {
- color:{color:Red Accent};
- text-decoration: none;
- font-weight:bold;
- }
- .credit a:hover {
- color:{color:Green Accent};
- }
- .credit .mine {
- opacity:0;
- visibility:hidden;
- }
- .credit:hover .mine {
- opacity: 1;
- visibility: visible;
- -webkit-transition: all 0.5s ease-in-out 0.5s;
- -moz-transition: all 0.5s ease-in-out 0.5s;
- -o-transition: all 0.5s ease-in-out 0.5s;
- transition: all 0.5s ease-in-out 0.5s;
- }
- article {
- margin-bottom:60px;
- position:relative;
- {block:IndexPage}
- width:250px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- border:8px solid {color:Green Accent};
- outline:2px solid #fff;
- outline-offset:-6px;
- }
- article a {
- color:{color:Red Accent};
- -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;
- }
- article a:hover {
- color:{color:Green Accent};
- -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;
- }
- article h2 {
- margin:0 0 10px 0;
- font-size:1.3em;
- font-family: 'Petit Formal Script', cursive;
- color:{color:Red Accent};
- }
- article p {
- margin:10px 0;
- }
- article p:first-of-type {
- margin-top:0;
- }
- article p:last-of-type {
- margin-bottom:0;
- }
- article p::first-letter {
- font-family: 'Petit Formal Script', cursive;
- color:{color:Red Accent};
- font-size:1.8em;
- }
- article blockquote {
- margin: 5px 0 5px 10px;
- border-left:2px solid {color:Green Accent};
- padding-left:10px;
- }
- article ul, article ol {
- padding-left:25px;
- }
- .tb {
- padding:15px;
- }
- .quote-post cite {
- text-align:right;
- display:block;
- margin:5px 5px 10px 5px;
- }
- ul.chat-list {
- padding:0;
- list-style-type:none;
- margin:0;
- }
- ul.chat-list li {
- line-height:17px;
- }
- .label {
- font-family: 'Petit Formal Script', cursive;
- color:{color:Red Accent};
- font-weight:bold;
- }
- .album-art img {
- {block:IndexPage}
- width:80px;
- height:80px;
- {/block:IndexPage}
- float:left;
- margin-right:10px;
- border-radius:50%;
- {block:PermalinkPage}
- width:120px;
- height:120px;
- {/block:PermalinkPage}
- }
- .audio-info {
- {block:IndexPage}
- min-height:60px;
- margin-top:20px;
- {/block:IndexPage}
- {block:PermalinkPage}
- min-height:120px;
- line-height:140%;
- {/block:PermalinkPage}
- margin-bottom:10px;
- }
- .tumblr_audio_player {
- position: absolute;
- {block:IndexPage}
- top: 40px;
- left: 40px;
- {/block:IndexPage}
- {block:PermalinkPage}
- top: 45px;
- left: 45px;
- {/block:PermalinkPage}
- width: 30px;
- height: 30px;
- border-radius: 50%;
- opacity: 0.8;
- }
- .photo-mask {
- width:100%;
- height:100%;
- position:absolute;
- opacity:0;
- visibility:hidden;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- -o-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;
- background:rgba(255,255,255, 0.9);
- }
- article:hover .photo-mask {
- opacity:1;
- visibility:visible;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- -o-transition: all 0.4s ease-in;
- transition: all 0.4s ease-in;
- }
- .photo-info {
- top:50%;
- left:50%;
- padding: 7px;
- position:relative;
- text-align:center;
- -webkit-transform: translate(-50%, -50%);
- -moz-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- -o-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- color:{color:Green Accent};
- width:60%;
- }
- .photo-info a {
- color:{color:Red Accent};
- padding:2px 5px;
- margin:3px ;
- line-height:200%;
- font-weight:bold;
- font-family: 'Open Sans', sans-serif;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .photo-info a:hover {
- color:#fff;
- background:{color:Red Accent};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .other_perma {
- text-align:right;
- color:{color:Green Accent};
- padding:0px 10px 10px 10px;
- font-family: 'Open Sans', sans-serif;
- font-weight:bold;
- }
- .extra-info {
- position: fixed;
- padding: 0 30px;
- line-height: 20px;
- width: 120px;
- text-align: left;
- top: 70px;
- margin-left: 500px;
- z-index: 999;
- }
- .extra-info .fa {
- color:{color:Green Accent};
- }
- ol.notes {
- padding: 10px;
- margin: 20px 0;
- list-style-type: none;
- }
- ol.notes a {
- border-bottom:0;
- }
- ol.notes li.note {
- padding: 3px;
- margin-bottom:3px;
- }
- ol.notes li.note img.avatar {
- float:right;
- border-radius:50%;
- }
- ol.notes li.note blockquote {
- border-color: {color:text};
- padding-left: 6px;
- margin: 6px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- a:focus {
- outline:none;
- }
- {block:IfMusicPlayer}
- .music {
- width:100px;
- height:100px;
- top:20px;
- left:20px;
- position:fixed;
- z-index:1000;
- }
- .music img {
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- transform: rotate(-90deg);
- }
- .box {
- width:180px;
- border:8px solid {color:Green Accent};
- outline:2px solid #fff;
- outline-offset:-6px;
- position:absolute;
- top:50px;
- left:35px;
- padding:10px;
- background:#fff;
- color:{color:Red Accent};
- font-weight:bold;
- font-size:0.9em;
- opacity:0;
- visibility:hidden;
- -webkit-transition: all 0.4s;
- -moz-transition: all 0.4s;
- -o-transition: all 0.4s;
- transition: all 0.4s;
- }
- .music:hover .box {
- opacity:1;
- visibility:visible;
- top:30px;
- -webkit-transition: all 0.4s;
- -moz-transition: all 0.4s;
- -o-transition: all 0.4s;
- transition: all 0.4s;
- }
- {/block:IfMusicPlayer}
- </style>
- </head>
- <body>
- <script type="text/javascript" src="{select:Falling Things}"></script>
- <div id="top"></div><div id="bottom"></div>
- <div id="left"></div><div id="right"></div>
- <div id="corner"><img src="http://1.bp.blogspot.com/-VK50R5ir30Q/UOCgjbnWG8I/AAAAAAAAAcw/grEwPV6Ncmk/s1600/Deer+Transparent.png"></div>
- {block:IfMusicPlayer}
- <div class='music'>
- <img src="http://static.tumblr.com/yxfeliq/9QYny7xk5/xmas.png"/>
- <div class="box">
- <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay={block:IfNotAutoplay}false{/block:IfNotAutoplay}{block:IfAutoplay}true{/block:IfAutoPlay}&f0={text:Song 1 URL}&t0={text:Song 1 Title}&f1={text:Song 2 URL}&t1={text:Song 2 Title}&f2={text:Song 3 URL}&t2={text:Song 3 Title}&f3={text:Song 4 URL}&t3={text:Song 4 Title}&f4={text:Song 5 URL}&t4={text:Song 5 Title}&total=5" quality="high" wmode="transparent" width="180" height="10" name="billy" align="middle" type="application/x-shockwave-flash" id="billy-player"/>
- {block:IfSong1Title}<br><br>1. {text:Song 1 Title}{/block:IfSong1Title}
- {block:IfSong2Title}<br>2. {text:Song 2 Title}{/block:IfSong2Title}
- {block:IfSong3Title}<br>3. {text:Song 3 Title}{/block:IfSong3Title}
- {block:IfSong4Title}<br>4. {text:Song 4 Title}{/block:IfSong4Title}
- {block:IfSong5Title}<br>5. {text:Song 5 Title}{/block:IfSong5Title}
- </div>
- </div>
- {/block:IfMusicPlayer}
- <div id="sidebar">
- <h1>{Title}</h1>
- {block:Description}{Description}{/block:Description}
- <ul id="navlinks">
- <li>
- <a href="/" title="home"></a>
- <audio id="beep-two">
- <source src="https://dl.dropboxusercontent.com/s/2hnwt73ige0cl8p/BELL-%20SMALL-%20TINKLE.mp3?dl=0" controls></source>
- </audio>
- </li>
- {block:AskEnabled}<li><a href="/ask" title="message"></a></li>{/block:AskEnabled}
- {block:SubmissionsEnabled}<li><a href="/submit" title="submit"></a></li>{/block:SubmissionsEnabled}
- {block:IfLink1}<li><a href="{text:URL 1}" title="{text:Link 1}"></a></li>{/block:IfLink1}
- {block:IfLink2}<li><a href="{text:URL 2}" title="{text:Link 2}"></a></li>{/block:IfLink2}
- {block:IfLink3}<li><a href="{text:URL 3}" title="{text:Link 3}"></a></li>{/block:IfLink3}
- <li><a href="/archive" title="history"></a></li>
- </ul>
- </div>
- <div id="wrapper">
- <div id="posts">
- {block:Posts}
- <article>
- {block:Text}
- <div class="text-post tb">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- </div>
- {block:IndexPage}
- <div class="other_perma">
- <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> / <a href="{Permalink}" target="_blank">{NoteCount}+</a>
- </div>
- {/block:IndexPage}
- {/block:Text}
- {block:Photo}
- <div class="photo-post">
- {block:IndexPage}
- <div class="photo-mask">
- <div class="photo-info"><a href="{Permalink}" target="_blank">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{ReblogURL}" target="_blank">REBLOG</a> <br><a href="{Permalink}" target="_blank">{NoteCount}+</a></div>
- </div>
- <div class="photo-wrap"><img src="{PhotoURL-250}" class="photos"></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="photo-wrap"><img src="{PhotoURL-500}" class="photos"></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="photoset-post">
- {block:IndexPage}
- {Photoset-250}
- <div class="other_perma">
- <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> / <a href="{Permalink}" target="_blank">{NoteCount}+</a>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="quote-post tb">
- <h2><span style="color:{color:Green Accent};">❝</span> {Quote} <span style="color:{color:Green Accent};">❞</span></h2>
- {block:Source}<cite>- {Source}</cite>{/block:Source}
- </div>
- {block:IndexPage}
- <div class="other_perma">
- <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> / <a href="{Permalink}" target="_blank">{NoteCount}+</a>
- </div>
- {/block:IndexPage}
- {/block:Quote}
- {block:Link}
- <div class="link-post tb">
- <h2><a href="{URL}" {Target}>{Name} <i class="fa fa-angle-right"></i></a></h2>
- {block:Description}{Description}{/block:Description}
- </div>
- {block:IndexPage}
- <div class="other_perma">
- <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> / <a href="{Permalink}" target="_blank">{NoteCount}+</a>
- </div>
- {/block:IndexPage}
- {/block:Link}
- {block:Chat}
- <div class="chat-post tb">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul class="chat-list">
- {block:Lines}
- <li class="{Alt}">
- {block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>
- {/block:Lines}
- </ul>
- </div>
- {block:IndexPage}
- <div class="other_perma">
- <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> / <a href="{Permalink}" target="_blank">{NoteCount}+</a>
- </div>
- {/block:IndexPage}
- {/block:Chat}
- {block:Audio}
- <div class="audio tb">
- {block:AlbumArt}
- <div class="album-art">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="audio-info">
- <span class="label">Artist:</span> <span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
- <span class="label">Title:</span> <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
- {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
- </div>
- </div>
- {block:IndexPage}
- <div class="other_perma">
- <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> / <a href="{Permalink}" target="_blank">{NoteCount}+</a>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Video}
- <div class="video-post">
- {block:IndexPage}
- {Video-250}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- </div>
- {block:IndexPage}
- <div class="other_perma">
- <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a> / <a href="{Permalink}" target="_blank">{NoteCount}+</a>
- </div>
- {/block:IndexPage}
- {/block:Video}
- {block:PermalinkPage}
- {block:PostNotes}
- <div id="notes">
- {PostNotes-16}
- </div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- </article>
- {block:PermalinkPage}
- <div class="extra-info">
- {block:Date}<i class="fa fa-clock-o"></i> {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}
- {block:NoteCount}<br><i class="fa fa-files-o"></i> {NoteCount}{/block:NoteCount}
- {block:RebloggedFrom}<br><i class="fa fa-retweet"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
- {block:ContentSource}<br><i class="fa fa-copyright"></i> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
- {block:HasTags}<br><i class="fa fa-tag"></i> {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>
- {/block:PermalinkPage}
- {/block:Posts}
- </div><!--end posts-->
- </div><!--end wrapper-->
- {block:Pagination}
- <div class="pagination" style="visibility:hidden;">
- {block:PreviousPage}
- <a href="{PreviousPage}">previous</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}" id="next">next</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
- {block:IndexPage}
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
- <script>
- (function () {
- var $tumblelog = $('#posts');
- $tumblelog.imagesLoaded(function () {
- $tumblelog.masonry({
- itemSelector: 'article',
- isAnimated:true,
- columnWidth:266,
- gutterWidth:60,
- });
- });
- $tumblelog.infinitescroll({
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- itemSelector : "article",
- loading: {
- finishedMsg: "<p>You've reached the end of the Earth.</p>",
- img : "http://static.tumblr.com/yxfeliq/ZQFnvhfad/dontbrag-loading.gif",
- msg: null,
- msgText: ""
- },
- },
- function( newElements ) {
- var $newElems = $(newElements)
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $tumblelog.masonry( 'appended', $newElems, {
- isAnimated: true,
- animationOptions: {
- duration: 250,
- easing: 'linear',
- queue: false
- }
- },
- function(){
- $newElems.fadeIn('slow');
- }
- );
- });
- });
- })();
- </script>
- {/block:IndexPage}
- <div style="display:none;"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5143025";
- var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
- fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
- document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
- </script>
- </div>
- <!--/////////End Masonry//////////-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment