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

K-TTYCAT.TUMBLR.COM THEME 3

By: a guest on Jul 20th, 2012  |  syntax: None  |  size: 15.92 KB  |  hits: 45  |  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. <!--
  2. theme 3 by k-ttycat
  3. keep the credit visible on the blog.
  4. or at least easily accessible
  5. -->
  6.  
  7. <html lang="en">
  8. <head>
  9.  
  10. <script type="text/javascript">
  11. // <![CDATA[
  12. var bgcolour="{color:bubbling text 1}"; // background colour
  13. var fgcolour="{color:bubbling text 2}"; // foreground colour
  14. var speed=120; // speed of bubbling, lower is faster
  15. var shades=5; // number of shades of bubble
  16.  
  17. /****************************
  18. * Bubbling Text Effect *
  19. *(c) 2003-6 mf2fm web-design*
  20. * http://www.mf2fm.com/rv *
  21. * DON'T EDIT BELOW THIS BOX *
  22. ****************************/
  23. var bubbcol=new Array();
  24. var bubbler, bubbtxt;
  25. var bubbchr=new Array();
  26. window.onload=function() { if (document.getElementById) {
  27. for (bubbler=0; bubbler<=shades; bubbler++) {
  28. bubbtxt="#";
  29. for (var i=1; i<6; i+=2) {
  30. var bg=parseInt(bgcolour.substring(i,i+2),16);
  31. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  32. }
  33. bubbcol[bubbler+1]=bubbtxt;
  34. }
  35. bubbler=document.getElementById("bubble");
  36. bubbtxt=bubbler.firstChild.nodeValue;
  37. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  38. for (var i=0; i<bubbtxt.length; i++) {
  39. var bubbi=document.createElement("span");
  40. bubbi.setAttribute("id", "bubb"+i);
  41. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  42. bubbler.appendChild(bubbi);
  43. }
  44. bubbler=setInterval ("bubbling()", speed);
  45. }}
  46.  
  47. function dechex(dec) {
  48. var hex=dec.toString(16);
  49. if (dec<16) return "0"+hex;
  50. else return hex;
  51. }
  52.  
  53. function bubbling() {
  54. for (var i=0; i<bubbtxt.length; i++) {
  55. var bubbme=document.getElementById("bubb"+i);
  56. if (bubbchr[i]) {
  57. bubbme.style.color=bubbcol[bubbchr[i]];
  58. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  59. }
  60. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  61. }
  62. }
  63. // ]]>
  64. </script>
  65.  
  66.  
  67. <meta name="color:background" content="#e1e1e1"/>
  68. <meta name="color:boxes" content="#ffffff"/>
  69. <meta name="color:text" content="#333"/>
  70. <meta name="color:titles" content="#4b4b4b"/>
  71. <meta name="color:links" content="#000"/>
  72. <meta name="color:hover" content="#fff"/>
  73. <meta name="color:bubbling text 1" content="#ffffff"/>
  74. <meta name="color:bubbling text 2" content="#000000"/>
  75. <meta name="image:Sidebar" content="0"/>
  76. <meta name="image:Background" content=""/>
  77. <meta name="if:show title" content="1"/>
  78. <meta name="if:show photo" content="0"/>
  79. <meta name="if:show arrows" content="1"/>
  80. <meta name="if:infinite scrolling" content="1"/>
  81. <meta name="if:shadows" content="1"/>
  82. <meta name="if:rounded borders" content="1"/>
  83. <meta name="if:shadow hover" content="1"/>
  84. <meta name="if:rainbow hover" content="1"/>
  85. <meta name="if:tiny mouse" content="1"/>
  86. <meta name="if:two column posts" content="1"/>
  87. <meta name="if:three column posts" content="1"/>
  88. <meta name="if:show side message" content="1"/>
  89. <meta name="text:link 1" content=""/>
  90. <meta name="text:link 1 title" content=""/>
  91. <meta name="text:link 2" content=""/>
  92. <meta name="text:link 2 title" content=""/>
  93. <meta name="text:link 3" content=""/>
  94. <meta name="text:link 3 title" content=""/>
  95. <meta name="text:side message" content="message here"/>
  96.  
  97. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  98.  
  99. <style type="text/css">
  100.  
  101. {block:iftinymouse}
  102. body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
  103. {/block:iftinymouse}
  104.  
  105.  
  106. @font-face { font-family: "kingcoolkc"; src: url('http://static.tumblr.com/4yxykdm/wmVlrea61/king_cool_kc_1_.ttf'); }
  107.  
  108. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  109.  
  110. @font-face {font-family: "Meow";src: url( 'http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf') format("truetype");}
  111.  
  112.  
  113. body {
  114. margin:0px;
  115. background-color: {color:Background};
  116. background-image:url({image:Background});
  117. background-attachment: fixed;
  118. background-repeat: repeat;}
  119. body, div, p, textarea, submit, input{
  120. font-family: tinytots;
  121. font-size: 8px;
  122. line-height:12px;
  123. letter-spacing:1px;
  124. color:{color:Text};
  125. }
  126.  
  127. a:link, a:active, a:visited{
  128. color: {color:links};
  129. text-decoration: none;
  130. -webkit-transition: color 0.3s ease-out;
  131. -moz-transition: color 0.3s ease-out;
  132. transition: color 0.3s ease-out;
  133. }
  134.  
  135. a:hover {
  136. color:{color:hover};
  137. text-shadow: 1px 3px 10px;
  138. {block:ifspacehover}
  139. letter-spacing:3px;
  140. {/block:ifspacehover};
  141. }
  142.  
  143. div#cage{
  144. margin:auto;
  145. position:relative;
  146. width:1000px;
  147. overflow:auto;
  148. overflow-y:hidden;
  149. }
  150.  
  151. div#content{
  152. margin-top: 10px;
  153. margin-left:280px;
  154. width:auto;
  155. height:auto;
  156. margin-bottom:20px;
  157. {block:ifroundedcorners}
  158. border-radius:5px;
  159. {/block:ifroundedcorners};
  160. }
  161.  
  162. div#entry{
  163. float: left;
  164. overflow:hidden;
  165. overflow-y:hidden;
  166. {block:IndexPage}
  167. {block:iftwocolumnposts}
  168. width:300px;
  169. height:200px;
  170. {/block:iftwocolumnposts}
  171. {block:ifthreecolumnposts}
  172. width:200px;
  173. height:150px;
  174. {/block:ifthreecolumnposts}
  175. border:2px solid white;
  176. margin:3px;
  177. {/block:IndexPage}
  178. {block:PermalinkPage}
  179. width:604px;
  180. height:auto;
  181. margin:3px;
  182. padding:5px;
  183. {/block:PermalinkPage}
  184. {block:ifroundedcorners}
  185. border-radius:10px;
  186. {/block:ifroundedcorners};
  187. background-color:#ffffff;
  188. }
  189.  
  190.  
  191. .navigate {
  192. width:auto;
  193. height:auto;
  194. font-size:18px;
  195. letter-spacing:6px;
  196. font-family: 'kingcoolkc';
  197. color:{color:links};
  198. line-height:14px;
  199. border-top-right-radius:5px;
  200. border-bottom-right-radius:5px;
  201. border-top-left-radius:5px;
  202. border-bottom-left-radius:5px;
  203. display: inline-block;
  204. text-align: left;
  205. }
  206.  
  207. .navigate:hover {
  208. background-color:{color:navigation dsfsdad};
  209. border-color:#4b4b4b;
  210. font-family: kingcoolkc;
  211. font-size: 20px;
  212. color:{color:navigation hover text};
  213. border-bottom-right-radius:0px;
  214. border-top-right-radius:0px;
  215. border-top-left-radius:0px;
  216. border-bottom-left-radius:0px;
  217. letter-spacing:3px;
  218. text-shadow: 4px 1px 10px;
  219. shadow-color: white;
  220. text-decoration: italics;
  221. -webkit-transition: opacity 0.2s linear; opacity: 0.9;
  222. -webkit-transition: all 0.2s linear;
  223. -moz-transition: all 0.2s linear;
  224. transition: all 0.2s linear;
  225. }
  226.  
  227. #entry .perma a{
  228. color:{color:permalink};}
  229.  
  230. #entry .perma{
  231. width:auto;
  232. height:auto;
  233. position: absolute;
  234. border:1px solid;
  235. border-radius:0px;
  236. border-color: transparent;
  237. font-family: kingcoolkc;
  238. color:{color:permalink};
  239. font-size: 20px;
  240. -webkit-transition-duration: 0.5s;
  241. line-height: 8px;
  242. text-align: center;
  243. overflow:hidden;
  244. opacity: 0.0;
  245. background-color:transparent;
  246. padding: 5px;
  247. margin-left:0px;
  248. }
  249.  
  250. #entry:hover .perma{
  251. overflow:visible;
  252. opacity: 0.3;
  253. -webkit-transition: opacity 0.2s linear; opacity: 0.9;
  254. -webkit-transition: all 0.2s linear;
  255. -moz-transition: all 0.2s linear;
  256. transition: all 0.2s linear;
  257. }
  258.  
  259.  
  260. div#sidebar{
  261. position:fixed !important;
  262. width: 150px;
  263. height:10px;
  264. height:auto;
  265. margin-top:50px;
  266. margin-left:10px;
  267. padding: 3px;
  268. line-height:20px;
  269. letter-spacing:0px;
  270. background-color:{color:boxes};
  271. {block:ifroundedborders}
  272. border-radius: 10px;
  273. {/block:ifroundedborders};
  274. }
  275.  
  276. div#sidemessage{
  277. position:fixed !important;
  278. width: auto;
  279. height: auto;
  280. margin-top: 290px;
  281. margin-left: 900px;
  282. background-color: transparent;
  283. font-family: "kingcoolkc";
  284. font-size: 50px;
  285. line-height: 45px;
  286. text-align: center;
  287. text-shadow: 1px 1px 10px #888;
  288. -webkit-transform: rotate(90deg);
  289. -moz-transform: rotate(90deg);    
  290. }
  291.  
  292.  
  293. div#meow{
  294. position:fixed !important;
  295. width:145px;
  296. height:auto;
  297. background-color:{color:boxes};
  298. font-family: stars;
  299. font-size:12px;
  300. border: 1px solid white;
  301. line-height:20px;
  302. margin-top:250px;
  303. margin-bottom:20px;
  304. margin-left:10px;
  305. padding-top:5px;
  306. padding-bottom:5px;
  307. padding-left:5px;
  308. padding-right:5px;
  309. text-align:center;
  310. {block:ifroundedborders}
  311. border-radius: 10px;
  312. {/block:ifroundedborders};
  313. }
  314.  
  315. div#kredzzz{
  316. position:fixed !important;
  317. width:30px;
  318. height:16px;
  319. margin-top:0px;
  320. margin-left:-115px;
  321. background-color: white;
  322. font-family:tinytots;
  323. font-size:8px;
  324. line-height:10px;
  325. padding-top:2px;
  326. padding-bottom:2px;
  327. padding-left:2px;
  328. padding-right:2px;
  329. text-align:center;
  330. {block:ifroundedborders}
  331. border-radius:3px;
  332. {/block:ifroundedborders};
  333. }
  334.  
  335. #postnotes{
  336. text-align: justify;}
  337.  
  338. #postnotes blockquote{
  339. border: 0px;}
  340.  
  341. .title{
  342. font-family: kingcoolkc;
  343. font-size: 16px;
  344. line-height: 16px;
  345. color: {color:Titles};
  346. letter-spacing: 0px;
  347. font-weight: normal;
  348. padding:0px 0px 0px 0px;
  349. }
  350.  
  351. .blogtitle{
  352. font-family: kingcoolkc;
  353. font-size: 30px;
  354. line-height: 20px;
  355. color: {color:Titles};
  356. letter-spacing: 0px;
  357. font-weight: normal;
  358. padding:0px 0px 0px 0px;
  359. }
  360.  
  361.  
  362. .video embed, .post div.video object {width:350px !important; height:180px !important;}
  363.  
  364. blockquote{
  365. padding:0px 0px 2px 5px;
  366. margin:0px 0px 2px 1px;
  367. border-left: 1px dotted #555555;
  368. }
  369.  
  370. blockquote p, ul{
  371. margin:0px;
  372. padding:0px;
  373. }
  374.  
  375.  
  376. a img{border: 0px;}
  377.  
  378. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  379.  
  380. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  381. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  382.  
  383. .notes img{width:10px; position:relative; top:3px;}
  384.  
  385. .permalink{
  386. display: block;
  387. font-size: 10px;
  388. text-align: right;
  389. text-decoration: none;
  390. }
  391.  
  392. </style>
  393.  
  394. <link rel="shortcut icon" href="{Favicon}" />
  395. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  396. <meta name="viewport" content="width=820" />
  397. {block:ifrainbowhover}
  398. <script type='text/javascript'>
  399. //<![CDATA[
  400. var rate = 50;
  401. if (document.getElementById)
  402. window.onerror=new Function("return true")
  403.  
  404. var objActive; // The object which event occured in
  405. var act = 0; // Flag during the action
  406. var elmH = 0; // Hue
  407. var elmS = 128; // Saturation
  408. var elmV = 255; // Value
  409. var clrOrg; // A color before the change
  410. var TimerID; // Timer ID
  411. if (document.all) {
  412. document.onmouseover = doRainbowAnchor;
  413. document.onmouseout = stopRainbowAnchor;
  414. }
  415. else if (document.getElementById) {
  416. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  417. document.onmouseover = Mozilla_doRainbowAnchor;
  418. document.onmouseout = Mozilla_stopRainbowAnchor;
  419. }
  420. function doRainbow(obj)
  421. {
  422. if (act == 0) {
  423. act = 1;
  424. if (obj)
  425. objActive = obj;
  426. else
  427. objActive = event.srcElement;
  428. clrOrg = objActive.style.color;
  429. TimerID = setInterval("ChangeColor()",100);
  430. }
  431. }
  432. function stopRainbow()
  433. {
  434. if (act) {
  435. objActive.style.color = clrOrg;
  436. clearInterval(TimerID);
  437. act = 0;
  438. }
  439. }
  440. function doRainbowAnchor()
  441. {
  442. if (act == 0) {
  443. var obj = event.srcElement;
  444. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  445. obj = obj.parentElement;
  446. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  447. break;
  448. }
  449. if (obj.tagName == 'A' && obj.href != '') {
  450. objActive = obj;
  451. act = 1;
  452. clrOrg = objActive.style.color;
  453. TimerID = setInterval("ChangeColor()",100);
  454. }
  455. }
  456. }
  457. function stopRainbowAnchor()
  458. {
  459. if (act) {
  460. if (objActive.tagName == 'A') {
  461. objActive.style.color = clrOrg;
  462. clearInterval(TimerID);
  463. act = 0;
  464. }
  465. }
  466. }
  467. function Mozilla_doRainbowAnchor(e)
  468. {
  469. if (act == 0) {
  470. obj = e.target;
  471. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  472. obj = obj.parentNode;
  473. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  474. break;
  475. }
  476. if (obj.nodeName == 'A' && obj.href != '') {
  477. objActive = obj;
  478. act = 1;
  479. clrOrg = obj.style.color;
  480. TimerID = setInterval("ChangeColor()",100);
  481. }
  482. }
  483. }
  484. function Mozilla_stopRainbowAnchor(e)
  485. {
  486. if (act) {
  487. if (objActive.nodeName == 'A') {
  488. objActive.style.color = clrOrg;
  489. clearInterval(TimerID);
  490. act = 0;
  491. }
  492. }
  493. }
  494. function ChangeColor()
  495. {
  496. objActive.style.color = makeColor();
  497. }
  498. function makeColor()
  499. {
  500. // Don't you think Color Gamut to look like Rainbow?
  501. // HSVtoRGB
  502. if (elmS == 0) {
  503. elmR = elmV; elmG = elmV; elmB = elmV;
  504. }
  505. else {
  506. t1 = elmV;
  507. t2 = (255 - elmS) * elmV / 255;
  508. t3 = elmH % 60;
  509. t3 = (t1 - t2) * t3 / 60;
  510. if (elmH < 60) {
  511. elmR = t1; elmB = t2; elmG = t2 + t3;
  512. }
  513. else if (elmH < 120) {
  514. elmG = t1; elmB = t2; elmR = t1 - t3;
  515. }
  516. else if (elmH < 180) {
  517. elmG = t1; elmR = t2; elmB = t2 + t3;
  518. }
  519. else if (elmH < 240) {
  520. elmB = t1; elmR = t2; elmG = t1 - t3;
  521. }
  522. else if (elmH < 300) {
  523. elmB = t1; elmG = t2; elmR = t2 + t3;
  524. }
  525. else if (elmH < 360) {
  526. elmR = t1; elmG = t2; elmB = t1 - t3;
  527. }
  528. else {
  529. elmR = 0; elmG = 0; elmB = 0;
  530. }
  531. }
  532. elmR = Math.floor(elmR).toString(16);
  533. elmG = Math.floor(elmG).toString(16);
  534. elmB = Math.floor(elmB).toString(16);
  535. if (elmR.length == 1) elmR = "0" + elmR;
  536. if (elmG.length == 1) elmG = "0" + elmG;
  537. if (elmB.length == 1) elmB = "0" + elmB
  538. elmH = elmH + rate;
  539. if (elmH >= 360)
  540. elmH = 0;
  541. return '#' + elmR + elmG + elmB;
  542. }
  543. //]]>
  544. </script>
  545. {/block:ifrainbowhover}
  546.  
  547. </head>
  548. <body>
  549.  
  550. {block:ifshadowhover}<style type="text/css">a:hover {
  551. color:{color:shadow hover};
  552. text-decoration: none;
  553. font-style: none;
  554. text-shadow:0px 0px 5px; color:{color:shadow};}</style>{/block:ifshadowhover}
  555.  
  556. <div id="cage">
  557.  
  558. <div id="sidebar">
  559. <center>
  560. {block:ifshowtitle}<span class=blogtitle><a href="/">
  561. {Title}
  562. </a></span><br>{/block:ifshowtitle}<p>
  563. {block:ifshowphoto}<img src="{image:sidebar}" width=150px; height="125px">{/block:ifshowphoto}<p>
  564. {Description}
  565. {block:ifshowarrows}
  566. <BR>
  567. <BR>
  568. {block:PreviousPage}<a href="{PreviousPage}"><font size="3"><b>&larr;</b></font></a>{/block:PreviousPage}
  569. {block:NextPage}<a href="{NextPage}"><font size="3"><b>&rarr;</b></font></a>{/block:NextPage}
  570. {/block:ifshowarrows}
  571. {block:ifinfinitescrolling}{/block:ifinfinitescrolling}
  572. </div>
  573.  
  574. <div id="meow">
  575. <div class="navigate">
  576. <a href="/">home</a>
  577. </div>
  578. <p>
  579. <div class="navigate">
  580. <a href="/ask">ask</a>
  581. </div>
  582. <p>
  583. <div class="navigate">
  584. <a href="{text:link 1}">{text:link 1 title}</a>
  585. </div>
  586. <p>
  587. <div class="navigate">
  588. <a href="{text:link 2}">{text:link 2 title}</a>
  589. </div>
  590. <p>
  591. <div class="navigate">
  592. <a href="{text:link 3}">{text:link 3 title}</a>
  593. </div>
  594. </div>
  595.  
  596. <div id="kredzzz">
  597. <a href="http://www.k-ttycat.tumblr.com/">theme</a>
  598. </div>
  599.  
  600. {block:ifshowsidemessage}
  601. <div id="sidemessage"><span id="bubble">{text:side message}</span></div>
  602. {/block:ifshowsidemessage}
  603.  
  604.  
  605. <div id="content">
  606. {block:Posts}
  607. <div id="entry">
  608.  
  609. {block:IndexPage}
  610. <div class="perma">
  611. <a href="{permalink}">{NoteCountWithLabel}</a> &nbsp;<a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  612. {/block:IndexPage}
  613.  
  614. {block:Text}
  615. {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span><br>{/block:Title}
  616. <span class="entrytext">{Body}</span>{/block:Text}
  617.  
  618. {block:Link}
  619. <a href="{URL}" class="title"><a href="{permalink}">{Name}</a></a><br>
  620. {block:Description}{Description}{/block:Description}
  621. {block:Link}
  622.  
  623. {block:Photo}
  624. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=350px/></a>{LinkCloseTag}
  625. {/block:Photo}
  626.  
  627.  
  628. {block:Quote}
  629. <a href="{permalink}">{Quote}</a></span>
  630. {block:Source}<strong>{Source}</strong>{/block:Source}
  631. {/block:Quote}
  632.  
  633. {block:Chat}
  634. {block:Title}<span class="title"><a href="{permalink}">{Title}</a></span>{/block:Title}
  635. <ul class="chat">
  636. {block:Lines}
  637. <li class="user_{UserNumber}">
  638. {block:Label}
  639. <span class="label">{Label}</span>
  640. {/block:Label}
  641.  
  642. {Line}
  643. </li>
  644. {/block:Lines}
  645. {/block:Chat}
  646.  
  647.  
  648. {block:Audio}
  649. <center><a href="{permalink}"><div style="width:220px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;"></a>
  650. {FormattedPlayCount} plays {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  651. {/block:Audio}
  652.  
  653. {block:Video}<center>
  654. <div class="video"><a href="{permalink}">{Video-400}</a></div></center>
  655. {block:Video}
  656.  
  657. {block:PermalinkPage}<center>{block:ifshowcaption}{block:Caption}{block:ifshowcaption}{Caption}{/block:ifshowcaption}{/block:Caption}{/block:ifshowcaption}{block:NoteCount}{block:ifshownotecount}{NoteCountWithLabel}{block:ifshownotecount}{/block:NoteCount}</center>{/block:PermalinkPage}
  658.  
  659. {block:PostNotes}{block:ifshownotes}<BR><BR>{PostNotes}{/block:ifshownotes}
  660. {/block:PostNotes}
  661. </div>
  662.  
  663. {/block:Posts}
  664. {block:ifshowarrows}{/block:ifshowarrows}
  665. </center>
  666. </div></div>
  667.  
  668. </div>
  669. </center>
  670. </body>
  671. </html
create a new version of this paste RAW Paste Data