Advertisement
tr0mb

Tardis Theme

Jun 11th, 2013
95
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 31.79 KB | None | 0 0
  1. <!-
  2. this theme was made by alluringtrust :)
  3. thanks.
  4. -!>
  5.  
  6. <html lang="en">
  7.  
  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://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.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.  
  41. </script>
  42. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  43. <meta name="color:Background" content="#ffffff"/>
  44. <meta name="color:Title" content="#292929"/>
  45. <meta name="color:Text" content="#363636"/>
  46. <meta name="color:Link" content="#C29B9B"/>
  47. <meta name="color:scrollbar" content="#727272"/>
  48. <meta name="color:text shadow" content="#aaaaaa"/>
  49. <meta name="color:Sidebar Title" content="#ffffff"/>
  50. <meta name="color:Hover" content="#ddd"/>
  51. <meta name="color:Borders" content="#ddd">
  52. <meta name="color:Long Background border" content="#b1b0b1">
  53. <meta name="image:Background" content=""/>
  54. <meta name="image:Sidebar" content=""/>
  55. <meta name="image:posts background" content=""/>
  56. <meta name="text:Sidebar Title" content="Misery"/>
  57. <meta name="text:Underbar Title" content="Misery"/>
  58. <meta name="text:Link One Title" content="link 1" />
  59. <meta name="text:Link One" content="" />
  60. <meta name="text:Link Two Title" content="link 2"/>
  61. <meta name="text:Link Two" content="" />
  62. <meta name="text:Link Three Title" content="link 3"/>
  63. <meta name="text:Link Three" content="" />
  64.  
  65. </script>
  66.  
  67. <style type="text/css">
  68.  
  69. .popup_block{
  70. -webkit-animation: fly 3s linear normal ;
  71. -webkit-animation-duration: 3s;
  72. -moz-animation: fly 3s linear normal ;
  73. -moz-animation-duration: 3s;
  74. animation: fly 3s linear normal ;
  75. animation-duration: 3s;
  76. border-radius: 10px;
  77. display: none; /*--hidden by default--*/
  78. background: #fff;
  79. padding: 10px;
  80. border: 6px solid {color:sidebar background};
  81. float: left;
  82. font-size: 22px;
  83. letter-spacing:0.5px;
  84. line-height: 22px;
  85. position: fixed;
  86. top: 50%; left: 50%;
  87. z-index: 99999;
  88. /*--CSS3 Box Shadows--*/
  89. -webkit-box-shadow: 0px 0px 20px #fff;
  90. -moz-box-shadow: 0px 0px 20px #fff};
  91. box-shadow: 0px 0px 20px #fff;
  92. /*--CSS3 Rounded Corners--*/
  93. -webkit-border-radius: 10px;
  94. -moz-border-radius: 10px;
  95. border-radius: 10px;
  96. color:#fff;
  97. }
  98. img.btn_close {
  99. float: right;
  100. margin: -5px -5px 0 0;
  101. }
  102. /*--Making IE6 Understand Fixed Positioning--*/
  103. *html #fade {
  104. position: absolute;
  105. }
  106. *html .popup_block {
  107. position: absolute;
  108. }
  109.  
  110. iframe#tumblr_controls {
  111. right:3px !important;
  112. top:3px !important;
  113. position: fixed !important;
  114. -webkit-transition: opacity 0.7s linear;
  115. opacity: 0.3;
  116. -webkit-transition: all 0.8s ease-out;
  117. -moz-transition: all 0.8s ease-out;
  118. transition: all 0.8s ease-out;
  119. }
  120.  
  121. iframe#tumblr_controls:hover {
  122. -webkit-transition: opacity 0.7s linear;
  123. opacity: 1;
  124. -webkit-transition: all 0.4s ease-out;
  125. -moz-transition: all 0.4s ease-out;
  126. transition: all 0.4s ease-out;
  127. }
  128.  
  129. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  130.  
  131. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  132.  
  133. body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
  134.  
  135. @font-face {
  136. font-family: "dawning";
  137. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  138. }
  139.  
  140. ::selection {
  141. background: #ffffff;
  142. color: #ffffff;
  143. }
  144.  
  145.  
  146. ::-moz-selection {
  147. background: #ffffff;
  148. color: #ffffff;
  149. }
  150.  
  151.  
  152. body{
  153. margin:5px;
  154. background-color: {color:Background};
  155. background-image:url({image:Background});
  156. background-attachment: fixed;
  157. background-repeat: repeat;
  158. font-size: 11px;
  159. font-family: happy monkey;
  160. line-height:12px;
  161. color:{color:Text};
  162. cursor:url(http://i.imgur.com/2qleX.jpg), progress;
  163. }
  164.  
  165. a:link, a:active, a:visited{
  166. color: {color:Link};
  167. text-decoration: none;
  168. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  169. }
  170.  
  171. a:hover{
  172. color:{color:Hover};
  173. text-decoration: none;
  174. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  175. text-shadow:0px 0px 2px {color:text shadow};
  176. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  177. }
  178.  
  179. #cunt{width:250px; height:auto;}
  180. {block:PermalinkPage}
  181. width:410px;
  182. {/block:PermalinkPage}
  183. }
  184.  
  185. #center{
  186. padding-top:3px;
  187. padding-bottom:3px;
  188. position:fixed !important;
  189. width:250px;
  190. height:207px;
  191. background-color:#fff;
  192. {block:PermalinkPage}
  193. width:410px;
  194. height:207px;
  195. {/block:PermalinkPage}
  196. }
  197.  
  198. #posts{
  199. float:left;
  200. {block:indexpage}
  201. width:580px;
  202. {/block:indexpage}
  203. {block:permalinkpage}
  204. width:500px;
  205. {/block:permalinkpage}
  206. margin-left: 480px;
  207. margin-top: 1px;
  208. }
  209.  
  210. #content {width:800px; margin:right}
  211.  
  212. #tardis {}
  213.  
  214. #box {position:fixed; bottom:30px; margin-left:20px; background-color:{color:Descrition BG}; width:220px; height:400px; border:20px #0A2047 solid; border-top:10px #0A2047 solid; border-bottom:10px #0A2047 solid; overflow:auto;}
  215.  
  216. #boxlight {position:fixed; bottom:538px; background-color: #fff; margin-left:136px; height:30px; width:24px; -webkit-border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px; border:3px #102A57 solid; border-top:8px #102A57 solid; border-bottom:none; overflow:auto;}
  217.  
  218. #boxbottom {position:fixed; bottom:0px; margin-left:-150px; background-color:#061B40; width:280px; height:30px; word-spacing:5px; letter-spacing:2px; color:#fff; font-family:'Economica'; font-size:14px; text-align:center; text-transform:uppercase; line-height:30px;}
  219. #boxbottom a {color:#3F7BE7}
  220.  
  221. #boxtop {position:fixed; bottom:450px; margin-left:5px; background-color:#000; width:270px; height:35px; border:10px #0A2047 solid; border-top:7px #0A2047 solid; border-bottom:8px #0A2047 solid; text-align:center; color:#fff; text-transform:uppercase; font-size:18px; line-height:35px; font-family:'Economica'; letter-spacing:1px; word-spacing:1px;}
  222.  
  223. #boxtopa {position:fixed; bottom:500px; margin-left:20px; background-color:#0C234D; width:260px; height:10px;}
  224. #boxtopb {position:fixed; bottom:510px; margin-left:30px; background-color:#0F2752; width:240px; height:10px;}
  225. #boxtopc {position:fixed; bottom:520px; margin-left:40px; background-color:#102A57; width:220px; height:10px;}
  226. #boxtopd {position:fixed; bottom:530px; margin-left:128px; background-color:#102A57; width:46px; height:8px;}
  227.  
  228. #boxleft {position:relative; bottom:388px; margin-left:-10px; background-color:#0F2C5E; width:100px; height:402px; border-right:10px #0A2047 solid;  -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out}
  229. #tardis:hover #boxleft {margin-left:-120px; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  230.  
  231. #boxright {position:relative; bottom:790px; margin-left:100px; background-color:#0F2C5E; width:100px; height:402px;  border-left:10px #0A2047 solid; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  232. #tardis:hover #boxright {margin-left:210px; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  233.  
  234. #windows {position:relative; top:17px; margin-left:15px; width:90px; height:80px;}
  235. #window {display:inline-block; margin-right:12px; margin-bottom:10px; background-color:#fff; width:15px; height:25px;}
  236.  
  237. #panels {position:relative; top:15px; margin-left:14px; width:90px; height:80px;}
  238. #panel {display:inline-block; margin-right:0px; margin-bottom:15px; background-color:#163D82; width:70px; height:84px;}
  239.  
  240. #boxdesc {position:fixed; margin-left:0px; margin-top:0px; padding:10px;background-color:#fff; width:200px; height:380px;}
  241.  
  242. #boxdescription {padding:0px; margin-top:10px; background-color:#fff; width:200px; text-align:justify; line-height:14px; color:{color:Description Text};}
  243.  
  244. #boximg img {width:220px; margin-top:-10px; margin-left:-10px;}
  245.  
  246. #sidelinks {position:relative; text-align:center; opacity:1; width:220px; overflow:hidden; margin-left:-10px; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; background-color:#0A2047; {block:ifSidebarImage}margin-top:-7px;{/block:ifSidebarImage}{block:ifNotSidebarImage}margin-top:-210px;{/block:ifNotSidebarImage}}
  247. #sidelinks a {font-family:'Economica'; line-height:25px; font-size:12px; text-transform:uppercase; margin-right:-3px; letter-spacing:10px; display:inline-block; width: auto; padding:5px 5px; height:20px; background-color: #0A2047; text-align: center; color: #fff;}
  248. #sidelinks a:hover {opacity: 0.7;}
  249.  
  250. #bottomlinks {position:fixed; bottom:40px; text-align:center; opacity:1; width:220px; overflow:hidden; margin-left:-10px; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; background-color:#163D82}
  251. #bottomlinks a {font-family:'Economica'; line-height:14px; font-size:12px; text-transform:uppercase; letter-spacing:2px; display:inline-block; width: 206px; padding:5px 7px; height:14px; background-color: #163D82; text-align: center; color: #fff;}
  252. #bottomlinks a:hover {color:#fff; background-color:#0A2047;}
  253.  
  254. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  255.  
  256. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  257.  
  258. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  259.  
  260. @font-face { font-family: "handy"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf'); }
  261.  
  262. @font-face {
  263. font-family: "Call Me";
  264. src: url("http://static.tumblr.com/j2nmv5m/yJSm69tse/kgcallmemaybe-skinny.ttf") format("truetype");
  265. }
  266.  
  267. p.custom_font {
  268. font-family: Call Me;
  269. }
  270.  
  271. @font-face {
  272.   font-family: 'Happy Monkey';
  273.   font-style: normal;
  274.   font-weight: 400;
  275.   src: local('Happy Monkey'), local('HappyMonkey-Regular'), url(http://themes.googleusercontent.com/static/fonts/happymonkey/v1/c2o0ps8nkBmaOYctqBq1rXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  276. }
  277.  
  278. @font-face { font-family: "demo"; src: url('http://static.tumblr.com/jdjsstr/Eq8m819c1/neou-thin_1_.ttf'); }
  279.  
  280. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  281.  
  282. @font-face { font-family: "simply"; src: url('http://static.tumblr.com/jdjsstr/39Mmbchtr/sierra_madre_1_.ttf'); }
  283.  
  284. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  285.  
  286. @font-face {font-family: "selfish"; src:url("http://static.tumblr.com/qlxyunb/fydmac3ep/selfish_.ttf")}
  287.  
  288. @font-face { font-family: "Abbeyline"; src: url('http://static.tumblr.com/pwgdr2n/RGcm3j4ne/abbeyline.ttf'); }
  289.  
  290. @font-face {font-family:"Bree"; src:url('http://static.tumblr.com/9wzbixa/YBvm26pgu/bree.ttf');}
  291.  
  292. @font-face {font-family: "Tall Films"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf');}
  293.  
  294. faqq {
  295. font-family: dawning;
  296. font-size:25px;
  297. color: {color:sidebar background};
  298. text-align: center;
  299. font-weight: normal;
  300. text-transform: normal;
  301. text-shadow: 2px 0px 7px #aaa;
  302. border-bottom: 0px solid #ddd;
  303. }
  304.  
  305.  
  306. div#music{
  307. position:fixed !important;
  308. width: auto;
  309. height: auto;
  310. bottom: 9px;
  311. left: 90px;
  312. background: transparent;
  313. }
  314.  
  315.  
  316. @font-face{
  317. font-family: 'pixel';
  318. font-style: normal;
  319. font-weight: normal;
  320. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  321.  
  322. @font-face { font-family: "bby"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf');}
  323.  
  324. @font-face { font-family: "gram"; src: url('http://static.tumblr.com/jdjsstr/vQrm800ez/neou-bold_1_.otf'); }
  325.  
  326. #entry .perma a{
  327. color:;}
  328.  
  329. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  330.  
  331. @font-face {font-family: "neou";src: url('http://static.tumblr.com/jdjsstr/tmCm6t649/neou-thin_1_.otf');}
  332.  
  333. #entry .perma a{
  334. color:;}
  335.  
  336. .permalink {
  337. display: block;
  338. border-top: 1px solid #ddd;
  339. padding: 3px;
  340. margin: 0px 8px 0px 8px;
  341. font-family: happy monkey;
  342. font-size: 10px;
  343. color: {color:link};
  344. line-height: 18px;
  345. text-align: center;
  346. text-decoration: none;
  347. -webkit-transition: color 0.9s ease-out;
  348. -moz-transition: color 0.9s ease-out;
  349. }
  350.  
  351. #entry .perma a{
  352. color: #aaa;
  353. -webkit-transition: color 0.9s ease-out;
  354. -moz-transition: color 0.9s ease-out;
  355. }
  356.  
  357.  
  358. #entry .perma{
  359. width:100px;
  360. height: 15px;
  361. font-family: happy monkey;
  362. position: absolute;
  363. border:2px solid {color:link};
  364. border-left: 0px;
  365. font-size: 11px;
  366. line-height: 12px;
  367. text-align: center;
  368. color: {color:link};
  369. overflow:hidden;
  370. opacity: 0.0;
  371. background-color: #fff;
  372. letter-spacing:0px;
  373. margin-top:5px;
  374. padding-top: 4px;
  375. margin-left: -55px;
  376. border-radius: 0px;
  377. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  378. -webkit-transition: all 0.5s linear;
  379. -moz-transition: all 0.5s linear;
  380. transition: all 0.5s linear;
  381. }
  382.  
  383. #entry:hover .perma{
  384. margin-top: 5px;
  385. margin-left: 0px;
  386. border-top-right-radius:20px;
  387. -moz-border-top-right-radius:20px;
  388. -webkit-border-top-right-radius:20px;
  389. border-bottom-right-radius:20px;
  390. -moz-border-bottom-right-radius:20px;
  391. -webkit-border-bottom-right-radius:20px;
  392. overflow:visible;
  393. -webkit-transition: all 0.5s linear; opacity: 0.9;
  394. -webkit-transition: all 0.5s linear;
  395. -moz-transition: all 0.5s linear;
  396. transition: all 0.5s linear;
  397. }
  398.  
  399. .permalinktext {
  400. display: block;
  401. padding-top: 3px;
  402. margin: 0px 0px 0px 0px;
  403. font-family: happy monkey;
  404. letter-spacing: 0px;
  405. font-size: 11px;
  406. color: {color:links};
  407. line-height: 12px;
  408. text-align: center;
  409. text-decoration: none;
  410. -webkit-transition: color 0.5s ease-out;
  411. -moz-transition: color 0.5s ease-out;
  412. border-top: 1px dashed #dcdcdc;
  413. }
  414.  
  415. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  416. .bubble p {margin:1px 0px;}
  417. .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 #eee;}
  418.  
  419. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  420.  
  421. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  422.  
  423. askk {
  424. font-family: happy monkey;
  425. color: {color:Title};
  426. font-size:25px;
  427. z-index:1;
  428. }
  429.  
  430. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  431. #postnotes{
  432. text-align: left;
  433. }
  434.  
  435. #postnotes blockquote{
  436. border: 0px;
  437. }
  438.  
  439. #entry{
  440. opacity: 1;
  441. font-family: happy monkey;
  442. font-size: 11px;
  443. line height: 12px;
  444. text-align:center;
  445. z-index:9999;
  446. float:left;
  447. width: 270px;
  448. height: auto;
  449. {block:PermalinkPage}
  450. width: 500px;
  451. height: auto;
  452. {/block:PermalinkPage}
  453. line-height:12px;
  454. background-color:#fff;
  455. padding:5px;
  456. padding-bottom: 4px;
  457. margin-right:6px;
  458. overflow:hidden;
  459. margin-bottom:6px;
  460. border: 2px solid #ddd;
  461. transition: all 0.9s ease-out;
  462. -o-transition-transition: all 0.9s ease-out;
  463. -webkit-transition: all 0.9s ease-out;
  464. -moz-transition: all 0.9s ease-out;
  465. }
  466.  
  467.  
  468. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  469.  
  470. #permapage{
  471. font-family: happy monkey;
  472. font-size: 11px;
  473. line-height: 12px;
  474. text-align: center;
  475. padding-bottom:10px;
  476. z-index:9999;}
  477.  
  478. .title{
  479. font-family: halohandletter;
  480. letter-spacing: 1px;
  481. font-size: 35px;
  482. line-height: 25px;
  483. text-shadow: 2px 0px 7px #aaa;
  484. color: {color:Title};
  485. font-weight: normal;
  486. padding: 2px 0px 0px 0px;
  487. }
  488.  
  489. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  490.  
  491. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  492.  
  493. @font-face { font-family: "halohandletter"; src: url('http://static.tumblr.com/loouiuu/Ttaloide6/halohandletter.ttf'); }
  494.  
  495. .blogtitle{
  496. font-family: beauty;
  497. font-size: 18px;
  498. line-height: 18px;
  499. color: {color:Link};
  500. font-weight: normal;
  501. }
  502.  
  503. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  504.  
  505. blockquote{
  506. padding:0px 0px 2px 3px;
  507. margin:0px 0px 2px 1px;
  508. }
  509. ul, ol, li{
  510. list-style:none;
  511. margin:0px;
  512. padding:0px;
  513. }
  514.  
  515. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  516. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  517. }
  518.  
  519. a.links {
  520. font-family: ruluko;
  521. font-size: 8px;
  522. line-height: 8px;
  523. text-transform: normal;
  524. letter-spacing:0px;
  525. display:block;
  526. padding: 0px;
  527. margin-bottom: 0px;
  528. }
  529.  
  530. a.links:hover {
  531. font-style: underline;
  532. text-decoration: none;
  533. letter-spacing:10px;
  534. }
  535.  
  536. </style>
  537. <title>{title}</title>
  538. <link rel="shortcut icon" href="http://i1114.photobucket.com/albums/k524/LeaZygma/with16px-1.png">
  539. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  540. <meta name="viewport" content="width=720" />
  541. </head>
  542. <body>
  543. <div id="center">
  544. <div id="content">
  545. <div id="side">
  546. </div>
  547. <div id="side2">
  548. </div>
  549. <div id="side3">
  550. <div id="tardis">
  551. <div id="boxlight"></div></a>
  552. <div id="boxtopd"></div>
  553. <div id="boxtopc"></div>
  554. <div id="boxtopb"></div>
  555. <div id="boxtopa"></div>
  556. <div id="boxtop">POLICE PUBLIC CALL BOX</div>
  557. <div id="box">
  558.  
  559. <div id="boxdesc">
  560.     <div id="boximg"><img src="{image:Sidebar}"></div>
  561.     <div id="sidelinks">
  562.     <a href="/" title="refresh"> <img src="http://i1114.photobucket.com/albums/k524/LeaZygma/home-1.png" height=27></a>
  563.    
  564.     <a href="#?w=500" rel="02" class="poplight" title="message"><img src="http://i1114.photobucket.com/albums/k524/LeaZygma/mail.png" height=27></a>
  565.     <a href="/links" title="etc"><img src="http://i1114.photobucket.com/albums/k524/LeaZygma/heart.png" height=27></a>
  566.    
  567.     <a href="#?w=500" rel="03" class="poplight" title="updates"><img src="http://i1114.photobucket.com/albums/k524/LeaZygma/man.png" height=27></a>
  568.     </div>
  569.    
  570.     <div id="boxdescription">{Description}</div>
  571.    
  572.     <div id="bottomlinks">
  573.     {block:ifShowLink3}
  574.     <a href="{text:Link 3 URL}">{text:Link 3 Name}</a>
  575.     {/block:ifShowLink3}
  576.     {block:ifShowLink4}
  577.     <a href="{text:Link 4 URL}">{text:Link 4 Name}</a>
  578.     {/block:ifShowLink4}
  579.     {block:ifShowLink5}
  580.     <a href="{text:Link 5 URL}">{text:Link 5 Name}</a>
  581.     {/block:ifShowLink5}
  582.     {block:ifShowLink6}
  583.     <a href="{text:Link 6 URL}">{text:Link 6 Name}</a>
  584.     {/block:ifShowLink6}
  585.     </div>
  586.  
  587. <div id="boxleft">
  588. <div id="windows">
  589. <div id="window"></div><div id="window"></div><div id="window"></div><br>
  590. <div id="window"></div><div id="window"></div><div id="window"></div>
  591. </div>
  592. <div id="panels">
  593. <div id="panel" style="opacity:0.9; background-color:#fff;text-align:center; font-size:7px; line-height:9px;font-family:trebuchet ms; padding:0px;"><br>POLICE TELEPHONE<BR><span style="font-size:8px; letter-spacing:1px;">FREE</span><BR><span style="font-size:6px; letter-spacing:1px;">FOR USE OF</span><BR><span style="font-size:8px; line-height:11px; letter-spacing:1px;">PUBLIC</span><BR><span style="font-size:5px; line-height:7px;">ADVICE & ASSISTANCE OBTAINABLE IMMEDIATELY</span><span style="font-size:8px; line-height:12px;"><BR><b>HOVER TO OPEN</b></SPAN></div>
  594. <div id="panel"></div>
  595. <div id="panel"></div>
  596. </div>
  597. </div>
  598. <div id="boxright">
  599. <div id="windows">
  600. <div id="window"></div><div id="window"></div><div id="window"></div><br>
  601. <div id="window"></div><div id="window"></div><div id="window"></div>
  602. <div id="panels" style="margin-top:-14px; margin-left:0px;">
  603. <div id="panel"></div>
  604. <div id="panel"></div>
  605. <div id="panel"></div>
  606. </div>
  607. </div>
  608.  
  609. <div id="boxbottom">
  610.     {block:Pagination}
  611.             {block:PreviousPage}
  612.             {/block:PreviousPage}
  613.  
  614.             {block:JumpPagination length="5"}
  615.                 {block:CurrentPage}
  616.                    
  617.                 {/block:CurrentPage}
  618.  
  619.                 {block:JumpPage}
  620.                
  621.                 {/block:JumpPage}
  622.             {/block:JumpPagination}
  623.  
  624.             {block:NextPage}
  625.                
  626.             {/block:NextPage}
  627. {/block:Pagination}
  628. </div>
  629. </div>
  630.  
  631. </div>
  632.  
  633. <div id="music"><center>
  634. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k3llin.webs.com/Caves%20of%20Ice%20[With%20Lyrics]%20By%20Destery%20Sm.mp3&t0=Caves of Ice&f1=http://k3llin.webs.com/Iris%20-%20Sleeping%20With%20Sirens%20(featuring%20Coyote%20Theory).mp3&t1=Iris&f2=http://tr0mb.webs.com/Sleeping%20With%20Sirens%20If%20Im%20James%20Dean%20You\'re%20Audrey%20Hepburn%20acoustic%20Video%20(1).mp3&t2=James Dean and Audrey Hepburn&f3=http://tr0mb.webs.com/Ears%20to%20see%20eyes%20to%20hear%20acoustic%20video.mp3&t3=Ears to See and Eyes to Hear&f4=http://tr0mb.webs.com/You%20Kill%20Me%20(In%20a%20Good%20Way)%20Acoustic.mp3&t4=You Kill Me (In A Good Way)&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /> </div></div>
  635.  
  636. </div>
  637. </div>
  638. </div>
  639. </div>
  640. </div>
  641. </div>
  642.  
  643. <div id="posts">
  644. {block:posts}
  645. <div id="entry">
  646. {block:Text}
  647. {block:Title}<span class="title">{Title}</span>{/block:Title}
  648. <span class="entrytext">{Body}</span>
  649. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <img src="http://i1114.photobucket.com/albums/k524/LeaZygma/thheart.gif"> <a href="{ReblogURL}" target="_blank">reblawg</a> </div>
  650. {/block:Text}
  651.  
  652. {block:Link}
  653. <a href="{URL}" class="title">{Name}</a>
  654. {block:Description}{Description}{/block:Description}
  655. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <img src="http://i1114.photobucket.com/albums/k524/LeaZygma/thheart.gif"> <a href="{ReblogURL}" target="_blank">reblawg</a> </div>
  656. {block:Link}
  657.  
  658. {block:Photo}
  659. {block:IndexPage}
  660. <div class="perma">
  661. <a href="{permalink}">{NoteCount}</a> <img src="http://i1114.photobucket.com/albums/k524/LeaZygma/thheart.gif"> <a href="{ReblogURL}" target="_blank"> reblawg </a></span></div>
  662. {/block:IndexPage}
  663. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=270px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{/block:PermalinkPage}
  664. {/block:Photo}
  665.  
  666.  
  667. {block:Quote}
  668. <span class="entrytext">{Quote}</span>
  669. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  670. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <img src="http://i1114.photobucket.com/albums/k524/LeaZygma/thheart.gif"> <a href="{ReblogURL}" target="_blank">reblawg</a> </div>
  671. {/block:Quote}
  672.  
  673. {block:Chat}
  674. {block:Title}<span class="title">{Title}</span>{/block:Title}
  675. <ul class="chat">
  676. {block:Lines}
  677. <li class="user_{UserNumber}">
  678. {block:Label}
  679. <span class="label">{Label}</span>
  680. {/block:Label}
  681.  
  682. {Line}
  683. </li>
  684. {/block:Lines}
  685. </ul>
  686. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <img src="http://i1114.photobucket.com/albums/k524/LeaZygma/thheart.gif"> <a href="{ReblogURL}" target="_blank">reblawg</a> </div>
  687. {/block:Chat}
  688.  
  689.  
  690. {block:Audio}
  691. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  692. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  693. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <img src="http://i1114.photobucket.com/albums/k524/LeaZygma/thheart.gif"> <a href="{ReblogURL}" target="_blank">reblawg</a> </div>
  694. {/block:Audio}
  695.  
  696. {block:Video}<center>
  697. <div class="video">{Video-400}</div></center>
  698. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">>></font> <a href="{ReblogURL}" target="_blank">reblawg</a> </div>
  699. {block:Video}
  700.  
  701. {block:Answer}
  702. <img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span><askk><font face="halohandletter"><font size="6">{Asker}</askk>:</font></font> {Question}&nbsp;</div>{Answer}
  703. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <img src="http://i1114.photobucket.com/albums/k524/LeaZygma/thheart.gif"> <a href="{ReblogURL}" target="_blank">reblawg</a> </div>
  704. {/block:Answer}
  705.  
  706. {block:PostNotes}
  707. <center>
  708.  
  709. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  710.  
  711. {block:HasTags}
  712. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  713. {block:RebloggedFrom}
  714. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  715. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  716.  
  717. {/block:RebloggedFrom}
  718. </center></span>
  719. <br>
  720. <div id="postnotes">{PostNotes}</div><br>
  721.  
  722. <center>{block:ContentSource}
  723. <br><a href="{SourceURL}">
  724. {lang:Source}:
  725. {block:SourceLogo}
  726. <img src="{BlackLogoURL}" width="{LogoWidth}"
  727. height="{LogoHeight}" alt="{SourceTitle}" />
  728. {/block:SourceLogo}
  729. {block:NoSourceLogo}
  730. {SourceLink}
  731. {/block:NoSourceLogo}
  732. </a>
  733. {/block:ContentSource}</center>
  734.  
  735. {/block:PostNotes}
  736. </div>
  737. {/block:Posts}
  738. </div></div>
  739.  
  740. {block:indexpage}
  741. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  742. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  743. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  744. <script type="text/javascript">
  745. $(window).load(function(){
  746. var $wall = $('#posts');
  747. $wall.imagesLoaded(function(){
  748. $wall.masonry({
  749. itemSelector: '#entry, #entry_photo',
  750. isAnimated : false
  751. });
  752. });
  753.  
  754. $wall.infinitescroll({
  755. navSelector : '#page-nav',
  756. nextSelector : '#page-nav a',
  757. itemSelector : '#entry, #entry_photo',
  758. bufferPx : 2000,
  759. debug : false,
  760. errorCallback: function() {
  761. $('#infscr-loading').fadeOut('normal');
  762. }},
  763. function( newElements ) {
  764. var $newElems = $( newElements );
  765. $newElems.hide();
  766. $newElems.imagesLoaded(function(){
  767. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  768. });
  769. }); $('#content').show(500);
  770. });
  771. </script>
  772. {/block:indexpage}
  773.  
  774. </div>
  775. </body>
  776. <div id="03" class="popup_block">
  777. <center><font face="halohandletter"><big><big><big><big><b>Updates:</big></b></big></big></big></font> <div style="overflow:auto; width: 505px; height: 225px;background-color: #transparent; text-align: center;">
  778. <br>
  779. <small><b><big>*</big></b> Because my school hates it when I try to have a social life, I'll be on queue 24/7<3
  780. <br><br><br>
  781. 10.19.12 - I'll be looking at the applications and adding more people to the Networks soon!
  782. <br><br><br>
  783. Currently accepting applications for:
  784. <br><a href="http://p0kemon-network.tumblr.com/">The Pokemon Network</a>
  785. <br><a href="http://sirens-network.tumblr.com/">The Sirens Network</a>
  786. <br><a href="http://nicktoons-network.tumblr.com/">The Nicktoons Network</a>
  787. <br><a href="http://baconhawks-network.tumblr.com/">The Baconhawks Network</a>
  788. <br><a href="http://the-warped-tour-network.tumblr.com/">The Warped Tour Network</a>
  789. <br><a href="http://the-youtubers-network.tumblr.com/">The Youtubers Network</a>
  790. <br><a href="http://adventure-time-network-entrance.tumblr.com/">The Adventure Time Network</a>
  791. <br><a href="http://tumbl-rican-network.tumblr.com/">The Tumblrican Network</a> <b>(Puertorricans only!)</b>
  792. <br><br><br>
  793. </div>
  794. <br>
  795. <font face="halohandletter"><big><big><big><big><b>Personal Updates:</big></b></big></big></big></font>
  796. <div style="overflow:auto; width: 505px; height: 225px;background-color: #transparent; text-align: center;"><br>
  797. 10.19.12 - I'M SO OVER YOU NOW... Because after all this time, he's always been right before my eyes.
  798. <br><br>
  799. 9.1.12 - YOU GIVE ME FOOD! x3
  800. <br><br>
  801. Everytime we talk, everytime we fight, everytime you hug me I can't help but smile.
  802. <br><br>
  803. You mean so much to me. & I need you.
  804. <br><br>Te quiero mucho.
  805. <br><br>The days pass by quickly when I don't think about you, but when I do, those days feel like an eternity.
  806. <br><br>
  807. 08.10.12 - No, I will not change seats with you.</small>
  808. </div>
  809. </div>
  810.  
  811. <div id="02" class="popup_block">
  812.  
  813. <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fle4ndra&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
  814.  
  815. <center><font face="halohandletter"><big><big><big><b>FAQ:</b></big></big></big></font> <div style="overflow:auto; width: 490px; height: 350px;background-color: #transparent; text-align: left;">
  816. <br>
  817. <small><small><b><small>About Me:</b></b> I'm Lea, 16 years-old. My birthday is on March 24th and I live in Puerto Rico. Yes, I can speak English & Spanish.
  818. <br>
  819. <br>
  820. <b><big>Blog related: </b></b></big>
  821. <br><b>I WILL :)</b></b>
  822. <blockquote>
  823. - Follow you back if you message me and you're quality and/or band blog (or probably just if I like your blog so ask) I also track: <b><u>capnlea</u></b>
  824. <br>- Reblog pictures if you submit the link <b><a href="http://k3llin.tumblr.com/submit"><u>here</u></a></b> (only if I like it).</b></b>
  825. <br>- P4P if you have more than 8K followers (submit a screenshot of your follower count)
  826. <br>- Vote if you submit the link <b><a href="http://k3llin.tumblr.com/submit"><u>here</u></a>. </b> (I won't answer, but I will vote.)
  827. </blockquote>
  828. <b>I WILL NOT</b>
  829. <blockquote>
  830. Promote you on demand, tell my followers anything, click anything.
  831. </blockquote>
  832. <br>
  833. <blockquote>
  834. <b>Hate?</b> Will be answered with a funny gif so I can have a laugh. Thanks for making my day! :)
  835. </blockquote>
  836. <blockquote>
  837. <b>Love?</b> Appreciated and welcomed! I answer privately if you're not anon. c:
  838. </blockquote>
  839. <iframe src="//www.facebook.com/plugins/subscribe.php?href=https%3A%2F%2Fwww.facebook.com%2FxDleandraxD&amp;layout=button_count&amp;show_faces=false&amp;colorscheme=light&amp;font&amp;width=450" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px;" allowTransparency="true"></iframe>
  840. </div></small></small></small>
  841.  
  842. <p><b><a href="http://k3llin.tumblr.com/ask"><big><big>ASK HERE!</big></big></a></center></b>
  843. </div>
  844.  
  845. <style type="text/css">div#networksss{ position:fixed; z-index:1; top:24px; padding-top:5px; right:7px; opacity:0.2; -webkit-transition: all 0.30s ease; -moz-transition: all 0.30s ease; transition: all 0.30s ease; }#networksss:hover { opacity: 1;}</style>
  846.  
  847. <div id="networksss"><a href="http://k3llin.tumblr.com/networks" title="My Networks"> <img src="http://i1114.photobucket.com/albums/k524/LeaZygma/dash-1.png"></a></div>
  848.  
  849. </div></div></div></div></div></div></div></div></div></div></div>
  850.  
  851. </html>
  852.  
  853. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement