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

theme two

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