Advertisement
Guest User

Untitled

a guest
Apr 14th, 2012
460
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.38 KB | None | 0 0
  1. <!--
  2. theme 5 by ab0lish.
  3. --->
  4.  
  5.  
  6. <html lang="en">
  7. <head>
  8.  
  9.  
  10. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  11. <script type="text/javascript">
  12. $(document).ready(function () {
  13. $('li.drawer div:nth-child(2)').hide();
  14. $('li.drawer h4').click(function () {
  15. if ($(this).hasClass('open')) {
  16. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  17. else {
  18. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  19. $(this).next().slideDown();
  20. $(this).addClass('open');}
  21. });
  22. });
  23. </script>
  24.  
  25. <script type="text/javascript"
  26. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  27.  
  28. <title>{Title}
  29. </title>
  30. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  31.  
  32. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  33. <meta name="image:Background" content=""/>
  34. <meta name="color:background" content="#50D3D3"/>
  35. <meta name="color:text" content="#000000"/>
  36. <meta name="color:sidebar shadow" content="#FFFFFF"/>
  37. <meta name="color:title" content="#000000"/>
  38. <meta name="color:link" content="#000000"/>
  39. <meta name="color:hover" content="#50D3D3"/>
  40. <meta name="color:sidebar background" content="#ffffff" />
  41. <meta name="color:posts background" content="#ffffff" />
  42. <meta name="image:Sidebar" content="1"/>
  43. <meta name="if:show blog title" content="0"/>
  44. <meta name="if:show photo" content="1"/>
  45. <meta name="if:center" content="1"/>
  46. <meta name="if:thin scrollbar" content="1"/>
  47. <meta name="if:rainbow links" content="1"/>
  48.  
  49. <style type="text/css">
  50.  
  51. {block:ifthinscrollbar}
  52. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:Background}; }
  53. ::-webkit-scrollbar-thumb { background-color: #fff; -webkit-border-radius: 5ex; border: 1px solid #FFFFFF;}
  54. {/block:ifthinscrollbar}
  55.  
  56.  
  57. body {
  58. margin:0px;
  59. background-color: {color:Background};
  60. background-image:url({image:Background});
  61. background-attachment: fixed;
  62. background-repeat: repeat;}
  63. body, div, p, textarea, submit, input{
  64. font-family: calibri;
  65. font-size: 11px;
  66. letter-spacing:0px;
  67. color:{color:Text};
  68. }
  69.  
  70. p {
  71. margin:0px;
  72. margin-top:0px;
  73. }
  74.  
  75.  
  76. a:link, a:active, a:visited{color: {color:Link}; text-decoration: none; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
  77.  
  78. a:hover {
  79. color:{color:Hover};
  80. text-decoration: none;
  81. letter-spacing:1px;
  82. filter:Wave(strength=4);height:1px;
  83. }
  84.  
  85.  
  86. div#center{
  87. margin:auto;
  88. position:relative;
  89. width:auto;
  90. height:1px;
  91. background-color:;
  92. overflow:auto;
  93. overflow-y:hidden;
  94. }
  95.  
  96. div#content{
  97. float:left;
  98. width:903px;
  99. {block:PermalinkPage}
  100. width:500px;
  101. {/block:PermalinkPage}
  102. height:auto;
  103. padding-right:1px;
  104. padding-left:1px;
  105. padding-top:1px;
  106. padding-bottom:0px;
  107. margin-left:277px;
  108. box-shadow: 0px 0px 0px #0066FF;
  109. -moz-border-radius:6px;
  110. border-radius:0px;
  111. background: #000000;
  112. background-color:{color:posts background};
  113. border: 0px solid #000000;
  114. }
  115.  
  116. div#sidebar{
  117. -moz-border-radius:6px;
  118. border-radius:0px;
  119. position:fixed !important;
  120. width:175px;
  121. height:auto;
  122. background-color:black;
  123. margin-top:150px;
  124. margin-left:80px;
  125. padding-top:1px;
  126. padding-right:1px;
  127. padding-left:1px;
  128. padding-bottom:1px;
  129. box-shadow: 0px 0px 20px {color:sidebar shadow};
  130. background-color:{color:sidebar background};
  131. line-height:10px;
  132. border: 1px solid #000000;
  133. }
  134.  
  135. div#entry{
  136. float:left;
  137. {block:IndexPage}
  138. width:300px;
  139. height:195px;
  140. {/block:IndexPage}
  141. {block:PermalinkPage}
  142. width:500px;
  143. height:auto;
  144. {/block:PermalinkPage}
  145. background-color: #000000;
  146. background-color:{color:posts background};
  147. }
  148.  
  149. #entry{
  150. {block:IndexPage}
  151. width:300px;
  152. height:195px;
  153. {/block:IndexPage}
  154. {block:PermalinkPage}
  155. width:500px;
  156. height:auto;
  157. {/block:PermalinkPage}
  158. margin-right:1px;
  159. padding-bottom:0px;
  160. margin-right:1px;
  161. margin-bottom:1px;
  162. }
  163.  
  164. #entry .perma a{
  165. float: bottom;
  166. color:#000;
  167. }
  168.  
  169. #entry .perma{
  170. float: bottom;
  171. margin-top:175px;
  172. margin-left: -10px;
  173. width:150px;
  174. position: absolute;
  175. font-family: calibri;
  176. font-size: 11px;
  177. text-align: center;
  178. overflow:hidden;
  179. opacity: 0.0;
  180. background-color:#cdcdcd;
  181. -webkit-transition: all 0.2s linear;
  182. -webkit-transition: all 0.2s linear;
  183. -moz-transition: all 0.2s linear;
  184. transition: all 0.2s linear;
  185. -webkit-border-radius: 5ex;
  186. }
  187.  
  188. #entry:hover .perma{
  189. margin-left:145px;
  190. float: bottom;
  191. overflow:visible;
  192. -webkit-transition: all 0.1s linear;
  193. -webkit-transition: all 0.1s linear;
  194. -moz-transition: all 0.1s linear;
  195. transition: all 0.1s linear;
  196. opacity: 0.9;
  197. }
  198.  
  199. #postnotes{
  200. text-align: justify;}
  201.  
  202. #postnotes blockquote{
  203. border: 0px;}
  204.  
  205. .title{
  206. font-family: calibri;
  207. font-size: 16px;
  208. color: {color:Title};
  209. letter-spacing: -1px;
  210. font-weight: normal;
  211. padding:0px 0px 0px 0px;
  212. }
  213.  
  214. .title2{
  215. font-family: calibri;
  216. font-size: 16px;
  217. color: {color:Title};
  218. letter-spacing: -1px;
  219. font-weight: normal;
  220. padding:0px 0px 0px 0px;
  221. }
  222.  
  223. blockquote{
  224. padding:0px 0px 2px 5px;
  225. margin:0px 0px 0px 0px;
  226. border-left: 1px dotted #555555;
  227. }
  228.  
  229. blockquote p, ul{
  230. margin:0px;
  231. padding:0px;
  232. }
  233.  
  234.  
  235.  
  236. a img{border: 0px;}
  237.  
  238. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  239.  
  240. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  241. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  242.  
  243. .notes img{width:10px; position:relative; top:3px;}
  244.  
  245.  
  246.  
  247.  
  248. small{font-size: 95%;}
  249.  
  250. .blogtitle{
  251. font-family: calibri;
  252. font-size: 16px;
  253. color: {color:Title};
  254. letter-spacing: 0px;
  255. font-weight: normal;
  256. padding:0px 0px 0px 0px;
  257. }
  258.  
  259.  
  260. ul#drawers li h4 {margin: 0; padding: 0px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out;
  261. transition: background-color 0.2s ease-out;}
  262.  
  263. </style>
  264.  
  265.  
  266. <link rel="shortcut icon" href="{Favicon}">
  267. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  268. <meta name="viewport" content="width=820" />
  269.  
  270. {block:ifrainbowlinks}
  271. <script type='text/javascript'>
  272.  
  273. //<![CDATA[
  274.  
  275. var rate = 50;
  276.  
  277. if (document.getElementById)
  278.  
  279. window.onerror=new Function("return true")
  280.  
  281. var objActive; // The object which event occured in
  282.  
  283. var act = 0; // Flag during the action
  284.  
  285. var elmH = 0; // Hue
  286.  
  287. var elmS = 128; // Saturation
  288.  
  289. var elmV = 255; // Value
  290.  
  291. var clrOrg; // A color before the change
  292.  
  293. var TimerID; // Timer ID
  294.  
  295. if (document.all) {
  296.  
  297. document.onmouseover = doRainbowAnchor;
  298.  
  299. document.onmouseout = stopRainbowAnchor;
  300.  
  301. }
  302.  
  303. else if (document.getElementById) {
  304.  
  305. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  306.  
  307. document.onmouseover = Mozilla_doRainbowAnchor;
  308.  
  309. document.onmouseout = Mozilla_stopRainbowAnchor;
  310.  
  311. }
  312.  
  313. function doRainbow(obj)
  314.  
  315. {
  316.  
  317. if (act == 0) {
  318.  
  319. act = 1;
  320.  
  321. if (obj)
  322.  
  323. objActive = obj;
  324.  
  325. else
  326.  
  327. objActive = event.srcElement;
  328.  
  329. clrOrg = objActive.style.color;
  330.  
  331. TimerID = setInterval("ChangeColor()",100);
  332.  
  333. }
  334.  
  335. }
  336.  
  337.  
  338.  
  339. function stopRainbow()
  340.  
  341. {
  342.  
  343. if (act) {
  344.  
  345. objActive.style.color = clrOrg;
  346.  
  347. clearInterval(TimerID);
  348.  
  349. act = 0;
  350.  
  351. }
  352.  
  353. }
  354.  
  355.  
  356.  
  357. function doRainbowAnchor()
  358.  
  359. {
  360.  
  361. if (act == 0) {
  362.  
  363. var obj = event.srcElement;
  364.  
  365. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  366.  
  367. obj = obj.parentElement;
  368.  
  369. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  370.  
  371. break;
  372.  
  373. }
  374.  
  375. if (obj.tagName == 'A' && obj.href != '') {
  376.  
  377. objActive = obj;
  378.  
  379. act = 1;
  380.  
  381. clrOrg = objActive.style.color;
  382.  
  383. TimerID = setInterval("ChangeColor()",100);
  384.  
  385. }
  386.  
  387. }
  388.  
  389. }
  390.  
  391.  
  392.  
  393. function stopRainbowAnchor()
  394.  
  395. {
  396.  
  397. if (act) {
  398.  
  399. if (objActive.tagName == 'A') {
  400.  
  401. objActive.style.color = clrOrg;
  402.  
  403. clearInterval(TimerID);
  404.  
  405. act = 0;
  406.  
  407. }
  408.  
  409. }
  410.  
  411. }
  412.  
  413.  
  414.  
  415. function Mozilla_doRainbowAnchor(e)
  416.  
  417. {
  418.  
  419. if (act == 0) {
  420.  
  421. obj = e.target;
  422.  
  423. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  424.  
  425. obj = obj.parentNode;
  426.  
  427. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  428.  
  429. break;
  430.  
  431. }
  432.  
  433. if (obj.nodeName == 'A' && obj.href != '') {
  434.  
  435. objActive = obj;
  436.  
  437. act = 1;
  438.  
  439. clrOrg = obj.style.color;
  440.  
  441. TimerID = setInterval("ChangeColor()",100);
  442.  
  443. }
  444.  
  445. }
  446.  
  447. }
  448.  
  449.  
  450.  
  451. function Mozilla_stopRainbowAnchor(e)
  452.  
  453. {
  454.  
  455. if (act) {
  456.  
  457. if (objActive.nodeName == 'A') {
  458.  
  459. objActive.style.color = clrOrg;
  460.  
  461. clearInterval(TimerID);
  462.  
  463. act = 0;
  464.  
  465. }
  466.  
  467. }
  468.  
  469. }
  470.  
  471.  
  472.  
  473. function ChangeColor()
  474.  
  475. {
  476.  
  477. objActive.style.color = makeColor();
  478.  
  479. }
  480.  
  481.  
  482.  
  483. function makeColor()
  484.  
  485. {
  486.  
  487. // Don't you think Color Gamut to look like Rainbow?
  488.  
  489. // HSVtoRGB
  490.  
  491. if (elmS == 0) {
  492.  
  493. elmR = elmV; elmG = elmV; elmB = elmV;
  494.  
  495. }
  496.  
  497. else {
  498.  
  499. t1 = elmV;
  500.  
  501. t2 = (255 - elmS) * elmV / 255;
  502.  
  503. t3 = elmH % 60;
  504.  
  505. t3 = (t1 - t2) * t3 / 60;
  506.  
  507. if (elmH < 60) {
  508.  
  509. elmR = t1; elmB = t2; elmG = t2 + t3;
  510.  
  511. }
  512.  
  513. else if (elmH < 120) {
  514.  
  515. elmG = t1; elmB = t2; elmR = t1 - t3;
  516.  
  517. }
  518.  
  519. else if (elmH < 180) {
  520.  
  521. elmG = t1; elmR = t2; elmB = t2 + t3;
  522.  
  523. }
  524.  
  525. else if (elmH < 240) {
  526.  
  527. elmB = t1; elmR = t2; elmG = t1 - t3;
  528.  
  529. }
  530.  
  531. else if (elmH < 300) {
  532.  
  533. elmB = t1; elmG = t2; elmR = t2 + t3;
  534.  
  535. }
  536.  
  537. else if (elmH < 360) {
  538.  
  539. elmR = t1; elmG = t2; elmB = t1 - t3;
  540.  
  541. }
  542.  
  543. else {
  544.  
  545. elmR = 0; elmG = 0; elmB = 0;
  546.  
  547. }
  548.  
  549. }
  550.  
  551. elmR = Math.floor(elmR).toString(16);
  552.  
  553. elmG = Math.floor(elmG).toString(16);
  554.  
  555. elmB = Math.floor(elmB).toString(16);
  556.  
  557. if (elmR.length == 1) elmR = "0" + elmR;
  558.  
  559. if (elmG.length == 1) elmG = "0" + elmG;
  560.  
  561. if (elmB.length == 1) elmB = "0" + elmB
  562.  
  563. elmH = elmH + rate;
  564.  
  565. if (elmH >= 360)
  566.  
  567. elmH = 0;
  568.  
  569. return '#' + elmR + elmG + elmB;
  570.  
  571. }
  572.  
  573. //]]>
  574.  
  575. </script>
  576. {/block:ifrainbowlinks}
  577.  
  578.  
  579. </head>
  580.  
  581. <body>
  582. </style>
  583.  
  584. <div id="center">
  585. <div id="sidebar">
  586. {block:ifcenter}<center>{/block:ifcenter}
  587. {block:ifshowblogtitle}<span class=title><a title="" href="/">{Title}
  588. </a></span>{/block:ifshowblogtitle}
  589.  
  590. {block:ifshowphoto}<img src="{image:sidebar}" width=175px></a>{/block:ifshowphoto}
  591. {Description}
  592.  
  593. </div></div></div>
  594.  
  595. </div>
  596.  
  597. <div id="content">
  598. {block:Posts}
  599. <div id="entry">
  600.  
  601. {block:Text}
  602. {block:Title}<span class="title">{Title}</span>{/block:Title}
  603. <span class="entrytext">{Body}</span>
  604. <span class="permalink"><a href="{Permalink}"><P ALIGN="right"></a></p></span>
  605. {/block:Text}
  606.  
  607. {block:Link}
  608. <a href="{URL}" class="title">{Name}</a>
  609. {block:Description}{Description}{/block:Description}
  610. <span class="permalink"><a href="{Permalink}"><P ALIGN="right"></a></p></span>
  611. {block:Link}
  612.  
  613. {block:Photo}
  614. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}
  615. {block:IndexPage}
  616. <div class="perma">
  617. <a href="{permalink}">{NoteCountWithLabel}</a>
  618. <a href="{ReblogURL}" target="_blank">reblog</font></a></span></div>
  619. <a href="{permalink}">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px height=195px/></a>
  620. {/block:IndexPage}
  621. {LinkCloseTag}
  622. {/block:Photo}
  623.  
  624. {block:Quote}
  625. <span class="title">{Quote}</span>
  626. {block:Source}{Source}{/block:Source}
  627. <span class="permalink"><a href="{Permalink}"><P ALIGN="right"></a></p></span>
  628. {/block:Quote}
  629.  
  630. {block:Chat}
  631. {block:Title}<span class="title">{Title}</span>{/block:Title}
  632. <ul class="chat">
  633. {block:Lines}
  634. <li class="user_{UserNumber}">
  635. {block:Label}
  636. <span class="label">{Label}</span>
  637. {/block:Label}
  638. {Line}
  639. </li>
  640. {/block:Lines}
  641. </ul>
  642. <span class="permalink"><a href="{Permalink}"><P ALIGN="right"></a></p></span>
  643. {/block:Chat}
  644.  
  645. {block:Audio}
  646. <div class="audio"><div style="width:250px; height:-10px;"><div style="float:center">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;"></div>
  647. {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</div></div>{block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  648. <span class="permalink"><a href="{Permalink}"><P ALIGN="right"></a></p></span>
  649. {/block:Audio}
  650.  
  651. {block:Video}
  652. <center>{Video-600}</center>
  653. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  654. <span class="permalink"><a href="{Permalink}"><P ALIGN="right"></a></p></span>
  655. {block:Video}
  656.  
  657.  
  658. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  659.  
  660. {block:PostNotes}{PostNotes}
  661. {/block:PostNotes}
  662. </div>
  663. {/block:Posts}
  664. <div style="float: left; position: fixed; bottom:5px; left: 5px; text-transform:lowercase;"><a href="http://ab0lish.tumblr.com">©</a></script></div>
  665. </a>
  666.  
  667.  
  668. </div></div>
  669.  
  670. </center>
  671.  
  672. </body>
  673.  
  674.  
  675. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement