Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- 001. SERENDIPITY by Urbanclique
- Originally by Irrelevantly
- Please do not steal, copy, or claim as your own.
- -->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <link href='http://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
- <script type="text/javascript">
- <!--
- // Disable Right Click Script
- function IE(e)
- {
- if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
- {
- return false;
- }
- }
- function NS(e)
- {
- if (document.layers || (document.getElementById && !document.all))
- {
- if (e.which == "2" || e.which == "3")
- {
- return false;
- }
- }
- }
- document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
- //-->
- </script>
- <meta name="color:background" content="#EEEEEE"/>
- <meta name="color:text" content="#130C11"/>
- <meta name="color:link" content="#000000"/>
- <meta name="color:scrollbar" content="#130C11"/>
- <meta name="color: border" content="#dddddd"/>
- <meta name="color: accent" content="#bbccdd"/>
- <meta name="color: post title" content="#bbccdd"/>
- <meta name="image:sidebar" content="http://static.tumblr.com/e4519d841c887cb6ac62cd8d81b1b2f7/lquab17/liAmka9ap/tumblr_static_tumblr_mfgjm0limj1r9qxdzo1_500.png"/>
- <meta name="image:background" content="http://static.tumblr.com/a3a63de5cc4ed7a115366e03d0c4738c/lquab17/J5Zmka9b3/tumblr_static_hor.jpeg"/>
- <meta name="if:show blog title" content="1"/>
- <meta name="if:tiny scrollbar" content="1"/>
- <meta name="if:tiny cursor" content="1"/>
- <meta name="if:default body font" content="1"/>
- <meta name="if:calibri body font" content="0"/>
- <meta name="if:georgia body font" content="0"/>
- <meta name="text:link 1" content="http://" />
- <meta name="text:link 1 title" content="" />
- <meta name="text:link 2" content="http://" />
- <meta name="text:link 2 title" content="" />
- <meta name="text:link 3" content="http://" />
- <meta name="text:link 3 title" content="" />
- <meta name="text:link 4" content="http://" />
- <meta name="text:link 4 title" content="" />
- <meta name="text:link fontsize" content="16px" />
- <meta name="text:link seperation" content="/" />
- <meta name="text:blog title" content="Serendipity" />
- <meta name="text:blogtitle fontsize" content="64px" />
- <style type="text/css">
- {block:iftinycursor} body, a {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;} a:hover{cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;} {block:iftinycursor}
- {block:iftinyscrollbar}::-webkit-scrollbar {width: 4px; height: 4px; background: {color:Background}; } ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};} {/block:iftinyscrollbar}
- iframe#tumblr_controls {
- white-space:nowrap; filter: invert(90%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.5}
- .wrapper{margin: 0px auto;width: 802px;}
- .header{float: left;width: 100%;}
- .left{float: left;margin-right: 20px;width: 802px;}
- .right{float: right;width: 200px;background-color: {color:Background};}
- body {
- {block:ifdefaultbodyfont}
- font-family: consolas, sans-serif;
- font-size: 12px;
- {/block:ifdefaultbodyfont}
- {block:ifcalibribodyfont}
- font-family: calibri;
- font-size: 11px;
- {/block:ifcalibribodyfont}
- {block:ifgeorgiabodyfont}
- font-family: georgia;
- font-size: 9px;
- {/block:ifgeorgiabodyfont}
- color: {color:text};
- background-color: {color:Background};
- background-image:url({image:Background});
- background-attachment: fixed;
- background-repeat: repeat; }
- a:link, a:active, a:visited{
- color: {color:Link};
- text-decoration: none;
- -webkit-transition: all 0.6s linear;
- -webkit-transition: all 0.6s linear;
- -moz-transition: all 0.6s linear;
- transition: all 0.6s linear;}
- a:hover {
- color: #fff;
- text-shadow:0px 0px 2px #666;
- cursor: {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}
- -webkit-transition: all 0.6s linear;
- -webkit-transition: all 0.6s linear;
- -moz-transition: all 0.6s linear;
- transition: all 0.6s linear;
- }
- b, strong { color: {color: accent}; font-weight: none; }
- i,em {
- font-family: 'Dawning of A New Day'; font-size: 17px; text-decoration: none; line-height: 10px; }
- p {padding-top: 2px;}
- blockquote {border-left: 3px {color: border} solid; padding-left: 5px; margin-left: 5px; }
- #yup {
- margin-left: 5px;
- overflow: visible;
- margin-top: 5px;
- z-index: 999999;
- }
- #yup a {
- font-family: raleway;
- font-size: 14px;
- display: block;
- padding: 5px;
- text-align: center;
- float: left;
- margin-left: 5px;
- margin-bottom: -3px;
- padding-right:5px;
- padding-left: 5px;
- text-transform: lowercase;
- color: #666;
- -webkit-transition-timing-function: ease-in;
- -webkit-transition-duration: 0.3s;
- -moz-transition-timing-function: ease-in;
- -moz-transition-duration: 0.3s;
- }
- #yup a:hover {
- padding-right: 5px;
- opacity:.5;
- -webkit-transition-timing-function: ease-in;
- -webkit-transition-duration: 0.3s;
- -moz-transition-timing-function: ease-in;
- -moz-transition-duration: 0.3s;
- }
- .entry {
- margin: 5px;
- margin-left: 10px;
- padding: 10px;
- float:left;
- border: 1px solid #ddd;
- border-radius: 3px;
- background-color: #fff;
- font-size: 10px;
- line-height:11px;
- opacity: 0.8;
- overflow: hidden;
- {block:IndexPage}
- width:230px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 500px;
- margin-left: 0px;
- {/block:PermalinkPage}
- }
- .entry:hover{
- margin:5px;
- margin-left: 10px;
- float:left;
- font-size: 10px;
- line-height:11px;
- opacity: 0.95;
- {block:IndexPage}
- width:230px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width: 500px;
- margin-left: 0px;
- {/block:PermalinkPage}
- -webkit-transition: all 0.1s linear;
- -webkit-transition: all 0.1s linear;
- -moz-transition: all 0.1s linear;
- transition: all 0.1s linear;
- }
- .entry .permalink{
- position:absolute;
- overflow:hidden;
- margin-top: 8px;
- margin-right: 200px;
- width: 0px;
- height:25px;
- opacity: 0;
- background-color: white;
- text-align: left;
- text-transform: uppercase;
- line-height: 25px;
- border-right: 4px solid {color: border};
- padding: 0px;
- text-align: center;
- -moz-box-shadow: 1px 3px 23px #ffffff;
- -webkit-box-shadow: 1px 3px 23px #ffffff;
- box-shadow: 1px 2px 23px #ffffff;
- -webkit-transition: all 0.2s linear;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- transition: all 0.2s linear;
- }
- .entry:hover .permalink{
- opacity: .97;
- width: 220px;
- border-radius: 0px 20px 20px 0px;
- margin-right: 0px;
- -webkit-transition: all 0.6s linear;
- -webkit-transition: all 0.6s linear;
- -moz-transition: all 0.6s linear;
- transition: all 0.6s linear;
- {block:PermalinkPage}
- opacity: 0;
- {/block:PermalinkPage}
- }
- .entry .permalink2{
- position:absolute;
- overflow:hidden;
- margin-top: 40px;
- margin-right: 200px;
- width: 0px;
- height:25px;
- opacity: 0;
- background-color: white;
- text-transform: uppercase;
- line-height: 25px;
- border-right: 4px solid {color: border};
- padding: 0px;
- text-align: center;
- -moz-box-shadow: 1px 3px 23px #ffffff;
- -webkit-box-shadow: 1px 3px 23px #ffffff;
- box-shadow: 1px 2px 23px #ffffff;
- -webkit-transition: all 1.0s linear;
- -webkit-transition: all 1.0s linear;
- -moz-transition: all 1.0s linear;
- transition: all 1.0s linear;
- }
- .entry:hover .permalink2{
- opacity: .97;
- width: 90px;
- border-radius: 0px 20px 20px 0px;
- margin-right: 0px;
- -webkit-transition: all .75s linear;
- -webkit-transition: all .75s linear;
- -moz-transition: all .75s linear;
- transition: all .75s linear;
- {block:PermalinkPage}
- opacity: 0;
- {/block:PermalinkPage}
- }
- #sidebar{
- position:fixed !important;
- overflow: hidden;
- width: 246px;
- height:auto;
- margin: 100px 0px 0px -150px;
- background-color: white;
- padding: 5px;
- text-align: center;
- font-size: 10px;
- line-height:12px;
- letter-spacing:0px;
- margin-bottom: 5px;
- border: 4px double #eee;
- kl/lu
- }
- .weyhey { position: fixed; margin-left:0px; margin-top: 12px; font-size: 50px; width: 250px; background: transparent; }
- #posts { width: 850px; margin-left: 140px; margin-top: 10px; float:left; }
- #infscr-loading{ bottom: -70px; position: absolute; left: 50%; margin-left:-8px; width:16px; height:11px; overflow:hidden; margin-bottom: 50px; }
- .toes{ position:fixed !important; width: 250px; height: auto; margin: 37px 0px 0px -9px; background-color: white; padding:3px; padding-top: 5px; text-align: center; font-size: 10px; line-height:12px; letter-spacing:0px; margin-bottom: 5px; border: 4px double #eee; }
- @font-face { font-family: "speaknow"; src: url('http://static.tumblr.com/uzqv0i9/i9xmek3xd/speak_now_font_by_itsondemi-d30n7bz.ttf'); }
- .titlee {position:fixed !important; width: 249px; height: auto; margin:84px 0px 0px -150px; padding:3px;text-align: right;font-family: speaknow; font-size: {text:Blogtitle fontsize}; line-height:12px; letter-spacing: 2px; margin-bottom: 2px; text-transform: capitalize; color: #fff; text-shadow:1px 3px 4px #727272; z-index: 99999; }
- .title {font-family: raleway; font-size: 20px; color: {color: Post Title}; padding: 3px; margin-top: 7px; }
- .q {color: {color:text}; font-family: raleway; font-size: 12px; text-transform: uppercase; }
- .bottom{ padding:0px; background-color: #EEE; text-align:center; color:#4b6ca3; margin-top:10px; border-top: 1px dashed #bbccdd;}
- .bottom a{letter-spacing:2px; font-size:6pt; padding:5px; color:#828282; text-transform:uppercase; font-weight: none; }
- .bottom a:hover{olor: #bbccdd;}
- #audioplayer { width:28px; height:35px; overflow:hidden; position:absolute; margin-top:10px; margin-left: 10px; opacity: .89; }
- #audiotext { width:150px; height: 50px; overflow:hidden; position:absolute; margin-top:0px; margin-left: 65px; opacity: .89; }
- {CustomCSS}
- iframe#tumblr_controls { position: fixed! important;
- white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;
- }
- .foot{ top: 26px; right: 6px; font-size: 9px; z-index:99999; position:fixed; white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;} -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
- </style>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- var $content = $('#posts');
- $content.masonry({itemSelector: '.entry'}),
- $content.infinitescroll({
- navSelector : 'div#pagination',
- nextSelector : 'div#pagination a#nextPage',
- itemSelector : '.entry',
- loading: {
- finishedMsg: '',
- img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
- },
- bufferPx : 600,
- debug : false,
- },
- // call masonry as a callback.
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
- });
- });
- });
- </script>
- {/block:IndexPage}
- <title>{title}</title>
- <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_m230lpzA3A1qfamg6.png">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=820" />
- </head>
- <body>
- <script type="text/javascript">
- $('body').hide();
- $('body').fadeIn(2000);
- </script>
- <div class="wrapper">
- <div class="header">
- {block:ifshowBlogTitle}<div class="titlee"> {text:blog title}
- </div>{/block:ifshowBlogTitle}
- </div>
- <div id="sidebar">
- <center><a title="" href="/"><img src="{image:sidebar}" style="overflow: hidden;" width="246px" height="auto"></a> <hr style="margin-top: -2px;border: none; border-top: 2px double #eee; border-bottom: 1px double #eee; height: 2px; "></center>{/block:ifshowphoto} <center><div id="yup">
- <a href="{text:link 1}">{text:link 1 title}</a>
- <a href="{text:link 2}"> {text:link 2 title}</a>
- <a href="{text:link 3}"> {text:link 3 title}</a>
- <a href="{text:link 4}">{text:link 4 title}</a>
- <a href="http://naturelle.co.vu/">©</a>
- </div>
- <div class="toes"> {Description}
- <div class="weyhey"><a href="http://{Name}.tumblr.com/"><img src="http://i47.tinypic.com/w9uz6a.png" style="width:250px;"></a></div></div></div>
- <div class="left">
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:IndexPage}
- {/block:IndexPage}
- {block:Answer}
- <div style="border-radius: 11px 15px 15px 11px; border: 4px double #eee; margin: 3px; padding: 5px; margin-top: -2px; margin-left: -3px; width: 222px; height: auto; padding: 3px; background: white;">
- <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right: 10px; margin-top: 3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 11px;"/>
- <span class="q">{Asker}</span>: {Question}<br></div>
- <div style=" font-size: 10px;">
- {Answer}
- <div class="bottom">
- {block:Date}<a href="{Permalink}">posted {TimeAgo}</a> › {/block:Date} <a href="{Permalink}">{NoteCountWithLabel} </a></div>
- </div>
- {/block:Answer}
- {block:Text}
- {block:Title}<span class="title">{Title}</span>{/block:Title} <br>{Body} <div class="bottom">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a> › {/block:Date} <a href="{Permalink}">{NoteCount}</a> › <a href="{ReblogURL}" target="_blank">Reblog</a></div>
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- <div class="bottom">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a> › {/block:Date} <a href="{Permalink}">{NoteCount} </a> › <a href="{ReblogURL}" target="_blank">Reblog</a></div>
- {block:Link}
- {block:Photo}
- <div class="permalink">
- <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}"> {NoteCountWithLabel}</a></div>
- <div class="permalink2"><a href="{ReblogURL}" target="_blank">reblog post</a></div>
- {block:IndexPage}{LinkOpenTag}<a href"{Permalink}"><div class="photo"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="230"/></a></div>{LinkCloseTag}{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/>{LinkCloseTag}
- {block:HasTags}
- <br>tagged under: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <center>
- <div style="width: 246px; overflow-x:hidden;overflow-y:hidden; padding-right: 10px;">{Photoset-250}</div></center>
- <div class="bottom">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a> › {/block:Date}{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel} </a></a> › {/block:NoteCount}<a href="{ReblogURL}" targer="_blank">Reblog</a></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Photoset-500}</center>
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- {Quote}</span>
- {block:Source}<strong>{Source}</strong>{/block:Source} <div class="bottom">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a> › {/block:Date}{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel} </a></a> › {/block:NoteCount}<a href="{ReblogURL}" targer="_blank">Reblog</a></div>
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul> <div class="bottom">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a> › {/block:Date}{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel} </a></a> › {/block:NoteCount}<a href="{ReblogURL}">Reblog</a></div>
- {/block:Chat}
- {block:Audio}
- <div id= "audioplayer">{AudioPlayerWhite} </div><div id= "audiotext">
- <span style="color: {color: accent};">Title</span>:
- {block:TrackName}
- {TrackName}
- {/block:TrackName}<br>
- <span style="color:{color: accent};">Artist</span>: {block:Artist}
- {Artist}
- {/block:Artist} <br> <span style="color:{color: accent};">Plays</span>: {block:PlayCount} {PlayCount} {/block:PlayCount}</div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" width="50">
- {/block:AlbumArt}
- <div class="bottom">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a> › {/block:Date}{block:NoteCount}<a href="{Permalink}#notes">{NoteCountWithLabel} </a></a> › {/block:NoteCount}<a href="{ReblogURL}">Reblog</a></div>
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <center>
- {Video-250}
- <div class="bottom">
- <a href="{Permalink}#notes">{NoteCountWithLabel} </a></a> › {/block:NoteCount}<a href="{ReblogURL}">Reblog</a></div>
- </center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Video-550}</center>
- {/block:PermalinkPage}
- {block:Video}
- {block:PermalinkPage}
- <center>
- <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} · {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- {block:IndexPage}
- {block:Pagination}
- <div id="pagination">
- {block:NextPage}
- <a id="nextPage" href="{NextPage}"> →</a>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}">← </a>
- {/block:PreviousPage}
- </div>
- {/block:Pagination}
- {/block:IndexPage}
- </div>
- </body>
- </div></div>
- </html>
- <div class="foot"><a href="http://urbanclique.tumblr.com/"><img src="http://static.tumblr.com/vzjzx9a/Oyymbuhss/hdggj57retuete.png"></div></a>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment