API tools faq
paste
Advertisement
seansoo

Zelda Theme (Redux Edit)

seansoo
Jul 5th, 2015
908
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 32.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.                                        
  5. redux edit by yours truly
  6.  
  7. seansoo.tumblr.com/ask
  8.  
  9. if you have any theme questions
  10. send it off anonymous
  11. or i'll ignore it
  12.  
  13. -->
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17. <head>
  18.  
  19. <meta name="text:mp3 url" content=""/>
  20. <meta name="text:link 1 url" content="/"/>
  21. <meta name="text:link 1 title" content="refresh"/>
  22. <meta name="text:link 2 url" content=""/>
  23. <meta name="text:link 2 title" content=""/>
  24. <meta name="text:link 3 url" content=""/>
  25. <meta name="text:link 3 title" content=""/>
  26. <meta name="text:link 4 url" content=""/>
  27. <meta name="text:link 4 title" content=""/>
  28. <meta name="text:link 5 url" content=""/>
  29. <meta name="text:link 5 title" content=""/>
  30. <meta name="image:favicon" content="http://cdn.wikimg.net/strategywiki/images/b/bf/The_Legend_of_Zelda_The_Minish_Cap_Item_Small_Shield.png" />
  31. <meta name="color:background" content="#ffffff">
  32.  
  33. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36. <script>
  37. (function($){
  38. $(document).ready(function(){
  39. $("a[title]").style_my_tooltips({
  40. tip_follows_cursor:true,
  41. tip_delay_time:50,
  42. tip_fade_speed:500,
  43. attribute:"title"
  44. });
  45. });
  46. })(jQuery);
  47. </script>
  48.  
  49. <script>
  50.  
  51. var html5_audiotypes={
  52.    
  53.         "mp3": "audio/mpeg",
  54.         "mp4": "audio/mp4",
  55.         "ogg": "audio/ogg",
  56.         "wav": "audio/wav"
  57. }
  58.  
  59. function createsoundbite(sound){
  60.         var html5audio=document.createElement('audio')
  61.         if (html5audio.canPlayType){ //check support for HTML5 audio
  62.                 for (var i=0; i<arguments.length; i++){
  63.                        var sourceel=document.createElement('source')
  64.                        sourceel.setAttribute('src', arguments[i])
  65.                        if (arguments[i].match(/\.(\w+)$/i))
  66.                                sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
  67.                        html5audio.appendChild(sourceel)
  68.                }
  69.                html5audio.load()
  70.                html5audio.playclip=function(){
  71.                        html5audio.pause()
  72.                        html5audio.currentTime=0
  73.                        html5audio.play()
  74.                }
  75.                return html5audio
  76.        }
  77.        else{
  78.                return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  79.        }
  80. }
  81.  
  82. var clicksound=createsoundbite ("http://noproblo.dayjo.org/ZeldaSounds/OOT/OOT_PressStart.wav")
  83. var mouseoversound=createsoundbite("http://noproblo.dayjo.org/ZeldaSounds/OOT/OOT_PauseMenu_Cursor.wav")
  84.  
  85. </script>
  86.  
  87. <script type="text/javascript">
  88. // <![CDATA[
  89. var colour="#bfbfbf";
  90. var sparkles=120;
  91.  
  92. /****************************
  93. *  Tinkerbell Magic Sparkle *
  94. * (c) 2005 mf2fm web-design *
  95. *  http://www.mf2fm.com/rv  *
  96. * DON'T EDIT BELOW THIS BOX *
  97. ****************************/
  98. var x=ox=400;
  99. var y=oy=300;
  100. var swide=800;
  101. var shigh=600;
  102. var sleft=sdown=0;
  103. var tiny=new Array();
  104. var star=new Array();
  105. var starv=new Array();
  106. var starx=new Array();
  107. var stary=new Array();
  108. var tinyx=new Array();
  109. var tinyy=new Array();
  110. var tinyv=new Array();
  111.  
  112. window.onload=function() { if (document.getElementById) {
  113.  var i, rats, rlef, rdow;
  114.  for (var i=0; i<sparkles; i++) {
  115.    var rats=createDiv(3, 3);
  116.    rats.style.visibility="hidden";
  117.    document.body.appendChild(tiny[i]=rats);
  118.    starv[i]=0;
  119.    tinyv[i]=0;
  120.    var rats=createDiv(5, 5);
  121.    rats.style.backgroundColor="transparent";
  122.    rats.style.visibility="hidden";
  123.    var rlef=createDiv(1, 5);
  124.    var rdow=createDiv(5, 1);
  125.    rats.appendChild(rlef);
  126.    rats.appendChild(rdow);
  127.    rlef.style.top="2px";
  128.    rlef.style.left="0px";
  129.    rdow.style.top="0px";
  130.    rdow.style.left="2px";
  131.    document.body.appendChild(star[i]=rats);
  132.  }
  133.  set_width();
  134.  sparkle();
  135. }}
  136.  
  137. function sparkle() {
  138.  var c;
  139.  if (x!=ox || y!=oy) {
  140.    ox=x;
  141.    oy=y;
  142.    for (c=0; c<sparkles; c++) if (!starv[c]) {
  143.      star[c].style.left=(starx[c]=x)+"px";
  144.      star[c].style.top=(stary[c]=y)+"px";
  145.      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  146.      star[c].style.visibility="visible";
  147.      starv[c]=50;
  148.      break;
  149.    }
  150.  }
  151.  for (c=0; c<sparkles; c++) {
  152.    if (starv[c]) update_star(c);
  153.    if (tinyv[c]) update_tiny(c);
  154.  }
  155.  setTimeout("sparkle()", 40);
  156. }
  157.  
  158. function update_star(i) {
  159.  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  160.  if (starv[i]) {
  161.    stary[i]+=1+Math.random()*3;
  162.    if (stary[i]<shigh+sdown) {
  163.      star[i].style.top=stary[i]+"px";
  164.      starx[i]+=(i%5-2)/5;
  165.      star[i].style.left=starx[i]+"px";
  166.    }
  167.    else {
  168.      star[i].style.visibility="hidden";
  169.      starv[i]=0;
  170.      return;
  171.    }
  172.  }
  173.  else {
  174.    tinyv[i]=50;
  175.    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  176.    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  177.    tiny[i].style.width="2px";
  178.    tiny[i].style.height="2px";
  179.    star[i].style.visibility="hidden";
  180.    tiny[i].style.visibility="visible"
  181.  }
  182. }
  183.  
  184. function update_tiny(i) {
  185.  if (--tinyv[i]==25) {
  186.    tiny[i].style.width="1px";
  187.    tiny[i].style.height="1px";
  188.  }
  189.  if (tinyv[i]) {
  190.    tinyy[i]+=1+Math.random()*3;
  191.    if (tinyy[i]<shigh+sdown) {
  192.      tiny[i].style.top=tinyy[i]+"px";
  193.      tinyx[i]+=(i%5-2)/5;
  194.      tiny[i].style.left=tinyx[i]+"px";
  195.    }
  196.    else {
  197.      tiny[i].style.visibility="hidden";
  198.      tinyv[i]=0;
  199.      return;
  200.    }
  201.  }
  202.  else tiny[i].style.visibility="hidden";
  203. }
  204.  
  205. document.onmousemove=mouse;
  206. function mouse(e) {
  207.  set_scroll();
  208.  y=(e)?e.pageY:event.y+sdown;
  209.  x=(e)?e.pageX:event.x+sleft;
  210. }
  211.  
  212. function set_scroll() {
  213.  if (typeof(self.pageYOffset)=="number") {
  214.    sdown=self.pageYOffset;
  215.    sleft=self.pageXOffset;
  216.  }
  217.  else if (document.body.scrollTop || document.body.scrollLeft) {
  218.    sdown=document.body.scrollTop;
  219.    sleft=document.body.scrollLeft;
  220.  }
  221.  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  222.    sleft=document.documentElement.scrollLeft;
  223.     sdown=document.documentElement.scrollTop;
  224.  }
  225.  else {
  226.    sdown=0;
  227.    sleft=0;
  228.  }
  229. }
  230.  
  231. window.onresize=set_width;
  232. function set_width() {
  233.  if (typeof(self.innerWidth)=="number") {
  234.    swide=self.innerWidth;
  235.    shigh=self.innerHeight;
  236.  }
  237.  else if (document.documentElement && document.documentElement.clientWidth) {
  238.    swide=document.documentElement.clientWidth;
  239.    shigh=document.documentElement.clientHeight;
  240.  }
  241.  else if (document.body.clientWidth) {
  242.    swide=document.body.clientWidth;
  243.    shigh=document.body.clientHeight;
  244.  }
  245. }
  246.  
  247. function createDiv(height, width) {
  248.  var div=document.createElement("div");
  249.  div.style.position="absolute";
  250.  div.style.height=height+"px";
  251.  div.style.width=width+"px";
  252.  div.style.overflow="hidden";
  253.  div.style.backgroundColor=colour;
  254.  return (div);
  255. }
  256. // ]]>
  257. </script>
  258.  
  259. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  260.  
  261. <title>{Title}</title>
  262.    
  263. {block:Description}
  264. <meta name="description" content="{MetaDescription}"/>
  265. {/block:Description}
  266.    
  267. <link rel="shortcut icon" href="{image:favicon}"/>
  268. <link rel="apple-touch-icon" href="{PortraitURL-96}"/>
  269. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  270. <style type="text/css">
  271.  
  272. #ocarina {
  273. position: fixed;
  274. top: 25px;
  275. left: 25px;
  276. width: 50px;
  277. height: 26.5px;
  278. margin-bottom: -5px;
  279. padding: 5px;
  280. background: white;
  281. border: 1px solid #bfbfbf;
  282. -webkit-filter: drop-shadow(1px 1px 5px black);
  283. }
  284.  
  285. #s-m-t-tooltip {
  286. min-width: 20px;
  287. z-index: 999;
  288. background: rgba(0, 0, 0, 0.75);
  289. font-size: 8px;
  290. font-family: consolas;
  291. letter-spacing: 2px;
  292. text-transform: uppercase;
  293. color: white;
  294. word-wrap: break-word;
  295. padding: 3px 7px;
  296. display: block;
  297. margin: -20px 0px 0px 0px;
  298. -webkit-border-radius: 4px;
  299. -moz-border-radius: 4px;
  300. border-radius: 4px;
  301. -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  302. -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  303. box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  304. margin-top: -30px;
  305. }
  306.  
  307. #s-m-t-tooltip:after {
  308. position: absolute;
  309. display: block;
  310. content: "";
  311. bottom: -11px;
  312. left: 1em;
  313. border-color: #333 transparent transparent transparent;
  314. border-style: solid;
  315. border-width: 6px;
  316. height: 0;
  317. width: 0;
  318. }
  319.  
  320. iframe#tumblr_controls {
  321. -webkit-filter: invert(100%);
  322. -moz-filter: invert(100%);
  323. -o-filter: invert(100%);
  324. opacity: 1;
  325. z-index: 99999999999999999999999999999999999999999999999999999 !important;
  326. }
  327.    
  328. body {
  329. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  330. background: {color:background};
  331. margin: 0;
  332. padding: 0;
  333. font-family: consolas;
  334. }
  335.        
  336. ::-webkit-scrollbar {
  337. display: none;
  338. }
  339.        
  340.         .clear {
  341.         clear: both;
  342.         height: 0px;
  343.         overflow: hidden;
  344.         }
  345.        
  346.         a img {
  347.         border: none;
  348.         }
  349.        
  350.         #heartless {
  351.         width: 845px;
  352.         margin: 0 auto;
  353.         }
  354.        
  355.         #heartless #title {
  356.         position: relative;
  357.         margin-top: 75px;
  358.         color: #fff;
  359.         font-size: 50px;
  360.         font-weight: bold;
  361.         font-family: consolas;
  362.         text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  363.         letter-spacing: -1px;
  364.         }
  365.            
  366.         #heartless #content {
  367.         margin-top: 75px;
  368.         width: 520px;
  369.         float: right;
  370.         }
  371.            
  372.         #heartless #content .post {
  373.         -webkit-filter: drop-shadow(1px 1px 5px black);
  374.         font-family: consolas;
  375.         background: #fff;
  376.         border: 1px solid #bfbfbf;
  377.         padding: 10px;
  378.         position: relative;
  379.         }
  380.                    
  381.         #heartless #content .post .media {
  382.         text-align: center;
  383.         margin-bottom: 10px;
  384.         }
  385.                    
  386.         #heartless #content .post .quotebg {
  387.         font-family: georgia, serif;
  388.         font-size: 150px;
  389.         color: black;
  390.         opacity: 0.25;
  391.         filter: alpha(opacity=20);
  392.         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  393.         position: absolute;
  394.         top: 70px;
  395.         left: 10px;
  396.         }
  397.                    
  398.         #heartless #content .post .quote {
  399.         color: gray;
  400.         font-weight: bold;
  401.         padding: 20px 20px 5px 20px;
  402.         }
  403.                    
  404.         #heartless #content .post .quote.short {
  405.         font-size: 33px;
  406.         line-height: 35px;
  407.         }
  408.                    
  409.         #heartless #content .post .quote.medium {
  410.         font-size: 25px;
  411.         line-height: 28px;
  412.         }
  413.                    
  414.         #heartless #content .post .quote.long {
  415.         font-size: 18px;
  416.         line-height: 22px;
  417.         }
  418.                                        
  419.         #heartless #content .post .quote_source *:first-child {
  420.         margin-top: 0px;
  421.         }
  422.                        
  423.         #heartless #content .post .quote_source *:last-child {
  424.         margin-bottom: 0px;
  425.         }
  426.                        
  427.         #heartless #content .post .quote *:first-child {
  428.         margin-top: 0px;
  429.         }
  430.                        
  431.         #heartless #content .post .quote *:last-child {
  432.         margin-bottom: 0px;
  433.         }
  434.                        
  435.         #heartless #content .post .copy {
  436.         color: #6e7173;
  437.         padding: 10px;
  438.         font-size: 13px;
  439.         line-height: 15px;
  440.         }
  441.                        
  442.         #heartless #content .post .copy a {
  443.         color: #6e7173;
  444.         text-decoration: underline;
  445.         }
  446.                        
  447.         #heartless #content .post .copy p {
  448.         margin: 10px 0 0 0;
  449.         padding: 0;
  450.         }
  451.                        
  452.         #heartless #content .post .copy pre {
  453.         margin: 10px 0px 10px 0px;
  454.         padding: 10px;
  455.         background-color: #e6e6e6;
  456.         font: normal 11px Courier, monospace;
  457.         overflow: auto;
  458.         }
  459.                        
  460.         #heartless #content .post .copy > p:first-child {
  461.         margin-top: 0;
  462.         }
  463.                        
  464.         #heartless #content .post .copy img {
  465.         max-width: 100%;
  466.         }
  467.                    
  468.         #heartless #content .post .audio {
  469.         background: white;
  470.         border: 1px solid #bfbfbf;
  471.         float: left;
  472.         padding: 7px;
  473.         margin-bottom: 10px;
  474.         -moz-border-radius: 4px;
  475.         -webkit-border-radius: 4px;
  476.         border-radius: 4px;
  477.         }
  478.                                                        
  479.         #heartless #content .post .audio .player {
  480.         float: left;
  481.         width: 322px;
  482.         }
  483.                        
  484.         #heartless #content .post .audio .player .audio_player embed {
  485.         border: 1px solid #c8c8c8;
  486.         }
  487.                        
  488.         #heartless #content .post .audio .meta {
  489.         padding: 8px 13px;
  490.         height: 13px;
  491.         float: left;
  492.         color: #666;
  493.         font-family: consolas;
  494.         font-size: 11px;
  495.         text-transform: lowercase;
  496.         }
  497.                        
  498.         #heartless #content .post .audio .meta a {
  499.         color: #666;
  500.         text-decoration: none;
  501.         }
  502.                    
  503.         #heartless #content .post .album_art {
  504.         text-align: center;
  505.         }
  506.                    
  507.         #heartless #content .post .question {
  508.         color: white;
  509.         font-size: 12px;
  510.         font-weight: none;
  511.         background: black;
  512.         border-radius: 5px;
  513.         margin: 0 0 15px 0;
  514.         padding: 15px 20px;
  515.         position: relative;
  516.         }
  517.        
  518.         #heartless #content .post .question .nipple {
  519.         width: 0;
  520.         height: 0;
  521.         border-left: 10px solid transparent;
  522.         border-right: 10px solid transparent;
  523.         border-top: 10px solid #111;
  524.         z-index: 9999;
  525.         position: relative;
  526.         }
  527.                        
  528.         #heartless #content .post .asker_container {
  529.         font-size: 12px;
  530.         margin: 0 0 20px 24px;
  531.         }
  532.                    
  533.         #heartless #content .post .asker_container img {
  534.         margin: 0 12px -7px 0;
  535.         }
  536.                        
  537.         #heartless #content .post .asker_container a.asker {
  538.         color: black;
  539.         }
  540.                    
  541.         #heartless #content .post .title {
  542.         color: #494949;
  543.         font-size: 16px;
  544.         font-weight: bold;
  545.         padding: 10px 10px 0 10px;
  546.         }
  547.                    
  548.         #heartless #content .post img {
  549.         max-width: 500px;
  550.         }
  551.                                        
  552.         #heartless #content .post .chat {
  553.         background-color: #fff;
  554.         border-left: 5px solid #dedddd;
  555.         margin: 10px 10px 0 10px;
  556.         font-size: 14px;
  557.         }
  558.                                        
  559.         #heartless #content .post .chat .lines {
  560.         margin-left: 1px;
  561.         }
  562.                        
  563.         #heartless #content .post .chat .lines .line {
  564.         background-color: #eaeaea;
  565.         color: #494949;
  566.         margin-bottom: 1px;
  567.         padding: 3px 5px;
  568.         }
  569.                            
  570.         #heartless #content .post .chat .lines .line.even {
  571.         background-color: #dedddd;
  572.         }
  573.                        
  574.         #heartless #content .post .link {
  575.         margin: 4px 0 2px 0;
  576.         font-size: 16px;
  577.         line-height: 25px;
  578.         }
  579.                            
  580.         #heartless #content .post .link a {
  581.         background-color: transparent;
  582.         color: black;
  583.         font-weight: bold;
  584.         padding: 5px 7px;
  585.         -moz-border-radius: 4px;
  586.         -webkit-border-radius: 4px;
  587.         border-radius: 4px;
  588.         }
  589.                            
  590.         #heartless #content .post .link a:hover {
  591.         opacity: 0.9;
  592.         filter: alpha(opacity=90);
  593.         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  594.         }
  595.                    
  596.         #heartless #content .post .footer {
  597.         text-transform: lowercase;
  598.         background: white;
  599.         border: 1px solid #bfbfbf;
  600.         -moz-border-radius: 4px;
  601.         -webkit-border-radius: 4px;
  602.         border-radius: 4px;
  603.         font-family: consolas;
  604.         font-size: 11px;
  605.         color: #666;
  606.         padding: 5px 10px;
  607.         margin-top: 5px;
  608.         }
  609.                        
  610. #heartless #content .post .footer.for_permalink:hover {
  611. opacity: 0.9;
  612. filter: alpha(opacity=90);
  613. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  614. }
  615.                        
  616. #heartless #content .post .footer .date {
  617. text-transform: lowercase;
  618. width: 67%;
  619. float: left;
  620. color: #666;
  621. }
  622.                        
  623. #heartless #content .post .footer .notes {
  624. width: 33%;
  625. float: right;
  626. text-align: right;
  627. color: #666;
  628. }
  629.                            
  630. #heartless #content .post .footer .notes a {
  631. color: #666;
  632. }
  633.                            
  634. #heartless #content .post .footer .tags a {
  635. color: #bfbfbf;
  636. }
  637.                            
  638. #heartless #content .post .footer .tags .tag-commas:last-child {
  639. display: none;
  640. color: #bfbfbf;
  641. }
  642.                            
  643. #heartless #content .post .footer.with_source_url .tags {
  644. max-width: 330px;
  645. color: #bfbfbf;
  646. float: left;
  647. }
  648.                            
  649. #heartless #content .post .footer.with_source_url .source_url {
  650. float: right;
  651. max-width: 160px;
  652. overflow: hidden;
  653. white-space: nowrap;
  654. }
  655.                            
  656. #heartless #content .post .footer.with_source_url .source_url img {
  657. vertical-align: top;
  658. -moz-opacity: 0.5;
  659. opacity: 0.5;
  660. }
  661.                                
  662. #heartless #content .post .footer.with_source_url .source_url:hover img {
  663. -moz-opacity: 0.7;
  664. }
  665.                        
  666. #heartless #content .post a {
  667. color: #6e7173;
  668. text-decoration: none;
  669. }
  670.                        
  671. #heartless #content .post .copy blockquote {
  672. margin: 10px 0px 10px 10px;
  673. padding-left: 15px;
  674. border-left: solid 4px #dcdcdc;
  675. }
  676.                            
  677. #heartless #content .post .copy blockquote blockquote {
  678. border-left: solid 4px #cccccc;
  679. }
  680.                                
  681. #heartless #content .post .copy blockquote blockquote blockquote {
  682. border-left: solid 4px #bcbcbc;
  683. }
  684.                                    
  685. #heartless #content .post .copy blockquote blockquote blockquote blockquote {
  686. border-left: solid 4px #acacac;
  687. }
  688.                                        
  689. #heartless #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  690. border-left: solid 4px #9c9c9c;
  691. }
  692.                                            
  693. #heartless #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  694. border-left: solid 4px #8c8c8c;
  695. }
  696.                        
  697. #heartless #content .bottom {
  698. width: 513px;
  699. height: 40px;
  700. margin: 0 auto;
  701. }
  702.                        
  703. #heartless #content #navigation {
  704. text-align: right;
  705. padding-bottom: 35px;
  706. text-transform: lowercase;
  707. }
  708.                        
  709. #heartless #content #navigation a {
  710. background-color: #fff;
  711. border: 1px solid #bfbfbf;
  712. color: gray;
  713. -webkit-filter: drop-shadow(1px 1px 5px black);
  714. padding: 5px 10px;
  715. text-decoration: none;
  716. margin-left: 25px;
  717. }
  718.                            
  719. #heartless #content #navigation a:hover {
  720. opacity: 0.9;
  721. filter: alpha(opacity=90);
  722. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  723. }
  724.                            
  725. #heartless #content #navigation.jump_pagination {
  726. }
  727.                            
  728. #heartless #content #navigation.jump_pagination a {
  729. margin: 0 0 0 4px;
  730. }
  731.                            
  732. #heartless #content #navigation.jump_pagination .current_page {
  733. color: #fff;
  734. background-color: rgba(255,255,255, 0.1);
  735. border: 1px solid #bfbfbf;
  736. -webkit-filter: drop-shadow(1px 1px 5px black);
  737. padding: 3px 8px;
  738. margin: 0 0 0 4px;
  739. cursor: default;
  740. }
  741.                            
  742. #heartless #content #navigation.jump_pagination .jump_page {
  743. color: #fff;
  744. background-color: rgba(255,255,255, 0.1);
  745. border: 1px solid #bfbfbf;
  746. -webkit-filter: drop-shadow(1px 1px 5px black);
  747. padding: 3px 8px;
  748. margin: 0 0 0 4px;
  749. cursor: default;
  750. }
  751.          
  752. #heartless #content .post .notecontainer {
  753. background: #eaeaea;
  754. -moz-border-radius: 4px;
  755. -webkit-border-radius: 4px;
  756. border-radius: 4px;
  757. font-family: consolas;
  758. font-size: 11px;
  759. color: #666;
  760. margin-top: 10px;
  761. margin-bottom: -10px;
  762. }
  763.                            
  764. #heartless #content .post .notecontainer a {
  765. color: #666;
  766. text-decoration: underline;
  767. }
  768.                                    
  769. #heartless #content .post .notecontainer ol.notes {
  770. padding: 0px 0 10px 0;
  771. list-style-type: none;
  772. font-size: 11px;
  773. }
  774.                                    
  775. #heartless #content .post .notecontainer ol.notes li.note {
  776. padding: 10px 10px 0 10px;
  777. }
  778.                                        
  779. #heartless #content .post .notecontainer ol.notes li.note img.avatar {
  780. border: 0px solid transparent;
  781. border-radius: 25px;
  782. vertical-align: -4px;
  783. margin-right: 10px;
  784. width: 16px;
  785. height: 16px;
  786. }
  787.                                            
  788. #heartless #content .post .notecontainer ol.notes li.note span.action {
  789. font-weight: normal;
  790. }
  791.                                            
  792. #heartless #content .post .notecontainer ol.notes li.note .answer_content {
  793. font-weight: normal;
  794. }
  795.                                            
  796. #heartless #content .post .notecontainer ol.notes li.note blockquote {
  797. border-left: 2px solid #666;
  798. padding: 4px 10px;
  799. margin: 10px 0px 0px 25px;
  800. }
  801.                                            
  802. #heartless #content .post .notecontainer ol.notes li.note blockquote a {
  803. text-decoration: none;
  804. }
  805.  
  806.             #triforce {
  807.             display: inline-block;
  808.             margin-left: -1px;
  809.             margin-top: 10px;
  810.             margin-bottom: -5px;
  811.             transition: .15s ease-in-out;
  812.             -moz-transition: .15s ease-in-out;
  813.             -webkit-transition: .15s ease-in-out;
  814.             }
  815.            
  816.             #triforce:hover {
  817.             display: inline-block;
  818.             margin-left: -1px;
  819.             margin-top: 10px;
  820.             margin-bottom: -5px;
  821.             -webkit-filter: drop-shadow(1px 1px 5px red);
  822.             transition: .15s ease-in-out;
  823.             -moz-transition: .15s ease-in-out;
  824.             -webkit-transition: .15s ease-in-out;
  825.             }
  826.  
  827.             #heartless #nobody {
  828.             -webkit-filter: drop-shadow(1px 1px 5px black);
  829.             border: 1px solid #bfbfbf;
  830.             position: fixed;
  831.             margin-top: 200px;
  832.             width: 225px;
  833.             height: auto;
  834.             float: right;
  835.             color: white;
  836.             font-family: consolas;
  837.             }
  838.            
  839.             #heartless #nobody a {
  840.             color: {color:Background};
  841.             }
  842.                
  843.             #heartless #nobody #top {
  844.             background: #fff;
  845.             padding: 0 20px;
  846.             }
  847.                
  848.             #avatar {
  849.             -webkit-filter: drop-shadow(1px 1px 2.5px black);
  850.             opacity: 1.0;
  851.             transition: .15s ease-in-out;
  852.             -moz-transition: .15s ease-in-out;
  853.             -webkit-transition: .15s ease-in-out;
  854.             border: 1px double #bfbfbf;
  855.             border-radius: 5px;
  856.             width: 96px;
  857.             height: 96px;
  858.             padding: 5px;
  859.             background: white;
  860.             position: relative;
  861.             top: -25px;
  862.             left: 40px;
  863.             }
  864.            
  865.             #avatar:hover {
  866.             opacity: 0.75;
  867.             transform: scale(1.15);
  868.             -ms-transform: scale(1.15);
  869.             -webkit-transform: scale(1.15);
  870.             -moz-transform: scale(1.15);
  871.             transition: .15s ease-in-out;
  872.             -moz-transition: .15s ease-in-out;
  873.             -webkit-transition: .15s ease-in-out;
  874.             border: 1px double #bfbfbf;
  875.             border-radius: 5px;
  876.             width: 96px;
  877.             height: 96px;
  878.             padding: 5px;
  879.             background: white;
  880.             position: relative;
  881.             top: -25px;
  882.             left: 40px;
  883.             }
  884.            
  885.             #heartless #nobody #top #description {
  886.             font: consolas;
  887.             font-size: 12px;
  888.             color: gray;
  889.             position: relative;
  890.             top: -18px;
  891.             }
  892.                    
  893.             #heartless #nobody #top #description a {
  894.             color: black;
  895.             text-decoration: underline;
  896.             }
  897.                    
  898.             #heartless #nobody #top .content {
  899.             margin-top: 2px;
  900.             padding: 7px 10px;
  901.             background: #eaeaea;
  902.             color: #666;
  903.             font-size: 11px;
  904.             overflow: hidden;
  905.             }
  906.                    
  907.             #heartless #nobody #top a {
  908.             text-decoration: none;
  909.             }
  910.  
  911. </style>
  912.    
  913. <style type="text/css">{CustomCSS}</style>
  914.  
  915. </head>
  916.  
  917. <body>
  918.  
  919. <div id="ocarina"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0={text:mp3 url}&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
  920.  
  921. <div style="bottom: 5px; right: 5px; position: fixed; z-index: 99999;"><a href="http://seansoo.tumblr.com/" title="theme"><img src="http://31.media.tumblr.com/tumblr_lnvurxvJ8i1qepbs7.png"></a></div>
  922.  
  923. <div id="heartless">
  924.        
  925. <div id="content">
  926.            
  927. {block:Posts}
  928.  
  929. <div class="post">
  930.                    
  931.                    
  932.                    
  933.                    
  934.                    
  935. {block:Photo}
  936. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  937. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  938. {/block:Photo}
  939.                
  940.                
  941.                    
  942.                    
  943.                    
  944. {block:Video}
  945. <div class="media">{Video-500}</div>
  946. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  947. {/block:Video}
  948.                
  949.                
  950.                
  951.                
  952.                    
  953. {block:Audio}
  954. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  955. {block:AudioPlayer}
  956. {block:AlbumArt}
  957. <div class="album_art">
  958. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom: 10px;"/>
  959. </div>
  960. {/block:AlbumArt}
  961. <div class="audio">
  962. <div class="player">{AudioPlayerWhite}</div>
  963. <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  964. <div class="clear"></div>
  965. </div>{/block:AudioPlayer}<div class="clear"></div>
  966. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  967. {/block:Audio}
  968.  
  969.  
  970.  
  971.  
  972.  
  973. {block:Quote}
  974. <div class="quote {Length}">{Quote}</div>
  975. <div class="copy">
  976. <div class="quotebg">“</div>
  977. {block:Source}
  978. <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" style="width:20px;">&mdash;</td>
  979. <td valign="top" class="quote_source">
  980. {Source}
  981. </td>
  982. </tr>
  983. </table>
  984. {/block:Source}
  985. </div>
  986. {/block:Quote}
  987.                      
  988.                      
  989.                
  990.                
  991.                        
  992. {block:Text}
  993. {block:Title}<div class="title">{Title}</div>{/block:Title}
  994. <div class="copy">{Body}</div>
  995. {/block:Text}
  996.                    
  997.                    
  998.                    
  999.                    
  1000.                    
  1001. {block:Answer}
  1002. <div class="question">
  1003. {Question}
  1004. </div>
  1005. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  1006. <div class="copy">{Answer}</div>
  1007. {/block:Answer}
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013. {block:Chat}
  1014. {block:Title}<div class="title"><img src="http://i.imgur.com/h3OVg6M.png" title="chat"> {Title}</div>{/block:Title}
  1015. <div class="chat"><div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div></div><div class="clear"></div><div style="height:10px;"></div>{/block:Chat}
  1016.                    
  1017.                    
  1018.                    
  1019.                    
  1020.                    
  1021. {block:Link}
  1022. <div class="link"><img src="http://orig07.deviantart.net/aabe/f/2008/067/4/0/the_legend_of_zelda__link_by_tehmr21.gif" title="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  1023. {block:Description}<div class="copy">{Description}
  1024.    
  1025. </div>{/block:Description}
  1026. {/block:Link}
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032. {block:Date}
  1033. <a href="{Permalink}">
  1034. <div class="footer for_permalink">
  1035. <div class="date">{block:Reblog}{TimeAgo}{/block:Reblog}
  1036. {block:NotReblog}{TimeAgo}{/block:NotReblog}
  1037. </div><div class="notes">{block:NoteCount}{NoteCount}{/block:NoteCount}</div><div class="clear"></div></div></a>{/block:Date}
  1038.                
  1039. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="display:none;{block:HasTags}display:block;{/block:HasTags}"><div class="tags">{block:Tags}<img src="http://lh5.ggpht.com/_NZJzdRm10Y0/TTSEuJNskzI/AAAAAAAAAFE/l9xLQCDtV5I/s800/gif8.gif">
  1040. <a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}</div>{/block:HasTags}
  1041. {block:ContentSource}<a href="{SourceURL}" class="source_url">(<img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/stara16.gif">: {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo})</a>{/block:ContentSource}
  1042.                        
  1043.                         <div class="clear"></div>
  1044.                     </div>
  1045.                    
  1046.                     {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1047.                    
  1048.                 </div>
  1049.                 <div class="bottom"></div>
  1050.             {/block:Posts}
  1051.            
  1052.             {block:Pagination}
  1053.                 <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  1054.                     {block:PreviousPage}<a href="{PreviousPage}">&larr; previous</a>{/block:PreviousPage}
  1055.                    
  1056.                     {block:IfEnableJumpPagination}
  1057.                         {block:JumpPagination length="5"}
  1058.                             {block:CurrentPage}
  1059.                                 <span class="current_page">{PageNumber}</span>
  1060.                             {/block:CurrentPage}
  1061.                            
  1062.                             {block:JumpPage}
  1063.                                 <a class="jump_page" href="{URL}">{PageNumber}</a>
  1064.                             {/block:JumpPage}
  1065.                            
  1066.                         {/block:JumpPagination}
  1067.                     {/block:IfEnableJumpPagination}
  1068.                    
  1069.                     {block:NextPage}<a href="{NextPage}">continue &rarr;</a>{/block:NextPage}
  1070.                 </div>
  1071.             {/block:Pagination}
  1072.  
  1073. </div>
  1074.  
  1075. </body>
  1076.  
  1077. <div id="nobody">
  1078. <div id="top">
  1079. <div id="avatar"><a href="/"><img src="{PortraitURL-96}" title="{Title}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()"/></a></div>
  1080. <div id="description" div style="margin-bottom: -5px; margin-top: 5px;"><center>{Description}
  1081.    
  1082. <br>
  1083.    
  1084. </center>
  1085.  
  1086. <div id="triforce" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()"><a href="{text:link 1 url}" title="{text:link 1 title}"><img src="http://ilovecandace.com/img/HeartContainer_Thumb.png"></a></div>
  1087.    
  1088. <div id="triforce" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()"><a href="{text:link 2 url}" title="{text:link 2 title}"><img src="http://ilovecandace.com/img/HeartContainer_Thumb.png"></a></div>
  1089.  
  1090. <div id="triforce" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()"><a href="{text:link 3 url}" title="{text:link 3 title}"><img src="http://ilovecandace.com/img/HeartContainer_Thumb.png"></a></div>
  1091.  
  1092. <div id="triforce" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()"><a href="{text:link 4 url}" title="{text:link 4 title}"><img src="http://ilovecandace.com/img/HeartContainer_Thumb.png"></a></div>
  1093.  
  1094. <div id="triforce" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()"><a href="{text:link 5 url}" title="{text:link 5 title}"><img src="http://ilovecandace.com/img/HeartContainer_Thumb.png"></a></div>
  1095.    
  1096. </div>
  1097. <div class="clear"></div></div><div class="clear"></div></div>
  1098.  
  1099. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!