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

Untitled

By: a guest on May 8th, 2012  |  syntax: None  |  size: 11.45 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
This paste has a previous version, view the difference. Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2. theme 2 by luke
  3.  
  4. respect theme credits please c:
  5. if you delete you get reported
  6. lul
  7. --->
  8. <html lang="en">
  9.  
  10. <title>{Title}</title>
  11.  
  12. <meta name="color:background" content="#000fff"/>
  13. <meta name="image:background" content=""/>
  14. <meta name="color:text" content="#000000"/>
  15. <meta name="color:title" content="#000000"/>
  16. <meta name="color:hover" content="#ffffff"/>
  17. <meta name="color:links" content="#000000"/>
  18. <meta name="if:RainbowLinks" content="1"/>
  19. <meta name="if:EndlessScroll" content="1">
  20. <meta name="text:Links Title" content="click hurr">
  21. <meta name="text:Link One" content=""/>
  22. <meta name="text:Link One Title"  content=""/>
  23. <meta name="text:Link Two" content=""/>
  24. <meta name="text:Link Two Title" content=""/>
  25. <meta name="text:Link Three" content=""/>
  26. <meta name="text:Link Three Title" content=""/>
  27. <meta name="text:Link Four" content=""/>
  28. <meta name="text:Link Four Title" content=""/>
  29. <meta name="text:Link Five" content=""/>
  30. <meta name="text:Link Five Title" content=""/>
  31.  
  32. {block:ifEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:EndlessScroll}
  33.  
  34. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  35. <script type="text/javascript">
  36. $(document).ready(function () {
  37. $('li.drawer div:nth-child(2)').hide();
  38. $('li.drawer h4').click(function () {
  39. if ($(this).hasClass('open')) {
  40. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  41. else {
  42. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  43. $(this).next().slideDown();
  44. $(this).addClass('open');}
  45. });
  46. });
  47. </script>
  48.  
  49. <style type="text/css">
  50.  
  51. @font-face{
  52. font-family: "Reeds";
  53. src: url('http://static.tumblr.com/9lglaqd/cWzm3m568/reed__s_writing.ttf');
  54. }
  55.  
  56. @font-face{
  57. font-family: "Holland";
  58. src: url('http://static.tumblr.com/9lglaqd/l6pm3mcc0/cake_nom.ttf');
  59. }
  60.  
  61. @font-face{
  62. font-family: "Signiture";
  63. src: url('http://static.tumblr.com/9lglaqd/0ALm3m5h8/megrim.otf');
  64. }
  65.  
  66. body{
  67.     margin: 0px;
  68.     background-color:{color:background};
  69.     background-image:url({image:background});
  70.     background-attachment: fixed;
  71.     background-repeat: repeat;
  72.     font-family: "Reeds";
  73.     font-size: 10px;
  74.     line-height: 11px;
  75. }
  76.  
  77. a:link, a:active, a:visited{
  78.     color:{color:title};
  79.     text-decoration: none;
  80. }
  81.  
  82. a:hover{
  83.     color:{color:hover};
  84.     text-decoration: none;
  85. }
  86.  
  87. div#cage{
  88.     margin:auto;
  89.     position:relative;
  90.     width:820px;
  91.     overflow:hidden;
  92.     color:{color:title};
  93.     margin-right: 13%;
  94. }
  95.  
  96. div#center{
  97.     margin:auto;
  98.     position:relative;
  99.     width:820px;
  100.     background-color:;
  101.     overflow:auto;
  102.     overflow-y: hidden;
  103. }
  104.  
  105. div#content{
  106.     margin:2px;
  107.     float:right;
  108.     width:450px;
  109.     padding: 3px;
  110.     margin-right: 100px;
  111.     background:#fff;
  112. }
  113.  
  114. div#entry{
  115.     margin:2px;
  116.     padding: 2px;
  117.     float:center;
  118.     text-align: center;
  119.     background-color:transparent;
  120.     font-family; "Reeds";
  121.     font-size:11px;
  122.     line-height: 12px;
  123. }
  124.  
  125. div#side{
  126.     position:fixed !important;
  127.     margin-left: 50px;
  128.     margin-top: 450px;
  129.     background-color:transparent;
  130.     height:auto;
  131.     width: 170px;
  132.     padding;1px;
  133.     text-align: center;
  134. }
  135.  
  136. #cred{
  137.     color: #000000 !important;
  138. }
  139. #cred{
  140.     font-family: "Signiture";
  141.     font-size:12px;
  142.     line-height: 11px;
  143.     position:fixed !important;
  144.     width:auto;
  145.     height:auto;
  146.     background-color: transparent;
  147.     padding: 3px;
  148.     left: 2px;
  149.     bottom: 3px;
  150. }
  151.  
  152. #postnotes{
  153.     text-align: justify;
  154. }
  155.  
  156. #postnotes blockquote{
  157.     border: 0px;
  158. }
  159.  
  160. .title{
  161.     font-family: "Century Gothic";
  162.     font-size: 18px;
  163.     line-height: 16px;
  164.     color:{color:title};
  165.     letter-spacing: 1;
  166.     font-weight: normal;
  167. }
  168.  
  169. .blawgtitle{
  170.     font-family: "Holland";
  171.     font-size: 25px;
  172.     line-height: 26px;
  173.     text-shadow: 1px 3px 7px #000;
  174.     letter-spacing: 0;
  175.     font-weight: normal;
  176. }
  177.  
  178. blockquote{
  179.     padding:2px 2px 2px 5px;
  180.     margin:2px 2px 2px 1px;
  181.     border-left: 1px dotted {color:Text};
  182. }
  183.  
  184. blockquote p, ul{
  185.     margin:0px;
  186.     padding:0px;
  187. }
  188.  
  189. #description{
  190.     font-family: "Century Gothic";
  191.     font-size: 11px;
  192.     line-height: 12px;
  193. }
  194.  
  195. #entry .perma{
  196. height: 30px;
  197. opacity: 0;
  198. background-color: white;
  199. position: absolute;
  200. text-align:center;
  201. font-family: "Reeds";
  202. font-size: 15px;
  203. margin-top:0px;
  204. margin-left: 0px;
  205. padding: 10px;
  206. padding-top: 10px;
  207. padding-bottom: 1px;
  208. line-height: 15px;
  209. padding: 0px 15px 2px 2px;
  210. -webkit-transition: all 0.6s ease;
  211. -moz-transition: all 0.6s ease;
  212. -o-transition: all 0.6s ease;
  213. }
  214.  
  215. #entry:hover .perma{
  216. width: 439px;;
  217. -webkit-transition: opacity 0.6s linear; opacity: 0.7;
  218. -webkit-transition: all 0.6s linear;
  219. -moz-transition: all 0.6s linear;
  220. transition: all 0.6s linear;
  221. }
  222.  
  223. ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}
  224.  
  225. ul#drawers a {text-decoration: none; color: #000;}
  226.  
  227. ul#drawers li h4 {margin: 0; padding: 1px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out;
  228. transition: background-color 0.5s ease-out;}
  229.  
  230. h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}
  231.  
  232. li.drawer h4.open {background-color: #121213; border-top: 0px;}
  233.  
  234. li.drawer div {padding: 2px; margin: 0px; line-height: 12px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
  235.  
  236. li.drawer div li {list-style-type: disc;}
  237.  
  238. li.drawer div ul {-webkit-padding-start: 12px;}
  239.  
  240.  
  241. </style>
  242. {block:ifRainbowLinks}
  243. <script type='text/javascript'>
  244.  
  245. //<![CDATA[
  246.  
  247. var rate = 20;
  248.  
  249. if (document.getElementById)
  250. window.onerror=new Function("return true")
  251.  
  252. var objActive; // The object which event occured in
  253. var act = 0; // Flag during the action
  254. var elmH = 0; // Hue
  255. var elmS = 128; // Saturation
  256. var elmV = 255; // Value
  257. var clrOrg; // A color before the change
  258. var TimerID; // Timer ID
  259.  
  260. if (document.all) {
  261. document.onmouseover = doRainbowAnchor;
  262. document.onmouseout = stopRainbowAnchor;
  263. }
  264. else if (document.getElementById) {
  265. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  266. document.onmouseover = Mozilla_doRainbowAnchor;
  267. document.onmouseout = Mozilla_stopRainbowAnchor;
  268. }
  269.  
  270. function doRainbow(obj)
  271. {
  272. if (act == 0) {
  273. act = 1;
  274. if (obj)
  275. objActive = obj;
  276. else
  277. objActive = event.srcElement;
  278. clrOrg = objActive.style.color;
  279. TimerID = setInterval("ChangeColor()",100);
  280. }
  281. }
  282.  
  283.  
  284. function stopRainbow()
  285. {
  286. if (act) {
  287. objActive.style.color = clrOrg;
  288. clearInterval(TimerID);
  289. act = 0;
  290. }
  291. }
  292.  
  293.  
  294. function doRainbowAnchor()
  295. {
  296. if (act == 0) {
  297. var obj = event.srcElement;
  298. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  299. obj = obj.parentElement;
  300. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  301. break;
  302. }
  303.  
  304. if (obj.tagName == 'A' && obj.href != '') {
  305. objActive = obj;
  306. act = 1;
  307. clrOrg = objActive.style.color;
  308. TimerID = setInterval("ChangeColor()",100);
  309. }
  310. }
  311. }
  312.  
  313.  
  314. function stopRainbowAnchor()
  315. {
  316. if (act) {
  317. if (objActive.tagName == 'A') {
  318. objActive.style.color = clrOrg;
  319. clearInterval(TimerID);
  320. act = 0;
  321. }
  322. }
  323. }
  324.  
  325.  
  326. function Mozilla_doRainbowAnchor(e)
  327. {
  328. if (act == 0) {
  329. obj = e.target;
  330. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  331. obj = obj.parentNode;
  332. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  333. break;
  334. }
  335.  
  336. if (obj.nodeName == 'A' && obj.href != '') {
  337. objActive = obj;
  338. act = 1;
  339. clrOrg = obj.style.color;
  340. TimerID = setInterval("ChangeColor()",100);
  341. }
  342. }
  343. }
  344.  
  345.  
  346. function Mozilla_stopRainbowAnchor(e)
  347. {
  348. if (act) {
  349. if (objActive.nodeName == 'A') {
  350. objActive.style.color = clrOrg;
  351. clearInterval(TimerID);
  352. act = 0;
  353. }
  354. }
  355. }
  356.  
  357.  
  358. function ChangeColor()
  359. {
  360. objActive.style.color = makeColor();
  361. }
  362.  
  363.  
  364. function makeColor()
  365. {
  366. // Don't you think Color Gamut to look like Rainbow?
  367.  
  368. // HSVtoRGB
  369. if (elmS == 0) {
  370. elmR = elmV; elmG = elmV; elmB = elmV;
  371. }
  372. else {
  373. t1 = elmV;
  374. t2 = (255 - elmS) * elmV / 255;
  375. t3 = elmH % 60;
  376. t3 = (t1 - t2) * t3 / 60;
  377.  
  378. if (elmH < 60) {
  379. elmR = t1; elmB = t2; elmG = t2 + t3;
  380. }
  381. else if (elmH < 120) {
  382. elmG = t1; elmB = t2; elmR = t1 - t3;
  383. }
  384. else if (elmH < 180) {
  385. elmG = t1; elmR = t2; elmB = t2 + t3;
  386. }
  387. else if (elmH < 240) {
  388. elmB = t1; elmR = t2; elmG = t1 - t3;
  389. }
  390. else if (elmH < 300) {
  391. elmB = t1; elmG = t2; elmR = t2 + t3;
  392. }
  393. else if (elmH < 360) {
  394. elmR = t1; elmG = t2; elmB = t1 - t3;
  395. }
  396. else {
  397. elmR = 0; elmG = 0; elmB = 0;
  398. }
  399. }
  400.  
  401. elmR = Math.floor(elmR).toString(16);
  402. elmG = Math.floor(elmG).toString(16);
  403. elmB = Math.floor(elmB).toString(16);
  404. if (elmR.length == 1) elmR = "0" + elmR;
  405. if (elmG.length == 1) elmG = "0" + elmG;
  406. if (elmB.length == 1) elmB = "0" + elmB;
  407.  
  408. elmH = elmH + rate;
  409. if (elmH >= 360)
  410. elmH = 0;
  411.  
  412. return '#' + elmR + elmG + elmB;
  413. }
  414.  
  415.  
  416.  
  417. //]]>
  418.  
  419. </script>
  420.  
  421.  
  422. {/block:ifRainbowLinks}
  423.  
  424. <link rel="shortcut icpn" href="">
  425. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  426. <meta name="viewport" content="width=820" />
  427.  
  428. </head>
  429. <body>
  430. <div id="cage">
  431. <div id="center">
  432. <div id="side">
  433. <div class="blawgtitle"><a href="/"><font color="000">{title}</font></a></div>
  434. <div id="description">{description}</div>
  435. <br />
  436. <!--LINKS-->
  437. <ul id="drawers">
  438. <li class="drawer" id="info">
  439. <h4>{text:Links Title}</h4>
  440. <div align="center">
  441. <p>
  442. <a href="/">Home</a>
  443. <p>
  444. <a href="{text:Link One}">{text:Link One Title}</a>
  445. <p>
  446. <a href="{text:Link Two}">{text:Link Two Title}</a>
  447. <p>
  448. <a href="{text:Link Three}">{text:Link Three Title}</a>
  449. </p>
  450. <p>
  451. <a href="{text:Link Four}">{text:Link Four Title}</a>
  452. </p>
  453. <p>
  454. <a href="{text:Link Five">{text:Link Five Title}</a>
  455. </div>
  456. </li>
  457. </ul>
  458. </div>
  459.  
  460. <div id="cred"><a href="http://niggashaniqua.tumblr.com">theme by luke</a></div>    
  461.  
  462. <div id="content">
  463. {block:Posts}
  464. <div id="entry">
  465.  
  466. {block:IndexPage}
  467. <div class="perma">
  468. <a href="{permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  469. {/block:IndexPage}
  470.  
  471. {block:Text}
  472. {block:Title}<span class="title">{Title}</span>{/block:Title}
  473. {Body}
  474. {/block:Text}
  475.  
  476. {block:Link}
  477. <a href="{URL}" class="title">{Name}</a>
  478. {block:Description}{Description}{/block:Description}
  479. {block:Link}
  480.  
  481. {block:Photo}
  482. {block:IndexPage}{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=450px /></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px;/>{LinkCloseTag}{/block:PermalinkPage}
  483. {/block:Photo}
  484.  
  485. {block:Quote}
  486. {Quote}<p> - {block:Source}<b>{Source}</b>{/block:Source}
  487. {/block:Quote}
  488.  
  489. {block:Chat}
  490. {block:Title}<span class="title">{Title}</span>{/block:Title}
  491. <ul class="chat">
  492. {block:Lines}
  493. <li class="user_{UserNumber}">
  494. {block:Label}
  495. <span class="label">{Label}</span>
  496. {/block:Label}
  497. {Line}
  498. </li>
  499. {/block:Lines}
  500. </ul>
  501. {/block:Chat}
  502.  
  503. {block:Audio}
  504. <div align="left">{AudioPlayerWhite}</div>
  505. <div align="right">{FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download</a>{/block:ExternalAudio}</div></center><br />{caption}
  506. {/block:Audio}
  507.  
  508. {block:Video}
  509. <div class="video">{Video-450}</div>
  510. {block:Video}
  511.  
  512. {block:PermalinkPage}<center>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
  513. {block:PostNotes}{PostNotes}
  514. {/block:PostNotes}{/block:PermalinkPage}
  515.  
  516. </div>
  517.  
  518. {/block:Posts}
  519.  
  520. </div></div>
  521.  
  522. </div>
  523. </body>
  524. </html>
create a new version of this paste RAW Paste Data