API tools faq
paste
Advertisement
lennonthemes

phobia

lennonthemes
May 26th, 2013
63
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.32 KB | None | 0 0
raw download clone embed print report
  1. <!--phobia theme by lmb themes--->
  2. <html>
  3. <head>
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head><title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <meta name="color:border" content="#000000" />
  12. <meta name="color:text" content="#0000000" />
  13. <meta name="color:link" content="#fff" />
  14. <meta name="color:link hover" content="#000" />
  15. <meta name="color:scrollbar" content="#000000" />
  16. <meta name="color:scrollbarbg" content="#ffffff" />
  17. <meta name="color:pagination" content="#353535" />
  18.  
  19. <meta name="text:Link1" content="" />
  20. <meta name="text:Link1 Title" content="" />
  21. <meta name="text:Link2" content="" />
  22. <meta name="text:Link2 Title" content="" />
  23. <meta name="text:Link3" content="" />
  24. <meta name="text:Link3 Title" content="" />
  25. <meta name="text:Link4" content="" />
  26. <meta name="text:Link4 Title" content="" />
  27. <meta name="text:Link5" content="" />
  28. <meta name="text:Link5 Title" content="" />
  29. <meta name="text:Link6" content="" />
  30. <meta name="text:Link6 Title" content="" />
  31.  
  32. <meta name="image:background" content="" />
  33.  
  34. <script>
  35.  
  36. $(document).ready(function() {
  37.  
  38.  
  39. $('a.poplight[href^=#]').click(function() {
  40.  
  41. var popID = $(this).attr('rel');
  42.  
  43. var popURL = $(this).attr('href');
  44.  
  45. var query= popURL.split('?');
  46.  
  47. var dim= query[1].split('&');
  48.  
  49. var popWidth = dim[0].split('=')[1];
  50.  
  51. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  52.  
  53. var popMargTop = ($('#' + popID).height() + 80) / 2;
  54.  
  55. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  56.  
  57. $('#' + popID).css({
  58.  
  59. 'margin-top' : -popMargTop,
  60.  
  61. 'margin-left' : -popMargLeft
  62.  
  63. });
  64.  
  65. $('body').append('<div id="fade"></div>');
  66.  
  67. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  68. return false;
  69.  
  70. });
  71.  
  72.  
  73. $('a.close, #fade').live('click', function() {
  74.  
  75. $('#fade , .popup_block').fadeOut(function() {
  76.  
  77. $('#fade, a.close').remove();
  78. });
  79.  
  80. return false;
  81.  
  82. });
  83.  
  84. });
  85.  
  86. </script>
  87.  
  88.  
  89.  
  90. <style type="text/css">
  91. body, a, a:hover{
  92. cursor: url('http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png'), progress;
  93. }
  94.  
  95. ::-webkit-scrollbar-track {background-color:#dcdcdc;}
  96. ::-webkit-scrollbar-thumb {background-color:#f0f0f0;border:1px solid #dcdcdc;}
  97. ::-webkit-scrollbar {width:5px;height:5px;}
  98.  
  99.  
  100.  
  101. body {
  102. color: {color:text};
  103. line-height: 100%;
  104. text-transform: lowercase;
  105. margin-top: 20px;
  106. }
  107.  
  108. a:link, a:active, a:visited {
  109. text-decoration: none;
  110. color: {color:link};
  111. -moz-transition-duration:.6s;
  112. -webkit-transition-duration:.6s;
  113. -o-transition-duration:.6s;
  114. }
  115.  
  116. a:hover {
  117. color: {color:link hover};
  118. -moz-transition-duration:.6s;
  119. -webkit-transition-duration:.6s;
  120. -o-transition-duration:.6s;
  121. }
  122.  
  123. #entries {
  124. width: 500px;
  125. text-align: justify;
  126. margin-left: 450px;
  127. font-style:italic;
  128. font-size: 10px;
  129. -moz-transition-duration:1s;
  130. -webkit-transition-duration:1s;
  131. -o-transition-duration:1s;
  132.  
  133. }
  134.  
  135.  
  136.  
  137.  
  138. #posts {
  139. width: 500px;
  140. text-align: justify;
  141. font-family: cambria;
  142. }
  143.  
  144.  
  145.  
  146. #info {
  147. text-align:left;
  148. margin-top:10px;
  149. text-transform:lowercase;
  150. font-size:8.5px;
  151. font-style:none;
  152. border-top:1px solid {color:border};
  153. }
  154.  
  155.  
  156.  
  157.  
  158. #tags {
  159. letter-spacing:0px;
  160. text-transform:lowercase;
  161. font-size:10px;
  162. font-style:italic;
  163. margin-top:1px;
  164. text-align:left;
  165. }
  166.  
  167.  
  168.  
  169.  
  170. #tags a {
  171. display:inline;
  172. text-align:left;
  173. }
  174. #fade {
  175. display: none;
  176. background: #000;
  177. position: fixed;
  178. left: 0;
  179. top: 0;
  180. width: 100%;
  181. height: 100%;
  182. opacity: .70;
  183. z-index: 9999;
  184. }
  185.  
  186. .popup_block{
  187. display: none;
  188. background: #FFFFFF;
  189. padding: 20px;
  190. float: left;
  191. position: fixed;
  192. top: 50%;
  193. left: 50%;
  194. z-index: 99999;
  195. }
  196.  
  197. img.btn_close {
  198. float: right;
  199. margin: -55px -55px 0 0;
  200. }
  201.  
  202. *html #fade {
  203. position: absolute;
  204. }
  205.  
  206. *html .popup_block {
  207. position: absolute;
  208. }
  209.  
  210.  
  211. #nav a {
  212. width:90px;
  213. background:#000;
  214. color:#fff;
  215. display:inline-block;
  216. line-height:20px;
  217. padding:3px;
  218. letter-spacing:1px;
  219. text-transform:lowercase;
  220. margin-left:3px;
  221. margin-right:3px;
  222. text-align:center;
  223. margin-bottom:3px;
  224. -webkit-transition: all 0.3s ease-in-out;
  225. -moz-transition: all 0.3s ease-in-out;
  226. -o-transition: all 0.3s ease-in-out;
  227. -ms-transition: all 0.3s ease-in-out;
  228. transition: all 0.3s ease-in-out;
  229. }
  230.  
  231. #nav a:hover{
  232. text-decoration:none;
  233. background:#ffffff;
  234. color:#000;
  235. letter-spacing:3px;
  236. opacity:1;
  237. }
  238.  
  239.  
  240.  
  241. #sidebar {
  242. display: block;
  243. position: fixed;
  244. margin-top: -10px;
  245. margin-left: 120px;
  246. -moz-transition-duration:1s;
  247. -webkit-transition-duration:1s;
  248. -o-transition-duration:1s;
  249. }
  250.  
  251.  
  252.  
  253.  
  254. #lennon {
  255. margin-top:150px;
  256. margin-left: 115px;
  257. opacity: 1;
  258. }
  259.  
  260. #lennon img {
  261. opacity:1;
  262. width: 115px;
  263. background: #fff;
  264. }
  265.  
  266.  
  267. #byrd {
  268. margin-top: -232px;
  269. margin-left: 115px;
  270. opacity: 0;
  271.  
  272. }
  273.  
  274. #byrd img {
  275. opacity: 1;
  276. width: 115px;
  277. background: #fff;
  278.  
  279. }
  280.  
  281.  
  282.  
  283.  
  284. .links {
  285. width:100px;
  286. position:fixed;
  287. text-align:center;
  288. margin-left:240px;
  289. margin-top:350px;
  290. line-height:11px;
  291. -webkit-transition: all 0.5s ease;
  292. -moz-transition: all 0.5s ease;
  293. -o-transition: all 0.5s ease;
  294. }
  295.  
  296. .links a {
  297. font-family:cambria;
  298. color:#000;
  299. margin-left:1px;
  300. margin-right:1px;
  301. font-size:10px;
  302. letter-spacing:1px;
  303. -webkit-transition: all 0.5s ease;
  304. -moz-transition: all 0.5s ease;
  305. -o-transition: all 0.5s ease;
  306. }
  307.  
  308. .links a:hover {
  309. opacity:.4;
  310. -webkit-transition: all 0.5s ease;
  311. -moz-transition: all 0.5s ease;
  312. -o-transition: all 0.5s ease;
  313. }
  314.  
  315.  
  316.  
  317.  
  318.  
  319. #description {
  320. padding:5px;
  321. font-size:8.5px;
  322. width:44px;
  323. height:auto;
  324. font-style:italic;
  325. opacity:0.9;
  326. text-align:center;
  327. margin-top:-43px;
  328. margin-left:140px;
  329. color: #fff
  330.  
  331.  
  332. }
  333.  
  334.  
  335. #lb {
  336. position:fixed;
  337. bottom:10px;
  338. right:10px;
  339. font: 14px times;
  340. color: {color:#c9c9c9};
  341. border: 1px solid #e8e8e8;
  342. background-color: #FAFAFA;
  343. letter-spacing:0.5px;
  344. padding: 4px;}
  345.  
  346. #lb a {
  347. color:{color:link}; opacity:0.8;
  348. background-color: #fafafa;}
  349.  
  350. #lb a:hover {
  351. color:{color:link hover}; opacity:0.8;
  352. background-color: #FAFAFA; opacity:0.8;}
  353.  
  354.  
  355.  
  356. #ship {
  357. font-family: 'Italianno', cursive;
  358. font-size:22px;
  359. text-align:center;
  360. color: #ffffff;
  361. line-height:15px;
  362. margin-top:-150px;
  363. margin-left: 100px;
  364. padding:5px;
  365. opacity: 0;
  366. z-index: 9999999999999999;
  367.  
  368. }
  369.  
  370. #zoey101 {
  371. font-size:16px;
  372. text-align:center;
  373. padding:5px;
  374. margin-left:50px;
  375. margin-top:36px;
  376. position:fixed;
  377. }
  378.  
  379.  
  380. h1{
  381. background-color: transparent;
  382. font-family: baskerville;
  383. font-size: 13px;
  384. line-height: 10px;
  385. letter-spacing: 2px;
  386. text-align: left;
  387. text-transform: uppercase;
  388. color: {color:link};
  389. }
  390.  
  391. #askie {
  392. font-family: calibri;
  393. font-size: 9.25px;
  394. text-align: left;
  395. border-bottom:1px solid {color:border};
  396. padding: 5px;
  397. }
  398.  
  399. #reply {
  400. font-size: 9.25px;
  401. margin-top: 5px;
  402. }
  403.  
  404. blockquote {
  405. margin: 10px 2px 10px 10px;
  406. border-left: 4px solid {color:border};
  407. padding-left: 3px;
  408. }
  409.  
  410. blockquote img, blockquote a img {
  411. max-width: 490px;
  412. }
  413.  
  414. p {
  415. margin-top: 5px;
  416. margin-bottom: 10px;
  417. }
  418.  
  419. img a{
  420. border: none;
  421. }
  422.  
  423. img a:hover {
  424. opacity: 1;
  425. }
  426.  
  427. .audio{
  428. background-color: black;
  429. display: block;
  430. }
  431.  
  432.  
  433. .notes img{
  434. width: 10px;
  435. position: relative;
  436. top: 1px;
  437. }
  438.  
  439. ol.notes, .notes li{
  440. list-style: none;
  441. margin: 0px;
  442. padding: 0px;
  443. }
  444.  
  445. </style>
  446. <style type="text/css">
  447.  
  448.  
  449. {CustomCSS}</style>
  450.  
  451. </head>
  452.  
  453.  
  454.  
  455.  
  456.  
  457. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  458.  
  459. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  460.  
  461. <script>
  462.  
  463. (function($){
  464.  
  465. $(document).ready(function(){
  466.  
  467. $("a[title]").style_my_tooltips({
  468.  
  469. tip_follows_cursor:true,
  470.  
  471. tip_delay_time:90,
  472.  
  473. tip_fade_speed:600,
  474.  
  475. attribute:"title"
  476.  
  477. });
  478.  
  479. });
  480.  
  481. })(jQuery);
  482.  
  483. </script>
  484.  
  485.  
  486.  
  487.  
  488.  
  489.  
  490. <body>
  491.  
  492. <div id="poop" class="popup_block">
  493. <div id="nav">
  494. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  495. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  496. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  497. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  498. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  499. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  500. </div></div>
  501.  
  502. <div id="sidebar">
  503. <div id="lennon"><img src="http://i.imgur.com/TfAqGWu.jpg"></div>
  504. <div id="byrd"><img src="http://i.imgur.com/TfAqGWu.jpg"></div>
  505. <div id="ship">{title}</a></div><div id="description">{block:Description}{Description}{/block:Description}</div>
  506. </div>
  507.  
  508.  
  509. <div class="links">
  510. <a href="/">index</a>
  511. <a href="/ask">letters</a>
  512. <a href="#?w=210" rel="poop" class="poplight">navi</a>
  513. <a href="http://bonivur.tumblr.com/">credit</a>
  514.  
  515. <div id="zoey101">
  516. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  517. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  518. </div></div></div>
  519.  
  520. <BR>
  521.  
  522. <div id="entries">
  523. {block:Posts}
  524.  
  525. <div id="posts">
  526.  
  527. {block:Quote}"<i>{Quote}</i>"&nbsp; <br><br> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; — {Source} {/block:Quote}
  528. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  529. {block:Text}{Body}{/block:Text}
  530.  
  531. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  532. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  533.  
  534. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  535. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  536.  
  537. {block:Chat}<ul class="chat"><BR>{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li><BR>{/block:Lines}</ul>{/block:Chat}
  538.  
  539. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  540.  
  541. {block:Answer}
  542. <div id="askie">{asker}{Question}</font><br></div>
  543. <div id="reply">{Answer}</font></div>
  544. {/block:Answer}
  545.  
  546. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  547. </div>
  548.  
  549.  
  550. <div id="info">
  551. <div align="left">
  552. {block:Date}
  553. {block:NotReblog}
  554. posted{/block:NotReblog}
  555. {block:RebloggedFrom}
  556. reblogged{/block:RebloggedFrom}
  557. <a href="{Permalink}">
  558. {TimeAgo}
  559. </a>
  560. {/block:Date}
  561. {block:NoteCount}
  562. with <a href="{Permalink}">
  563. {NoteCountWithLabel}</a>
  564. {/block:NoteCount}
  565. {block:RebloggedFrom};
  566. via <a href="{ReblogParentURL}">
  567. {ReblogParentName}</a>
  568. {/block:RebloggedFrom}
  569. {block:ContentSource}+
  570. <a href="{SourceURL}">
  571. {SourceLink}</a>
  572. {/block:ContentSource}
  573. {/block:ContentSource}
  574. </div>
  575.  
  576. <div id="tags">
  577. {block:HasTags}
  578. {block:Tags}<img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png"><a href="/tagged/{Tag}"> TAGGED:
  579. {Tag}</a>
  580. {/block:Tags}
  581. {/block:HasTags}
  582. </div></div>
  583.  
  584. <br>
  585. {/block:Posts}
  586. {block:PostNotes}{PostNotes}{/block:PostNotes}
  587.  
  588. </div>
  589.  
  590. <div id="lb">
  591. <a title=credit a href="http://bonivur.tumblr.com">ℒℳℬ</a>
  592.  
  593.  
  594.  
  595.  
  596. </div>
  597. </body>
  598. </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!