API tools faq
paste
Advertisement
ravenbestler

Theme 6

ravenbestler
Jan 24th, 2013
55
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <!--Make sure that you change the posts to 15 posts per page or infinite scroll will not work-->
  5.  
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <script>
  12. $(document).ready(function() {
  13. //
  14. $('a.poplight[href^=#]').click(function() {
  15. var popID = $(this).attr('rel'); //Get Popup Name
  16. var popURL = $(this).attr('href'); //Get Popup href to define size
  17. var query= popURL.split('?');
  18. var dim= query[1].split('&');
  19. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  20. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i47.tinypic.com/mawh08.png" class="btn_close" title="Close" alt="Close" /></a>');
  21. var popMargTop = ($('#' + popID).height() + 80) / 2;
  22. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  23. //Apply Margin to Popup
  24. $('#' + popID).css({
  25. 'margin-top' : -popMargTop,
  26. 'margin-left' : -popMargLeft
  27. });
  28. $('body').append('<div id="fade"></div>');
  29. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  30. return false;
  31. });
  32. $('a.close, #fade').live('click', function() {
  33. $('#fade , .popup_block').fadeOut(function() {
  34. $('#fade, a.close').remove(); //fade them both out
  35. });
  36. return false;
  37. });
  38. });
  39. </script>
  40. <meta name="color:Body font" content="#000000"/>
  41. <meta name="color:Links" content="#d2691e"/>
  42. <meta name="color:Link hover" content="#b31b1b"/>
  43. <meta name="color:Background" content="#fe6f5e"/>
  44. <meta name="color:Content" content="#e4d00a"/>
  45. <meta name="image:Background image" content="0"/>
  46. <meta name="image:Sidebar photo" content=""/>
  47. <meta name="if:Show sidebar photo" content="1"/>
  48. <meta name="if:Cute font" content="0"/>
  49.  
  50. <meta name="text:Link one URL" content="" />
  51. <meta name="text:Link one title" content="Link 1" />
  52. <meta name="text:Link two URL" content="" />
  53. <meta name="text:Link two title" content="Link 2" />
  54. <meta name="text:Link three URL" content="" />
  55. <meta name="text:Link three title" content="Link 3" />
  56. <meta name="text:Link four URL" content="" />
  57. <meta name="text:Link four title" content="Link 4" />
  58. <meta name="text:Link five URL" content="" />
  59. <meta name="text:Link five title" content="Link 5" />
  60. <meta name="text:Link six URL" content="" />
  61. <meta name="text:Link six title" content="Link 6" />
  62. <meta name="text:Link seven URL" content="" />
  63. <meta name="text:Link seven title" content="Link 7" />
  64. <meta name="text:Link eight URL" content="" />
  65. <meta name="text:Link eight title" content="Link 8" />
  66. <meta name="text:Link nine URL" content="" />
  67. <meta name="text:Link nine title" content="Link 9" />
  68.  
  69. <title>Title goes here</title>
  70.  
  71.  
  72. <link rel="shortcut icon" href="{Favicon}">
  73. {block:Description}
  74. <meta name="description" content="{MetaDescription}"/>
  75. {/block:Description}
  76. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  77. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  78. <style type="text/css">
  79. img{
  80. -webkit-filter: grayscale(0%);
  81. z-index: -9999999999999999999999999px;
  82. }
  83. img:hover{
  84. -webkit-filter: grayscale(80%);
  85. }
  86. #fade { /*--Transparent background layer--*/
  87. display: none; /*--hidden by default--*/
  88. background: #000;
  89. position: fixed; left: 0; top: 0;
  90. width: 100%; height: 100%;
  91. opacity: .80;
  92. z-index: 9999;
  93. }
  94. .popup_block{
  95. display: none; /*--hidden by default--*/
  96. background: #fe6f5e;
  97. padding: 10px;
  98. border: 5px solid #e4d00a;
  99. float: left;
  100. font-size: 10;
  101. position: fixed;
  102. top: 50%; left: 50%;
  103. z-index: 99999;
  104. /*--CSS3 Box Shadows--*/
  105. -webkit-box-shadow: 0px 0px 20px #000;
  106. -moz-box-shadow: 0px 0px 20px #000;
  107. box-shadow: 0px 0px 20px #000;
  108. /*--CSS3 Rounded Corners--*/
  109. -webkit-border-radius: 5px;
  110. -moz-border-radius: 5px;
  111. border-radius: 5px;
  112. }
  113. img.btn_close {
  114. float: right;
  115. margin: -20 -20px 0 0;
  116. }
  117. /*--Making IE6 Understand Fixed Positioning--*/
  118. *html #fade {
  119. position: absolute;
  120. }
  121. *html .popup_block {
  122. position: absolute;
  123. }
  124. @import url(http://fonts.googleapis.com/css?family=Megrim);
  125. @import url(http://fonts.googleapis.com/css?family=Marck+Script);
  126. @import url(http://fonts.googleapis.com/css?family=Open+Sans);
  127.  
  128. body {
  129. background-color:{color:Background};
  130. background-image: url({image:Background image});
  131. background-attachment: fixed;
  132. background-repeat: repeat;
  133. font-family: {block:ifCutefont}'short'{/block:ifCutefont}{block:ifnotCutefont}calibri{/block:ifnotCutefont};
  134. font-size: 11px;
  135. color: {color:Body font};
  136. line-height: 110%;
  137. letter-spacing:0px;
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb:vertical {
  141. background-color:{color:Content};
  142. height:auto;-webkit-border-radius:7px;
  143.  
  144. }
  145.  
  146. ::-webkit-scrollbar-thumb:horizontal {
  147. background-color:{color:Content};
  148. !important;-webkit-border-radius:7px;
  149. }
  150.  
  151. ::-webkit-scrollbar {
  152. height:7px;
  153. width:7px;
  154. background-color:{color:background};
  155. }
  156.  
  157. @font-face {
  158. font-family: "titlez";
  159. src: url('http://static.tumblr.com/cs9z8nu/JeZm3bnha/francoisone.ttf');
  160. }
  161.  
  162.  
  163.  
  164. @font-face{
  165. font-family:"short";
  166. src: url('http://static.tumblr.com/9nfl7hr/XQom5w68s/shortstack-regular.ttf');
  167. }
  168.  
  169.  
  170. @font-face { font-family: "small font"; src: url('http://static.tumblr.com/9nfl7hr/NuEm61n3e/slkscr.ttf'); }
  171.  
  172. #infscr-loading {
  173. position: absolute;
  174. bottom: 0;
  175. left: 25%;}
  176.  
  177.  
  178. a { color:{color:Links}; -webkit-transition: all 0.3s ease-out;
  179. -moz-transition: all 0.3s ease-out;
  180. transition: all 0.3s ease-out;text-decoration: none;}
  181.  
  182. a:hover {
  183. color:{color:Link hover};
  184. text-decoration: none;
  185. -webkit-transition: all 0.3s ease-out;
  186. -moz-transition: all 0.3s ease-out;
  187. transition: all 0.3s ease-out;
  188. }
  189.  
  190.  
  191. #tumblr_controls{
  192. position:fixed !important;
  193. z-index:99999999999;
  194. }
  195.  
  196.  
  197.  
  198.  
  199.  
  200. .asss {align:right;background: #cdcdcd; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  201.  
  202. .asss p {margin:1px 0px;}
  203.  
  204. .asss 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 #cdcdcd;}
  205.  
  206. .asssborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #f7f7f7}
  207.  
  208.  
  209. ul {
  210. display: block;
  211. list-style-type: disc;
  212. -webkit-margin-before: 1em;
  213. -webkit-margin-after: 1em;
  214. -webkit-margin-start: 0px;
  215. -webkit-margin-end: 0px;
  216. -webkit-padding-start: 20px;
  217. }
  218.  
  219.  
  220.  
  221. #tumblr_controls{
  222. position:fixed z-index:9999999999;;
  223. }
  224.  
  225.  
  226.  
  227. #slides{
  228. position:relative;
  229. text-align: center;
  230. height:11px;
  231. width:228px;
  232. padding:5px;
  233. overflow:hidden;
  234. -webkit-transition: opacity 0.8s linear;
  235. -webkit-transition: all 0.8s ease-in-out;
  236. -moz-transition: all 0.8s ease-in-out;
  237. -o-transition: all 0.8s ease-in-out;
  238. z-index:9999;
  239. border-bottom: 1px dashed #7d7d7d;
  240. border-top: 1px dashed #7d7d7d;
  241. }
  242.  
  243. #slides:hover{
  244. height:90px;
  245. padding-bottom:8px;
  246. width:228px;
  247. z-index:999999999;
  248. }
  249.  
  250.  
  251. #slides2{
  252. position:relative;
  253. text-align: center;
  254. height:11px;
  255. width:228px;
  256. padding:5px;
  257. overflow:hidden;
  258. -webkit-transition: opacity 0.8s linear;
  259. -webkit-transition: all 0.8s ease-in-out;
  260. -moz-transition: all 0.8s ease-in-out;
  261. -o-transition: all 0.8s ease-in-out;
  262. z-index:9999;
  263. border-bottom: 1px dashed #7d7d7d;
  264. }
  265.  
  266. #slides2:hover{
  267. height:230px;
  268. width:228px;
  269. z-index:999999999;
  270. }
  271.  
  272.  
  273.  
  274. #slides3{
  275. position:relative;
  276. text-align: center;
  277. height:11px;
  278. width:228px;
  279. padding:5px;
  280. overflow:hidden;
  281. -webkit-transition: opacity 0.8s linear;
  282. -webkit-transition: all 0.8s ease-in-out;
  283. -moz-transition: all 0.8s ease-in-out;
  284. -o-transition: all 0.8s ease-in-out;
  285. z-index:9999;
  286. border-bottom: 1px dashed #7d7d7d;
  287. }
  288.  
  289. #slides3:hover{
  290. height:178px;
  291. width:228px;
  292. z-index:999999999;
  293. }
  294.  
  295. #content {
  296. width: 770px;
  297. float: left;
  298. padding-top:0px;
  299. margin-top:0px;
  300. margin-left:210px;
  301. }
  302.  
  303. #contain {
  304. width: 1173px;
  305. margin: 0px auto;
  306. }
  307.  
  308.  
  309.  
  310. #leftbar{
  311. width:210px;
  312. margin-left:-20px;
  313. z-index:1;
  314. position:fixed !important;
  315. text-align:center;
  316. top:0px;
  317. padding:4px;
  318. background-color: {color:Content};
  319. background-image:url('{image:Sidebar backgrounds}');
  320. background-attachment: fixed;
  321. background-image: repeat;
  322. }
  323.  
  324. #rightbar{
  325. margin-left:995px;
  326. width:120px;
  327. z-index:1;
  328. position:fixed !important;
  329. text-align:center;
  330. bottom:0px;
  331. padding:4px;
  332. background-color: {color:Content};
  333. background-image:url('{image:Sidebar backgrounds}');
  334. background-attachment: fixed;
  335. background-image: repeat;
  336. }
  337.  
  338. #header {background-image:url('{image:Divider background}');
  339. background-attachment: fixed;
  340. background-image: repeat;
  341. background-position:left bottom;
  342. background-image: repeat; position:fixed;
  343. background-color: {color:Content}; top:0px; width:411px; height:40px; margin-left:210px; z-index:1;}
  344.  
  345. .links {text-transform:lowercase; text-align:center; margin-top:5px;}
  346.  
  347. .links a {-webkit-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  348. -moz-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  349. box-shadow: 1px 2px 3px rgba(0,0,0,0.3);opacity:1; background-color:{color:Content}; width:104px; padding:4px; margin-top:2px; display:block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  350.  
  351. .links a:hover {opacity:.6;
  352. -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  353. }
  354.  
  355. .uh {font-family: 'titlez'; font-size: 23px; margin-top:5px; line-height:90%;}
  356.  
  357. h3 {{color:Links}; font-family: 'titlez'; font-size: 18px; line-height: 120%;}
  358.  
  359. .title {color:{color:Links}; font-family: 'titlez'; font-size: 18px; line-height: 120%; -webkit-transition: all 0.3s ease-out;
  360. -moz-transition: all 0.3s ease-out;
  361. transition: all 0.3s ease-out;}
  362.  
  363.  
  364.  
  365. .title:hover {color:{color:Link hover}; -webkit-transition: all 0.3s ease-out;
  366. -moz-transition: all 0.3s ease-out;
  367. transition: all 0.3s ease-out;}
  368.  
  369.  
  370. ol.notes img {
  371. width: 16px;
  372. display: inline;
  373. position: relative;
  374. top: 3px;
  375. }
  376.  
  377. .entry {
  378. padding:0px;
  379. overflow: hidden;
  380. float: left;
  381. {block:indexpage}
  382. width: 250px;
  383. margin-left: 5px;
  384. margin-bottom: 5px;
  385. {/block:indexpage}
  386. {block:permalinkpage}
  387. width: 760px;
  388. margin-left: 5px;
  389. margin-bottom: 5px;
  390. {/block:permalinkpage}
  391. display: block;
  392. background-color:{color:Content};-webkit-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  393. -moz-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  394. box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
  395. }
  396.  
  397.  
  398.  
  399. .entry img {
  400. display: block;
  401. {block:indexpage}max-width:250px;{/block:indexpage}
  402. }
  403.  
  404.  
  405.  
  406.  
  407.  
  408. .entry:hover .details {
  409. opacity: 1.0;
  410. margin:12px 0px 0px 0px;
  411. filter: alpha(opacity = 100);
  412. -webkit-transition: all .25s ease-in-out;
  413. -moz-transition: all .25s ease-in-out;
  414. -o-transition: all .25s ease-in-out;
  415. transition: all .25s ease-in-out;
  416. }
  417.  
  418.  
  419.  
  420. #pagination{
  421. display:none;
  422. }
  423.  
  424.  
  425.  
  426. .clear {
  427. clear: both;
  428. }
  429.  
  430.  
  431.  
  432.  
  433. blockquote, q {
  434. quotes: "«" "»" "'" "'";
  435. padding: 3px;
  436. border-left: 3px solid #7d7d7d;
  437. margin: 0px 10px;
  438. }
  439.  
  440.  
  441. .text {
  442. padding: 4px;
  443. }
  444.  
  445.  
  446.  
  447.  
  448. .blogtitle {text-align:center; font-size:30px; font-family:'titlez'; padding-top:15px; margin-bottom:3px;width:198px; padding:4px; padding-bottom:15px; background-color:{color:Content}; -webkit-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  449. -moz-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  450. box-shadow: 1px 2px 3px rgba(0,0,0,0.3); }
  451.  
  452.  
  453. .blogtitle a {
  454. font-family: 'titlez';
  455. font-size: 22px;
  456. line-height: 130%;
  457. color:{color:Links};-webkit-transition: all 0.3s ease-out;
  458. -moz-transition: all 0.3s ease-out;
  459. transition: all 0.3s ease-out;
  460. }
  461.  
  462.  
  463. .blogtitle a:hover {
  464. color:{color:Link hover}; -webkit-transition: all 0.3s ease-out;
  465. -moz-transition: all 0.3s ease-out;
  466. transition: all 0.3s ease-out;}
  467.  
  468. .perma2 a {color:{color:Body font};}
  469.  
  470. .perma2 {
  471. font-weight:none;
  472. text-align:center;
  473. width: 100%;
  474. font-size: 9px;
  475. font-family: 'small font';
  476. opacity:.9;
  477. line-height: 15px;
  478. height:0px;
  479. letter-spacing:-1px;
  480. overflow:hidden;
  481. -webkit-transition: all 0.4s ease-in-out;
  482. -moz-transition: all 0.4s ease-in-out;
  483. -o-transition: all 0.4s ease-in-out;}
  484.  
  485.  
  486. .entry:hover .perma2 {
  487. z-index:999999;
  488. height:15px;
  489. margin-top:-15px;
  490. background-color:{color:Content};
  491. width: 100%;
  492. -webkit-transition: all 0.4s ease-in-out;
  493. -moz-transition: all 0.4s ease-in-out;
  494. -o-transition: all 0.4s ease-in-out;
  495. }
  496.  
  497.  
  498. .clearfix {
  499. clear: both;
  500. }
  501.  
  502.  
  503. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  504. padding-bottom : 0px;}
  505.  
  506. </style>
  507.  
  508.  
  509. <script type="text/javascript">
  510. // <![CDATA[
  511. var speed=100; // speed of wobbling, lower is faster
  512. var height=3; // height of wobbling in pixels
  513. var alink="http://www.mf2fm.com/rv"; // page to link text to (set to ="" for no link)
  514.  
  515. var wobtxt, wobble, wobcnt=0;
  516. window.onload=function() { if (document.getElementById) {
  517. var i, wobli;
  518. wobble=document.getElementById("wobble");
  519. wobtxt=wobble.firstChild.nodeValue;
  520. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  521. for (i=0; i<wobtxt.length; i++) {
  522. wobli=document.createElement("span");
  523. wobli.setAttribute("id", "wobb"+i);
  524. wobli.style.position="relative";
  525. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  526. if (alink) {
  527. wobli.style.cursor="pointer";
  528. wobli.onclick=function() { top.location.href=alink; }
  529. }
  530. wobble.appendChild(wobli);
  531. }
  532. setInterval("wobbler()", speed);
  533. }}
  534.  
  535. function wobbler() {
  536. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  537. wobcnt++;
  538. }
  539. // ]]>
  540. </script>
  541.  
  542.  
  543. </head>
  544. <script type='text/javascript'>
  545. //<![CDATA[
  546. var rate = 50;
  547. if (document.getElementById)
  548. window.onerror=new Function("return true")
  549.  
  550. var objActive; // The object which event occured in
  551. var act = 0; // Flag during the action
  552. var elmH = 0; // Hue
  553. var elmS = 128; // Saturation
  554. var elmV = 255; // Value
  555. var clrOrg; // A color before the change
  556. var TimerID; // Timer ID
  557. if (document.all) {
  558. document.onmouseover = doRainbowAnchor;
  559. document.onmouseout = stopRainbowAnchor;
  560. }
  561. else if (document.getElementById) {
  562. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  563. document.onmouseover = Mozilla_doRainbowAnchor;
  564. document.onmouseout = Mozilla_stopRainbowAnchor;
  565. }
  566. function doRainbow(obj)
  567. {
  568. if (act == 0) {
  569. act = 1;
  570. if (obj)
  571. objActive = obj;
  572. else
  573. objActive = event.srcElement;
  574. clrOrg = objActive.style.color;
  575. TimerID = setInterval("ChangeColor()",100);
  576. }
  577. }
  578. function stopRainbow()
  579. {
  580. if (act) {
  581. objActive.style.color = clrOrg;
  582. clearInterval(TimerID);
  583. act = 0;
  584. }
  585. }
  586. function doRainbowAnchor()
  587. {
  588. if (act == 0) {
  589. var obj = event.srcElement;
  590. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  591. obj = obj.parentElement;
  592. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  593. break;
  594. }
  595. if (obj.tagName == 'A' && obj.href != '') {
  596. objActive = obj;
  597. act = 1;
  598. clrOrg = objActive.style.color;
  599. TimerID = setInterval("ChangeColor()",100);
  600. }
  601. }
  602. }
  603. function stopRainbowAnchor()
  604. {
  605. if (act) {
  606. if (objActive.tagName == 'A') {
  607. objActive.style.color = clrOrg;
  608. clearInterval(TimerID);
  609. act = 0;
  610. }
  611. }
  612. }
  613. function Mozilla_doRainbowAnchor(e)
  614. {
  615. if (act == 0) {
  616. obj = e.target;
  617. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  618. obj = obj.parentNode;
  619. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  620. break;
  621. }
  622. if (obj.nodeName == 'A' && obj.href != '') {
  623. objActive = obj;
  624. act = 1;
  625. clrOrg = obj.style.color;
  626. TimerID = setInterval("ChangeColor()",100);
  627. }
  628. }
  629. }
  630. function Mozilla_stopRainbowAnchor(e)
  631. {
  632. if (act) {
  633. if (objActive.nodeName == 'A') {
  634. objActive.style.color = clrOrg;
  635. clearInterval(TimerID);
  636. act = 0;
  637. }
  638. }
  639. }
  640. function ChangeColor()
  641. {
  642. objActive.style.color = makeColor();
  643. }
  644. function makeColor()
  645. {
  646. // Don't you think Color Gamut to look like Rainbow?
  647. // HSVtoRGB
  648. if (elmS == 0) {
  649. elmR = elmV; elmG = elmV; elmB = elmV;
  650. }
  651. else {
  652. t1 = elmV;
  653. t2 = (255 - elmS) * elmV / 255;
  654. t3 = elmH % 60;
  655. t3 = (t1 - t2) * t3 / 60;
  656. if (elmH < 60) {
  657. elmR = t1; elmB = t2; elmG = t2 + t3;
  658. }
  659. else if (elmH < 120) {
  660. elmG = t1; elmB = t2; elmR = t1 - t3;
  661. }
  662. else if (elmH < 180) {
  663. elmG = t1; elmR = t2; elmB = t2 + t3;
  664. }
  665. else if (elmH < 240) {
  666. elmB = t1; elmR = t2; elmG = t1 - t3;
  667. }
  668. else if (elmH < 300) {
  669. elmB = t1; elmG = t2; elmR = t2 + t3;
  670. }
  671. else if (elmH < 360) {
  672. elmR = t1; elmG = t2; elmB = t1 - t3;
  673. }
  674. else {
  675. elmR = 0; elmG = 0; elmB = 0;
  676. }
  677. }
  678. elmR = Math.floor(elmR).toString(16);
  679. elmG = Math.floor(elmG).toString(16);
  680. elmB = Math.floor(elmB).toString(16);
  681. if (elmR.length == 1) elmR = "0" + elmR;
  682. if (elmG.length == 1) elmG = "0" + elmG;
  683. if (elmB.length == 1) elmB = "0" + elmB
  684. elmH = elmH + rate;
  685. if (elmH >= 360)
  686. elmH = 0;
  687. return '#' + elmR + elmG + elmB;
  688. }
  689. //]]>
  690. </script>
  691. <body>
  692.  
  693.  
  694. <div id="contain">
  695.  
  696.  
  697.  
  698. <div id="leftbar">
  699.  
  700. <div class="blogtitle"><div id="wobble">{Title}</div></div>
  701. {block:ifShowsidebarphoto}
  702. <a href="/"><img src="{image:Sidebar photo}" width="206" style="margin-bottom:-1px;margin-top:0px; -webkit-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  703. -moz-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  704. box-shadow: 1px 2px 3px rgba(0,0,0,0.3);"/></a>
  705. {/block:ifShowsidebarphoto}
  706.  
  707. <p><center><div style="width:198px; padding:4px; margin-bottom:2px; background-color:{color:Content}; -webkit-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  708. -moz-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  709. box-shadow: 1px 2px 3px rgba(0,0,0,0.3);">{Description}</div></div>
  710.  
  711.  
  712.  
  713.  
  714.  
  715.  
  716.  
  717.  
  718. <div id="rightbar">
  719. <div class="links">
  720. <center>
  721.  
  722. <a href="/">home</a>
  723.  
  724. {block:AskEnabled}<a href="#?w=500" rel="02" class="poplight">Message</a>
  725. {/block:AskEnabled}
  726.  
  727. {block:SubmissionsEnabled}<a href="/submit">Submit</a>{/block:SubmissionsEnabled}
  728.  
  729. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  730.  
  731. {block:ifLinkoneURL}<a href="{text:Link one URL}">{text:Link one title}</a>{/block:ifLinkoneURL}
  732.  
  733. {block:ifLinktwoURL}<a href="{text:Link two URL}">{text:Link two title}</a>{/block:ifLinktwoURL}
  734.  
  735. {block:ifLinkthreeURL}<a href="{text:Link three URL}">{text:Link three title}</a>{/block:ifLinkthreeURL}
  736.  
  737. {block:ifLinkfourURL}<a href="{text:Link four URL}">{text:Link four title}</a>{/block:ifLinkfourURL}
  738.  
  739. {block:ifLinkfiveURL}<a href="{text:Link five URL}">{text:Link five title}</a>{/block:ifLinkfiveURL}
  740.  
  741. {block:ifLinksixURL}<a href="{text:Link six URL}">{text:Link six title}</a>{/block:ifLinksixURL}
  742.  
  743. {block:ifLinksevenURL}<a href="{text:Link seven URL}">{text:Link seven title}</a>{/block:ifLinksevenURL}
  744.  
  745. {block:ifLinkeightURL}<a href="{text:Link eight URL}">{text:Link eight title}</a>{/block:ifLinkeightURL}
  746.  
  747. {block:ifLinknineURL}<a href="{text:Link nine URL}">{text:Link nine title}</a>{/block:ifLinknineURL}
  748.  
  749. <a href="http://ravenbestler.tumblr.com/">Theme</a></center>
  750. </div>
  751. </div>
  752.  
  753. <div id="content">
  754.  
  755.  
  756.  
  757.  
  758. {block:Posts}
  759.  
  760. <div class="entry">
  761.  
  762.  
  763.  
  764. {block:Text}
  765. <div class="text">
  766. {block:Title}
  767. <div class="title">{Title}</div>
  768. {/block:Title}
  769. {Body}
  770. {block:IndexPage}
  771. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  772. {/block:IndexPage}
  773. </div>
  774. {/block:Text}
  775.  
  776.  
  777.  
  778. {block:Photo}
  779. {block:indexpage}
  780. <img src="{PhotoURL-HighRes}" width="100%"/>
  781. {/block:indexpage}
  782. {block:permalinkpage}
  783. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  784. {/block:permalinkpage}
  785. {block:IndexPage}
  786. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  787. {/block:IndexPage}
  788. {/block:Photo}
  789.  
  790.  
  791.  
  792. {block:Photoset}
  793. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  794. {block:IndexPage}
  795. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  796. {/block:IndexPage}
  797. {block:permalinkpage}
  798. {Photoset-500}
  799. {/block:permalinkpage}
  800. {/block:Photoset}
  801.  
  802.  
  803.  
  804.  
  805. {block:Quote}
  806. <div class="text">
  807. <div class="title"> "{Quote}" </div>
  808. {block:Source}
  809. <div style="text-align:right">- {Source}</div>
  810. {/block:Source}
  811. {block:IndexPage}
  812. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  813. {/block:IndexPage}
  814. </div>{/block:Quote}
  815.  
  816.  
  817.  
  818.  
  819. {block:Link}
  820. <div class="text">
  821. <div class="title"><a href="{URL}" class="link" {Target}>{Name}</a> </div>
  822. {block:Description}
  823. <div class="description">{Description}</div>
  824. {/block:Description}
  825. <p>
  826. {block:IndexPage}
  827. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  828. {/block:IndexPage}
  829.  
  830. </div>{/block:Link}
  831.  
  832.  
  833.  
  834.  
  835. {block:Chat}
  836. <div class="text">
  837. {block:Title}
  838. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  839. {/block:Title}
  840. <ul class="chat">
  841. {block:Lines}
  842. <li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transform:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
  843. {Line} </li>
  844. {/block:Lines}
  845. </ul>
  846. {block:IndexPage}
  847. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  848. {/block:IndexPage}
  849. </div>{/block:Chat}
  850.  
  851.  
  852.  
  853.  
  854. {block:Video}
  855. {block:IndexPage}{Video-250}{/block:IndexPage}
  856. {block:IndexPage}
  857. {block:IndexPage}
  858. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  859. {/block:IndexPage}
  860. {block:permalinkpage}
  861. {Video-500}
  862. {/block:permalinkpage}
  863. {/block:Video}
  864.  
  865.  
  866.  
  867.  
  868. {block:Audio}
  869. <div class="text">
  870. {AudioPlayerGrey}
  871. {block:Caption}
  872. {Caption}
  873. {/block:Caption}
  874. {block:IndexPage}
  875. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  876. {/block:IndexPage}
  877. </div>{/block:Audio}
  878.  
  879.  
  880.  
  881.  
  882.  
  883. {block:Answer}<div class="text"><img src="{AskerPortraitURL-48}" align="left" class="asssborder"><div class="asss"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}
  884. {block:IndexPage}
  885. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  886. {/block:IndexPage}
  887.  
  888. </div>{/block:Answer}
  889.  
  890.  
  891.  
  892.  
  893.  
  894. {block:PermalinkPage}
  895. {block:Date} {block:Caption}
  896. {Caption}
  897. {/block:Caption}<br><br>
  898. <center>
  899. {TimeAgo} at {12HourWithZero}:{Minutes}{AmPm}
  900. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} | {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  901. {/block:Date}</div>
  902. {/block:PermalinkPage}
  903.  
  904.  
  905.  
  906. </div>
  907.  
  908. {/block:Posts}
  909.  
  910. </div>
  911.  
  912. <div class="clear"></div>
  913. </div>
  914.  
  915. {block:Pagination}
  916. <ul id="pagination">
  917. {block:PreviousPage}
  918. <li><a href="{PreviousPage}"></a></li>
  919. {/block:PreviousPage}
  920. {block:JumpPagination length="5"}
  921. {block:CurrentPage}
  922. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  923. {/block:CurrentPage}
  924. {block:JumpPage}
  925. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  926. {/block:JumpPage}
  927. {/block:JumpPagination}
  928. {block:NextPage}
  929. <li><a id="nextPage" href="{NextPage}"></a></li>
  930. {/block:NextPage}
  931. </ul>
  932. {/block:Pagination}
  933. {block:IndexPage}
  934.  
  935.  
  936. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  937.  
  938.  
  939. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  940.  
  941.  
  942.  
  943.  
  944. {block:IndexPage}
  945. <script type="text/javascript">
  946. $(window).load(function () {
  947. $('#content').masonry(),
  948. $('.masonryWrap').infinitescroll({
  949. navSelector : '#pagination',
  950. nextSelector : '#pagination a#nextPage',
  951. itemSelector : ".entry, .clear",
  952. bufferPx : 200,
  953. loadingText : "<em></em>",
  954. },
  955. function() { $('#content').masonry({ appendedContent: $(this) }); }
  956. );
  957. });
  958. </script>
  959. {/block:IndexPage}
  960.  
  961.  
  962.  
  963.  
  964. </body>
  965. <div id="02" class="popup_block">
  966.  
  967. <Center>FAQ's<br>
  968. You can put some fancy faq's in here, or just some basic info you don't want people asking you. When you're looking to change this search for "bananas"<p><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/themesbyravenbestlertheme6.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  969. </center></div>
  970.  
  971. </div></div></div></div></div></div></div></div></div></div>
  972. </div>
  973. </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!