Melodies

By: purplesky on Jan 28th, 2012  |  syntax: None  |  size: 33.48 KB  |  hits: 38  |  expires: Never
download  |  raw  |  embed  |  report abuse
This paste has a previous version, view the difference. Copied
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- Please keep my credit on this theme. Or at least link
  5.      me as the creator on your blog somewhere. Thanks! =)
  6.      
  7.     Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/
  8.     Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/    
  9.     Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/    
  10.     Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/    
  11.     Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/    
  12.     Sweet Melodies Theme by: http://verifiedsarcastic-fashionista.tumblr.com/  -->
  13.  
  14.  
  15. <head>
  16.  
  17.  
  18. <script type='text/javascript'>
  19.  
  20. //<![CDATA[
  21.  
  22. var rate = 20;
  23.  
  24. if (document.getElementById)
  25. window.onerror=new Function("return true")
  26.  
  27. var objActive; // The object which event occured in
  28. var act = 0; // Flag during the action
  29. var elmH = 0; // Hue
  30. var elmS = 128; // Saturation
  31. var elmV = 255; // Value
  32. var clrOrg; // A color before the change
  33. var TimerID; // Timer ID
  34.  
  35. if (document.all) {
  36. document.onmouseover = doRainbowAnchor;
  37. document.onmouseout = stopRainbowAnchor;
  38. }
  39. else if (document.getElementById) {
  40. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  41. document.onmouseover = Mozilla_doRainbowAnchor;
  42. document.onmouseout = Mozilla_stopRainbowAnchor;
  43. }
  44.  
  45. function doRainbow(obj)
  46. {
  47. if (act == 0) {
  48. act = 1;
  49. if (obj)
  50. objActive = obj;
  51. else
  52. objActive = event.srcElement;
  53. clrOrg = objActive.style.color;
  54. TimerID = setInterval("ChangeColor()",100);
  55. }
  56. }
  57.  
  58.  
  59. function stopRainbow()
  60. {
  61. if (act) {
  62. objActive.style.color = clrOrg;
  63. clearInterval(TimerID);
  64. act = 0;
  65. }
  66. }
  67.  
  68.  
  69. function doRainbowAnchor()
  70. {
  71. if (act == 0) {
  72. var obj = event.srcElement;
  73. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  74. obj = obj.parentElement;
  75. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  76. break;
  77. }
  78.  
  79. if (obj.tagName == 'A' && obj.href != '') {
  80. objActive = obj;
  81. act = 1;
  82. clrOrg = objActive.style.color;
  83. TimerID = setInterval("ChangeColor()",100);
  84. }
  85. }
  86. }
  87.  
  88.  
  89. function stopRainbowAnchor()
  90. {
  91. if (act) {
  92. if (objActive.tagName == 'A') {
  93. objActive.style.color = clrOrg;
  94. clearInterval(TimerID);
  95. act = 0;
  96. }
  97. }
  98. }
  99.  
  100.  
  101. function Mozilla_doRainbowAnchor(e)
  102. {
  103. if (act == 0) {
  104. obj = e.target;
  105. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  106. obj = obj.parentNode;
  107. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  108. break;
  109. }
  110.  
  111. if (obj.nodeName == 'A' && obj.href != '') {
  112. objActive = obj;
  113. act = 1;
  114. clrOrg = obj.style.color;
  115. TimerID = setInterval("ChangeColor()",100);
  116. }
  117. }
  118. }
  119.  
  120.  
  121. function Mozilla_stopRainbowAnchor(e)
  122. {
  123. if (act) {
  124. if (objActive.nodeName == 'A') {
  125. objActive.style.color = clrOrg;
  126. clearInterval(TimerID);
  127. act = 0;
  128. }
  129. }
  130. }
  131.  
  132.  
  133. function ChangeColor()
  134. {
  135. objActive.style.color = makeColor();
  136. }
  137.  
  138.  
  139. function makeColor()
  140. {
  141. // Don't you think Color Gamut to look like Rainbow?
  142.  
  143. // HSVtoRGB
  144. if (elmS == 0) {
  145. elmR = elmV; elmG = elmV; elmB = elmV;
  146. }
  147. else {
  148. t1 = elmV;
  149. t2 = (255 - elmS) * elmV / 255;
  150. t3 = elmH % 60;
  151. t3 = (t1 - t2) * t3 / 60;
  152.  
  153. if (elmH < 60) {
  154. elmR = t1; elmB = t2; elmG = t2 + t3;
  155. }
  156. else if (elmH < 120) {
  157. elmG = t1; elmB = t2; elmR = t1 - t3;
  158. }
  159. else if (elmH < 180) {
  160. elmG = t1; elmR = t2; elmB = t2 + t3;
  161. }
  162. else if (elmH < 240) {
  163. elmB = t1; elmR = t2; elmG = t1 - t3;
  164. }
  165. else if (elmH < 300) {
  166. elmB = t1; elmG = t2; elmR = t2 + t3;
  167. }
  168. else if (elmH < 360) {
  169. elmR = t1; elmG = t2; elmB = t1 - t3;
  170. }
  171. else {
  172. elmR = 0; elmG = 0; elmB = 0;
  173. }
  174. }
  175.  
  176. elmR = Math.floor(elmR).toString(16);
  177. elmG = Math.floor(elmG).toString(16);
  178. elmB = Math.floor(elmB).toString(16);
  179. if (elmR.length == 1) elmR = "0" + elmR;
  180. if (elmG.length == 1) elmG = "0" + elmG;
  181. if (elmB.length == 1) elmB = "0" + elmB;
  182.  
  183. elmH = elmH + rate;
  184. if (elmH >= 360)
  185. elmH = 0;
  186.  
  187. return '#' + elmR + elmG + elmB;
  188. }
  189.  
  190.  
  191.  
  192. //]]>
  193.  
  194. </script>
  195.  
  196.  
  197. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  198.  
  199. <script type="text/javascript" src="scrolltopcontrol.js">
  200. </script>
  201.  
  202. <script type="text/javascript" src="http://static.tumblr.com/rs5pbx8/OQblwv0i9/back_too.txt"></script>
  203.  
  204.  
  205.  
  206.  
  207.  
  208. <script type="text/javascript">
  209.  
  210. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  211.  
  212. function tb8_makeArray(n){
  213.  
  214. this.length = n;
  215.  
  216. return this.length;
  217.  
  218. }
  219.  
  220. tb8_messages = new tb8_makeArray(1);
  221.  
  222. tb8_messages[0] = "YOUR MESSAGE HERE";
  223.  
  224. tb8_rptType = 'infinite';
  225.  
  226. tb8_rptNbr = 5;
  227.  
  228. tb8_speed = 100;
  229.  
  230. tb8_delay = 2000;
  231.  
  232. var tb8_counter=1;
  233.  
  234. var tb8_currMsg=0;
  235.  
  236. var tb8_tekst ="";
  237.  
  238. var tb8_i=0;
  239.  
  240. var tb8_TID = null;
  241.  
  242. function tb8_pisi(){
  243.  
  244. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  245.  
  246. document.title = tb8_tekst;
  247.  
  248. tb8_sp=tb8_speed;
  249.  
  250. tb8_i++;
  251.  
  252. if (tb8_i==tb8_messages[tb8_currMsg].length){
  253.  
  254. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  255.  
  256. }
  257.  
  258. if (tb8_currMsg == tb8_messages.length){
  259. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  260.  
  261. clearTimeout(tb8_TID);
  262.  
  263. return;
  264.  
  265. }
  266.  
  267. tb8_counter++;
  268.  
  269. tb8_currMsg = 0;
  270.  
  271. }
  272.  
  273. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  274.  
  275. }
  276.  
  277. tb8_pisi()
  278.  
  279.  
  280.  
  281. </script>
  282.  
  283.  
  284. <script type="text/javascript">
  285. // <![CDATA[
  286. var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  287. var sparkles=50;
  288.  
  289. /****************************
  290. *  Tinkerbell Magic Sparkle *
  291. *(c)2005-11 mf2fm web-design*
  292. *  http://www.mf2fm.com/rv  *
  293. * DON'T EDIT BELOW THIS BOX *
  294. ****************************/
  295. var x=ox=400;
  296. var y=oy=300;
  297. var swide=800;
  298. var shigh=600;
  299. var sleft=sdown=0;
  300. var tiny=new Array();
  301. var star=new Array();
  302. var starv=new Array();
  303. var starx=new Array();
  304. var stary=new Array();
  305. var tinyx=new Array();
  306. var tinyy=new Array();
  307. var tinyv=new Array();
  308.  
  309. window.onload=function() { if (document.getElementById) {
  310.   var i, rats, rlef, rdow;
  311.   for (var i=0; i<sparkles; i++) {
  312.     var rats=createDiv(3, 3);
  313.     rats.style.visibility="hidden";
  314.     document.body.appendChild(tiny[i]=rats);
  315.     starv[i]=0;
  316.     tinyv[i]=0;
  317.     var rats=createDiv(5, 5);
  318.     rats.style.backgroundColor="transparent";
  319.     rats.style.visibility="hidden";
  320.     var rlef=createDiv(1, 5);
  321.     var rdow=createDiv(5, 1);
  322.     rats.appendChild(rlef);
  323.     rats.appendChild(rdow);
  324.     rlef.style.top="2px";
  325.     rlef.style.left="0px";
  326.     rdow.style.top="0px";
  327.     rdow.style.left="2px";
  328.     document.body.appendChild(star[i]=rats);
  329.   }
  330.   set_width();
  331.   sparkle();
  332. }}
  333.  
  334. function sparkle() {
  335.   var c;
  336.   if (x!=ox || y!=oy) {
  337.     ox=x;
  338.     oy=y;
  339.     for (c=0; c<sparkles; c++) if (!starv[c]) {
  340.       star[c].style.left=(starx[c]=x)+"px";
  341.       star[c].style.top=(stary[c]=y)+"px";
  342.       star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  343.       star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  344.       star[c].style.visibility="visible";
  345.       starv[c]=50;
  346.       break;
  347.     }
  348.   }
  349.   for (c=0; c<sparkles; c++) {
  350.     if (starv[c]) update_star(c);
  351.     if (tinyv[c]) update_tiny(c);
  352.   }
  353.   setTimeout("sparkle()", 40);
  354. }
  355.  
  356. function update_star(i) {
  357.   if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  358.   if (starv[i]) {
  359.     stary[i]+=1+Math.random()*3;
  360.     if (stary[i]<shigh+sdown && starx[i]>0) {
  361.       star[i].style.top=stary[i]+"px";
  362.       starx[i]+=(i%5-2)/5;
  363.       star[i].style.left=starx[i]+"px";
  364.     }
  365.     else {
  366.       star[i].style.visibility="hidden";
  367.       starv[i]=0;
  368.       return;
  369.     }
  370.   }
  371.   else {
  372.     tinyv[i]=50;
  373.     tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  374.     tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  375.     tiny[i].style.width="2px";
  376.     tiny[i].style.height="2px";
  377.     tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  378.     star[i].style.visibility="hidden";
  379.     tiny[i].style.visibility="visible"
  380.   }
  381. }
  382.  
  383. function update_tiny(i) {
  384.   if (--tinyv[i]==25) {
  385.     tiny[i].style.width="1px";
  386.     tiny[i].style.height="1px";
  387.   }
  388.   if (tinyv[i]) {
  389.     tinyy[i]+=1+Math.random()*3;
  390.     if (tinyy[i]<shigh+sdown && tinyx[i]>0) {
  391.       tiny[i].style.top=tinyy[i]+"px";
  392.       tinyx[i]+=(i%5-2)/5;
  393.       tiny[i].style.left=tinyx[i]+"px";
  394.     }
  395.     else {
  396.       tiny[i].style.visibility="hidden";
  397.       tinyv[i]=0;
  398.       return;
  399.     }
  400.   }
  401.   else tiny[i].style.visibility="hidden";
  402. }
  403.  
  404. document.onmousemove=mouse;
  405. function mouse(e) {
  406.   set_scroll();
  407.   y=(e)?e.pageY:event.y+sdown;
  408.   x=(e)?e.pageX:event.x+sleft;
  409. }
  410.  
  411. function set_scroll() {
  412.   if (typeof(self.pageYOffset)=="number") {
  413.     sdown=self.pageYOffset;
  414.     sleft=self.pageXOffset;
  415.   }
  416.   else if (document.body.scrollTop || document.body.scrollLeft) {
  417.     sdown=document.body.scrollTop;
  418.     sleft=document.body.scrollLeft;
  419.   }
  420.   else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  421.     sleft=document.documentElement.scrollLeft;
  422.     sdown=document.documentElement.scrollTop;
  423.   }
  424.   else {
  425.     sdown=0;
  426.     sleft=0;
  427.   }
  428. }
  429.  
  430. window.onresize=set_width;
  431. function set_width() {
  432.   if (typeof(self.innerWidth)=="number") {
  433.     swide=self.innerWidth;
  434.     shigh=self.innerHeight;
  435.   }
  436.   else if (document.documentElement && document.documentElement.clientWidth) {
  437.     swide=document.documentElement.clientWidth;
  438.     shigh=document.documentElement.clientHeight;
  439.   }
  440.   else if (document.body.clientWidth) {
  441.     swide=document.body.clientWidth;
  442.     shigh=document.body.clientHeight;
  443.   }
  444. }
  445.  
  446. function createDiv(height, width) {
  447.   var div=document.createElement("div");
  448.   div.style.position="absolute";
  449.   div.style.height=height+"px";
  450.   div.style.width=width+"px";
  451.   div.style.overflow="hidden";
  452.   return (div);
  453. }
  454.  
  455. function newColour() {
  456.   var c=new Array();
  457.   c[0]=255;
  458.   c[1]=Math.floor(Math.random()*256);
  459.   c[2]=Math.floor(Math.random()*(256-c[1]/2));
  460.   c.sort(function(){return (0.5 - Math.random());});
  461.   return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  462. }
  463. // ]]>
  464. </script>
  465.  
  466.  
  467.  
  468.  
  469. <!-- DEFAULT COLORS -->
  470. <meta name="color:Background" content="#FFFFFF"/>
  471. <meta name="color:posts" content="#ffffff"/>
  472. <meta name="color:post glow" content="#FFE4E1"/>
  473. <meta name="color:Text" content="#be8888"/>
  474. <meta name="color:header title" content="#fdb5b6"/>
  475. <meta name="color:text headers" content="#2d2d2d"/>
  476. <meta name="color:bold text" content="#FFB6C1"/>
  477. <meta name="color:label background" content="#ffffff"/>
  478. <meta name="color:link" content="#fdb5b6"/>
  479. <meta name="color:link hover" content="#ffc3c4"/>
  480.  
  481. <meta name="image:Header" content=""/>
  482. <meta name="image:Portrait" content=""/>
  483. <meta name="image:Background" content="" />
  484.  
  485. <meta name="if:Show Infinite Scroll" content="1" />
  486. <meta name="if:Show Round Corners" content="1" />
  487. <meta name="if:Show Shadow" content="0" />
  488. <meta name="if:Show Ask Box" content="1" />
  489. <meta name="if:Show Title" content="1" />
  490.  
  491. <meta name="text:Font Size" content="9px"/>
  492. <meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  493. <meta name="text:Custom Link One" content="" />
  494. <meta name="text:Custom Link One Title" content="" />
  495. <meta name="text:Custom Link Two" content="" />
  496. <meta name="text:Custom Link Two Title" content="" />
  497. <meta name="text:Custom Link Three" content="" />
  498. <meta name="text:Custom Link Three Title" content="" />
  499. <meta name="text:Custom Link Four" content="" />
  500. <meta name="text:Custom Link Four Title" content="" />
  501.  
  502.  
  503. <title>{Title}</title>
  504. <link rel="stylesheet" href="http://static.tumblr.com/usaykzx/o8Bku9w35/reset.css" type="text/css" />
  505. <link rel="shortcut icon" href="{Favicon}">
  506. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  507. {block:Description}
  508. <meta name="description" content="{MetaDescription}" />
  509. {/block:Description}
  510.  
  511. <style type="text/css">
  512.  
  513. ::-webkit-scrollbar-thumb:vertical {background-color:#FFB6C1;height:50px;}
  514.  
  515. ::-webkit-scrollbar-thumb:horizontal {background-color:#FFB6C1;height:5px !important;}
  516.  
  517. ::-webkit-scrollbar { height:10px;width:9px; background-color:#fff;}
  518.  
  519.  
  520. small{font-size:100%;}
  521. body{
  522. margin-top: 8px;
  523. text-align:justify;
  524. color: {color:Text};
  525. font-family: {font:Body};
  526. font-size: {text:Font Size};
  527. line-height: 12px;
  528. background-color:{color:Background};
  529. background-image:url({image:Background});
  530. background-attachment: fixed;
  531. background-position:top center;
  532. background-repeat: repeat;}
  533.  
  534. a, a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
  535. font-family: {font:Body};
  536. font-size: {text:Font Size}; line-height:12px; }
  537. a:hover{color:{color:link hover}; line-height:12px;}
  538.  
  539. #tumblr_controls{
  540. position:fixed!important;}
  541.  
  542. b, strong{color: {color:bold text};
  543. font-family: {font:Body};
  544. font-size: {text:Font Size}; line-height:12px;}
  545.  
  546.  
  547. #wtf {
  548. width:1064px;
  549. height:auto;
  550. {block:PermalinkPage}
  551. width:510px;
  552. height:auto;
  553. {/block:PermalinkPage}
  554. padding-top:8px;
  555. padding-left:8px;
  556. margin-top:0px;
  557. margin-left:auto;
  558. margin-right:auto;
  559. overflow:visible;
  560. color: {color:Text};
  561. font-family: {font:Body};
  562. font-size: {text:Font Size};  
  563. line-height: 12px;
  564. background-color: transparent;}
  565.  
  566. #entry{
  567. {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners}
  568.  
  569. {block:IfShowShadow}
  570. -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
  571. -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
  572.    box-shadow: 0px 0px 12px 0px {color:post glow};
  573.  
  574. /* For IE 8 */
  575.    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
  576. /* For IE 5.5 - 7 */
  577.    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
  578. {/block:IfShowShadow}  
  579. border: 4px solid {color:posts};
  580. float:left;
  581. padding:0px;
  582. background-image:url();
  583. background-color: {color:posts};
  584. width:250px;
  585. height:120px;
  586. overflow: hidden;
  587. margin:0px 8px 8px 0px;
  588. position: relative;
  589. {block:PermalinkPage}
  590. width:500px;
  591. height:auto;
  592. {/block:PermalinkPage}}
  593.  
  594. #permapage {
  595. {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners}      
  596. padding:4px;
  597. margin-top:2px;
  598. margin-bottom:2px;
  599. background-color:{color:label background};}
  600.  
  601. #question{
  602. overflow:SHOW;
  603. padding-bottom:3px;
  604. margin-bottom:3px;}
  605.  
  606. #askr{
  607. display:block;
  608. float:left;
  609. width:33px;
  610. overflow:hidden;
  611. margin-right:3px;}
  612.  
  613. ul {
  614. list-style: disc;
  615. padding: 4px 0px 6px 20px;}
  616.  
  617. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
  618.  
  619. blockquote img{display:block; width:100%;}
  620.  
  621. blockquote p{padding:0px; margin:0px;}
  622.  
  623. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  624.  
  625.  
  626. #bottominfo{
  627. padding:2px 0px 0px 0px;
  628. display:block;}
  629.  
  630. .answer p{margin:0px;}
  631. .notes img{
  632. width: 3px;
  633. position:relative;
  634. top:1px;}
  635.  
  636. ol.notes, .notes li{
  637. list-style:none;
  638. margin:0px;
  639. padding:0px;}
  640.  
  641. small {font-size:7px; line-height:8px; letter-spacing:0px;}
  642. big {font-family:Dawning of a New Day black; color:{color:text}; font-size:14px;}
  643.  
  644. a img{border:none;}
  645.  
  646. .label {
  647. color: #831421;font-weight: bold; line-height:12px;}
  648.  
  649. .odd {
  650. background-color:{color:label background};}
  651.  
  652.  
  653. h1 {
  654. {block:IfShowShadow}text-shadow: 1px 1px 6px  #000;{/block:IfShowShadow}    
  655. color: {color:header title};
  656. font-size: 60px;
  657. line-height: 60px;
  658. font-family: Rage Italic;
  659. font-weight:normal;
  660. text-transform: lowercase;
  661. letter-spacing: -1px;
  662. margin-left:4px;}
  663.  
  664. h2 {
  665. color: {color:text headers};
  666. font-size: 18px;
  667. line-height: 16px;
  668. font-family: Rage italic;
  669. font-weight: normal;
  670. text-transform: lowercase;
  671. letter-spacing: 1px;
  672. margin-top:0px;
  673. margin-bottom: -4px;
  674. padding-bottom: 6px;}
  675.  
  676.  
  677. .audio embed {width:250px; {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners} }
  678.  
  679.  
  680. #ask {
  681. background-color: {color:label background};
  682. padding:4px;
  683. margin-bottom:4px;}
  684.  
  685. #top{
  686. z-index:8;
  687. overflow:hidden;
  688. margin-left: auto;
  689. margin-right:auto;
  690. border-bottom: 0px solid {color:label background};
  691. padding: 4px;
  692. top: 304px;
  693. width: 866px;
  694. height: auto;
  695. {block:PermalinkPage}
  696. width:500px;
  697. height:auto;
  698. {/block:PermalinkPage}
  699. background-color: transparent;}
  700.  
  701.  
  702. #entry #infos {
  703. {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners}      
  704. opacity:0.0;
  705. filter: alpha(opacity=0);
  706. -moz-opacity:0.0;
  707. background-color:#000;
  708. width:252px;
  709. height:120px;
  710. position: absolute;
  711.  
  712. margin-left:-2px;
  713. -webkit-transition: all .4s ease-out;
  714. -moz-transition: all .4s ease-out;
  715. -o-transition: all .4s ease-out;
  716. transition: all .4s ease-out;
  717. z-index:10;}
  718.  
  719. #entry:hover #infos {
  720.     opacity:0.8;
  721.     filter: alpha(opacity=80);
  722.     -moz-opacity:0.8;
  723.     -webkit-transition: all .4s ease-out;
  724.     -moz-transition: all .4s ease-out;
  725.     -o-transition: all .4s ease-out;
  726.     transition: all .4s ease-out;}
  727.  
  728. #entry #infos #details {
  729. margin-top:36px;}
  730.  
  731.  
  732. a.notecount {
  733. text-shadow: 1px 1px 6px  #000;
  734. color: #FFB6C1;
  735. font-size: 10px;
  736. line-height: 1px;
  737. font-family: Arial;
  738. font-weight:normal;
  739. text-transform: lowercase;
  740. letter-spacing: 1px;
  741. margin-left:4px;}
  742.  
  743. a.notecount:hover {
  744. color: #888888;}
  745.  
  746.  
  747. a.links {
  748.     color:{color:label background};
  749. background-color:{color:text headers};
  750. font-family: Trebuchet MS;
  751. font-size: 7px;
  752. line-height: 10px;
  753. font-weight:bold;
  754. text-transform: lowecase;
  755. letter-spacing:1px;
  756.  
  757. padding:4px;
  758. margin-top: 4px;
  759. margin-bottom: 2px;
  760. margin-right:4px;
  761. text-align: center;}
  762.  
  763. a.links:hover {
  764.     color: #be8888;
  765.     background-color: #FFE4E1; }
  766.  
  767. img.middle {
  768.     vertical-align:middle;
  769.     margin-bottom:14px;}
  770.  
  771. #tags{
  772. background-color: transparent;
  773. padding:2px;
  774. margin-top:-10px;
  775. border-top:0px solid {color:posts};}
  776.  
  777. #tags a {font-size:7px; color:#ffffff;}
  778.  
  779. #tags b {font-size:7px; color:#ffffff;}
  780.  
  781.  
  782. #slideout {
  783. {block:IfShowShadow}    
  784.     -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
  785.     -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
  786.        box-shadow: 0px 0px 12px 0px {color:post glow};
  787.    
  788.     /* For IE 8 */
  789.        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
  790.     /* For IE 5.5 - 7 */
  791.        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
  792. {/block:IfShowShadow}      
  793.  
  794.     z-index:1000;
  795.         position: fixed;
  796.         top: 40px;
  797.         left: 0px;
  798.         width: 20px;
  799.         padding: 40px 0;
  800.         text-align: center;
  801.         background: {color:posts};
  802.         -webkit-transition-duration: 0.3s;
  803.         -moz-transition-duration: 0.3s;
  804.         -o-transition-duration: 0.3s;
  805.         transition-duration: 0.3s;
  806.         -webkit-border-radius: 0 5px 5px 0;
  807.         -moz-border-radius: 0 5px 5px 0;
  808.         border-radius: 0 5px 5px 0;}
  809.  
  810. #slideout_inner {
  811. {block:IfShowShadow}    
  812.     -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
  813.     -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
  814.        box-shadow: 0px 0px 12px 0px {color:post glow};
  815.    
  816.     /* For IE 8 */
  817.        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
  818.     /* For IE 5.5 - 7 */
  819.        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
  820. {/block:IfShowShadow}
  821.  
  822.         position: fixed;
  823.         top: 40px;
  824.         left: -250px;
  825.         background: {color:posts};
  826.         width: 230px;
  827.         padding: 10px;
  828.         height: auto;
  829.         -webkit-transition-duration: 0.3s;
  830.         -moz-transition-duration: 0.3s;
  831.         -o-transition-duration: 0.3s;
  832.         transition-duration: 0.3s;
  833.         text-align: left;
  834.         -webkit-border-radius: 0 0 5px 0;
  835.         -moz-border-radius: 0 0 5px 0;
  836.         border-radius: 0 0 5px 0;}
  837.  
  838. #slideout:hover {
  839.   z-index:1000;    
  840.   left: 250px;}
  841.  
  842. #slideout:hover #slideout_inner {
  843.   z-index:1000;    
  844.   left: 0;}
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851. #slideout2 {
  852. {block:IfShowShadow}    
  853.     -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
  854.     -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
  855.        box-shadow: 0px 0px 12px 0px {color:post glow};
  856.    
  857.     /* For IE 8 */
  858.        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
  859.     /* For IE 5.5 - 7 */
  860.        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
  861. {/block:IfShowShadow}      
  862.  
  863.     z-index:600;
  864.     position: fixed;
  865.         top: 130px;
  866.         left: 0px;
  867.         width: 20px;
  868.         padding: 40px 0;
  869.         text-align: center;
  870.         background: {color:posts};
  871.         -webkit-transition-duration: 0.3s;
  872.         -moz-transition-duration: 0.3s;
  873.         -o-transition-duration: 0.3s;
  874.         transition-duration: 0.3s;
  875.         -webkit-border-radius: 0 5px 5px 0;
  876.         -moz-border-radius: 0 5px 5px 0;
  877.         border-radius: 0 5px 5px 0;}
  878.  
  879. #slideout_inner2 {
  880. {block:IfShowShadow}    
  881.     -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
  882.     -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
  883.        box-shadow: 0px 0px 12px 0px {color:post glow};
  884.    
  885.     /* For IE 8 */
  886.        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
  887.     /* For IE 5.5 - 7 */
  888.        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
  889. {/block:IfShowShadow}
  890.  
  891.         position: fixed;
  892.         top: 130px;
  893.         left: -250px;
  894.         background: {color:posts};
  895.         width: 230px;
  896.         padding: 10px;
  897.         height: auto;
  898.         -webkit-transition-duration: 0.3s;
  899.         -moz-transition-duration: 0.3s;
  900.         -o-transition-duration: 0.3s;
  901.         transition-duration: 0.3s;
  902.         text-align: left;
  903.         -webkit-border-radius: 0 0 5px 0;
  904.         -moz-border-radius: 0 0 5px 0;
  905.         border-radius: 0 0 5px 0;}
  906.  
  907. #slideout2:hover {
  908.   z-index:600;    
  909.   left: 250px;}
  910.  
  911. #slideout2:hover #slideout_inner2 {
  912.   z-index:600;    
  913.   left: 0;}
  914.  
  915.  
  916. #slideout3 {
  917. {block:IfShowShadow}    
  918.     -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
  919.     -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
  920.        box-shadow: 0px 0px 12px 0px {color:post glow};
  921.    
  922.     /* For IE 8 */
  923.        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
  924.     /* For IE 5.5 - 7 */
  925.        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
  926. {/block:IfShowShadow}      
  927.  
  928.     z-index:400;
  929.     position: fixed;
  930.     top: 220px;
  931.         left: 0px;
  932.         width: 20px;
  933.         padding: 40px 0;
  934.         text-align: center;
  935.         background: {color:posts};
  936.         -webkit-transition-duration: 0.3s;
  937.         -moz-transition-duration: 0.3s;
  938.         -o-transition-duration: 0.3s;
  939.         transition-duration: 0.3s;
  940.         -webkit-border-radius: 0 5px 5px 0;
  941.         -moz-border-radius: 0 5px 5px 0;
  942.         border-radius: 0 5px 5px 0;}
  943.  
  944. #slideout_inner3 {
  945. {block:IfShowShadow}    
  946.     -moz-box-shadow: 0px 0px 12px 0px {color:post glow};
  947.     -webkit-box-shadow: 0px 0px 12px 0px {color:post glow};
  948.        box-shadow: 0px 0px 12px 0px {color:post glow};
  949.    
  950.     /* For IE 8 */
  951.        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}')";
  952.     /* For IE 5.5 - 7 */
  953.        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='{color:post glow}');
  954. {/block:IfShowShadow}
  955.  
  956.         position: fixed;
  957.         top: 220px;
  958.         left: -250px;
  959.         background: {color:posts};
  960.         width: 230px;
  961.         padding: 10px;
  962.         height: auto;
  963.         -webkit-transition-duration: 0.3s;
  964.         -moz-transition-duration: 0.3s;
  965.         -o-transition-duration: 0.3s;
  966.         transition-duration: 0.3s;
  967.         text-align: left;
  968.         -webkit-border-radius: 0 0 5px 0;
  969.         -moz-border-radius: 0 0 5px 0;
  970.         border-radius: 0 0 5px 0;}
  971.  
  972. #slideout3:hover {
  973.   z-index:400;    
  974.   left: 250px;}
  975.  
  976. #slideout3:hover #slideout_inner3 {
  977.   z-index:400;    
  978.   left: 0;}
  979.  
  980.  
  981. a.links1 {
  982.     text-align:left;
  983. width:228px;
  984. color: {color:text headers};
  985. display: inline-block;
  986. text-transform: uppercase;
  987. font-family:Trebuchet MS;
  988. font-weight:bold;
  989. font-size:7px;
  990. padding: 2px;
  991. -webkit-transition-property:color, text;
  992. -webkit-transition-duration: .2s;
  993. -moz-transition-duration: .2s;
  994. -webkit-transition-timing-function: linear, ease-in;
  995. margin-bottom:2px;
  996. background-color: {color:label background};}
  997.  
  998.  
  999. a.links1:hover {
  1000. text-align:center;
  1001. color: {color:label background};
  1002. padding-left: 0px;
  1003. -webkit-transition-duration: .2s;
  1004. -moz-transition-duration: .2s;
  1005. background-color: {color:text headers};}
  1006.  
  1007.  
  1008.  
  1009. .descrip {
  1010.         display: block;
  1011.         writing-mode: lr-tb;
  1012.         -webkit-transform: rotate(-90deg);     
  1013.         -moz-transform: rotate(-90deg);
  1014.         -ms-transform: rotate(-90deg);
  1015.         -o-transform: rotate(-90deg);
  1016.         transform: rotate(-90deg);
  1017.         position: absolute;
  1018.         left: -23px;
  1019.         top: 34px;
  1020.     font-family: Mistral;
  1021.         font-size: 14px;
  1022.     font-weight: normal;
  1023.     color:{color:text headers};
  1024.     text-transform: normal;
  1025.     letter-spacing: 1px;}
  1026.    
  1027.    
  1028. .descrip2 {
  1029. display: block;
  1030. writing-mode: lr-tb;
  1031. -webkit-transform: rotate(-90deg);     
  1032. -moz-transform: rotate(-90deg);
  1033. -ms-transform: rotate(-90deg);
  1034. -o-transform: rotate(-90deg);
  1035. transform: rotate(-90deg);
  1036. position: absolute;
  1037. left: -20px;
  1038. top: 34px;
  1039. font-family:Mistral;
  1040. font-size: 14px;
  1041. font-weight: normal;
  1042. color:{color:text headers};
  1043. text-transform: normal;
  1044. letter-spacing: 1px;}    
  1045.  
  1046.  
  1047. .descrip3 {
  1048. display: block;
  1049. writing-mode: lr-tb;
  1050. -webkit-transform: rotate(-90deg);    
  1051. -moz-transform: rotate(-90deg);
  1052. -ms-transform: rotate(-90deg);
  1053. -o-transform: rotate(-90deg);
  1054. transform: rotate(-90deg);
  1055. position: absolute;
  1056. left: -13px;
  1057. top: 34px;
  1058. font-family: Mistral;
  1059. font-size: 14px;
  1060. font-weight: normal;
  1061. color:{color:text headers};
  1062. text-transform: normal;
  1063. letter-spacing: 1px;}  
  1064.  
  1065. {CustomCSS}
  1066. </style>
  1067.  
  1068. {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfShowInfiniteScroll}
  1069.  
  1070. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  1071.  
  1072. <script type="text/javascript" src="http://static.tumblr.com/eptm5us/Rb0llmimz/jquery.magnifier.js">
  1073.  
  1074. /***********************************************
  1075. * jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  1076. * This notice MUST stay intact for legal use
  1077. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
  1078. ***********************************************/
  1079. </script>
  1080.  
  1081.  
  1082. </head>
  1083.  
  1084. <body>
  1085.  
  1086. <style><!--
  1087. BODY{
  1088. cursor: url('http://i.imgur.com/ZOrzC.png'), pointer }
  1089. }
  1090. -->
  1091. </style>
  1092.  
  1093.  
  1094.  
  1095.  
  1096. <!—tutorial by swagtasticable—>
  1097.  
  1098. <style type="text/css">
  1099.  
  1100. #gb{
  1101.  
  1102. position:fixed;
  1103.  
  1104. top:30px;
  1105.  
  1106. z-index:+1000;
  1107.  
  1108. }
  1109.  
  1110. * html #gb{position:relative;}
  1111.  
  1112. .gbtab{
  1113.  
  1114. height:100px;
  1115.  
  1116. width:30px;
  1117.  
  1118. float:left;
  1119.  
  1120. cursor:pointer;
  1121.  
  1122. background:url("http://3.bp.blogspot.com/-nzL6xB45YbM/TpxuqJpjBZI/AAAAAAAAAYw/HznwQxRv2Sg/s1600/th_mmamv4.gif") no-repeat;
  1123.  
  1124. }
  1125.  
  1126. .gbcontent{
  1127.  
  1128. float:left;
  1129.  
  1130. border:2px solid #f2e7e2;
  1131.  
  1132. background:#fcfbf8;
  1133.  
  1134. padding:10px;
  1135.  
  1136. }
  1137.  
  1138. </style>
  1139.  
  1140. <script type="text/javascript">
  1141.  
  1142. function showHideGB(){
  1143.  
  1144. var gb = document.getElementById("gb");
  1145.  
  1146. var w = gb.offsetWidth;
  1147.  
  1148. gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
  1149.  
  1150. gb.opened = !gb.opened;
  1151.  
  1152. }
  1153.  
  1154. function moveGB(x0, xf){
  1155.  
  1156. var gb = document.getElementById("gb");
  1157.  
  1158. var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
  1159.  
  1160. var dir = xf>x0 ? 1 : -1;
  1161.  
  1162. var x = x0 + dx * dir;
  1163.  
  1164. gb.style.right = x.toString() + "px";
  1165.  
  1166. if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 40);}
  1167.  
  1168. }
  1169.  
  1170. </script>
  1171.  
  1172. <div id="gb">
  1173.  
  1174. <div class="gbtab" onclick="showHideGB()"> </div>
  1175.  
  1176. <div class="gbcontent">
  1177.  
  1178. <font size="2">MESSAGE HERE</font>
  1179.  
  1180. <div style="text-align:right">
  1181.  
  1182. <a href="javascript:showHideGB()">
  1183.  
  1184. </a>
  1185.  
  1186. </div>
  1187.  
  1188. </div>
  1189.  
  1190. </div>
  1191.  
  1192. <script type="text/javascript">
  1193.  
  1194. var gb = document.getElementById("gb");
  1195.  
  1196. gb.style.right = (30-gb.offsetWidth).toString() + "px";
  1197.  
  1198. </script>
  1199.  
  1200. <!—tutorial by swagtasticable—>
  1201.  
  1202.  
  1203.  
  1204.  
  1205.  
  1206.  
  1207.  
  1208.  
  1209.  
  1210. <div id="wtf">
  1211. <center>
  1212. {block:IfShowTitle}<a href="http://{name}.tumblr.com"><h1>{Title}</h1></a>{/block:IfShowTitle}
  1213. </center><br>
  1214.  
  1215. <div id="slideout">
  1216.   <span class="descrip">Description</span>
  1217.   <div id="slideout_inner">
  1218.  
  1219. {block:IfPortraitImage}
  1220. <a href="http://{name}.tumblr.com"><img src="{image:Portrait}" width="232" border="0" style="padding-bottom:4px;"></a>
  1221. {/block:IfPortraitImage}
  1222.  
  1223. {block:Description}
  1224.     <div style="height:130px; width:228px; overflow:auto; text-align:justify; padding-right:4px;">
  1225.     {Description}
  1226.     </div>
  1227.     {/block:Description}
  1228.    
  1229.   </div>
  1230. </div>
  1231.  
  1232.  
  1233. <div id="slideout2">
  1234.   <span class="descrip2">Navigation</span>
  1235.   <div id="slideout_inner2">
  1236.  
  1237. <center>
  1238. <a href="http://{name}.tumblr.com" class="links1">Home</a>
  1239. {block:AskEnabled}<a href="/ask" class="links1">Ask</a>{/block:AskEnabled}
  1240. {block:SubmissionsEnabled}<a href="/submit" class="links1">Submit</a>{/block:SubmissionsEnabled}
  1241.  
  1242. <a href="/archive" class="links1">Archive</a>
  1243.  
  1244. {block:HasPages}
  1245. {block:Pages}
  1246. <a href="{URL}" class="links1">{Label}</a>
  1247. {/block:Pages}
  1248. {/block:HasPages}
  1249.  
  1250. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  1251.  
  1252. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  1253.  
  1254. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  1255.  
  1256. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  1257.  
  1258. <a href="http://verifiedsarcastic-fashionista.tumblr.com/" class="links1">Themes</a>
  1259. </center>
  1260.        
  1261.   </div>
  1262. </div>
  1263.  
  1264. {block:IfShowAskBox}
  1265. <div id="slideout3">
  1266. <span class="descrip3">Message</span>
  1267. <div id="slideout_inner3">
  1268. <div id="righthold">
  1269. <h2>{AskLabel}</h2>
  1270. <iframe frameborder="0" border="0" scrolling="no" width="230" height="150" allowtransparency="true"
  1271. src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style"background-color:transparent; overflow:hidden;:"></iframe>
  1272. </div>
  1273.   </div>
  1274. </div>
  1275. {block:IfShowAskBox}
  1276.  
  1277.  
  1278.  
  1279. {block:IfHeaderImage}
  1280. <center><a href="/"><img src="{image:Header}"></a></center>
  1281. {/block:IfHeaderImage}
  1282.  
  1283.  
  1284.  
  1285.  
  1286. <div class="autopagerize_page_element">
  1287. {block:Posts}
  1288.  
  1289.  
  1290. <div id="entry">
  1291. {block:IndexPage}
  1292. <center><div id="infos">
  1293. <div id="details">
  1294.  
  1295.  
  1296.  
  1297.  
  1298. <a href="{ReblogURL}">Reblog <img src="http://i42.tinypic.com/28icjl4.jpg"></a> <a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a>
  1299.  
  1300. {block:HasTags}<div id="tags"><b>Tagged:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  1301.  
  1302. </div>
  1303. </div></center>
  1304. {/block:IndexPage}
  1305.  
  1306.  
  1307. {block:Text}<h2>{Title}</h2>{Body}{/block:Text}
  1308.  
  1309. {block:Photo}
  1310. {block:IndexPage}{LinkOpenTag}<a href="{permalink}">
  1311. <table width="250" height="120" border="0" cellspacing="0" cellpadding="0">
  1312.   <tr>
  1313.     <td background="{PhotoURL-250}" style="background-position:center center; {block:IfShowRoundCorners}-moz-border-radius:6px; border-radius:6px;{/block:IfShowRoundCorners} ">&nbsp;</td>
  1314.   </tr>
  1315. </table>
  1316. </a>
  1317. {/block:IndexPage}
  1318.  
  1319. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"/>{LinkCloseTag}
  1320. {Caption}
  1321. {/block:PermalinkPage}
  1322. {/block:Photo}
  1323.  
  1324. {block:Photoset}
  1325. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  1326. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  1327. {/block:Photoset}
  1328.  
  1329. {block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  1330.  
  1331. {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  1332.  
  1333. {block:Chat}
  1334. {block:Title}{Title}{/block:Title}
  1335. {block:Lines}
  1336. {block:Label}
  1337. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  1338. <span class="line">{Line}</span></div>
  1339. {/block:Label}
  1340. {/block:Lines}
  1341. {/block:Chat}
  1342.  
  1343. {block:Video}
  1344.  
  1345. {block:IndexPage}
  1346. <div class="video"><center>{Video-250}</center></div>
  1347. {/block:IndexPage}
  1348.  
  1349. {block:PermalinkPage}
  1350. <div class="video2"><center>{Video-500}</center></div>
  1351. {Caption}
  1352. {/block:PermalinkPage}
  1353.  
  1354. {/block:Video}
  1355.  
  1356.  
  1357. {block:Audio}
  1358. <div class="audio">{AudioPlayerBlack}</div>
  1359. {Caption}
  1360. {/block:Audio}
  1361.  
  1362.  
  1363. {block:Answer}
  1364. <div id="ask">{Asker}: {Question}</div>
  1365. <p>{Answer}</p>
  1366. {/block:Answer}
  1367.  
  1368.  
  1369.  
  1370.  
  1371.  
  1372. {block:PermalinkPage}{block:Date}
  1373. <div id="permapage">
  1374. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  1375. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}<br>{block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  1376. </div>{/block:Date}
  1377. {/block:PermalinkPage}
  1378.  
  1379. {block:PostNotes}<div id="permapage">
  1380. <h2><center>{NoteCount} Notes</center></h2>
  1381. <br>{PostNotes}</div>{/block:PostNotes}
  1382.  
  1383. </div>
  1384.  
  1385.  
  1386. {/block:Posts}
  1387. </div>
  1388.  
  1389.  
  1390. <div id="top">
  1391. {block:Pagination}
  1392. <center><table width="70" border="0" cellspacing="0" cellpadding="0">
  1393. <tr>
  1394. <td width="10">
  1395. {block:PreviousPage}<h3><a href="{PreviousPage}">◄</a></h3>{/block:PreviousPage}
  1396. </td>
  1397. <td width="50"><center>{CurrentPage} of {TotalPages}</center></td>
  1398. <td width="10">{block:NextPage}<h3><a href="{NextPage}">►</a></h3>{/block:NextPage}
  1399. </td>
  1400. </tr>
  1401. </table></center>{/block:Pagination}
  1402. <center><b>Theme By:</b> <a href="http://verifiedsarcastic-fashionista.tumblr.com/">verifiedsarcastic-fashionista</a> | <b>Powered By:</b> <a href="http://tumblr.com">Tumblr.com</a></center></div>
  1403.  
  1404.  
  1405. </body>
  1406. </html>