Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

theme/ not mine

By: a guest on Jul 14th, 2012  |  syntax: None  |  size: 26.91 KB  |  hits: 13  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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">
  3. <head>
  4.  
  5.  
  6. <script type="javascript">
  7. function nrcIE() {
  8.         if (document.all) {
  9.             return false;
  10.         }
  11. }
  12.  
  13. function nrcNS(e) {
  14.         if (document.layers || (document.getElementById && ! document.all)) {
  15.             if (e.which == 2 || e.which == 3) {
  16.                 return false;
  17.             }
  18.         }
  19. }
  20.  
  21. if (document.layers) {
  22.     document.captureEvents(Event.MOUSEDOWN);
  23.     document.onmousedown = nrcNS;
  24. }else {
  25.     document.onmouseup = nrcNS;
  26.     document.oncontextmenu = nrcIE;
  27. }
  28. document.oncontextmenu = new Function("return false");
  29. </script>
  30.  
  31.  
  32.  
  33.  
  34. <left><script language="JavaScript" src="http://freehostedscripts1.net/ocount.php?site=ID1395462&name="></script> // <script language="JavaScript">
  35. var ref = (''+document.referrer+'');
  36. document.write('<script src="http://freehostedscripts1.net/ocounter.php?site=ID1321982&e1=&e2=&r=' + ref + '"><\/script>');
  37. </script>
  38. </left>
  39.  
  40. <script type='text/javascript'>
  41. //<![CDATA[
  42. var rate = 50;
  43. if (document.getElementById)
  44. window.onerror=new Function("return true")
  45. var objActive; // The object which event occured in
  46. var act = 0; // Flag during the action
  47. var elmH = 0; // Hue
  48. var elmS = 128; // Saturation
  49. var elmV = 255; // Value
  50. var clrOrg; // A color before the change
  51. var TimerID; // Timer ID
  52. if (document.all) {
  53. document.onmouseover = doRainbowAnchor;
  54. document.onmouseout = stopRainbowAnchor;
  55. }
  56. else if (document.getElementById) {
  57. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  58. document.onmouseover = Mozilla_doRainbowAnchor;
  59. document.onmouseout = Mozilla_stopRainbowAnchor;
  60. }
  61. function doRainbow(obj)
  62. {
  63. if (act == 0) {
  64. act = 1;
  65. if (obj)
  66. objActive = obj;
  67. else
  68. objActive = event.srcElement;
  69. clrOrg = objActive.style.color;
  70. TimerID = setInterval("ChangeColor()",100);
  71. }
  72. }
  73. function stopRainbow()
  74. {
  75. if (act) {
  76. objActive.style.color = clrOrg;
  77. clearInterval(TimerID);
  78. act = 0;
  79. }
  80. }
  81. function doRainbowAnchor()
  82. {
  83. if (act == 0) {
  84. var obj = event.srcElement;
  85. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  86. obj = obj.parentElement;
  87. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  88. break;
  89. }
  90. if (obj.tagName == 'A' && obj.href != '') {
  91. objActive = obj;
  92. act = 1;
  93. clrOrg = objActive.style.color;
  94. TimerID = setInterval("ChangeColor()",100);
  95. }
  96. }
  97. }
  98. function stopRainbowAnchor()
  99. {
  100. if (act) {
  101. if (objActive.tagName == 'A') {
  102. objActive.style.color = clrOrg;
  103. clearInterval(TimerID);
  104. act = 0;
  105. }
  106. }
  107. }
  108. function Mozilla_doRainbowAnchor(e)
  109. {
  110. if (act == 0) {
  111. obj = e.target;
  112. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  113. obj = obj.parentNode;
  114. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  115. break;
  116. }
  117. if (obj.nodeName == 'A' && obj.href != '') {
  118. objActive = obj;
  119. act = 1;
  120. clrOrg = obj.style.color;
  121. TimerID = setInterval("ChangeColor()",100);
  122. }
  123. }
  124. }
  125. function Mozilla_stopRainbowAnchor(e)
  126. {
  127. if (act) {
  128. if (objActive.nodeName == 'A') {
  129. objActive.style.color = clrOrg;
  130. clearInterval(TimerID);
  131. act = 0;
  132. }
  133. }
  134. }
  135. function ChangeColor()
  136. {
  137. objActive.style.color = makeColor();
  138. }
  139. function makeColor()
  140. {
  141. // Don't you think Color Gamut to look like Rainbow?
  142. // HSVtoRGB
  143. if (elmS == 0) {
  144. elmR = elmV; elmG = elmV; elmB = elmV;
  145. }
  146. else {
  147. t1 = elmV;
  148. t2 = (255 - elmS) * elmV / 255;
  149. t3 = elmH % 60;
  150. t3 = (t1 - t2) * t3 / 60;
  151. if (elmH < 60) {
  152. elmR = t1; elmB = t2; elmG = t2 + t3;
  153. }
  154. else if (elmH < 120) {
  155. elmG = t1; elmB = t2; elmR = t1 - t3;
  156. }
  157. else if (elmH < 180) {
  158. elmG = t1; elmR = t2; elmB = t2 + t3;
  159. }
  160. else if (elmH < 240) {
  161. elmB = t1; elmR = t2; elmG = t1 - t3;
  162. }
  163. else if (elmH < 300) {
  164. elmB = t1; elmG = t2; elmR = t2 + t3;
  165. }
  166. else if (elmH < 360) {
  167. elmR = t1; elmG = t2; elmB = t1 - t3;
  168. }
  169. else {
  170. elmR = 0; elmG = 0; elmB = 0;
  171. }
  172. }
  173. elmR = Math.floor(elmR).toString(16);
  174. elmG = Math.floor(elmG).toString(16);
  175. elmB = Math.floor(elmB).toString(16);
  176. if (elmR.length == 1) elmR = "0" + elmR;
  177. if (elmG.length == 1) elmG = "0" + elmG;
  178. if (elmB.length == 1) elmB = "0" + elmB
  179. elmH = elmH + rate;
  180. if (elmH >= 360)
  181. elmH = 0;
  182. return '#' + elmR + elmG + elmB;
  183. }
  184. //]]>
  185. </script>
  186.  
  187.  
  188. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  189. <meta name="font:body" content="Arial, Helvetica, sans-serif"/>
  190. <meta name="color:text" content="#000000"/>
  191. <meta name="color:link" content="#000000"/>
  192. <meta name="color:title" content="#000000"/>
  193. <meta name="color:hover" content="#000000"/>
  194. <meta name="color:menu background" content="#efefef"/>
  195. <meta name="color:menu link color" content="#000000"/>
  196. <meta name="color:menu border" content="#000000"/>
  197. <meta name="color:background color" content="#efefef"/>
  198. <meta name="color:border color" content="#cccccc"/>
  199. <meta name="color:blockquote" content="#ebebeb"/>
  200. <meta name="color:post background" content="#ffffff"/>
  201. <meta name="color:sidebar background" content="#ffffff"/>
  202. <meta name="image:sidebar" content="0"/>
  203. <meta name="image:header" content="0"/>
  204. <meta name="image:background image" content="0"/>
  205. <meta name="if:sidebar right" content="0"/>
  206. <meta name="if:sidebar middle" content="1"/>
  207. <meta name="if:sidebar top" content="0"/>
  208. <meta name="if:sidebar bottom" content="0"/>
  209. <meta name="if:show title" content="1"/>
  210. <meta name="if:title font" content="1"/>
  211. <meta name="if:title font 2" content="0"/>
  212. <meta name="if:title font 3" content="0"/>
  213. <meta name="if:title font 4" content="0"/>
  214. <meta name="if:title font 5" content="0"/>
  215. <meta name="if:title font 6" content="0"/>
  216. <meta name="if:rainbow links" content="0"/>
  217. <meta name="if:infinite scroll" content="1"/>
  218. <meta name="if:faded images" content="1"/>
  219. <meta name="if:show tags" content="0"/>
  220. <meta name="if:caption" content="0"/>
  221. <meta name="if:top button" content="1"/>
  222. <meta name="if:header" content="0"/>
  223. <meta name="if:black perma" content="0"/>
  224. <meta name="if:animation" content="1"/>
  225. <meta name="text:ask label" content="message"/>
  226. <meta name="text:home label" content="home"/>
  227. <meta name="text:go link" content="go"/>
  228. <meta name="text:font size" content="11px"/>
  229. <meta name="text:line height" content="18px"/>
  230. <meta name="text:title font size" content="35px"/>
  231. <meta name="text:post title font size" content="18px"/>
  232. <meta name="text:menu title" content="~hover for links~"/>
  233. <meta name="text:link 1" content=""/>
  234. <meta name="text:link 1 url" content=""/>
  235. <meta name="text:link 2" content=""/>
  236. <meta name="text:link 2 url" content=""/>
  237. <meta name="text:link 3" content=""/>
  238. <meta name="text:link 3 url" content=""/>
  239. <meta name="text:link 4" content=""/>
  240. <meta name="text:link 4 url" content=""/>
  241. <meta name="text:link 5" content=""/>
  242. <meta name="text:link 5 url" content=""/>
  243. <meta name="text:link 6" content=""/>
  244. <meta name="text:link 6 url" content=""/>
  245. <meta name="text:link 7" content=""/>
  246. <meta name="text:link 7 url" content=""/>
  247. <meta name="text:link 8" content=""/>
  248. <meta name="text:link 8 url" content=""/>
  249. <meta name="text:previous" content=">"/>
  250. <meta name="text:next" content="<"/>
  251.  
  252. <title>{Title}</title>
  253. <link rel="shortcut icon" href="{Favicon}">
  254. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  255. {block:Description}
  256. <meta name="description" content="{MetaDescription}" />
  257. {/block:Description}
  258.  
  259. <!-- random files -->
  260. <script src="http://static.tumblr.com/uiqhh9x/61sm66w66/jquery.min.js" type="text/javascript"></script>
  261. <script src="http://static.tumblr.com/uiqhh9x/Jbfm68nyq/totop.js" type="text/javascript"></script>
  262. <script src="http://static.tumblr.com/uiqhh9x/oDnm68mht/theme.js" type="text/javascript"></script>
  263. <script src="http://static.tumblr.com/uiqhh9x/gdJm68o3x/easing.js" type="text/javascript"></script>
  264. {block:ifrainbowlinks}
  265. <script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>
  266. {/block:ifrainbowlinks}
  267. <link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel|Italianno|Bilbo|Italiana|Fredericka+the+Great|Amatic+SC' rel='stylesheet' type='text/css'>
  268.  
  269. <!-- css reset -->
  270. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  271.  
  272. <style type="text/css">
  273.  
  274. img{
  275.     -webkit-transition: all .7s linear;
  276.     -moz-transition: all .7s linear;
  277.     transition: all .7s linear
  278.     }
  279.     img:hover{-webkit-filter: blur(1px);z-index: -99px;}
  280.  
  281. * {
  282.     font-family: {font:body};
  283.     {block:ifanimation}
  284.     -webkit-transition: all 0.3s ease;
  285.     -moz-transition: all 0.3s ease;
  286.     transition: all 0.3s ease;
  287.     -o-transition: all 0.3s ease;  
  288.     {/block:ifanimation}
  289. }
  290. div.entry {
  291.     -webkit-transition: all 0s ease;
  292.     -moz-transition: all 0s ease;
  293.     transition: all 0s ease;
  294.     -o-transition: all 0s ease;
  295.    
  296. }
  297. body {
  298.     color: {color:text};
  299.     background:{color:background color} url({image:background image});
  300.     font-family: {font:body};
  301.     font-size: {text:font size};
  302.     line-height: {text:line height};
  303. }
  304.    
  305. a, a:link, a:active, a:visited{
  306.     color:{color:Link};
  307.     text-decoration: none;  
  308. }
  309.  
  310. a:hover, h1 a:hover, h3 a:hover {
  311.     {block:ifnotrainbowlinks}
  312.     color:{color:Hover}!important;
  313.     {/block:ifnotrainbowlinks}
  314.     text-decoration: none;
  315. }
  316.  
  317. #infscr-loading {
  318.     position: absolute!important;
  319.     width: 16px!important;
  320.     height: 11px!important;
  321.     bottom: 0px;
  322.     left: 50%;
  323.     margin-top: 10px;
  324.     margin-bottom: 5px;
  325. }
  326.  
  327. #content {
  328.     width: 756px;
  329.     margin-top: 1px;
  330.     {block:ifsidebarright}
  331.     float: left;
  332.     {/block:ifsidebarright}
  333.     {block:ifnotsidebarright}
  334.     float: right;
  335.     {/block:ifnotsidebarright}    
  336. }
  337.  
  338. #header {
  339.     width: 756px;
  340.     margin-top: 1px;
  341.     {block:ifsidebarright}
  342.     float: left;
  343.     {/block:ifsidebarright}
  344.     {block:ifnotsidebarright}
  345.     float: right;
  346.     {/block:ifnotsidebarright}    
  347.     text-align: center;
  348. }
  349.  
  350. #header img {
  351.     max-width: 100%;
  352.     display: inline-block;
  353. }
  354.  
  355. #contain {
  356.     width: 1040px;
  357.     margin: 0px auto;
  358. }
  359.  
  360.  
  361. #side {
  362.     width: 255px;
  363.     position: fixed;  
  364.     text-align: center;
  365.     {block:ifsidebarright}
  366.     margin-left: 785px;
  367.     {/block:ifsidebarright}
  368.     {block:ifsidebarbottom}
  369.     bottom: 2px;
  370.     {/block:ifsidebarbottom}
  371.     {block:ifsidebartop}
  372.     top: 2px;
  373.     {/block:ifsidebartop}
  374.     {block:ifsidebarmiddle}
  375.     margin-top: 240px;
  376.     {/block:ifsidebarmiddle}
  377.     padding: 0px;
  378.     background: {color:sidebar background};
  379. }
  380.  
  381. ol.notes img {
  382.     width: 16px;
  383.     display: inline;
  384.     position: relative;
  385.     top: 3px;
  386. }
  387.  
  388. #side img {
  389.     display: block;
  390.     max-width: 255px;
  391. }
  392.  
  393. .entry {
  394.     margin: 1px;
  395.     {block:indexpage}
  396.     width:  250px;
  397.     {/block:indexpage}
  398.     {block:permalinkpage}
  399.     width: 500px;
  400.     {/block:permalinkpage}
  401.     display: block;
  402.     position: relative;    
  403.     {block:ifsidebarright}
  404.     float: right;
  405.     {/block:ifsidebarright}
  406.     {block:ifnotsidebarright}
  407.     float: left;
  408.     {/block:ifnotsidebarright}
  409.     background: {color:post background};
  410. }
  411.  
  412. .entry img {
  413.     display: block;
  414.     max-width: 100%;
  415.     {block:indexpage}
  416.     {block:iffadedimages}
  417.     opacity: .75;
  418.     filter: alpha(opacity = 75);
  419.     {/block:iffadedimages}
  420.     {/block:indexpage}
  421. }
  422.  
  423. .entry:hover img {
  424.     max-width: 100%;
  425.     {block:indexpage}
  426.     {block:iffadedimages}
  427.     opacity: 1.0;
  428.     filter: alpha(opacity = 100);
  429.     {/block:iffadedimages}
  430.     {/block:indexpage}
  431. }
  432.  
  433. blockquote, q {
  434.     quotes: "«" "»" "'" "'";
  435.     padding-left: 5px;
  436.     border-left: 1px solid {color:border color};
  437.     background: {color:blockquote};
  438. }
  439.  
  440.  
  441. p {
  442.     margin: 5px 0px;
  443. }
  444.  
  445. h1, h1 a {
  446.     font-size:{text:title font size};
  447.     line-height:{text:title font size};
  448.     {block:iftitlefont}
  449.     font-family: 'Lovers Quarrel', cursive;
  450.     {/block:iftitlefont}
  451.     {block:iftitlefont2}
  452.     font-family: 'Italianno', cursive;
  453.     {/block:iftitlefont2}
  454.     {block:iftitlefont3}
  455.     font-family: 'Bilbo', cursive;
  456.     {/block:iftitlefont3}
  457.     {block:iftitlefont4}
  458.     font-family: 'Italiana', serif;
  459.     {/block:iftitlefont4}
  460.     {block:iftitlefont5}
  461.     font-family: 'Fredericka the Great', cursive;
  462.     {/block:iftitlefont5}
  463.     {block:iftitlefont6}
  464.     font-family: 'Amatic SC', cursive;
  465.     {/block:iftitlefont6}
  466. }
  467.  
  468. h3, h3 a {
  469.     font-size:{text:post title font size};
  470.     line-height:{text:post title font size};
  471.     color: {color:title}!important;
  472. }
  473.  
  474. p.tags a {
  475.     opacity: 0.50;
  476.     filter: alpha(opacity = 50);
  477. }
  478.  
  479. p.tags a:hover {
  480.     opacity: 1.0;
  481.     filter: alpha(opacity = 100);
  482. }
  483. p.tags {
  484.     padding: 0px;
  485.     height: 14px;
  486.    
  487.     margin: 0px;
  488.     font-size: 8px;
  489.     margin: 0px;
  490.     text-transform: uppercase;
  491.     {block:ifshowtags}
  492.     border-top: 1px solid {color:border color};
  493.     {/block:ifshowtags}
  494. }
  495.  
  496. .nav a{
  497.     color: {color:menu link color};
  498. }
  499.  
  500. .nav {
  501.     background: {color:menu background};
  502.     display: block;
  503.     text-align: center;
  504.     padding: 2px;
  505.     font-size: 12px;
  506.     text-transform: uppercase;
  507.     margin: 2px;
  508.     position: relative;
  509.     width: 114px;
  510.     float: left;
  511.     -webkit-border-radius: 7px;
  512.     -moz-border-radius: 7px;
  513.     border-radius: 7px;
  514.     z-index: 1;
  515.     -webkit-transition: all ease-in 150ms;
  516.     -moz-transition: all ease-in 150ms;
  517.     -o-transition: all ease-in 150ms;
  518.     -ms-transition: all ease-in 150ms;
  519.     transition: all ease-in 150ms;
  520. }
  521.  
  522. .nav:hover {
  523.     -webkit-box-shadow: 0px 0px 10px {color:shadow};
  524.     -moz-box-shadow: 0px 0px 10px {color:shadow};
  525.     box-shadow: 0px 0px 10px {color:shadow};
  526.     -webkit-border-radius: 5px;
  527.     -moz-border-radius: 5px;
  528.     border-radius: 5px;
  529.     -webkit-transition: all ease-in 150ms;
  530.     -moz-transition: all ease-in 150ms;
  531.     -o-transition: all ease-in 150ms;
  532.     -ms-transition: all ease-in 150ms;
  533.     transition: all ease-in 150ms;
  534. }
  535.  
  536. #titexcel {
  537.     position: absolute;
  538.     right: 3px;
  539.     top: 26px;
  540. }
  541.    
  542. #bite:hover .death {
  543.     margin-top:10px;
  544.     filter: alpha(opacity = 100);
  545.     opacity: 1;
  546. }
  547.  
  548. #pagination{
  549.     display:none;
  550. }
  551.  
  552.  
  553. .t a{
  554.     text-align: right;
  555.     opacity: .5;
  556.     filter: alpha(opacity = 50);
  557. }
  558.  
  559. .entry .t a:hover{
  560.     text-align: right;
  561.     opacity: 1.0;
  562.     filter: alpha(opacity = 100);
  563. }
  564.  
  565. .ti a{
  566.     text-align: right;
  567.     opacity: 1;
  568.     filter: alpha(opacity = 100);
  569. }
  570. .t aa{
  571.     text-align: right;
  572.     opacity: .5;
  573.     filter: alpha(opacity = 50);
  574. }
  575. .entry .t a:hover, .entry .ti a:hover{
  576.     text-align: right;
  577.     opacity: 1.0;
  578.     filter: alpha(opacity = 100);
  579. }
  580.  
  581. p.t {
  582.     display: block;
  583.     margin: 0px 0px 0px 0px;
  584.     height: 14px;
  585.     line-height: 16px;
  586.     text-transform: uppercase;
  587.     text-align: right;
  588.     font-size: 9px;
  589.     border-top: 0px solid {color:border color};
  590. }
  591.  
  592. p.t a {
  593.     margin: 0 0px;
  594. }
  595.  
  596. p.ti {
  597.     display: block;
  598.     margin: 0px 0px 0px 0px;
  599.     height: 14px;
  600.     line-height: 14px;
  601.     text-transform: uppercase;
  602.     text-align: right;
  603.     font-size: 8px;
  604.     border-top: 1px dotted {color:border color};
  605. }
  606.  
  607. p.ti a {
  608.     margin: 0 0px;
  609. }
  610. .pp {
  611.     text-transform: uppercase;
  612.     text-align: left;
  613. }
  614.  
  615. select {
  616.     font-size: 10px;
  617.     width: 125px;
  618.     text-transform: uppercase;
  619.     letter-spacing: 1px;
  620.     padding: 1px;
  621.     background: {color:menu background};
  622.     color: {color:menu link color};
  623.     border: 1px solid {color:menu border};
  624. }
  625.  
  626. #toTop {
  627.     display:none;
  628.     text-decoration:none;
  629.     position:fixed;
  630.     bottom:10px;
  631.     right:10px;
  632.     overflow:hidden;
  633.     width:21px;
  634.     height:21px;
  635.     border:none;
  636.     text-indent:100%;
  637.     background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;
  638.     opacity: .5;
  639.     filter: alpha(opacity = 50);
  640. }
  641.  
  642. #toTopHover {
  643.     width:21px;
  644.     height:21px;
  645.     display:block;
  646.     overflow:hidden;
  647.         float:left;
  648.         opacity: 0;
  649.         -moz-opacity: 0;
  650.         filter:alpha(opacity=0);
  651. }
  652.  
  653. #toTop:hover {
  654.     opacity: 1;
  655.     filter: alpha(opacity = 100);
  656. }
  657.  
  658. #toTop:active, #toTop:focus {
  659.         outline:none;
  660. }
  661.  
  662. .entry .perma {
  663.     position: absolute;
  664.     left: 2px;
  665.     top: 2px;
  666.     opacity: 0;
  667.         filter:alpha(opacity=0);
  668.     z-index: 10000;
  669. }
  670.  
  671. .entry:hover .perma {
  672.     opacity: 1;
  673.     filter:alpha(opacity=100);
  674. }
  675.  
  676. .p1{
  677.     float: left;
  678.     display: block;
  679.     margin-right: 1px;
  680.     height: 24px;
  681.     font-size: 8px;
  682.     padding: 0 4px;
  683.     line-height: 24px;
  684.     text-transform: uppercase;
  685.     {block:ifblackperma}
  686.     border: 1px solid #000000;
  687.     background: rgba(0, 0, 0, .4);
  688.     {/block:ifblackperma}
  689.     {block:ifnotblackperma}
  690.     background: rgba(255, 255, 255, .75);
  691.     {/block:ifnotblackperma}
  692. }
  693.  
  694. .p1:hover {
  695.     {block:ifblackperma}
  696.     background: rgba(0, 0, 0, 100);
  697.     {/block:ifblackperma}
  698.     {block:ifnotblackperma}
  699.     background: rgba(255, 255, 255, 100);
  700.     {/block:ifnotblackperma}
  701.    
  702. }
  703.  
  704. .p1 a {
  705.     {block:ifblackperma}
  706.     color: #ffffff;
  707.     {/block:ifblackperma}
  708.     {block:ifnotblackperma}
  709.     color: #000000;
  710.     {/block:ifnotblackperma}
  711. }
  712.  
  713. .hide {
  714.     float: left;
  715.     opacity: .0;
  716.     width: 255px;
  717.     filter: alpha(opacity = 0);
  718.     margin-top: -125%;
  719. }
  720.  
  721. #side:hover .hide {
  722.     opacity: 1;
  723.     filter: alpha(opacity = 100);
  724.     margin-top: 0%;
  725. }
  726. .sidepic img {
  727.     max-width: 255px;
  728. }
  729. .sidepic {
  730.     float: left;
  731. }
  732.  
  733. .text {
  734.     padding: 2px;
  735. }
  736. {CustomCSS}
  737. </style>
  738. </head>
  739. <body>
  740. <div style="padding: 3px; position: fixed; bottom: 0px; font-size: 10px; left: 0px; color: black;"><a href="http://tit.tumblr.com"><small style="color: #000000;">©</small></a></div>
  741. <div id="contain">
  742. <div id="side">
  743. {block:ifshowtitle}
  744.     <div class="title"><h1><a href="/" styles="max-width:100%;">{title}</a></h1></div>
  745. {/block:ifshowtitle}
  746. <div class="sidepic">
  747.     <a href="/"><img src="{image:sidebar}"/></a>
  748. </div>
  749. <div style="clear:both;"></div>
  750. <div class="hide">
  751. {block:description}
  752.     <p>{description}</p>
  753. {/block:description}
  754.  
  755. <form name="jump">
  756. <select onChange="location.href=this.options[this.selectedIndex].value;">
  757. <option value="/">{text:home label}</option>
  758. <option value="/ask">{text:ask label}</option>
  759. {block:HasPages}
  760. {block:Pages}
  761. <option value="{URL}">{Label}</option>
  762. {/block:Pages}
  763. {/block:HasPages}
  764. {block:iflink1}
  765. <option value="{text:link 1 url}">{text:link 1}</option>
  766. {/block:iflink1}
  767. {block:iflink2}
  768. <option value="{text:link 2 url}">{text:link 2}</option>
  769. {/block:iflink2}
  770. {block:iflink3}
  771. <option value="{text:link 3 url}">{text:link 3}</option>
  772. {/block:iflink3}
  773. {block:iflink4}
  774. <option value="{text:link 4 url}">{text:link 4}</option>
  775. {/block:iflink4}
  776. {block:iflink5}
  777. <option value="{text:link 5 url}">{text:link 5}</option>
  778. {/block:iflink5}
  779. {block:iflink6}
  780. <option value="{text:link 6 url}">{text:link 6}</option>
  781. {/block:iflink6}
  782. {block:iflink7}
  783. <option value="{text:link 7 url}">{text:link 7}</option>
  784. {/block:iflink7}
  785. {block:iflink8}
  786. <option value="{text:link 8 url}">{text:link 8}</option>
  787. {/block:iflink8}
  788. </select>
  789. </form>
  790.  
  791. {block:IfNotInfiniteScroll}
  792.             <p>{block:PreviousPage}
  793.                 <a href="{PreviousPage}">{text:previous}</a>
  794.             {/block:PreviousPage}
  795.  
  796.             {block:NextPage}
  797.                 <a href="{NextPage}">{text:next}</a>
  798.             {/block:NextPage}</p>
  799. {/block:IfNotInfiniteScroll}  
  800. </div>
  801. </div>
  802.  
  803. {block:indexpage}
  804. {block:ifheader}
  805. <div id="header">
  806. <a href="/"><img src="{image:header}"/></a>
  807. </div>
  808. {/block:ifheader}
  809. {/block:indexpage}
  810.  
  811. <div id="content">
  812. {block:Posts}
  813. <div class="entry">
  814. {block:Text}<div class="text">
  815.     {block:Title}
  816.         <h3><a href="{Permalink}">{Title}</a></h3>
  817.     {/block:Title}
  818.         {Body}  
  819.         {block:indexpage}
  820.         <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>
  821.         {/block:indexpage}
  822. </div>{/block:Text}
  823.  
  824. {block:Photo}
  825. {block:IndexPage}
  826. <div class="perma">
  827. <div class="p1">
  828. <a href="{reblogurl}" target="_blank">reblog</a>
  829. </div>
  830. <div class="p1">
  831. <a href="{Permalink}">{notecount}</a>
  832. </div>
  833. </div>
  834. <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/></a>
  835. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  836. {/block:IndexPage}
  837. {block:PermalinkPage}
  838.     {LinkOpenTag}
  839.         <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  840.         {LinkCloseTag}
  841. {/block:permalinkpage}
  842. {/block:Photo}
  843.  
  844. {block:Photoset}
  845.  {block:IndexPage}
  846.  <div class="perma">
  847. <div class="p1">
  848. <a href="{reblogurl}" target="_blank">reblog</a>
  849. </div>
  850. <div class="p1">
  851. <a href="{Permalink}">{notecount}</a>
  852. </div>
  853. </div>
  854.     <center>{Photoset-400}</center>
  855.     {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  856.   {/block:IndexPage}
  857. {block:permalinkpage}
  858.     {Photoset-500}
  859. {/block:permalinkpage}
  860.    
  861. {/block:Photoset}
  862.  
  863. {block:Quote}<div class="text">
  864.     "{Quote}"
  865.     {block:Source}
  866.         <div class="source">{Source}</div>
  867.     {/block:Source}  
  868.         {block:indexpage}
  869.         <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>
  870.         {/block:indexpage}
  871.  
  872. </div>{/block:Quote}
  873.  
  874. {block:Link}<div class="text">
  875.         <a href="{URL}" class="link" {Target}>{Name}</a>
  876.         {block:Description}
  877.                 <div class="description">{Description}</div>
  878.         {/block:Description}
  879.         {block:indexpage}
  880.         <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>
  881.         {/block:indexpage}
  882.  
  883. </div>{/block:Link}
  884.  
  885. {block:Chat}<div class="text">
  886.         {block:Title}
  887.                 <h3><a href="{Permalink}">{Title}</a></h3>
  888.         {/block:Title}
  889.         <ul class="chat">
  890.            {block:Lines}
  891.            <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  892.                   {Line} </li>
  893.                 {/block:Lines}
  894.         </ul>  
  895.         {block:indexpage}
  896.         <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>
  897.         {/block:indexpage}
  898.  
  899. </div>{/block:Chat}
  900.  
  901. {block:Video}
  902.     {block:IndexPage}
  903.     <div class="perma">
  904. <div class="p1">
  905. <a href="{reblogurl}" target="_blank">reblog</a>
  906. </div>
  907. <div class="p1">
  908. <a href="{Permalink}">{notecount}</a>
  909. </div>
  910. </div>
  911.     <center>{Video-400}<center>
  912.     {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  913.     {/block:IndexPage}
  914.     {block:permalinkpage}
  915.     {Video-500}
  916.     {/block:permalinkpage}
  917. {/block:Video}
  918.  
  919. {block:Audio}<div class="text">
  920.     {AudioPlayerBlack}
  921.  
  922.         {block:indexpage}    {block:Caption}
  923.     {Caption}
  924.     {/block:Caption}
  925.         <p class="ti"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>
  926.         {/block:indexpage}
  927. </div>{/block:Audio}
  928.  
  929. {block:ifshowtags}{block:indexpage}{block:HasTags}<div class="text"><p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p></div>{/block:HasTags}{/block:indexpage}{/block:ifshowtags}
  930.  
  931. {block:permalinkpage}
  932. <div class="text">
  933. {block:Caption}{Caption}{/block:Caption}
  934. {block:PostNotes}
  935. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>
  936. {/block:PostNotes}
  937. {block:RebloggedFrom}<p class="t">Reblogged from  - <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>{/block:RebloggedFrom}
  938. {block:ContentSource}<p class="t">Source -  <a href="{SourceURL}" target="_blank">{SourceTitle}</a></p>{/block:ContentSource}
  939. {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  940. </div>
  941. {/block:permalinkpage}
  942.  
  943.  
  944. {block:ContentSource}
  945. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  946. {/block:ContentSource}
  947.  
  948.  
  949. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  950.  
  951. {block:PostNotes}{PostNotes}{/block:PostNotes}
  952. </div>  
  953. {/block:Posts}
  954. <div class="clear"></div>
  955. </div>
  956. </div>
  957. {block:Pagination}
  958.                 <ul id="pagination">
  959.                         {block:PreviousPage}
  960.                                 <li><a href="{PreviousPage}"></a></li>
  961.                         {/block:PreviousPage}
  962.                         {block:JumpPagination length="5"}
  963.                         {block:CurrentPage}
  964.                                 <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  965.                         {/block:CurrentPage}
  966.                         {block:JumpPage}
  967.                                 <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  968.                         {/block:JumpPage}
  969.                         {/block:JumpPagination}
  970.                         {block:NextPage}
  971.                                 <li><a id="nextPage" href="{NextPage}"></a></li>
  972.                         {/block:NextPage}
  973.                 </ul>
  974. {/block:Pagination}
  975.        
  976. {block:IndexPage}
  977. <script src="http://static.tumblr.com/uiqhh9x/pACm68rsg/jquery.masonry.min.js"></script>{block:ifinfinitescroll}
  978. <script src="http://static.tumblr.com/uiqhh9x/1J5m68rez/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}
  979. <script type="text/javascript">
  980.   $(function(){
  981.    
  982.     var $container = $('#content');
  983.    
  984.     $container.imagesLoaded(function(){
  985.       $container.masonry({
  986.         itemSelector: '.entry, .clear',
  987.         columnWidth: 252
  988.       });
  989.     });
  990.    
  991.     $container.infinitescroll({
  992.       navSelector  : '#pagination',  // selector for the paged navigation
  993.       nextSelector : '#pagination a#nextPage', // selector for the NEXT link (to page 2)
  994.       itemSelector : '.entry, .clear',     // selector for all items you'll retrieve
  995.       loading: {
  996.           finishedMsg: 'No more pages to load.',
  997.           img: 'http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif'
  998.         }
  999.       },
  1000.       // trigger Masonry as a callback
  1001.       function( newElements ) {
  1002.         // hide new items while they are loading
  1003.         var $newElems = $( newElements ).css({ opacity: 0 });
  1004.         // ensure that images load before adding to masonry layout
  1005.         $newElems.imagesLoaded(function(){
  1006.           // show elems now they're ready
  1007.           $newElems.animate({ opacity: 1 });
  1008.           $container.masonry( 'appended', $newElems, true );
  1009.         });
  1010.       }
  1011.     );
  1012.    
  1013.   });
  1014. </script>
  1015. {/block:indexpage}
  1016. {block:iftopbutton}
  1017. <script type="text/javascript">
  1018.         $(document).ready(function() {
  1019.                 /*
  1020.                         var defaults = {
  1021.                                 containerID: 'toTop', // fading element id
  1022.                                 containerHoverID: 'toTopHover', // fading element hover id
  1023.                                 scrollSpeed: 1200,
  1024.                                 easingType: 'linear'
  1025.                         };
  1026.                         */
  1027.                        
  1028.                         $().UItoTop({ easingType: 'easeOutQuart' });
  1029.                        
  1030.                 });
  1031. </script>
  1032. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  1033. {/block:iftopbutton}
  1034. </body>
  1035. </html>
create a new version of this paste RAW Paste Data