API tools faq
paste
Advertisement
wildthemes

ella theme 3 column

wildthemes
Aug 29th, 2012
931
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.54 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ella theme by wildthemes. do not remove credits, themes take alot of time and effort to make, you will be reported if you're seen using this theme with no credits.-->
  3.  
  4. <!--This work is licensed under a Creative Commons Attribution 3.0 Unported License.
  5.  
  6. taking credits off/stealing/using my themes as a basecode is illegal.-->
  7.  
  8. <!--Editted 30/09/12-->
  9. <head>
  10.  
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13.  
  14.  
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  17.  
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  20. <meta name="color:background" content="#f7f7f7"/>
  21. <meta name="image:background" content="">
  22. <meta name="color:text" content="#000"/>
  23. <meta name="color:link" content="#000"/>
  24. <meta name="text:reblog label" content="reblog" />
  25. <meta name="color:hover" content="#000"/>
  26. <meta name="color:link shadows" content="#000"/>
  27. <meta name="color:glow colour" content="#fff"/>
  28. <meta name="image:sidebar" content="1"/>
  29. <meta name="if:show sidebar photo" content="0"/>
  30. <meta name="if:show blog title" content="1"/>
  31. <meta name="if:infinite scrolling" content="1"/>
  32. <meta name="if:shadow links" content="0"/>
  33. <meta name="text:Link One Title" content="one" />
  34. <meta name="text:Link One" content="/" />
  35. <meta name="text:Link Two Title" content="two" />
  36. <meta name="text:Link Two" content="/" />
  37. <meta name="text:Link Three Title" content="three" />
  38. <meta name="text:Link Three" content="/" />
  39. <meta name="text:Link Four Title" content="/" />
  40. <meta name="text:Link Four" content="four" />
  41. <meta name="text:Link Five Title" content="/" />
  42. <meta name="text:Link Five" content="five" />
  43. <script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt"></script>
  44.  
  45. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46.  
  47.  
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52. .links a:link, .links a:visited, .links a:active
  53.  
  54. {display: block;
  55. font-family: littlefont;
  56. font-style: none;
  57. text-transform: uppercase;
  58. font-size: 8px;
  59. text-align: right ;
  60. width: auto;
  61. margin: 1px 1px;
  62. margin-bottom:0px;
  63. border-right: 8px solid #bbb;
  64. background-color: #D4D4D4;
  65. padding: 2px 5px;
  66. letter-spacing: 0px;
  67. color: #000000;
  68. transition: all 0.5s ease-out;
  69. -o-transition-transition: all 0.5s ease-out;
  70. -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  71. .links a:hover {display: block; background-color: #fff; border-right: 40px solid #eee; color: #000000; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  72. blockquote{
  73. padding:0px 0px 2px 5px;
  74. margin:0px 0px 2px 1px;
  75. border-left: 1px dotted #000000;
  76. }
  77.  
  78.  
  79.  
  80. .wildthemes a {font-family: littlefont;font-size: 8px;
  81.  
  82. }
  83.  
  84. .entry .wildthemes{
  85.  
  86. position:absolute;
  87. width:300px;
  88. height:30px;
  89. padding-top:0px;
  90. padding-bottom: 0px;
  91. margin-left: 0px;
  92. overflow:hidden;
  93. bottom: 0px;
  94. letter-spacing:1px;
  95. text-transform:uppercase;
  96. text-align:center;
  97. padding-left: 0px;
  98. padding-right: 0px;
  99. opacity:0.0;padding:3px;
  100.  
  101.  
  102. -webkit-transition: all 0.3s linear;
  103. -moz-transition: all 0.3s linear;
  104. transition: all 0.3s linear;
  105. background-color:white;
  106.  
  107. }
  108. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  109.  
  110.  
  111. .entry:hover .wildthemes{
  112. overflow:visible;
  113. -webkit-transition: opacity 0.5s linear; opacity: 0.8;
  114. transition: all 0.4s linear;
  115. margin-left: 0px;
  116. width:300px;
  117. background-color:white;
  118. height: 30px;
  119. padding:3px;
  120. bottom: 20px;
  121.  
  122. opacity:0.8;
  123.  
  124. -webkit-transition: all 0.3s linear;
  125. -moz-transition: all 0.3s linear;
  126. transition: all 0.3s linear; }
  127. }
  128.  
  129. .entry:hover .wildthemes:hover{
  130. opacity: 1;
  131. width: 150px;
  132. -webkit-transition: all 0.5s linear;
  133. -moz-transition: all 0.5s linear;
  134. transition: all 0.5s linear; -moz-box-shadow: 0 0 15px {color:glow colour};
  135.  
  136. display: inline-block;
  137. }
  138. }
  139.  
  140. .entry:hover .details {
  141. opacity: 1.0;
  142. margin:12px 0px 0px 0px;
  143. filter: alpha(opacity = 100);
  144. -webkit-transition: all .25s ease-in-out;
  145. -moz-transition: all .25s ease-in-out;
  146. -o-transition: all .25s ease-in-out;
  147. transition: all .25s ease-in-out;
  148. }
  149.  
  150.  
  151. .permahover {
  152. text-align: right;
  153. line-height:200%;
  154. opacity: 0.0;
  155. filter: alpha(opacity = 0);
  156. font-size: 9px;
  157. line-height: 9px;
  158. text-transform: uppercase;
  159. }
  160.  
  161. .entry:hover .permahover {
  162. text-align: center;
  163. opacity: 1;
  164. filter: alpha(opacity = 50);
  165.  
  166.  
  167. }
  168.  
  169. .text {
  170. padding: 0px;
  171. }
  172.  
  173.  
  174.  
  175. .entry:hover .textperma {
  176. opacity: 1;
  177. filter: alpha(opacity = 100);
  178. -webkit-transition: all ease-in 250ms;
  179. -moz-transition: all ease-in 250ms;
  180. -o-transition: all ease-in 250ms;
  181. -ms-transition: all ease-in 250ms;
  182. transition: all ease-in 250ms;
  183. }
  184.  
  185.  
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192. #tumblr_controls{
  193. position:fixed !important;
  194. }
  195.  
  196. .wrapper{
  197. margin: 0px auto;
  198. width: 802px;
  199. }
  200.  
  201. .header{
  202. float: left;
  203. width: 100%;
  204. }
  205.  
  206. .left{
  207. float: left;
  208. margin-right: 20px;
  209. width: 802px;
  210. }
  211.  
  212. .right{
  213. float: right;
  214. width: 200px;
  215. background-color: {color:Background};
  216. }
  217.  
  218. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  219.  
  220. @font-face { font-family: "cake"; src: url('http://static.tumblr.com/chrrjbz/7NGlys3s8/cinnamon_cake.ttf'); }
  221.  
  222. body{
  223. margin:0px;
  224. background-color: {color:background};
  225. background-image: url({image:background});
  226. background-attachment: fixed;}
  227. body, div, p, textarea, submit, input{
  228. font-family: short stack;
  229. font-size: 10px;
  230. line-height: 12px;
  231. color:{color:text};
  232. }
  233.  
  234. a:link, a:active, a:visited{
  235. color: {color:Link};
  236. text-decoration: none;
  237. -webkit-transition: color 0.4s ease-out;
  238. -moz-transition: color 0.4s ease-out;
  239. }
  240.  
  241. a:hover {
  242. color: {color:hover};
  243. {block:ifshadowlinks}
  244. text-shadow:1px 1px 3px {color:link shadows};{/block:ifshadowlinks}
  245. -webkit-transition: all 0.4s linear;
  246. -webkit-transition: all 0.4s linear;
  247. -moz-transition: all 0.4s linear;
  248. transition: all 0.4s linear;
  249. }
  250.  
  251.  
  252.  
  253. #posts .entry img{
  254. max-width: 100%;
  255. }
  256.  
  257. #posts {
  258. width: 1000px;
  259. margin-left: 90px;
  260. margin-top:2px;
  261. float: left;
  262.  
  263. }
  264.  
  265. .entry:hover{
  266. -moz-box-shadow: 0 0 15px {color:glow colour};
  267. -webkit-box-shadow: 0 0 15px {color:glow colour};
  268. box-shadow: 0 0 15px {color:glow colour};
  269. -webkit-transition: all .25s ease-in-out;
  270. -moz-transition: all .25s ease-in-out;
  271. -o-transition: all .25s ease-in-out;
  272. transition: all .25s ease-in-out;}
  273.  
  274. .entry {
  275. margin-top: 4px;
  276. margin-left: 4px;
  277. margin-right: 4px;
  278. float:left;
  279. padding:5px;box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.4);
  280.  
  281. background:white;
  282. {block:IndexPage}
  283. width:300px;
  284. {/block:IndexPage}
  285. {block:PermalinkPage}
  286. width:500px;
  287. {/block:PermalinkPage}
  288. }
  289. .permalink2 {
  290. color: #000000;
  291. padding-top: 0px;
  292. padding-bottom: 0px;
  293. font-size: 10px;
  294. text-align: center;
  295. opacity: 0;
  296. filter: alpha(opacity = 0);
  297. -webkit-transition: all ease-in 250ms;
  298. -moz-transition: all ease-in 250ms;
  299. -o-transition: all ease-in 250ms;
  300. -ms-transition: all ease-in 250ms;
  301. transition: all ease-in 250ms;
  302.  
  303. }
  304. .perma1
  305. {
  306. opacity: 0.0;
  307. filter: alpha(opacity = 0);
  308. position:absolute;
  309. z-index:9999991;
  310. bottom: 0px;
  311. right: 7px;
  312. }
  313.  
  314. .entry:hover .perma1 {
  315.  
  316. -webkit-transition: opacity 0.4s linear;
  317. opacity: 1;
  318. -moz-transition: all 0.4s linear;
  319. transition: all 0.4s linear;
  320. filter: alpha(opacity = 100);
  321.  
  322. }
  323.  
  324. .likep {
  325. width: 21px;
  326. height: 20px;
  327. overflow: hidden;
  328. z-index: 9999999;
  329. display: inline-block;
  330.  
  331. }
  332. .rep {
  333. width: 24px;
  334. height: 20px;
  335. overflow: hidden;
  336. z-index: 9999999;
  337. display: inline-block;
  338.  
  339. }
  340. .likep a:hover {
  341. background-position: 0px 0px;
  342. }
  343. .likep a {
  344. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  345. background-position: 0px 0px;
  346. display: block;
  347. z-index: 9999999;
  348. webkit-transition: all 0s linear;
  349. -webkit-transition: all 0s linear;
  350. -moz-transition: all 0s linear;
  351. transition: all 0s linear;
  352. }
  353. .likep img {
  354. width: 21px;
  355. height: 20px;
  356. webkit-transition: all 0.2s linear;
  357. -webkit-transition: all 0.2s linear;
  358. -moz-transition: all 0.2s linear;
  359. transition: all 0.2s linear;
  360. }
  361. .rep img{
  362. width: 24px;
  363. height: 20px;
  364. line-height: 30px;
  365. display: inline;
  366. }
  367.  
  368. .not { display: inline-block;
  369. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  370. height: 20px;
  371. font-size: 11px;
  372. line-height: 20px;
  373. color: #fff;
  374. padding-left: 4px;
  375. padding-right: 4px;
  376. -moz-border-radius: 2px;
  377. border-radius: 2px;
  378. bottom: 6px;
  379. position: relative;
  380. letter-spacing:0px;
  381. }
  382. .not a{
  383. color: #fff;
  384. font-family: helvetica;
  385. }
  386.  
  387. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  388. opacity: 0.8;
  389. filter: alpha(opacity = 80);
  390. }
  391. .not:hover , .rep:hover, .likep:hover {
  392. opacity: 1!important;
  393. filter: alpha(opacity = 100)!important;
  394. }
  395.  
  396. .permahover {
  397. text-align: right;
  398. line-height:200%;
  399. opacity: 0.0;
  400. filter: alpha(opacity = 0);
  401. font-size: 9px;
  402. line-height: 9px;
  403. text-transform: uppercase;
  404. }
  405.  
  406. .entry:hover .permahover {
  407. text-align: center;
  408. opacity: 1;
  409. filter: alpha(opacity = 50);
  410.  
  411.  
  412. }
  413.  
  414.  
  415. div#sidebar{
  416. position:fixed !important;
  417. width: 260px;
  418. height: auto;
  419. margin-top: 80px;
  420. margin-left: -200px;
  421. padding: 4px; -moz-box-shadow: 0 0 15px {color:glow colour};
  422. -webkit-box-shadow: 0 0 15px {color:glow colour};
  423. box-shadow: 0 0 15px {color:glow colour};
  424. -webkit-transition: all .25s ease-in-out;
  425. -moz-transition: all .25s ease-in-out;
  426. -o-transition: all .25s ease-in-out;
  427. transition: all .25s ease-in-out;
  428. text-align: center;box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.4);
  429.  
  430. background-color: white;
  431. }
  432.  
  433.  
  434. @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); }
  435.  
  436.  
  437.  
  438. #infscr-loading{
  439. bottom: -70px;
  440. position: absolute;
  441. left: 50%;
  442. margin-left:-8px;
  443. width:16px;
  444. height:11px;
  445. overflow:hidden;
  446. margin-bottom: 50px;
  447. }
  448.  
  449. @font-face {font-family: "kg luck of the irish";src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');}
  450.  
  451. .entries {
  452. font-size: 20px;
  453. border-bottom:1px solid #c4c4c4;
  454. font-family: short stack;
  455. color: #5a595c;
  456. font-weight: none;
  457. text-align: left;
  458. line-height: 14px;
  459. height: 14px;
  460. }
  461.  
  462. .title{
  463. font-family: 'lobster';
  464. font-size: 25px;
  465. line-height: 10px;
  466. color: #000;
  467. letter-spacing: 0px;
  468. font-weight: normal;
  469. }
  470. @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
  471.  
  472. @font-face {
  473. font-family: "dawning";
  474. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  475. }
  476.  
  477. #title2{
  478. position:fixed;
  479. margin-top: 40px;
  480. width: 300px;
  481. margin-left: -250px;
  482. z-index:100;
  483.  
  484. text-align: center;
  485. text-shadow: 1px 1px 3px black;
  486. }
  487.  
  488.  
  489. #title2 a:hover{
  490. position:fixed;
  491. margin-top: 60px;
  492. width: 260px;
  493. margin-left: 4px;
  494. z-index:100;
  495. text-align: left;
  496. text-shadow: 0px 0px 0px black;
  497. }
  498. .title2{
  499. color: #000;
  500. font-family: lobster;
  501. font-size: 40px;
  502. line-height: 40px;
  503. }
  504.  
  505.  
  506. .bubble {align:right;background: #d5d0d0; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  507.  
  508. .bubble p {margin:1px 0px;}
  509.  
  510. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #d5d0d0;}
  511.  
  512. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #f7f7f7}
  513.  
  514. .cum{font-family:'short stack';font-size:12px;}
  515.  
  516. .heart {display : block; text-indent : -7px; vertical-align : middle; background:
  517. url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
  518. padding-bottom : 2px;}
  519.  
  520. .heart:hover {display : block; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  521.  
  522. {CustomCSS}
  523.  
  524. </style>
  525.  
  526. {block:ifsparklelinks}
  527. <style type="text/css">a:hover {background: url(http://media.tumblr.com/tumblr_m2himtTZZW1qef014.gif); }</style>
  528. </div>{/block:ifsparklelinks}
  529.  
  530. {block:IndexPage}
  531. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  532. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  533.  
  534. <script type="text/javascript">
  535. $(window).load(function () {
  536. var $content = $('#posts');
  537. $content.masonry({itemSelector: '.entry'}),
  538. $content.infinitescroll({
  539. navSelector : 'div#pagination',
  540. nextSelector : 'div#pagination a#nextPage',
  541. itemSelector : '.entry',
  542. loading: {
  543. finishedMsg: '',
  544. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  545. },
  546. bufferPx : 600,
  547. debug : false,
  548. },
  549. // call masonry as a callback.
  550. function( newElements ) {
  551. var $newElems = $( newElements );
  552. $newElems.hide();
  553. // ensure that images load before adding to masonry layout
  554. $newElems.imagesLoaded(function(){
  555. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  556. });
  557. });
  558. });
  559. </script>
  560.  
  561. {/block:IndexPage}
  562.  
  563.  
  564.  
  565. <title>{title}</title>
  566.  
  567. <link rel="shortcut icon" href="{Favicon}">
  568. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}">
  569. <meta name="viewport" content="width=820" />
  570.  
  571. {block:ifrainbowlinks}
  572. <script type='text/javascript'>
  573.  
  574.  
  575.  
  576.  
  577. //<![CDATA[
  578.  
  579.  
  580.  
  581.  
  582. var rate = 20;
  583.  
  584.  
  585.  
  586.  
  587. if (document.getElementById)
  588. window.onerror=new Function("return true")
  589.  
  590.  
  591.  
  592.  
  593. var objActive; // The object which event occured in
  594. var act = 0; // Flag during the action
  595. var elmH = 0; // Hue
  596. var elmS = 128; // Saturation
  597. var elmV = 255; // Value
  598. var clrOrg; // A color before the change
  599. var TimerID; // Timer ID
  600.  
  601.  
  602.  
  603.  
  604. if (document.all) {
  605. document.onmouseover = doRainbowAnchor;
  606. document.onmouseout = stopRainbowAnchor;
  607. }
  608. else if (document.getElementById) {
  609. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  610. document.onmouseover = Mozilla_doRainbowAnchor;
  611. document.onmouseout = Mozilla_stopRainbowAnchor;
  612. }
  613.  
  614.  
  615.  
  616.  
  617. function doRainbow(obj)
  618. {
  619. if (act == 0) {
  620. act = 1;
  621. if (obj)
  622. objActive = obj;
  623. else
  624. objActive = event.srcElement;
  625. clrOrg = objActive.style.color;
  626. TimerID = setInterval("ChangeColor()",100);
  627. }
  628. }
  629.  
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637. function stopRainbow()
  638. {
  639. if (act) {
  640. objActive.style.color = clrOrg;
  641. clearInterval(TimerID);
  642. act = 0;
  643. }
  644. }
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651.  
  652.  
  653. function doRainbowAnchor()
  654. {
  655. if (act == 0) {
  656. var obj = event.srcElement;
  657. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  658. obj = obj.parentElement;
  659. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  660. break;
  661. }
  662.  
  663.  
  664.  
  665.  
  666. if (obj.tagName == 'A' && obj.href != '') {
  667. objActive = obj;
  668. act = 1;
  669. clrOrg = objActive.style.color;
  670. TimerID = setInterval("ChangeColor()",100);
  671. }
  672. }
  673. }
  674.  
  675.  
  676.  
  677.  
  678.  
  679.  
  680.  
  681.  
  682. function stopRainbowAnchor()
  683. {
  684. if (act) {
  685. if (objActive.tagName == 'A') {
  686. objActive.style.color = clrOrg;
  687. clearInterval(TimerID);
  688. act = 0;
  689. }
  690. }
  691. }
  692.  
  693.  
  694.  
  695.  
  696.  
  697.  
  698.  
  699.  
  700. function Mozilla_doRainbowAnchor(e)
  701. {
  702. if (act == 0) {
  703. obj = e.target;
  704. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  705. obj = obj.parentNode;
  706. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  707. break;
  708. }
  709.  
  710.  
  711.  
  712.  
  713. if (obj.nodeName == 'A' && obj.href != '') {
  714. objActive = obj;
  715. act = 1;
  716. clrOrg = obj.style.color;
  717. TimerID = setInterval("ChangeColor()",100);
  718. }
  719. }
  720. }
  721.  
  722.  
  723.  
  724.  
  725.  
  726.  
  727.  
  728.  
  729. function Mozilla_stopRainbowAnchor(e)
  730. {
  731. if (act) {
  732. if (objActive.nodeName == 'A') {
  733. objActive.style.color = clrOrg;
  734. clearInterval(TimerID);
  735. act = 0;
  736. }
  737. }
  738. }
  739.  
  740.  
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747. function ChangeColor()
  748. {
  749. objActive.style.color = makeColor();
  750. }
  751.  
  752.  
  753.  
  754.  
  755.  
  756.  
  757.  
  758.  
  759. function makeColor()
  760. {
  761. // Don't you think Color Gamut to look like Rainbow?
  762.  
  763.  
  764.  
  765.  
  766. // HSVtoRGB
  767. if (elmS == 0) {
  768. elmR = elmV; elmG = elmV; elmB = elmV;
  769. }
  770. else {
  771. t1 = elmV;
  772. t2 = (255 - elmS) * elmV / 255;
  773. t3 = elmH % 60;
  774. t3 = (t1 - t2) * t3 / 60;
  775.  
  776.  
  777.  
  778.  
  779. if (elmH < 60) {
  780. elmR = t1; elmB = t2; elmG = t2 + t3;
  781. }
  782. else if (elmH < 120) {
  783. elmG = t1; elmB = t2; elmR = t1 - t3;
  784. }
  785. else if (elmH < 180) {
  786. elmG = t1; elmR = t2; elmB = t2 + t3;
  787. }
  788. else if (elmH < 240) {
  789. elmB = t1; elmR = t2; elmG = t1 - t3;
  790. }
  791. else if (elmH < 300) {
  792. elmB = t1; elmG = t2; elmR = t2 + t3;
  793. }
  794. else if (elmH < 360) {
  795. elmR = t1; elmG = t2; elmB = t1 - t3;
  796. }
  797. else {
  798. elmR = 0; elmG = 0; elmB = 0;
  799. }
  800. }
  801.  
  802.  
  803.  
  804.  
  805. elmR = Math.floor(elmR).toString(16);
  806. elmG = Math.floor(elmG).toString(16);
  807. elmB = Math.floor(elmB).toString(16);
  808. if (elmR.length == 1) elmR = "0" + elmR;
  809. if (elmG.length == 1) elmG = "0" + elmG;
  810. if (elmB.length == 1) elmB = "0" + elmB;
  811.  
  812.  
  813.  
  814.  
  815. elmH = elmH + rate;
  816. if (elmH >= 360)
  817. elmH = 0;
  818.  
  819.  
  820.  
  821.  
  822. return '#' + elmR + elmG + elmB;
  823. }
  824.  
  825.  
  826.  
  827.  
  828.  
  829.  
  830.  
  831.  
  832.  
  833.  
  834.  
  835.  
  836. //]]>
  837.  
  838.  
  839.  
  840.  
  841. </script>
  842.  
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850. {/block:ifrainbowlinks}
  851.  
  852. </head>
  853. <body>
  854.  
  855.  
  856. <div class="wrapper">
  857. <div class="header">
  858. </div>
  859.  
  860.  
  861.  
  862.  
  863.  
  864.  
  865. {block:ifshowblogtitle}
  866. <div id="title2">
  867.  
  868.  
  869. <div class="title2"><a href="/">{Title}</div>
  870.  
  871. </div>{/block:ifshowblogtitle}
  872.  
  873. <div id="sidebar">
  874.  
  875. {block:ifshowsidebarphoto}<a href="/"><img src="{image:sidebar}" width=260px; height=170px></a>{/block:ifshowsidebarphoto}
  876. <br>
  877.  
  878.  
  879. {Description}
  880.  
  881. <br>
  882. <div class="links"><a href="{text:Link One}">{text:Link One Title}</a>
  883. </div>
  884. <div class="links"><a href="{text:Link Two}">{text:Link Two Title}</a></div>
  885. <div class="links"><a href="{text:Link Three}">{text:Link Three Title}</a></div>
  886. <div class="links"><a href="{text:Link Four}">{text:Link Four Title}</a></div>
  887. <div class="links"><a href="{text:Link Five}">{text:Link Five Title}</a></div>
  888.  
  889.  
  890.  
  891. </div>
  892.  
  893.  
  894.  
  895. <div class="left">
  896. <div id="posts">
  897. {block:Posts}
  898. <div class="entry">
  899.  
  900. {block:Text}
  901. {block:Title}<span class="title">{Title}</span>{/block:Title}
  902. <span class="entrytext">{Body}</span>{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}{/block:Text}
  903.  
  904. {block:Link}
  905. <a href="{URL}" class="title">{Name}</a><br>
  906. {block:Description}{Description}{/block:Description}{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  907. {block:Link}
  908.  
  909. {block:Photo}
  910. {block:indexpage} <div class="wildthemes"><p><a href="{permalink}">{NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">{text:reblog label}</a> | <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');">♥</a> | <a href="{permalink}"> {timeago}</a> </div>
  911.  
  912. <img src="{PhotoURL-HighRes}" width="100%"/>
  913. {/block:indexpage}
  914. {block:permalinkpage}
  915. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  916. {/block:permalinkpage} {block:IndexPage}
  917. {/block:IndexPage}
  918. {/block:Photo}
  919.  
  920. {block:Photoset}{block:IndexPage}<div class="permalink">
  921. <a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</div>{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:Photoset}
  922.  
  923. {block:Quote}
  924. {Quote}</span>
  925. {block:Source}<strong>-{Source}</strong>{/block:Source}{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  926. {/block:Quote}
  927.  
  928. {block:Chat}
  929. {block:Title}<span class="title">{Title}</span>{/block:Title}
  930. <ul class="chat">
  931. {block:Lines}
  932. <li class="user_{UserNumber}">
  933. {block:Label}
  934. <span class="label">{Label}</span>
  935. {/block:Label}
  936.  
  937. {Line}
  938. </li>
  939. {/block:Lines}{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}
  940. {/block:Chat}
  941.  
  942.  
  943. {block:Audio}
  944. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerwhite}</div></div></center>{block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a> &middot <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:indexpage}{/block:Audio}
  945.  
  946. {block:Video}{block:IndexPage}<div class="permalink">
  947. <a href="{permalink}">{NoteCountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> / {timeago}</span></div>{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:Video}
  948.  
  949. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} was like : {Question}&nbsp;</div>{Answer} {block:indexpage}<div class="perma"><a href="{permalink}" target="_blank">{NoteCountwithlabel}</a></div>{/block:indexpage}{/block:Answer}
  950.  
  951. {block:PermalinkPage}
  952. <center>
  953. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  954.  
  955.  
  956. {/block:PermalinkPage}
  957.  
  958.  
  959. {block:PostNotes}{PostNotes}
  960. {/block:PostNotes}
  961. </div>
  962.  
  963.  
  964. {/block:Posts}
  965. </div>
  966. </div>
  967. {block:IndexPage}
  968. {block:Pagination}
  969. <div id="pagination">
  970. {block:NextPage}
  971. <a id="nextPage" href="{NextPage}"></a>
  972. {/block:NextPage}
  973. {block:PreviousPage}
  974. <a href="{PreviousPage}"></a>
  975. {/block:PreviousPage}
  976. </div>
  977. {/block:Pagination}
  978. {/block:IndexPage}
  979. </div>
  980.  
  981. </body>
  982.  
  983. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!