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

Theme 9 - themesbycaralinaandnancy

By: a guest on Apr 16th, 2012  |  syntax: None  |  size: 11.32 KB  |  hits: 104  |  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 by F4by, edited by hor4ny.
  3.  
  4. Please don't remove
  5. the credit, thank you!
  6.  
  7.  
  8. --->
  9.  
  10.  
  11. <head>
  12.  
  13. <html lang="en">
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17.  
  18.  
  19.  
  20.  
  21. <div style="position:fixed;left:0px;top:0px;"><a href="http://themesbycaralinaandnancy.tumblr.com">credit</a></div>
  22.  
  23.  
  24.  
  25. <title>{title}</title>
  26.  
  27. <script type="text/javascript">
  28. // <![CDATA[
  29. var bgcolour="{color:sidebanner 2}"; // background colour
  30. var fgcolour="{color:sidebanner 1}"; // foreground colour
  31. var speed=100; // speed of bubbling, lower is faster
  32. var shades=10; // number of shades of bubble
  33.  
  34. /****************************
  35. * Bubbling Text Effect *
  36. *(c) 2003-6 mf2fm web-design*
  37. * http://www.mf2fm.com/rv *
  38. * DON'T EDIT BELOW THIS BOX *
  39. ****************************/
  40. var bubbcol=new Array();
  41. var bubbler, bubbtxt;
  42. var bubbchr=new Array();
  43. window.onload=function() { if (document.getElementById) {
  44. for (bubbler=0; bubbler<=shades; bubbler++) {
  45. bubbtxt="#";
  46. for (var i=1; i<6; i+=2) {
  47. var bg=parseInt(bgcolour.substring(i,i+2),16);
  48. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  49. }
  50. bubbcol[bubbler+1]=bubbtxt;
  51. }
  52. bubbler=document.getElementById("bubble");
  53. bubbtxt=bubbler.firstChild.nodeValue;
  54. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  55. for (var i=0; i<bubbtxt.length; i++) {
  56. var bubbi=document.createElement("span");
  57. bubbi.setAttribute("id", "bubb"+i);
  58. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  59. bubbler.appendChild(bubbi);
  60. }
  61. bubbler=setInterval ("bubbling()", speed);
  62. }}
  63.  
  64. function dechex(dec) {
  65. var hex=dec.toString(16);
  66. if (dec<16) return "0"+hex;
  67. else return hex;
  68. }
  69.  
  70. function bubbling() {
  71. for (var i=0; i<bubbtxt.length; i++) {
  72. var bubbme=document.getElementById("bubb"+i);
  73. if (bubbchr[i]) {
  74. bubbme.style.color=bubbcol[bubbchr[i]];
  75. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  76. }
  77. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  78. }
  79. }
  80. // ]]>
  81. </script>
  82. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  83.  
  84.  
  85.  
  86. <meta name="color:background" content="#FFC2DA"/>
  87. <meta name="color:text" content="#000"/>
  88. <meta name="color:title" content="#000"/>
  89. <meta name="color:text shadow" content="#ffffff"/>
  90. <meta name="color:link" content="#777"/>
  91. <meta name="color:hover" content="#CCCCCC"/>
  92. <meta name="image:sidebar" content="http://i42.tinypic.com/168sahg.jpg"/>
  93. <meta name="image:Background" content=""/>
  94. <meta name="if:show photo" content="1"/>
  95. <meta name="if:tiny scrollbar" content="1"/>
  96. <meta name="if:Font 1" content="1"/>
  97. <meta name="if:Font 2" content="0"/>
  98. <meta name="if:Font 3" content="0"/>
  99. <meta name="text:link one" content="" />
  100. <meta name="text:link one title" content="Link 1" />
  101. <meta name="text:link two" content="" />
  102. <meta name="text:link two title" content="Link 2" />
  103. <meta name="text:link three" content="" />
  104. <meta name="text:link three title" content="Link 3" />
  105. <meta name="text:link four" content="" />
  106. <meta name="text:link four title" content="Link 4" />
  107.  
  108.  
  109.  
  110.  
  111. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  112.  
  113. <style type="text/css">
  114.  
  115. iframe#tumblr_controls{position:fixed !important;}
  116.  
  117. {block:iftinyscrollbar}
  118. ::-webkit-scrollbar {width: 5px; height: 4px; background: {color:background}; }
  119. ::-webkit-scrollbar-thumb { background-color: #AAAAAA; border: 0px solid #fff;}
  120. {/block:iftinyscrollbar}
  121.  
  122. @font-face {
  123. font-family: "tinytots";
  124. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  125. }
  126.  
  127. @font-face {
  128. font-family: "soymilk";
  129. src: url('http://static.tumblr.com/nsunyax/wb6lzyz3n/denne-soymilk.ttf');
  130. }
  131.  
  132. @font-face {
  133. font-family: "cutiepop";
  134. src: url('http://static.tumblr.com/nsunyax/YPglzyz4r/cutiepop.ttf');
  135. }
  136.  
  137. @font-face {
  138. font-family: "loved by the king";
  139. src: url('http://static.tumblr.com/nsunyax/W4Alzyz56/loved_by_the_king.ttf');
  140. }
  141.  
  142. @font-face {
  143. font-family: "nayu pixel";
  144. src: url('http://static.tumblr.com/nsunyax/2zhlyudbt/nayupixel.ttf');
  145. }
  146.  
  147. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  148.  
  149. #bite
  150. #bite a{
  151. display:block
  152. }
  153. #bite .death {
  154. margin-top:-40px;filter: alpha(opacity = 0);
  155. opacity:0;-webkit-transition: all 0.5s ease-out;
  156. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  157. }
  158.  
  159. #bite:hover .death {
  160. margin-top:2px;
  161. -webkit-transition: all 0.8s ease-out;
  162. -moz-transition: all 0.8s ease-out;
  163. transition: all 0.8s ease-out;
  164. filter: alpha(opacity = 100);
  165. filter: alpha(opacity = 100);
  166. opacity:100;
  167. }
  168.  
  169.  
  170.  
  171. body{
  172. margin:0px;
  173. background-color: {color:Background};
  174. background-image:url({image:Background});
  175. background-attachment: fixed; background-repeat: repeat;
  176. font-family: "short stack";
  177. font-size: 10px;
  178. line-height:11px;
  179. color:{color:Text};
  180. }
  181.  
  182. p {
  183. margin:0px; margin-top:0px;
  184. }
  185.  
  186. a:link, a:active, a:visited{
  187. color: {color:Link};
  188. text-decoration: none;
  189. -webkit-transition: color 0.3s ease-out;
  190. -moz-transition: color 0.3s ease-out;
  191. transition: color 0.3s ease-out;
  192. }
  193.  
  194. a:hover {
  195. color:{color:Hover};
  196. text-decoration: none;
  197. font-style: none;
  198. text-shadow:1px 1px 5px #888;
  199. }
  200.  
  201. div#center{
  202. margin:auto;
  203. position:relative;
  204. width:900px;
  205. background-color:;
  206. overflow:auto;
  207. overflow-y:hidden;
  208. }
  209.  
  210. div#content{
  211. float:right;
  212. width:500px;
  213. padding: 0px;
  214. background-color: transparent;
  215. margin-right: 272px;
  216. margin-top: 5px;
  217. }
  218.  
  219. div#entry{
  220. background-color:;
  221. margin-bottom: 0px;
  222. padding:0px;
  223. }
  224.  
  225. .permalink{
  226. color:{color:links};
  227. display:block;
  228. margin-left: -10px;
  229. position: absolute;
  230. text-align: right;
  231. }
  232.  
  233.  
  234. div.permalinkphoto{
  235. text-align: right;
  236. display:block;
  237. background-color: {color:background permalink};
  238. margin-bottom:1px;
  239. letter-spacing:0px;
  240. padding:1px;
  241. padding-top:2px;
  242. }
  243.  
  244.  
  245. div#sidebar{
  246. position:fixed !important;
  247. width: 220px;
  248. height: auto;
  249. margin-top: 150px;
  250. margin-left: 630px;
  251. padding:10px 2px 0px 2px;
  252. line-height:11px;
  253. letter-spacing:0px;
  254. margin-bottom: 6px;
  255. background-color: transparent;
  256. }
  257.  
  258. div#sidebanner{
  259. position:fixed !important;
  260. width: auto;
  261. height: auto;
  262. margin-top: 250px;
  263. margin-left: 670px;
  264. background-color: transparent;
  265. {block:iffont1}
  266. font-family: "soymilk";
  267. font-size: 115px;
  268. line-height: 50px;
  269. {/block:iffont1}
  270. {block:iffont2}
  271. font-family: "cutiepop";
  272. font-size: 60px;
  273. line-height: 50px;
  274. {/block:iffont2}
  275. {block:iffont3}
  276. font-family: "loved by the king";
  277. font-size: 40px;
  278. line-height: 50px;
  279. {/block:iffont3}
  280. text-align: center;
  281. text-shadow: 1px 1px 10px #888;
  282. -webkit-transform: rotate(90deg);
  283. -moz-transform: rotate(90deg); 
  284. }
  285.  
  286. #credit a{
  287. color:#000 !important;
  288. }
  289. #credit{
  290. font-family: "nayu pixel";
  291. font-size: 10px;
  292. line-height:10px;
  293. position:fixed !important;
  294. width:auto;
  295. height:auto;
  296. background-color: transparent;
  297. padding: 3px;
  298. left:1px;
  299. bottom:1px;
  300. }
  301.  
  302. #postnotes{
  303. text-align: justify;}
  304.  
  305. #postnotes blockquote{
  306. border: 0px;}
  307.  
  308. .title{
  309. {block:iffont1}
  310. font-family: "soymilk";
  311. font-size: 40px;
  312. line-height: 15px;
  313. {/block:iffont1}
  314. {block:iffont2}
  315. font-family: "cutiepop";
  316. font-size: 15px;
  317. line-height: 15px;
  318. {/block:iffont2}
  319. {block:iffont3}
  320. font-family: "loved by the king";
  321. font-size: 20px;
  322. line-height: 15px;
  323. {/block:iffont3}
  324. color: {color:Title};
  325. letter-spacing: 0px;
  326. font-weight: normal;
  327. padding:0px 0px 0px 0px;
  328. }
  329.  
  330. .video embed, .post div.video object {width:400px !important; height:180px !important;}
  331.  
  332. blockquote{
  333. padding:0px 0px 2px 5px;
  334. margin:0px 0px 2px 1px;
  335. border-left: 1px solid #000;
  336. }
  337.  
  338. blockquote p, ul{
  339. margin:0px;
  340. padding:0px;
  341. }
  342.  
  343.  
  344. a img{border: 0px;}
  345.  
  346. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  347.  
  348. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  349. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  350.  
  351. .notes img{width:10px; position:relative; top:3px;}
  352.  
  353. #entry .perma{
  354. width:500px;
  355. position: absolute; ;
  356. line-height: 10px;
  357. font-size:10px;
  358. text-align: center;
  359. overflow:hidden;
  360. opacity: 0.0;
  361. background-color:white;
  362. margin-left:0px;
  363. margin-top: 0px;
  364. padding:0px;
  365.  
  366. }
  367.  
  368. #entry:hover .perma{
  369. overflow:visible;
  370. height: auto;
  371. padding-top: 1px;
  372. padding-bottom: 1px;
  373. opacity: 1;
  374. -webkit-transition: opacity 0.2s linear;
  375. -webkit-transition: all 0.2s linear;
  376. -moz-transition: all 0.2s linear;
  377. transition: all 0.2s linear;
  378. opacity: 0.8;
  379. }
  380.  
  381.  
  382. {CustomCSS}
  383.  
  384. </style>
  385.  
  386. <link rel="shortcut icon"href="{favicon}">
  387. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  388. <meta name="viewport" content="width=820" />
  389.  
  390. </head>
  391. <body>
  392.  
  393. <div id="cage">
  394. <div id="center">
  395. <div id="sidebar">
  396. {block:ifshowphoto}<center><a href="{text:Link One}">{text:Link One Title}</a> <img src="http://i98.photobucket.com/albums/l256/SoccerE92/myspace/ht13.gif"> <a href="{text:Link Two}">{text:Link Two Title}</a> <img src="http://i98.photobucket.com/albums/l256/SoccerE92/myspace/ht13.gif"> <a href="{text:Link Three}">{text:Link Three Title}</a> <img src="http://i98.photobucket.com/albums/l256/SoccerE92/myspace/ht13.gif"> <a href="{text:Link Four}">{text:Link Four Title}</a>  </center><a href="/"><img src="{image:sidebar}" width=100% border radius: 3px></a>{/block:ifshowphoto}<br>
  397. <div style="font-family:meow; font-size:20px;line-height:20px;border-bottom:1px dashed {color:link};">{title}</div><center>{description}</center>
  398. </div>
  399.  
  400.  
  401.  
  402.  
  403.  
  404. <div id="content">
  405. {block:Posts}
  406. <div id="entry">
  407.  
  408. {block:IndexPage}
  409. <div class="perma">
  410. <a href="{permalink}">{notecount} notes</a> <img src="http://i98.photobucket.com/albums/l256/SoccerE92/myspace/ht13.gif"> <a href="{ReblogURL}"> reblog <img src="http://i98.photobucket.com/albums/l256/SoccerE92/myspace/ht13.gif"></a> <a href="{permalink}">{TimeAgo}</a></span></div>
  411. {/block:IndexPage}
  412.  
  413. {block:Text}
  414. {block:Title}<span class="title">{Title}</span><br>{/block:Title}
  415. <span class="entrytext">{Body}</span>{/block:Text}
  416.  
  417. {block:Link}
  418. <a href="{URL}" class="title">{Name}</a><br>
  419. {block:Description}{Description}{/block:Description}
  420. {block:Link}
  421.  
  422. {block:Photo}
  423. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%/>{LinkCloseTag}
  424. {/block:Photo}
  425.  
  426. {block:Photoset}<center>
  427. {Photoset-400}</center>{Caption}
  428. {/block:Photoset}
  429.  
  430.  
  431. {block:Quote}
  432. {Quote}</span>
  433. {block:Source}<strong>{Source}</strong>{/block:Source}
  434. {/block:Quote}
  435.  
  436. {block:Chat}
  437. {block:Title}<span class="title">{Title}</span>{/block:Title}
  438. <ul class="chat">
  439. {block:Lines}
  440. <li class="user_{UserNumber}">
  441. {block:Label}
  442. <span class="label">{Label}</span>
  443. {/block:Label}
  444. {Line}
  445. </li>
  446. {/block:Lines}
  447. {/block:Chat}
  448.  
  449.  
  450. {block:Audio}
  451. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">{block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  452. {/block:Audio}
  453.  
  454. {block:Video}<center>
  455. {Video-400}</center><p>{caption}
  456. {block:Video}
  457.  
  458. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}<center>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br />{block:HasTags}Tags: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  459.  
  460. {block:PostNotes}{PostNotes}
  461. {/block:PostNotes}
  462. </div>
  463.  
  464. {/block:Posts}
  465.  
  466. </center>
  467. </div>
  468. </body>
  469.  
  470.  
  471.  
  472. </html>
create a new version of this paste RAW Paste Data