API tools faq
paste
Advertisement
Daichi-Sama

Jess' Libby Theme

Daichi-Sama
May 1st, 2017
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.74 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  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. <!-- start of script tooltip -->
  12. <!-- start of script tooltip -->
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  14.  
  15. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  16.  
  17. <script>
  18. (function($){
  19. $(document).ready(function(){
  20. $("a[title]").style_my_tooltips({
  21. tip_follows_cursor:true,
  22. tip_delay_time:90,
  23. tip_fade_speed:600,
  24. attribute:"title"
  25. });
  26. });
  27. })(jQuery);
  28. </script>
  29. <!-- end of script tooltip -->
  30.  
  31.  
  32.  
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35. <script>
  36. $(document).ready(function() {
  37. //
  38. $('a.poplight[href^=#]').click(function() {
  39. var popID = $(this).attr('rel'); //Get Popup Name
  40. var popURL = $(this).attr('href'); //Get Popup href to define size
  41. var query= popURL.split('?');
  42. var dim= query[1].split('&');
  43. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  44. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  45. var popMargTop = ($('#' + popID).height() + 80) / 2;
  46. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  47. //Apply Margin to Popup
  48. $('#' + popID).css({
  49. 'margin-top' : -popMargTop,
  50. 'margin-left' : -popMargLeft
  51. });
  52. $('body').append('<div id="fade"></div>');
  53. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  54. return false;
  55. });
  56. $('a.close, #fade').live('click', function() {
  57. $('#fade , .popup_block').fadeOut(function() {
  58. $('#fade, a.close').remove(); //fade them both out
  59. });
  60. return false;
  61. });
  62. });
  63. </script>
  64.  
  65.  
  66.  
  67. <meta name="color:Background" content="#ffffff"/>
  68. <meta name="color:Text" content="#9B9B9B"/>
  69. <meta name="color:Link" content="#b8b8b8"/>
  70. <meta name="color:scrollbar" content="#999999">
  71. <meta name="color:title" content="#999999">
  72. <meta name="color:Link Hover" content="#eeeeee"/>
  73. <meta name="color:bold" content="#fbfbfb"/>
  74. <meta name="color:italics" content="#fbfbfb"/>
  75. <meta name="color:borders" content="#eeeeee"/>
  76.  
  77. <meta name="image:sidebar" content=""/>
  78. <meta name="text:sidebartitle" content="">
  79.  
  80. <meta name="text:link 1" content="Link 1"/>
  81. <meta name="text:link 1 url" content="/"/>
  82. <meta name="text:link 2" content="Link 2"/>
  83. <meta name="text:link 2 url" content="/"/>
  84. <meta name="text:link 3" content="Link 3"/>
  85. <meta name="text:link 3 url" content="/"/>
  86. <meta name="text:link 4" content="Link 4"/>
  87. <meta name="text:link 4 url" content="/"/>
  88. <meta name="text:link 5" content="Link 5"/>
  89. <meta name="text:link 5 url" content="/"/>
  90.  
  91.  
  92. <link href="http://fonts.googleapis.com/css?family=Petit+Formal+Script" rel="stylesheet" type="text/css">
  93.  
  94. <link href="http://fonts.googleapis.com/css?family=Arizonia" rel='stylesheet' type='text/css'>
  95.  
  96.  
  97. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  98.  
  99.  
  100.  
  101.  
  102.  
  103. <style type="text/css">
  104.  
  105.  
  106. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  107.  
  108. /* fontawesome */
  109. [class*="fontawesome-"]:before {
  110. font-family: 'FontAwesome', sans-serif;
  111. }
  112.  
  113. .melody {
  114. background-color: transparent; /* REPLACE THE FOUR "255" WITH "0" TO MAKE IT DARK INSTEAD OF LIGHT */
  115. overflow: hidden;
  116. position:absolute;
  117. height: 50px;
  118. width: 50px;
  119. top: 160px; /* INCREASE VALUE TO MOVE DOWN AND DECREASE VALUE TO MOVE UP */
  120. left: 678px; /* INCREASE VALUE TO MOVE RIGHT AND DECREASE VALUE TO MOVE LEFT */
  121. }
  122.  
  123. .reverberate {
  124. position:absolute;
  125. height: 14px;
  126. width: 14px;
  127. margin-top: 0px;
  128. margin-left: 0px;
  129. padding: 18px;
  130. font-size: 13px;
  131. font-style: normal;
  132. color: #fff;
  133. -webkit-transition: opacity .7s linear;
  134. -webkit-transition: all .7s ease-in-out;
  135. -moz-transition: all .7s ease-in-out;
  136. -o-transition: all .7s ease-in-out; }
  137.  
  138. .melody:hover .reverberate {
  139. margin-top: -50px; }
  140.  
  141. .harmony {
  142. overflow: hidden;
  143. position:absolute;
  144. height: 50px;
  145. width: 20px;
  146. margin-top: 50px;
  147. margin-left: 15px;
  148. -webkit-transition: opacity .7s linear;
  149. -webkit-transition: all .7s ease-in-out;
  150. -moz-transition: all .7s ease-in-out;
  151. -o-transition: all .7s ease-in-out; }
  152.  
  153. .melody:hover .harmony {
  154. margin-top: 5px; }
  155.  
  156. .rhythm {
  157. position:absolute;
  158. height: 25px;
  159. width: 30px;
  160. margin-top: 12px;
  161. margin-left: -20px; }
  162.  
  163. iframe#tumblr_controls {
  164. top:5px;
  165. right:10px!important;
  166. position:fixed !important;
  167. -webkit-filter: invert(1);
  168. opacity:.6;
  169. filter:alpha(opacity=60);
  170. -moz-opacity:.6;
  171. }
  172.  
  173. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  174.  
  175.  
  176. ::-webkit-scrollbar{
  177. width:5px;
  178. border-radius:10px;
  179. height:5px;
  180. background-color:transparent;
  181. }
  182.  
  183. ::-webkit-scrollbar-thumb:vertical{
  184. background-color:#050505;
  185.  
  186. }
  187.  
  188. ::-webkit-scrollbar-thumb:vertical:hover{
  189. background-color:#050505;
  190. border-radius:0px;
  191. }
  192.  
  193. ::selection {
  194. background: #transparent;
  195. color:#000;
  196. }
  197.  
  198. ::-moz-selection {
  199. background: transparent;
  200. color:#000;
  201. }
  202.  
  203. #s-m-t-tooltip {
  204. max-width:300px;
  205. margin:15px;
  206. padding:2px 5px;
  207. border-left:2px solid #050505;
  208. border-right:2px solid #050505;
  209. border-radius:4px;
  210. background:#2e2e2e;
  211. color:#aaa;
  212. z-index:999999;
  213. font-size:9px;
  214. font-style:bolder;
  215. letter-spacing:1px;
  216. font-family: calibri;
  217. text-transform:uppercase;
  218. }
  219.  
  220.  
  221.  
  222. h1 {
  223. font-weight:normal;
  224. font-size:13px;
  225. text-align:center;
  226. font-style:normal;
  227. line-height:100%;
  228. letter-spacing:1px;
  229. text-transform:normal;
  230. color:#aaa;
  231. }
  232.  
  233. h2 {
  234. font-size:16px;
  235. text-align:center;
  236. line-height:100%;
  237. letter-spacing:-0.5px;
  238. color:#aaa;
  239. font-weight:bold;
  240. text-transform:NONE;
  241. padding:5px;
  242. padding-bottom:2px;
  243. }
  244.  
  245.  
  246. blockquote {
  247.  
  248. margin-right: 5px;
  249. padding-left: 9px;
  250. padding-top: 1px;
  251. padding-bottom: 1px;
  252. border-left:2px solid #050505;
  253. border-radius: 5px;
  254. background: #transparent;
  255. margin-left:10px;
  256.  
  257. }
  258.  
  259. quote {
  260. font-size: 12px;
  261. font-family: Petit Formal Script;
  262. }
  263.  
  264.  
  265. body {
  266. background:#fcfbeb;
  267. margin:0px;
  268. color:#aaa;
  269. font-family:calibri;
  270. font-size:15px;
  271.  
  272. background-attachment:fixed;
  273. background-repeat:no-repeat;
  274. }
  275.  
  276.  
  277. big{
  278. font-size:16px;
  279. color:#aaa;
  280. }
  281.  
  282. strong,em,bold{
  283. color:#be8564;
  284. }
  285.  
  286. em,italic,italics,oblique{
  287. color:#7a7a7a;
  288. }
  289.  
  290. a {
  291. text-decoration:none;
  292. outline:none;
  293. -moz-outline-style:none;
  294. color:#939393;
  295. -moz-transition-duration:0.5s;
  296. -webkit-transition-duration:0.5s;
  297. -o-transition-duration:0.5s;
  298. }
  299.  
  300. a:hover {
  301. text-decoration:none;
  302. outline:none;
  303. -moz-outline-style:none;
  304. color:#aaa;
  305. }
  306.  
  307. img {
  308. border:none;
  309. }
  310.  
  311. i, em {
  312. color: #7a7a7a;
  313. letter-spacing: 0px;
  314. }
  315.  
  316. b, strong {
  317. color: #dcd9d9;}
  318.  
  319.  
  320. }
  321.  
  322. .big {
  323.  
  324. font-size:14px;
  325.  
  326. }
  327. small, sup, sub {
  328. font-size: 10px;
  329. }
  330.  
  331. #post {
  332. width:400px;
  333. padding-bottom:20px;
  334. margin-top:40px;
  335. margin-left:6px;
  336. }
  337.  
  338. #entries {
  339. padding:10px;
  340. width:423px;
  341. margin-left:620px;
  342. margin-top:140px;
  343. margin-bottom:40px;
  344. padding-top:5px;
  345. padding-bottom:15px;
  346. z-index:999;
  347. position:fixed;
  348. height:407px;
  349. overflow-x:hidden;
  350. overflow-y:auto;
  351. }
  352.  
  353.  
  354. #sidebar {
  355. color:#939393;
  356. position:fixed;
  357. width:100px;
  358. height:auto;
  359. margin-top:60px;
  360. margin-left:960px;
  361. text-align:left;
  362. }
  363.  
  364. #sidebarimage img {
  365. width:200px;
  366. margin-top:-10px;
  367. margin-bottom:0px;
  368. margin-left:-9px;
  369. }
  370.  
  371. .links {
  372. width: 200px;
  373. font-size: 20px;
  374. font-family: serif;
  375. text-align: center;
  376. margin-left: 37px;
  377. color: #939393;
  378. font-weight: bolder;
  379. margin-top: 80px;
  380. text-transform: uppercase;
  381. opacity: 1;
  382. }
  383.  
  384. .links a {
  385. max-width:220px;
  386. letter-spacing:0px;
  387. margin-bottom:-50px;
  388. font-weight:bolder;
  389. font-family:times;
  390. margin-top:50px;
  391. padding:5px 5px 5px 3px;
  392. display: block;
  393. color:#7a7a7a;
  394.  
  395. }
  396.  
  397.  
  398. #links a:hover {
  399. color: #aaa;
  400. width:60px;
  401. -moz-transition-duration:0.2s;
  402. -webkit-transition-duration:0.2s;
  403. -o-transition-duration:0.2s;
  404. }
  405.  
  406. #description {
  407. position:fixed;
  408. width:200px;
  409. font-family:trebuchet ms;
  410. margin-top:55px;
  411. margin-left:-9px;
  412. text-align:justify;
  413. font-size:9px;
  414. color: #9b9b9b;
  415. letter-spacing:0px;
  416. line-height:130%;
  417. -moz-transition-duration:1s;
  418. -webkit-transition-duration:1s;
  419. -o-transition-duration:1s;
  420. }
  421.  
  422. #description a {
  423. color:#939393;
  424. }
  425.  
  426. #description a:hover {
  427. color:#aaa;
  428. }
  429.  
  430. .chat {
  431. line-height:160%;
  432. list-style:none;
  433. }
  434.  
  435. .line.odd {
  436. background:#aaa;
  437. margin-bottom:2px;
  438. padding:5px;
  439. list-style:none;
  440. font-size:10px;
  441. }
  442.  
  443. .line.even {
  444. background:#aaa;
  445. margin-bottom:2px;
  446. padding:5px;
  447. list-style:none;
  448. font-size:10px;
  449. }
  450.  
  451. .label {
  452. padding-right:1px;
  453. text-transform:uppercase;
  454. font-weight:bold;
  455. color:#9d7a7a;
  456. }
  457.  
  458. .sidebartitle {
  459. width:210px;
  460. text-align:center;
  461. position:fixed;
  462. font-family:arial;
  463. line-height:120%;
  464. margin-left:-13px;
  465. font-size:13px;
  466. margin-top:10px;
  467. color:;
  468. }
  469.  
  470. #pagination {
  471. font-family:calibri;
  472. width:210px;
  473. font-size:10px;
  474. margin-top:45px;
  475. margin-left:270px;
  476. padding-left:5px;
  477. text-transform: uppercase;
  478. letter-spacing:2px;
  479. text-align:center;
  480. z-index:999;
  481. }
  482.  
  483. #pagination a {
  484. color:#9d7a7a;
  485. }
  486.  
  487. #info {
  488. font-family:calibri;
  489. text-align:center;
  490. width:395px;
  491. margin-top:5px;
  492. text-transform: uppercase;
  493. padding-top:1px;
  494. font-size:10px;
  495. font-style:bolder;
  496. padding:4px;
  497. color:#aaa;
  498. border:1px solid #222;
  499. background-color:#d4c0b9;
  500. background-image:url('http://static.tumblr.com/uqysei1/LpIopapyf/untiled.png')
  501.  
  502. }
  503.  
  504.  
  505. #info a {
  506. color:#939393;
  507. font-style: bolder;
  508. }
  509.  
  510. #info a:hover {
  511. color:#aaa;
  512. }
  513.  
  514. .tags {
  515. font-size:9px;
  516. margin-top:8px;
  517. color:#aaa;
  518. text-align:center;
  519. text-transform:uppercase;
  520. {block:IfHoverTags}
  521. opacity: 0.0;
  522. {/block:IfHoverTags}
  523. {block:IfNotHoverTags}
  524. opacity:1.0;
  525. {/block:IfNotHoverTags}
  526. -moz-transition-duration: 0.6s;
  527. -o-transition-duration: 0.6s;
  528. -webkit-transition-duration: 0.6s;
  529. transition-duration: 0.6s;
  530. }
  531.  
  532. .tags a{
  533. color:#939393;
  534. -moz-transition-duration:0.2s;
  535. -webkit-transition-duration:0.2s;
  536. -o-transition-duration:0.2s;
  537. }
  538. .tags a:hover{
  539. color:#aaa;
  540. -moz-transition-duration:0.2s;
  541. -webkit-transition-duration:0.2s;
  542. -o-transition-duration:0.2s;
  543. }
  544.  
  545.  
  546.  
  547. .quote {
  548. font-size:16px;
  549. line-height:150%;
  550. padding:10px;
  551. color: #aaa ;
  552. font-family: Petit Formal Script;
  553. margin-top:-10px;
  554. font-style:italic;
  555. text-align:center;
  556. }
  557.  
  558. .quotesource {
  559. margin-top:7px;
  560. font-size:10px;
  561. color: #939393;
  562. text-transform:lowercase;
  563. font-family: times;
  564. letter-spacing:1px;
  565. text-align:center;
  566. }
  567.  
  568.  
  569.  
  570. .audio{
  571. background-color:#e5e5e5;
  572. height:65px;
  573. overflow:hidden;
  574. }
  575.  
  576.  
  577.  
  578. /* QUESTION */
  579.  
  580. #ask {
  581.  
  582. text-align:center;
  583. text-transform:none;
  584. background-color:#2e2e2e;
  585. padding:5px;
  586. line-height:120%;
  587. border-left:4px solid #222;
  588. border-right:4px solid #222;
  589. border-radius: 12px;
  590.  
  591. }
  592.  
  593. .as {
  594. min-height: auto;
  595. padding: 5px;
  596. padding-bottom:8px;
  597. background-color: #2e2e2e;
  598. }
  599.  
  600. .aske {
  601. margin-top:5px;
  602. font-family:times;
  603. font-size:14px;
  604. line-height:13px;
  605. text-align:center;
  606. font-style:bold;
  607. text-transform:uppercase;
  608. color: #939393 ;
  609. background-color: #2e2e2e;
  610. -moz-transition:all ease-in-out 0.7s;
  611. -webkit-transition:all ease-in-out 0.7s;
  612. -o-transition:all ease-in-out 0.7s;
  613. transition:all ease-in-out 0.7s;
  614. }
  615.  
  616. .aske:hover {
  617. -moz-transition:all ease-in-out 0.7s;
  618. -webkit-transition:all ease-in-out 0.7s;
  619. -o-transition:all ease-in-out 0.7s;
  620. transition:all ease-in-out 0.7s;
  621. }
  622.  
  623. .que {
  624. font-family: times;
  625. font-size: 9px;
  626. text-transform:none;
  627. color: #aaa;
  628. }
  629.  
  630. .ans {
  631. font-family:times;
  632. font-size:9px;
  633. color: #aaa;
  634. }
  635.  
  636.  
  637. #doesitwork {
  638. height:350px;
  639. overflow:auto;
  640. width:400px;
  641. }
  642.  
  643. {CustomCSS}</style></head><body>
  644. <img src="http://static.tumblr.com/uqysei1/YRTopaq3v/untitld.png" style="position:fixed; left: px here; top: 0px;z-index:-999"/>
  645. <body>
  646.  
  647.  
  648.  
  649. <div id="sidebar">
  650.  
  651. <div class="links">
  652.  
  653. <a href="/" title="Return">♦ </a>
  654. <a href="/ask" title="Ask">♦</a>
  655. <a href="/rules" title="Rules">♦</a>
  656. <a href="/verses" title="Verses">♦</a>
  657. </div>
  658.  
  659. <div id="description">
  660.  
  661. <div id="pagination">
  662. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  663. </div></div></div>
  664.  
  665. <div id="entries">{block:Posts}<div id="post">
  666.  
  667. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  668.  
  669. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  670.  
  671. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  672.  
  673. {block:Quote}<div class="quote"><span style="font-size:30px; font-family:times; z-index:-1; position:absolute; margin-top:3px; opacity:0.8; margin-left:-15px;">&ldquo;</span>{Quote}</div>{block:Source}<div class="quotesource"> — {Source}</div>{/block:Source}{/block:Quote}
  674.  
  675. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  676.  
  677. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>{/block:Chat}
  678.  
  679. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  680.  
  681. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  682.  
  683. <!-- QUESTION POSTS -->
  684. {block:Answer}
  685. <div id="ask">
  686.  
  687. <div class="as">
  688. <div class="aske">{Asker} said:</div>
  689. <div class="que">{Question}</div>
  690. </div>
  691. </div>
  692. <div class="ans">{Answer}</div>
  693. {/block:Answer}
  694.  
  695.  
  696.  
  697. {block:Date}<div id="info"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a>
  698. {/block:Date} {block:NoteCount}&nbsp;&nbsp;/&nbsp;&nbsp; <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  699.  
  700.  
  701. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;via</a> {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}" style="color:{color:links}">&nbsp;&nbsp;/&nbsp;&nbsp; origin</a>{/block:ContentSource}
  702. {/block:RebloggedFrom} <div style="float:right;"> </div>
  703. </div>
  704.  
  705.  
  706. {block:HasTags}
  707. <div class="tags">
  708. {block:Tags} <a href="{TagURL}">&nbsp; ✖&nbsp;&nbsp;-&nbsp;&nbsp;{Tag}</a> {/block:Tags}</div>
  709. {/block:HasTags}
  710. <div class="postnote">
  711. {block:PostNotes}{PostNotes}{/block:PostNotes}
  712. </div>
  713. </div>
  714. {/block:Posts}
  715.  
  716. </div>
  717.  
  718.  
  719.  
  720. </body>
  721. </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!