Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- The Legend of Zelda Link theme 13 by LilCherryBearr:
- themebylilcherrybearr.tumblr.com
- Notes: Heart pagination does not show up in the preview on the right but it still works.
- If you find a bug, need help, want to suggest improvements, or are interested in commissions, please contact me. More info on my blog ^^
- -->
- <html>
- <head>
- <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="font:font" content="" />
- <meta name="color:primary color" content="green" />
- <meta name="color:secondary color" content="orange" />
- <script type="text/javascript"
- src="https://www.google.com/jsapi"></script>
- <script type="text/javascript">
- google.load("jquery", "1.3");
- google.setOnLoadCallback(function() {
- jQuery(function($) {
- // do some stuff here, eg load your tweets, ...
- });
- });
- </script>
- </head>
- <style>
- body {
- background-color:white;
- background-attachment:fixed;
- background-position:center top;
- font-family:{font:font};
- font-size:12px;
- overflow-x:hidden;
- cursor:url(https://68.media.tumblr.com/571699087f4f3058cc0d3e66da5749ba/tumblr_inline_okeuo2jZGd1qfjhw8_540.png),auto;
- }
- a:hover {
- cursor:url(https://68.media.tumblr.com/dd699673aaebfbaa595bb8fa583b6b75/tumblr_inline_okeuohujlt1qfjhw8_540.png),auto;
- }
- a {
- text-decoration:none;
- color:{color:secondary color};
- }
- #title2 {
- color:{color:secondary color};
- font-size:15px;
- }
- ::-webkit-scrollbar {
- width:10px;
- }
- ::-webkit-scrollbar-track {
- background-color:rgba(0,0,0,.5);
- border-left:3px solid {color:secondary color};
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:primary color};
- border-radius:20px;
- }
- /*Post Content*/
- #content {
- margin-left:150px;
- margin-top:-30px;
- width:100%;
- }
- #posts2 {
- width:520px;
- list-style-type:none;
- margin:30px;
- top:20px;
- left:220px;
- position:relative;
- }
- .posts {
- width:500px;
- margin:0 auto;
- padding:15px 10px 15px 10px;
- }
- blockquote {
- border-left:3px solid rgba(100,100,100,.3);
- margin-left:10px;
- padding-left:5px;
- }
- .rightask {
- float:right;
- width:400px;
- clear:left;
- }
- .ask {
- background-color:#FFE8CA;
- padding:10px 10px 10px 10px;
- margin-top:20px;
- border:2px solid #FFCC8C;
- }
- .askname {
- background-color:rgba(0,0,0,.7);
- z-index:2;
- width:40%;
- text-align:center;
- padding:3px;
- color:#77ADCF;
- position:absolute;
- border:2px solid #FFCC8C;
- }
- .askname a{
- color:#77ADCF;
- }
- .askwhole {
- background-color:red;
- }
- .asker-avatar{
- }
- .question {
- padding:5px;
- border-radius:10px;
- margin:5px;
- }
- .answer {
- padding:5px;
- border-radius:10px;
- margin:5px;
- }
- .replies {
- margin-left:100px;
- }
- .quote {
- margin-top:10px;
- }
- .chat {
- margin-top:10px;
- }
- .chat li {
- list-style-type:none;
- margin-left:-40px;
- padding:5px;
- background-color:rgba(100,100,100,.3);
- }
- .chat li:nth-child(even) {
- background-color:rgba(100,100,100,.5);
- }
- .date {
- padding:5px;
- position:absolute;
- background-color:{color:primary color};
- color:white;
- border:1px solid white;
- }
- #bottom_post {
- float:right;
- }
- #notenum {
- font-size:15px;
- top:-10px;
- position:relative;
- }
- .tags {
- border-left:2px solid {color:secondary color};
- background-color:gra;
- padding:3px;
- }
- .notes li {
- display:inline-block;
- }
- ol.notes {
- padding: 0px;
- margin: 25px 0px;
- list-style-type: none;
- }
- ol.notes li.note {
- padding: 5px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note blockquote {
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- /* Sidebar */
- .sidebar {
- position:absolute;
- position:fixed;
- width:350px;
- height:100%;
- background-color:{color:primary color};
- padding-bottom:5%;
- margin-left:-1%;
- margin-top:-5%;
- padding-left:5%;
- }
- .pagination {
- margin:5px;
- width:300px;
- }
- .page {
- background-image:url("https://68.media.tumblr.com/f6f1d5e5a1545f70f33000ad3876fe53/tumblr_inline_okggkgkefM1qfjhw8_540.png");
- background-repeat: no-repeat;
- padding:12px 18px 12px 18px;
- overflow-x:visible;
- color:white;
- filter:brightness(50%);
- -webkit-transition:all .5s ease-in-out;
- -moz-transition:all .5s ease-in-out;
- }
- .page:hover {
- filter:brightness(100%);
- }
- .current_page {
- filter:brightness(100%);
- }
- #jump_page {
- }
- #icon {
- margin:0 auto;
- }
- #description {
- padding:0 2px 2px 5px;
- width:120px;
- background-color:whi;
- }
- #rightside {
- width:128px;
- height:100%;
- float:right;
- background-color:white;
- position:relative;
- padding-top:20%;
- }
- #customlinks {
- list-style-type:none;
- text-align:center;
- }
- #customlinks li {
- background-color:{color:primary color};
- margin:5px;
- padding:5px;
- color:white;
- -webkit-transition:all .5s ease-in-out;
- -moz-transition:all .5s ease-in-out;
- }
- #customlinks li:hover {
- background-color:{color:secondary color};
- }
- #leftside {
- position:absolute;
- width:250px;
- height:100%;
- padding-top:25%;
- left:20px;
- background-color:gra;
- }
- #header {
- margin-left:20%;
- width:500px;
- }
- .menu {
- background-color:whit;
- position:relative;
- top:10%;
- }
- .menu a {
- margin:5px;
- }
- .label1 {
- position:relative;
- top:-15px;
- left:-5px;
- background-color:{color:primary color};
- padding:5px;
- color:white;
- border:1px solid white;
- -webkit-transition:all .5s ease-in-out;
- -moz-transition:all .5s ease-in-out;
- }
- .label1:hover {
- background-color:{color:secondary color};
- }
- #submit {
- float:right;
- }
- #home {
- margin-left:70px;
- }
- #archive {
- margin-left:70px;
- }
- #searchbar {
- position:relative;
- top:20px;
- }
- #search {
- background-color:black;
- border:1px solid {color:secondary color};
- color:{color:primary color};
- }
- #button {
- background-color:black;
- border:1px solid {color:secondary color};
- color:gray;
- }
- /* Extra */
- .triangle {
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 0 10px 17.3px 10px;
- border-color: transparent transparent {color:secondary color}; transparent;
- z-index:3;
- position:relative;
- position:absolute;
- }
- #tri2 {
- top:20px;
- margin-left:-10px;
- }
- #tri3 {
- top:20px;
- margin-left:10px;
- }
- #theme {
- position:relative;
- top:38px;
- left:-10px;
- }
- #triforce {
- position:absolute;
- position:fixed;
- left:95%;
- top:87%;
- height:50px;
- width:22px;
- padding:2px 10px 2px 10px;
- }
- </style>
- <body>
- <a id="triforce" href="https://themebylilcherrybearr.tumblr.com/">
- <div class="triangle"></div>
- <div class="triangle" id="tri2"></div>
- <div class="triangle" id="tri3"></div>
- <div id="theme">Theme</div>
- </a>
- <div class="sidebar">
- <div id="leftside">
- {block:Pagination}
- <div class="pagination">
- {block:JumpPagination length="5"}{block:CurrentPage}
- <a class="page current_page">{PageNumber}</a>
- {/block:CurrentPage}{block:JumpPage}
- <a class="page" id="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}{/block:JumpPagination}
- </div>
- {/block:Pagination}
- <form id="searchbar" action="/search" method="get">
- <input id="search" type="text" name="q" value="{SearchQuery}" placeholder="Search..." />
- <input id="button" type="submit" value=">">
- </form>
- <div class="menu">
- <div id="home"> <a href="{BlogURL}"><img src="https://68.media.tumblr.com/272394d545e8c8fe49537934ef9ac633/tumblr_inline_ok8y6gvTUT1qfjhw8_540.png" /> <span class="label1">Home</span> </a> </div>
- <div id="submit"> <a href="/submit"><img src="https://68.media.tumblr.com/1724040e5aaba8931790806a22ea0bfa/tumblr_inline_ok2k7hwLns1qfjhw8_540.png" /> <span class="label1">Submit</span> </a> </div>
- <div id="ask2"> <a href="/ask"><img src="https://68.media.tumblr.com/469b9d41ed84f052230d0e8f304719ab/tumblr_inline_okb79tR3uw1qfjhw8_540.png" /> <span class="label1">Ask</span> </a> </div>
- <div id="archive"> <a href="/archive"><img src="https://68.media.tumblr.com/e5ee1739d6b4a78accafc819ae2711da/tumblr_inline_ok2k780dNI1qfjhw8_540.png" /> <span class="label1">Archive</span> </a> </div>
- </div>
- </div> <!--leftside-->
- <div id="rightside">
- <img id="icon" src="{PortraitURL-128}" />
- <p id="description"> {Description} </p>
- <div id="customlinks">{block:HasPages}{block:Pages} <a href="{url}"><li id="links">{Label}</li></a>{/block:Pages}{/block:HasPages}</div>
- </div> <!--rightside-->
- </div> <!--sidebar-->
- <ol id="content">
- {block:Posts}
- <div id="posts2">
- {block:Date} <div class="date">{TimeAgo}</div> {/block:Date}
- {block:Text}
- <li class="posts">
- {block:Title}
- <h3 id="title"><a id="title2" href="{Permalink}">{Title}</a></h3>
- {/block:Title}{Body}
- <div id="bottom_post">
- <ul class="notes">
- <a href="{Permalink}" title="Permalink">{block:NoteCount} <li><div id="notenum">{NoteCount}</div></li> {/block:NoteCount}
- <li><img src="https://68.media.tumblr.com/37d79d7ab700df465fea160f806f4c50/tumblr_inline_ojn9yenLKJ1qfjhw8_540.png" /></li> </a>
- </ul>
- <br>
- </div> <!--bottom_post-->
- {block:HasTags}
- <ul class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </ul>
- {/block:HasTags}
- </li>
- {/block:Text}
- {block:Photo}
- <li class="posts">
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div id="bottom_post">
- <ul class="notes">
- <a href="{Permalink}" title="Permalink">{block:NoteCount} <li><div id="notenum">{NoteCount}</div></li> {/block:NoteCount}
- <li><img src="https://68.media.tumblr.com/141256cbc310f9fe99cec090396e0ba3/tumblr_inline_ojp0uaCFrT1qfjhw8_540.png" /></li> </a>
- </ul>
- <br>
- </div> <!--bottom_post-->
- {block:HasTags}
- <ul class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </ul>
- {/block:HasTags}
- </li>
- {/block:Photo}
- {block:Panorama}
- <li class="posts">
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {LinkCloseTag}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div id="bottom_post">
- <ul class="notes">
- <a href="{Permalink}" title="Permalink">{block:NoteCount} <li><div id="notenum">{NoteCount}</div></li> {/block:NoteCount}
- <li><img src="https://68.media.tumblr.com/141256cbc310f9fe99cec090396e0ba3/tumblr_inline_ojp0uaCFrT1qfjhw8_540.png" /></li> </a>
- </ul>
- <br>
- </div> <!--bottom_post-->
- {block:HasTags}
- <ul class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </ul>
- {/block:HasTags}
- </li>
- {/block:Panorama}
- {block:Photoset}
- <li class="posts">
- {Photoset-500}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div id="bottom_post">
- <ul class="notes">
- <a href="{Permalink}" title="Permalink"> {block:NoteCount} <li><div id="notenum">{NoteCount}</div></li> {/block:NoteCount}
- <li><img src="https://68.media.tumblr.com/141256cbc310f9fe99cec090396e0ba3/tumblr_inline_ojp0uaCFrT1qfjhw8_540.png" /></li> </a>
- </ul>
- <br>
- </div> <!--bottom_post-->
- {block:HasTags}
- <ul class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </ul>
- {/block:HasTags}
- </li>
- {/block:Photoset}
- {block:Quote}
- <li class="posts">
- <big><div class="quote">"{Quote}"</div></big>
- {block:Source}
- <div class="source">- {Source}</div>
- {/block:Source}
- <div id="bottom_post">
- <ul class="notes">
- <a href="{Permalink}" title="Permalink"> {block:NoteCount} <li><div id="notenum">{NoteCount}</div></li> {/block:NoteCount}
- <li><img src="https://68.media.tumblr.com/ca403ddba7fe90ed6c52d0d1ec7410c5/tumblr_inline_ojp0ub41sO1qfjhw8_540.png" /></li> </a>
- </ul>
- <br>
- </div> <!--bottom_post-->
- {block:HasTags}
- <ul class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </ul>
- {/block:HasTags}
- </li>
- {/block:Quote}
- {block:Link}
- <li class="posts">
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- <div id="bottom_post">
- <ul class="notes">
- <a href="{Permalink}" title="Permalink"> {block:NoteCount} <li><div id="notenum">{NoteCount}</div></li> {/block:NoteCount}
- <li><img src="https://68.media.tumblr.com/d279aac950afe36fcad81d63aa235149/tumblr_inline_ojp0urRgdk1qfjhw8_540.png" /></li> </a>
- </ul>
- <br>
- </div> <!--bottom_post-->
- {block:HasTags}
- <ul class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </ul>
- {/block:HasTags}
- </li>
- {/block:Link}
- {block:Chat}
- <li class="posts">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label"><b>{Label}</b></span>
- {/block:Label}{Line}
- </li>
- {/block:Lines}
- </ul>
- <div id="bottom_post">
- <ul class="notes">
- <a href="{Permalink}" title="Permalink"> {block:NoteCount} <li><div id="notenum">{NoteCount}</div></li> {/block:NoteCount}
- <li><img src="https://68.media.tumblr.com/ebe2cc29797241195d270616e9722c98/tumblr_inline_ojp0ubKHpE1qfjhw8_540.png" /></li> </a>
- </ul>
- <br>
- </div> <!--bottom_post-->
- {block:HasTags}
- <ul class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </ul>
- {/block:HasTags}
- </li>
- {/block:Chat}
- {block:Video}
- <li class="posts">
- {Video-500}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div id="bottom_post">
- <ul class="notes">
- <a href="{Permalink}" title="Permalink"> {block:NoteCount} <li><div id="notenum">{NoteCount}</div></li> {/block:NoteCount}
- <li><img src="https://68.media.tumblr.com/f56e9a2308ae34be7c2682d5c3a20996/tumblr_inline_ojp0uqGthT1qfjhw8_540.png" /></li> </a>
- </ul>
- <br>
- </div> <!--bottom_post-->
- {block:HasTags}
- <ul class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </ul>
- {/block:HasTags}
- </li>
- {/block:Video}
- {block:Audio}
- <li class="posts">
- {AudioEmbed}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div id="bottom_post">
- <ul class="notes">
- <a href="{Permalink}" title="Permalink"> {block:NoteCount} <li><div id="notenum">{NoteCount}</div></li> {/block:NoteCount}
- <li><img src="https://68.media.tumblr.com/17ff7f8d7689a7f5ba41437c9e344ef0/tumblr_inline_ojp0uqnm7E1qfjhw8_540.png" /></li> </a>
- </ul>
- <br>
- </div> <!--bottom_post-->
- {block:HasTags}
- <ul class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </ul>
- {/block:HasTags}
- </li>
- {/block:Audio}
- {block:Answer}
- <li class="posts">
- <div class="question"><img class="asker-avatar" src="{AskerPortraitURL-64}">
- <div class="rightask">
- <div class="askname">{Asker}</div>
- <div class="ask">{Question}</div>
- </div> <!--rightask-->
- </div> <!--question-->
- <br>
- {block:Answerer}
- <div class="answer"><img class="answerer-avatar" src="{AnswererPortraitURL-64}">
- <div class="rightask">
- <div class="askname">{Answerer}</div>
- <div class="ask">{Answer}</div>
- </div> <!--rightask-->
- </div>
- {/block:Answerer}
- <div class="replies">
- {Replies}
- </div>
- <div id="bottom_post">
- <ul class="notes">
- <a href="{Permalink}" title="Permalink"> {block:NoteCount} <li><div id="notenum">{NoteCount}</div></li> {/block:NoteCount}
- <li><img src="https://68.media.tumblr.com/d279aac950afe36fcad81d63aa235149/tumblr_inline_ojp0urRgdk1qfjhw8_540.png" /></li> </a>
- </ul>
- <br>
- </div> <!--bottom_post-->
- {block:HasTags}
- <ul class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </ul>
- {/block:HasTags}
- </li>
- {/block:Answer}
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- </div> <!--posts2-->
- {/block:Posts}
- </p>
- </ol>
- <script language="JavaScript">
- //Comment trail script- By Kurt ([email protected])
- //Script featured on Dynamic Drive
- //Visit https://www.dynamicdrive.com for this script and more
- colours=new Array('#4286f4','#a3daff','#3dd9f4','#e0ffff','#7070f9','#1064d1','#4ffcff','#5098e5','#1bacf9')
- n = 10;
- y = 0;
- x = 0;
- n6=(document.getElementById&&!document.all);
- ns=(document.layers);
- ie=(document.all);
- d=(ns||ie)?'document.':'document.getElementById("';
- a=(ns||n6)?'':'all.';
- n6r=(n6)?'")':'';
- s=(ns)?'':'.style';
- if (ns){
- for (i = 0; i < n; i++)
- document.write('<layer name="dots'+i+'" top=0 left=0 width='+i/2+' height='+i/2+' bgcolor=#ff0000></layer>');
- }
- if (ie)
- document.write('<div id="con" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
- if (ie||n6){
- for (i = 0; i < n; i++)
- document.write('<div id="dots'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#ff0000;font-size:'+i/2+'"></div>');
- }
- if (ie)
- document.write('</div></div>');
- (ns||n6)?window.captureEvents(Event.MOUSEMOVE):0;
- function Mouse(evnt){
- y = (ns||n6)?evnt.pageY+4 - window.pageYOffset:event.y+4;
- x = (ns||n6)?evnt.pageX+1:event.x+1;
- }
- (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
- function animate(){
- o=(ns||n6)?window.pageYOffset:0;
- if (ie)con.style.top=document.body.scrollTop + 'px';
- for (i = 0; i < n; i++){
- var temp1 = eval(d+a+"dots"+i+n6r+s);
- randcolours = colours[Math.floor(Math.random()*colours.length)];
- (ns)?temp1.bgColor = randcolours:temp1.background = randcolours;
- if (i < n-1){
- var temp2 = eval(d+a+"dots"+(i+1)+n6r+s);
- temp1.top = parseInt(temp2.top) + 'px';
- temp1.left = parseInt(temp2.left) + 'px';
- }
- else{
- temp1.top = y+o + 'px';
- temp1.left = x + 'px';
- }
- }
- setTimeout("animate()",30);
- }
- animate();
- // -->
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment