Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <!--
- sury theme by wildthemes. do not remove credits, themes take alot of time and effort to make, you will be reported if you're seen using this theme with no credits.-->
- <!--This work is licensed under a Creative Commons Attribution 3.0 Unported License.
- taking credits off/stealing/using my themes as a basecode is illegal.-->
- <!--important! please readd
- YOU MUSTMUSTMUSTMUSTMUSTMUST CHANGE YOUR POSTS PER PAGE TO 15. OR YOU WILL NOT HAVE INFINITE/ENDLESS SCROLLING!
- HOW TO DO IT:
- GO TO CUSTOMIZE
- SCROLL DOWN TO ADVANCED
- CLICK ADVANCED AND FIND POSTS PER PAGE
- CHANGE IT TO ‘15’ SO THAT IT SAYS:
- 15 POSTS PER PAGE!-->
- <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta name="color:glow colour" content="#a3c7c6"/>
- <meta name="color:Body font" content="#000000"/>
- <meta name="color:Links" content="#000000"/>
- <meta name="color:Link hover" content="#2b2c2c"/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:posts" content="#ffffff"/>
- <meta name="image:Background image" content="0"/>
- <meta name="image:Sidebar photo" content=""/>
- <meta name="image:Sidebar background" content="http://static.tumblr.com/lyl1wkn/p00ma0mkm/000000001.jpg"/>
- <meta name="if:Show sidebar photo" content="1"/>
- <meta name="text:reblog label" content="reblog" />
- <meta name="text:Link one Title" content=""/>
- <meta name="text:Link one" content="" />
- <meta name="text:Link Three Title" content=""/>
- <meta name="text:Link Three" content=""/>
- <meta name="text:Link Four Title" content=""/>
- <meta name="text:Link Four" content=""/>
- <meta name="text:Link two Title" content=""/>
- <meta name="text:Link two" content=""/>
- <meta name="text:Link five Title" content=""/>
- <meta name="text:Link five" content=""/>
- <title>{title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- {block:Description}
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
- <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
- <style type="text/css">
- @font-face { font-family: "bby"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
- body {
- background-color:{color:Background};
- background-image: url({image:Background image});
- background-attachment: fixed;
- background-repeat: repeat;
- font-family: calibri;
- font-size: 10px;
- line-height: 110%;
- color:{color:Body font};
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:Links};
- height:auto;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:Links};
- }
- ::-webkit-scrollbar {
- height:2px;
- width:4px;
- background-color:{color:posts};
- }@font-face { font-family: "origin"; src: url('http://static.tumblr.com/lyl1wkn/6tdm8yvpc/origin-light.ttf'); }
- #infscr-loading {
- position: absolute;
- bottom: 0;
- left: 25%;}
- a { color:{color:Links}; -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;text-decoration: none;}
- a:hover {
- color:{color:Link hover};
- text-decoration: none;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;color 0.5s
- }
- }
- #tumblr_controls{
- position:fixed !important;
- z-index:99999999999;
- }
- .idk {align:right;background: #cdcdcd; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
- .idk p {margin:1px 0px;}
- .idk span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #cdcdcd;}
- .idkborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #f7f7f7}
- ul {
- display: block;
- list-style-type: disc;
- -webkit-margin-before: 1em;
- -webkit-margin-after: 1em;
- -webkit-margin-start: 0px;
- -webkit-margin-end: 0px;
- -webkit-padding-start: 20px;
- }
- @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); }
- #tumblr_controls{
- position:fixed z-index:9999999999;;
- }@font-face {
- font-family: fromwhere;
- src: url('http://static.tumblr.com/huallmg/NOjm2hzvp/fromwhereyouare.ttf');
- }
- @font-face {font-family:"Japan"; src: url('http://static.tumblr.com/9wzbixa/KKbm0c410/japan.ttf');}
- #blogtitle{
- font-family:megrim;
- font-size:50px;
- margin-top:0px;
- text-transform:lowercase;
- margin-left:-0px;
- line-height:50px;
- text-shadow: 1px 1px 3px #000;}
- #description{
- font-family: calibri;
- font-size: 11px; width:280px;
- padding:3px;
- text-align:center;
- color:{color:Body font};
- margin-left:10px;
- background:{color:posts};
- opacity:0.8;
- }
- @font-face {font-family:"Painted" src:url('http://static.tumblr.com/9wzbixa/7vNm26po9/painted.ttf');}
- @font-face { font-family:"Ultimapdaa Hairline"; src: url('http://static.tumblr.com/iddq6cw/GQTm040bn/ultimapdaa-hairline.ttf'); }
- #description:hover{
- opacity:1;
- -moz-transition: all 0.8s ease-out;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #content {
- width:820px; float: left;
- margin-top:6px;
- margin-left:400px;
- }
- #contain {
- width: 1070px;
- margin: 0px auto;
- }
- #sidebar{ margin-left:-50px;
- width:300px;
- z-index:1;
- position:fixed !important;
- text-align:center;
- top:0px;
- height:100%;
- background-color: {color:posts};
- background-image:url('{image:Sidebar background}');
- background-attachment: fixed;
- background-image: repeat;
- opacity: 1;
- }
- #rightbar{
- margin-left:1050px;
- width:150px;
- z-index:1;
- position:fixed !important;
- text-align:center;
- top:0px;
- height:100%;
- background-color: {color:posts};
- background-image:url('{image:Sidebar background}');
- background-attachment: fixed;
- background-image: repeat;
- opacity: 1;
- {block:permalinkpage}
- margin-left:1100px;
- {/block:permalinkpage}
- }
- h3 {{color:links}; font-family: 'origin'; font-size: 18px; line-height: 120%;}
- .title {color:{color:Links}; font-family: 'megrim';text-transform:lowercase;
- font-size: 25px; line-height: 120%; -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;}
- .title:hover {color:{color:Link hover}; -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;}
- ol.notes img {
- width: 16px;
- display: inline;
- position: relative;
- top: 3px;
- }
- .entry {
- padding:6px;
- overflow: hidden;
- float: left;
- border: solid 1px #ddd;
- {block:indexpage}
- width:300px; margin-bottom: 6px;
- {/block:indexpage}
- {block:permalinkpage}
- width: 400px;
- margin-left: 6px;
- margin-bottom: 6px;
- {/block:permalinkpage}
- display: block; margin-left: 6px;
- background: {color:posts};
- }
- .entry:hover{
- -moz-box-shadow: 0 0 15px {color:glow colour};
- -webkit-box-shadow: 0 0 15px {color:glow colour};
- box-shadow: 0 0 15px {color:glow colour};
- -webkit-transition: all .25s ease-in-out;
- -moz-transition: all .25s ease-in-out;
- -o-transition: all .25s ease-in-out;
- transition: all .25s ease-in-out;}
- .postnotes {
- {block:permalinkpage}
- width: 270px;
- margin-left: 415px;
- margin-bottom: 6px;
- height:500px;
- top:00px;
- position:fixed;
- overflow:auto;
- background: {color:posts};
- {/block:permalinkpage}
- }
- .entry img {
- display: block;
- {block:indexpage}
- width:300px;{/block:indexpage}
- }
- .wildthemes a {color:{color:Body font};}
- .entry .wildthemes{
- position:absolute;
- width:auto;
- height:15px;
- padding-top:0px;
- padding-bottom: 0px;
- background-color:{color:posts};
- margin-left: 0px;
- overflow:hidden;
- top: 0px;
- font-family: calibri;
- text-transform:uppercase;
- font-size: 11px;
- line-height:15px;
- text-align:center;
- padding-left: 0px;
- padding-right: 0px;
- opacity:0.0;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
- .entry:hover .wildthemes{
- overflow:visible;
- -webkit-transition: opacity 0.5s linear; opacity: 0.8;
- transition: all 0.4s linear;
- padding:2px;
- margin-left: 10px;
- text-transform:uppercase;
- width: auto;
- background-color:{color:posts};
- height: 15px;
- top: 15px;
- opacity:0.8;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear; -moz-box-shadow: 0 0 15px {color:glow colour};
- -webkit-box-shadow: 0 0 15px {color:glow colour};
- box-shadow: 0 0 15px {color:glow colour};
- -webkit-transition: all .25s ease-in-out;
- -moz-transition: all .25s ease-in-out;
- -o-transition: all .25s ease-in-out;
- transition: all .25s ease-in-out;}
- }
- .entry:hover .wildthemes:hover{
- opacity: 1;
- width: 150px;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear; -moz-box-shadow: 0 0 15px {color:glow colour};
- -webkit-box-shadow: 0 0 15px {color:glow colour};
- box-shadow: 0 0 15px {color:glow colour};
- -webkit-transition: all .25s ease-in-out;
- -moz-transition: all .25s ease-in-out;
- -o-transition: all .25s ease-in-out;
- transition: all .25s ease-in-out; border-top-right-radius: 80px;
- border-bottom-right-radius: 1px;
- border-top-left-radius: 1px;
- border-bottom-left-radius: 80px;
- display: inline-block;
- }
- }
- .entry:hover .details {
- opacity: 1.0;
- margin:12px 0px 0px 0px;
- filter: alpha(opacity = 100);
- -webkit-transition: all .25s ease-in-out;
- -moz-transition: all .25s ease-in-out;
- -o-transition: all .25s ease-in-out;
- transition: all .25s ease-in-out;
- }
- #pagination{
- display:none;
- }
- .linkss {
- width: 120px;
- height: 20px;
- font-size:13px;
- letter-spacing:1px;
- margin-top:8px;
- margin-left:0px;
- line-height:20px;
- font-family: megrim;
- background: white;
- opacity:0.7;
- text-align:center;
- display: inline-block;
- -webkit-transition-duration: .6s;
- border-top-right-radius:0px;
- border-bottom-right-radius:0px;
- border-top-left-radius:0px;
- border-bottom-left-radius:0px;
- }
- .linkss:hover {
- color: #000;
- box-shadow: 0px 0px 10px #d8d8d8;
- font-family: megrim;
- opacity:1;
- font-size: 13px;
- background: {color:links sidebar hover};
- -moz-transition: all .2s ease-in-out;
- -o-transition: all .2s ease-in-out;
- transition: all .2s ease-in-out;
- -webkit-transition: all .2s ease-in-out;
- -webkit-transition-duration: .4s;
- border-top-right-radius: 80px;
- border-bottom-right-radius: 1px;
- border-top-left-radius: 1px;
- border-bottom-left-radius: 80px;
- display: inline-block;
- }
- .clear {
- clear: both;
- }
- blockquote, q {
- quotes: "«" "»" "'" "'";
- padding: 3px;
- border-left: 3px solid #7d7d7d;
- margin: 0px 10px;
- }
- .permahover {
- text-align: right;
- line-height:200%;
- opacity: 0.0;
- filter: alpha(opacity = 0);
- font-size: 9px;
- line-height: 9px;
- text-transform: uppercase;
- }
- .entry:hover .permahover {
- text-align: center;
- opacity: 1;
- filter: alpha(opacity = 50);
- }
- .text {
- padding: 0px;
- }
- .entry:hover .textperma {
- opacity: 1;
- filter: alpha(opacity = 100);
- -webkit-transition: all ease-in 250ms;
- -moz-transition: all ease-in 250ms;
- -o-transition: all ease-in 250ms;
- -ms-transition: all ease-in 250ms;
- transition: all ease-in 250ms;
- }
- .blogtitle {text-align:center; margin-top:15px;}
- .blogtitle a {
- font-family: 'origin';
- font-size: 22px;
- line-height: 130%;
- color:{color:Links};-webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;
- }
- .blogtitle a:hover {
- color:{color:Link hover}; -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- transition: all 0.3s ease-out;}
- .clearfix {
- clear: both;
- }
- .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
- padding-bottom : 0px;}
- </style>
- </head>
- <body>
- </div>
- <div id="contain">
- <div id="sidebar">
- <br><br><br><br>
- <a href"/"</a><div id="blogtitle"><script language="JavaScript1.2">
- /*
- Neon Lights Text
- By JavaScript Kit (http://javascriptkit.com)
- For this script, TOS, and 100s more DHTML scripts,
- Visit http://www.dynamicdrive.com
- */
- var message="{Title}"
- var neonbasecolor="{color:Body font}"
- var neontextcolor="{color:Links}"
- var flashspeed=100 //in milliseconds
- ///No need to edit below this line/////
- var n=0
- if (document.all||document.getElementById){
- document.write('<font color="'+neonbasecolor+'">')
- for (m=0;m<message.length;m++)
- document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
- document.write('</font>')
- }
- else
- document.write(message)
- function crossref(number){
- var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
- return crossobj
- }
- function neon(){
- //Change all letters to base color
- if (n==0){
- for (m=0;m<message.length;m++)
- //eval("document.all.neonlight"+m).style.color=neonbasecolor
- crossref(m).style.color=neonbasecolor
- }
- //cycle through and change individual letters to neon color
- crossref(n).style.color=neontextcolor
- if (n<message.length-1)
- n++
- else{
- n=0
- clearInterval(flashing)
- setTimeout("beginneon()",1500)
- return
- }
- }
- function beginneon(){
- if (document.all||document.getElementById)
- flashing=setInterval("neon()",flashspeed)
- }
- beginneon()
- </script></a></div></a>
- <br>
- {block:ifShowsidebarphoto}
- <a href="/"><img src="{image:Sidebar photo}" width="270" style="margin-bottom:1px;margin-top:4px;"/></a>
- {/block:ifShowsidebarphoto}
- <div id="description">{Description}</div>
- <br><span class="linkss"><a href="/">home</a> </span> <span class="linkss">
- <a href="/ask">ask</a>
- </span> {block:IfLinkOneTitle} <span class="linkss"> <a href="{text:Link One}"> {text:Link One Title}</a> </span> {/block:ifLinkOneTitle} {block:IfLinkTwoTitle} <span class="linkss"> <a href="{text:Link Two}">{text:Link Two Title}</a> </span> {/block:ifLinkTwoTitle} {block:IfLinkThreeTitle}<span class="linkss"> <a href="{text:Link Three}">{text:Link Three Title}</a> </span> {/block:ifLinkThreeTitle} {block:IfLinkFourTitle} <span class="linkss"> <a href="{text:Link Four}">{text:Link Four Title}</a> </span> {/block:ifLinkFourTitle} {block:IfLinkFiveTitle} <span class="linkss"> <a href="{text:Link Five}">{text:Link Five Title}</a> </span> {/block:ifLinkFiveTitle}
- </div>
- </div>
- </div>
- </div>
- <div id="rightbar">
- </div>
- <div id="content">
- {block:Posts}
- <div class="entry">
- {block:Text}
- <div class="text">
- {block:Title}
- <div class="title"> <a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {Body}
- <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
- {block:IndexPage}
- {/block:IndexPage}
- </div>
- {/block:Text}
- {block:Photo}
- {block:indexpage} <div class="wildthemes"><p><a href="{permalink}">{NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">{text:reblog label}</a> </div>
- <img src="{PhotoURL-HighRes}" width="100%"/>
- {/block:indexpage}
- {block:permalinkpage}
- <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
- {/block:permalinkpage} {block:IndexPage}
- {/block:IndexPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}{Photoset-250}{/block:IndexPage}
- {block:IndexPage}
- {/block:IndexPage}
- {block:permalinkpage}
- {Photoset-500}
- {/block:permalinkpage}
- {/block:Photoset}
- {block:Quote}
- <div class="text">
- <div class="title"> "{Quote}" </div>
- {block:Source}
- <div style="text-align:right">- {Source}</div>
- {/block:Source}
- {block:IndexPage}
- <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
- {/block:IndexPage}
- </div>{/block:Quote}
- {block:Link}
- <div class="text">
- <div class="title"><a href="{URL}" class="link" {Target}>{Name}</a> </div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- <p>
- {block:IndexPage}
- <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
- {/block:IndexPage}
- </div>{/block:Link}
- {block:Chat}
- <div class="text">
- {block:Title}
- <div class="title"> <a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transform:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
- {Line} </li>
- {/block:Lines}
- </ul>
- {block:IndexPage}
- {/block:IndexPage}
- </div>{/block:Chat}
- {block:Video}
- {block:IndexPage}{Video-250}{/block:IndexPage}
- {block:IndexPage}
- {block:IndexPage}
- {/block:IndexPage}
- {block:permalinkpage}
- {Video-500}
- {/block:permalinkpage}
- {/block:Video}
- {block:Audio}
- <div class="text">
- {AudioPlayerGrey}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {block:IndexPage}
- {/block:IndexPage}
- </div>{/block:Audio}
- {block:Answer}<div class="text"><img src="{AskerPortraitURL-48}" align="left" class="idkborder"><div class="idk"><span></span>{Asker} was like: {Question} </div>{Answer} <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
- {block:IndexPage}
- {/block:IndexPage}</div>{/block:Answer}
- {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}
- <div class="postnotes">
- {block:PostNotes}{PostNotes}
- {/block:PostNotes}</div>
- </div>
- {/block:Posts}
- </div>
- <div class="clear"></div>
- </div>
- {block:Pagination}
- <ul id="pagination">
- {block:PreviousPage}
- <li><a href="{PreviousPage}"></a></li>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
- {/block:CurrentPage}
- {block:JumpPage}
- <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <li><a id="nextPage" href="{NextPage}"></a></li>
- {/block:NextPage}
- </ul>
- {/block:Pagination}
- {block:IndexPage}
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script><script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt"></script>
- {block:IndexPage}
- <script type="text/javascript">
- $(window).load(function () {
- $('#content').masonry(),
- $('.masonryWrap').infinitescroll({
- navSelector : '#pagination',
- nextSelector : '#pagination a#nextPage',
- itemSelector : ".entry, .clear",
- bufferPx : 200,
- loadingText : "<em></em>",
- },
- function() { $('#content').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- {/block:IndexPage}
- </body>
- </div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement