API tools faq
paste
Advertisement
xjawnlawk

Theme 'lavender' by OULYSSES

xjawnlawk
May 7th, 2015
4,232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  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. {block:ifInfiniteScrolling}
  11. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  12. {/block:ifInfiniteScrolling}
  13.  
  14. </head>
  15.  
  16. <!----- SCRIPTS ----->
  17.  
  18. <script type="text/javascript"
  19. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  20.  
  21. <script>
  22. var current_obj='';
  23.  
  24. function showLinks(objID) {
  25. var obj=document.getElementById(objID);
  26. if (current_obj.style) {
  27. current_obj.style.display='none';
  28. }
  29. obj.style.display='block';
  30. current_obj=obj;
  31. }
  32. </script>
  33.  
  34. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  35. <script>
  36. (function($){
  37. $(document).ready(function(){
  38. $("[title]").style_my_tooltips({
  39. tip_follows_cursor:true,
  40. tip_delay_time:200,
  41. tip_fade_speed:200
  42. }
  43. );
  44. });
  45. })(jQuery);
  46. </script>
  47.  
  48. <script>
  49. $(document).ready(function() {
  50. //
  51. $('a.poplight[href^=#]').click(function() {
  52. var popID = $(this).attr('rel'); //Get Popup Name
  53. var popURL = $(this).attr('href'); //Get Popup href to define size
  54. var query= popURL.split('?');
  55. var dim= query[1].split('&');
  56. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  57. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/q4pljeg/eL1nnxl6n/icon_close.png" class="btn_close" title="close" alt="Close" /></a>');
  58. var popMargTop = ($('#' + popID).height() + 80) / 2;
  59. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  60. //Apply Margin to Popup
  61. $('#' + popID).css({
  62. 'margin-top' : -popMargTop,
  63. 'margin-left' : -popMargLeft
  64. });
  65. $('body').append('<div id="fade"></div>');
  66. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  67. return false;
  68. });
  69. $('a.close, #fade').live('click', function() {
  70. $('#fade , .popup_block').fadeOut(function() {
  71. $('#fade, a.close').remove(); //fade them both out
  72. });
  73. return false;
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79.  
  80.  
  81. <!---------------------------------------------------
  82.  
  83. © theme 'lavender' by oulysses
  84.  
  85. http://oulysses.tumblr.com/
  86.  
  87. # do not copy
  88. # do not claim as your own
  89. # do not use as a base theme
  90. # do not remove the credit
  91.  
  92. --------------------------------------------------->
  93.  
  94. <meta name="text:Username" content=""/>
  95.  
  96. <meta name="if:Pop Up Ask" content="1" />
  97. <meta name="if:Pop Up Archive" content="1" />
  98. <meta name="if:Pop Up About" content="0" />
  99. <meta name="if:Pop Up Links" content="1" />
  100. <meta name="if:Infinite Scrolling" content="0" />
  101.  
  102. <meta name="text:Sidelink1 URL" content="/" />
  103. <meta name="text:Sidelink1" content="" />
  104.  
  105. <meta name="text:Sidelink2 URL" content="/" />
  106. <meta name="text:Sidelink2" content="" />
  107.  
  108. <meta name="text:Link1 URL" content="/" />
  109. <meta name="text:Link1" content="link 1" />
  110. <meta name="text:Link2 URL" content="/" />
  111. <meta name="text:Link2" content="link 2" />
  112. <meta name="text:Link3 URL" content="/" />
  113. <meta name="text:Link3" content="link 3" />
  114. <meta name="text:Link4 URL" content="/" />
  115. <meta name="text:Link4" content="link 4" />
  116. <meta name="text:Link5 URL" content="/" />
  117. <meta name="text:Link5" content="link 5" />
  118. <meta name="text:Link6 URL" content="/" />
  119. <meta name="text:Link6" content="link 6" />
  120. <meta name="text:Link7 URL" content="/" />
  121. <meta name="text:Link7" content="link 7" />
  122. <meta name="text:Link8 URL" content="/" />
  123. <meta name="text:Link8" content="link 8" />
  124. <meta name="text:Link9 URL" content="/" />
  125. <meta name="text:Link9" content="link 9" />
  126. <meta name="text:Link10 URL" content="/" />
  127. <meta name="text:Link10" content="link 10" />
  128. <meta name="text:Link11 URL" content="/" />
  129. <meta name="text:Link11" content="link 11" />
  130.  
  131.  
  132. <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  133.  
  134.  
  135.  
  136.  
  137. <style type="text/css">
  138.  
  139.  
  140.  
  141.  
  142. /* SCROLLBAR */
  143.  
  144. ::-webkit-scrollbar{
  145. height: 4px;
  146. width: 5px;
  147. -webkit-border-radius: 0px;
  148. background-color:#fafafa;
  149. }
  150.  
  151. ::-webkit-scrollbar-thumb{
  152. background-color:#000;
  153. border-right:1px solid #fafafa;
  154. border-left:1px solid #fafafa;
  155. }
  156.  
  157. ::-webkit-scrollbar-track{
  158. background-color:#fafafa}
  159. }
  160.  
  161.  
  162.  
  163.  
  164. /* BASIC */
  165.  
  166. body {
  167.  
  168. }
  169.  
  170. body {
  171. background-color:#f8f8f8;
  172. font-family:'Oxygen';
  173. margin:0px;
  174. color:#000;
  175. font-size:11px;
  176. line-height:100%;
  177. }
  178.  
  179. a {
  180. color:#000;
  181. text-decoration:none;
  182. -moz-transition-duration: 0.4s;
  183. -webkit-transition-duration: 0.4s;
  184. -o-transition-duration: 0.4s;
  185. }
  186.  
  187. a:hover {
  188. text-decoration:none
  189. }
  190.  
  191. img {
  192. border:none
  193. }
  194.  
  195. blockquote {
  196. width:430px;
  197. padding-left:20px;
  198. border-left:1px solid #999;
  199. margin-left:10px;
  200. margin-top:12px;
  201. }
  202.  
  203. blockquote img {width: 100%; height:100%;}
  204.  
  205. blockquote blockquote {
  206. width:399px;
  207. }
  208.  
  209. blockquote blockquote blockquote {
  210. width:368px;
  211. }
  212.  
  213. blockquote blockquote blockquote blockquote {
  214. width:337px;
  215. }
  216.  
  217. blockquote blockquote blockquote blockquote {
  218. width:337px;
  219. }
  220.  
  221. blockquote blockquote blockquote blockquote blockquote {
  222. width:306px;
  223. }
  224.  
  225. blockquote blockquote blockquote blockquote blockquote blockquote {
  226. width:275px;
  227. }
  228.  
  229.  
  230.  
  231.  
  232.  
  233. /* SIDEBAR */
  234.  
  235. #top {
  236. background-color:#fff;
  237. position:fixed;
  238. top:0px;
  239. width:100%;
  240. height:50px;
  241. z-index:9;
  242. border-bottom:1px solid #eee;
  243. }
  244.  
  245. #bottom {
  246. background-color:#fff;
  247. position:fixed;
  248. bottom:0px;
  249. width:100%;
  250. height:50px;
  251. z-index:9;
  252. border-top:1px solid #eee;
  253. }
  254.  
  255. #left {
  256. height:100%;
  257. top:0px;
  258. left:0px;
  259. width:280px;
  260. position:fixed;
  261. background-color:#fff;
  262. border-right:1px solid #eee;
  263. }
  264.  
  265. #title {
  266. margin-top:100px;
  267. margin-left:95px;
  268. width:160px;
  269. padding:10px 25px 10px 0px;
  270. background-color:transparent;
  271. border-right:1px solid #000;
  272. z-index:99999;
  273. font-family:'Oxygen';
  274. text-transform:uppercase;
  275. font-weight:bold;
  276. color:#000;
  277. font-size:14px;
  278. line-height:160%;
  279. text-align:right;
  280. letter-spacing:2px;
  281. }
  282.  
  283. #sidebar {
  284. margin-top:20px;
  285. margin-left:95px;
  286. width:160px;
  287. padding:10px 25px 10px 0px;
  288. background-color:transparent;
  289. border-right:1px solid #000;
  290. z-index:99999;
  291. font-family:'Oxygen';
  292. color:#000;
  293. font-size:10px;
  294. line-height:160%;
  295. text-align:right;
  296. letter-spacing:1px;
  297. }
  298.  
  299.  
  300.  
  301.  
  302. /* NAVIGATION */
  303.  
  304. #navigation {
  305. margin-top:20px;
  306. margin-left:95px;
  307. width:160px;
  308. padding:10px 25px 10px 0px;
  309. background-color:transparent;
  310. border-right:1px solid #000;
  311. z-index:99999;
  312. text-align:right;
  313. line-height:160%;
  314. }
  315.  
  316. #navigation a {
  317. display:block;
  318. text-transform:uppercase;
  319. font-weight:bold;
  320. font-family:'Oxygen';
  321. color:#000;
  322. font-size:9px;
  323. letter-spacing:2px;
  324.  
  325. -moz-transition-duration:0.5s;
  326. -webkit-transition-duration:0.5s;
  327. -o-transition-duration:0.5s;
  328. }
  329.  
  330. #navigation a:hover {
  331. padding-right:10px;
  332. }
  333.  
  334.  
  335.  
  336.  
  337. /* PAGINATION */
  338.  
  339. #pag {
  340. position:fixed;
  341. text-transform:uppercase;
  342. font-weight:bold;
  343. font-family:'Oxygen';
  344. color:#000;
  345. font-size:9px;
  346. letter-spacing:2px;
  347. top:190px;
  348. left:979px;
  349. border-left:1px solid #eee;
  350. padding:20px 0px 20px 0px;
  351. }
  352.  
  353. #pag a {
  354. display:block;
  355. margin:2px 0px 2px -1px;
  356. padding:10px 0px 10px 15px;
  357. border-left:1px solid #000;
  358. -moz-transition-duration:0.6s;
  359. -webkit-transition-duration:0.6s;
  360. -o-transition-duration:0.6s;
  361. }
  362.  
  363. #pag a:hover {
  364. padding-left:25px;
  365. -moz-transition-duration:0.6s;
  366. -webkit-transition-duration:0.6s;
  367. -o-transition-duration:0.6s;
  368. }
  369.  
  370.  
  371.  
  372.  
  373. /* POSTS */
  374.  
  375. #entries {
  376. position:relative;
  377. margin-left:360px;
  378. height:100%;
  379. width:500px;
  380. margin-top:0px;
  381. padding-bottom:30px;
  382.  
  383. }
  384.  
  385. #post {
  386. background-color:#fff;
  387. letter-spacing:1px;
  388. font-family:'Oxygen';
  389. font-size:10px;
  390. text-align:justify;
  391. line-height:160%;
  392. margin-top:100px;
  393. margin-bottom:90px;
  394. color:#333;
  395. width:500px;
  396. padding:20px 20px 15px 20px;
  397. }
  398.  
  399.  
  400. /* POSTS TITLES */
  401.  
  402. h1 {
  403. font-family:'Oxygen';
  404. font-style:normal;
  405. font-weight:bold;
  406. font-size:15px;
  407. text-align:left;
  408. line-height:140%;
  409. letter-spacing:1px;
  410. line-height:140%;
  411. color:#000;
  412. padding:0px 10px;
  413. }
  414.  
  415. /* POSTS TEXT */
  416.  
  417. #caption h2 {
  418. font-family:'Oxygen';
  419. font-style:normal;
  420. font-weight:bold;
  421. font-size:13px;
  422. text-align:left;
  423. line-height:100%;
  424. letter-spacing:1px;
  425. line-height:140%;
  426. color:#000;
  427. padding:0px 0px 0px 0px;
  428. }
  429.  
  430. #caption h1 {
  431. font-family:'Oxygen';
  432. font-style:normal;
  433. font-weight:bold;
  434. font-size:15px;
  435. text-align:left;
  436. line-height:100%;
  437. letter-spacing:1px;
  438. line-height:140%;
  439. color:#000;
  440. padding:0px 0px 0px 0px;
  441. }
  442.  
  443. #caption {
  444. font-weight:normal;
  445. letter-spacing:1px;
  446. font-family:'Oxygen';
  447. font-size:10px;
  448. text-align:left;
  449. line-height:160%;
  450. background-color:#fff;
  451. padding:5px 10px 0px 10px;
  452. }
  453.  
  454. #caption a {
  455. color:#000;
  456. font-weight:bold;
  457.  
  458. -moz-transition-duration: 0.2s;
  459. -webkit-transition-duration: 0.2s;
  460. -o-transition-duration: 0.2s;
  461. }
  462.  
  463. #caption a:hover {
  464. color:#bbb;
  465. }
  466.  
  467.  
  468.  
  469.  
  470. /* INFOs */
  471.  
  472. #info {
  473. width:490px;
  474. color:#000;
  475. display:inline-block;
  476. letter-spacing:1px;
  477. font-family:'Oxygen';
  478. font-size:8px;
  479. text-transform:uppercase;
  480. letter-spacing:1px;
  481. text-align:left;
  482. margin-top:13px;
  483. border-top:1px solid #f3f3f3;
  484. padding:9px 5px 0px 5px;
  485. }
  486.  
  487. #info a {
  488. color:#000; text-decoration:none;
  489. border-top:1px solid transparent;
  490. padding:12px 8px 0px 8px;
  491. margin-left:-4px;
  492.  
  493. -moz-transition-duration: 0.5s;
  494. -webkit-transition-duration: 0.5s;
  495. -o-transition-duration: 0.5s;
  496. }
  497.  
  498. #info a:visited {
  499. text-decoration:none;
  500. }
  501.  
  502. #info a:hover {
  503. border-top:1px solid #aaa;
  504. text-decoration:none;
  505.  
  506. -moz-transition-duration: 0.5s;
  507. -webkit-transition-duration: 0.5s;
  508. -o-transition-duration: 0.5s;
  509. }
  510.  
  511. #info b {
  512. margin-left:-5px;
  513. border-top:1px solid #aaa;
  514. padding:12px 8px 0px 16px;
  515. font-weight:bold;
  516.  
  517. -moz-transition-duration: 0.5s;
  518. -webkit-transition-duration: 0.5s;
  519. -o-transition-duration: 0.5s;
  520. }
  521.  
  522.  
  523.  
  524.  
  525. /* TAGS */
  526.  
  527. #tags {
  528. position:absolute;
  529. color:#111;
  530. opacity:0;
  531. letter-spacing:2px;
  532. width:499px;
  533. line-height:10px;
  534. text-align:left;
  535. font-family:'Oxygen';
  536. font-size:8px;
  537. margin-top:30px;
  538. padding:10px;
  539.  
  540. -moz-transition-duration: 0.4s;
  541. -webkit-transition-duration: 0.4s;
  542. -o-transition-duration: 0.4s;
  543. }
  544.  
  545. #tags a {
  546. display:inline-block;
  547. margin:4px 5px 4px 5px;
  548. text-decoration:none;
  549. color:#111;
  550. border-bottom:none;
  551. text-transform:lowercase;
  552. }
  553.  
  554. #tags a:hover {
  555. color:#111;
  556. text-shadow:none;
  557. text-decoration:none;
  558. border-bottom:none;
  559. }
  560.  
  561. #post:hover #tags {
  562. opacity:1;
  563.  
  564. -moz-transition-duration: 0.4s;
  565. -webkit-transition-duration: 0.4s;
  566. -o-transition-duration: 0.4s;
  567. }
  568.  
  569.  
  570.  
  571.  
  572. /* NOTES */
  573.  
  574. .notes {
  575. width:500px;
  576. text-align:left;
  577. margin-bottom:100px;
  578. margin-top:5px;
  579. font-family:'Oxygen';
  580. color:#333;
  581. text-transform:lowercase;
  582. font-size:10px;
  583. letter-spacing:1px;
  584. background-color:#fff;
  585. padding:10px 20px 20px 20px;
  586. }
  587.  
  588. .notes a {
  589. font-weight:bold;
  590. color:#000;
  591.  
  592. -moz-transition-duration: 0.4s;
  593. -webkit-transition-duration: 0.4s;
  594. -o-transition-duration: 0.4s;
  595. }
  596.  
  597. .notes a:hover {
  598. -moz-transition-duration: 0.4s;
  599. -webkit-transition-duration: 0.4s;
  600. -o-transition-duration: 0.4s;
  601. }
  602.  
  603. .notes img {
  604. display:none;
  605. }
  606.  
  607. .notes ol {
  608. margin:0;
  609. padding:0;
  610. line-height:250%;
  611. }
  612.  
  613. .notes li {
  614. list-style-type:none;
  615. text-align:left;
  616. margin-top:5px;
  617. padding:5px;
  618. border-bottom:1px solid #f5f5f5;
  619. }
  620.  
  621.  
  622.  
  623.  
  624. /* ASK POSTS */
  625.  
  626.  
  627. #question {
  628. background:#f8f8f8;
  629. border-bottom:1px solid #eee;
  630. border-top:none;
  631. color:#000;
  632. text-align:left;
  633. font-family:'Oxygen';
  634. padding:15px 15px 15px 15px;
  635. letter-spacing:2px;
  636. }
  637.  
  638. #question b {
  639. text-transform:uppercase;
  640. font-size:8px;
  641. letter-spacing:3px;
  642. color:#000;
  643. -moz-transition-duration:0.4s;
  644. -webkit-transition-duration:0.4s;
  645. -o-transition-duration:0.4s;
  646. }
  647.  
  648. #question b:hover {
  649. color:#000;
  650. -moz-transition-duration:0.4s;
  651. -webkit-transition-duration:0.4s;
  652. -o-transition-duration:0.4s;
  653. }
  654.  
  655. #answer {
  656. font-family:'Oxygen';
  657. letter-spacing:2px;
  658. text-align:left;
  659. padding:7px 15px 0px 15px;
  660. }
  661.  
  662. #answer blockquote {
  663. width:436px;
  664. }
  665.  
  666. #answer a {
  667. color:#999;
  668. }
  669.  
  670. #answer a:hover {
  671. color:#000;
  672. }
  673.  
  674.  
  675.  
  676.  
  677. /* AUDIO POSTS */
  678.  
  679. #audio {
  680. width:500px;
  681. height:100px;
  682. }
  683.  
  684. .cover {
  685. z-index:-3;
  686. width:90px;
  687. height:90px;
  688. outline:15px solid #000;
  689. margin:15px;
  690. }
  691.  
  692. #playbox {
  693. z-index:-2;
  694. width:98px;
  695. height:99px;
  696. border:1px solid #f5f5f5;
  697. margin:0px;
  698. float:right;
  699. background-color:#fff;
  700.  
  701. -moz-transition-duration:0.6s;
  702. -webkit-transition-duration:0.6s;
  703. -o-transition-duration:0.6s;
  704. }
  705.  
  706. #playbutton {
  707. z-index:2;
  708. background-color:;
  709. position:relative;
  710. overflow:hidden;
  711. width:26px;
  712. height:26px;
  713. margin:34px;
  714. }
  715.  
  716. #details {
  717. float:left;
  718. text-align:right;
  719. width:399px;
  720. background-color:#fbfbfb;
  721. color:#000;
  722. padding:55px 0px 0px 0px;
  723. height:44px;
  724. line-height:170%;
  725. font-size:9px;
  726. border:1px solid #f5f5f5;
  727. border-right:none;
  728. font-family:'Oxygen';
  729. -moz-transition-duration:0.6s;
  730. -webkit-transition-duration:0.6s;
  731. -o-transition-duration:0.6s;
  732. }
  733.  
  734. #details b {
  735. font-style:normal;
  736. font-family:'Oxygen';
  737. font-size:10px;
  738. letter-spacing:2px;
  739. font-weight:bold;
  740. text-transform:uppercase;
  741. padding-right:15px;
  742. }
  743.  
  744. #details i {
  745. font-style:normal;
  746. font-family:'Oxygen';
  747. font-weight:normal;
  748. font-size:10px;
  749. letter-spacing:2px;
  750. text-transform:capitalize;
  751. padding-right:15px;
  752. }
  753.  
  754.  
  755.  
  756.  
  757. /* QUOTE POSTS */
  758.  
  759. #quote {
  760. background-color:#fff;
  761. border:1px solid #eee;
  762. border-top:none;
  763. color:#000;
  764. font-family:'Oxygen';
  765. padding:15px 15px 15px 15px;
  766. text-indent:25px;
  767. font-weight:normal;
  768. text-align:center;
  769. font-size:10px;
  770. line-height:160%;
  771. color:#000;
  772. letter-spacing:1px;
  773. }
  774.  
  775. #quote:before {
  776. content:'“';
  777. font-family:'Inconsolata';
  778. font-size:27px;
  779. margin-left:-50px;
  780. margin-top:0px;
  781. width:30px;
  782. position:absolute;
  783. padding-right:15px;
  784. }
  785.  
  786. #source {
  787. line-height:160%;
  788. text-align:center;
  789. background:#fafafa;
  790. border:1px solid #eee;
  791. color:#000;
  792. font-family:'Oxygen';
  793. letter-spacing:2px;
  794. padding:15px 0px 15px 0px;
  795. font-size:10px;
  796. }
  797.  
  798. #source a {
  799. color:#777;
  800.  
  801. -moz-transition-duration:0.2s;
  802. -webkit-transition-duration:0.2s;
  803. -o-transition-duration:0.2s;
  804. }
  805.  
  806. #source a:hover {
  807. color:#000;
  808.  
  809. -moz-transition-duration:0.2s;
  810. -webkit-transition-duration:0.2s;
  811. -o-transition-duration:0.2s;
  812. }
  813.  
  814.  
  815.  
  816.  
  817. /* CHAT POSTS */
  818.  
  819. .chat ol {
  820. padding:0px;
  821. list-style:none;
  822. }
  823.  
  824. .line {
  825. font-family:'Oxygen';
  826. padding:10px;
  827. background-color:#fafafa;
  828. margin-top:2px;
  829. }
  830.  
  831. .label {
  832. text-transform:uppercase;
  833. font-weight:bold;
  834. font-size:9px;
  835. }
  836.  
  837.  
  838.  
  839.  
  840. /* CREDIT LINK */
  841.  
  842. #credit {
  843. position:fixed;
  844. right:10px;
  845. bottom:50px;
  846. font-family:'oxygen';
  847. letter-spacing:2px;
  848. font-size:8px;
  849. color:#333;
  850. border-bottom:1px solid #000;
  851. padding:6px 10px 6px 10px;}
  852.  
  853.  
  854.  
  855.  
  856. /* POP UPs */
  857.  
  858. #about {
  859. font-size:10px;
  860. font-family:'Oxygen';
  861. color:#fff;
  862. line-height:200%;
  863. letter-spacing:2px;
  864. }
  865.  
  866. #links a {
  867. font-size:10px;
  868. text-transform:uppercase;
  869. font-family:'Oxygen';
  870. color:#fff;
  871. line-height:200%;
  872. letter-spacing:2px;
  873. }
  874.  
  875. #links a:hover {
  876. color:transparent;
  877. text-shadow:0px 0px 1px #fff;
  878. }
  879.  
  880. .popup_block {
  881. color:#fff;
  882. display:none;
  883. background:transparent;
  884. padding:20px;
  885. border:1px solid #fff;
  886. float:left;
  887. position:fixed;
  888. top:50%; left:50%;
  889. z-index: 99999999999999999999999999999;
  890. }
  891.  
  892. *html #fade {position: absolute;}
  893. *html .popup_block {position: absolute;}
  894. #fade {
  895. display:none;
  896. position:fixed;
  897. left:0px;
  898. top:0px;
  899. width:100%;
  900. height:100%;
  901. z-index:9999;
  902. background:#000;
  903. opacity:0.9;
  904. }
  905.  
  906. img.btn_close {
  907. float: right;
  908. margin: -5px -5px 0 0;
  909. }
  910.  
  911. img.btn_close {
  912. width:19px;
  913. height:19px;
  914. float: right;
  915. margin: -55px -55px 0 0;
  916. }
  917.  
  918. .archive {
  919. display:block;
  920. position:relative;
  921. width:730px;
  922. height:500px;
  923. overflow:hidden;
  924. }
  925.  
  926. .archive iframe {
  927. position:absolute;
  928. top:-50px;
  929. }
  930.  
  931.  
  932. /* TOOLTIPS */
  933.  
  934. #s-m-t-tooltip {
  935. max-width:300px;
  936. margin:15px;
  937. padding:4px 6px;
  938. background-color:#f8f8f8;
  939. color:#000;
  940. z-index:999999999999;
  941. font-size:7px;
  942. text-transform:lowercase;
  943. letter-spacing:2px;
  944. font-family:'Oxygen';
  945. }
  946.  
  947.  
  948.  
  949.  
  950. {CustomCSS}</style><body>
  951.  
  952.  
  953.  
  954.  
  955. <div id="about" class="popup_block">
  956.  
  957. <!-- ABOUT TEXT
  958.  
  959. THIS IS WHAT WILL APPEAR WHEN YOU CLICK ON THE 'ABOUT' LINK (IF THE OPTION 'POP UP ABOUT' IS ON) -->
  960.  
  961. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  962.  
  963. <!-- STOP -->
  964.  
  965. </div>
  966.  
  967.  
  968.  
  969.  
  970. <!-- SIDEBAR -->
  971.  
  972.  
  973. <div id="top"></div>
  974.  
  975.  
  976. <div id="bottom"></div>
  977.  
  978.  
  979. <div id="left">
  980.  
  981. <a href="/"><div id="title">
  982. {Title}
  983. </div></a>
  984.  
  985. <div id="sidebar">
  986. {description}
  987. </div>
  988.  
  989. <div id="navigation">
  990.  
  991. <a href="/">home</a>
  992.  
  993. {block:ifPopUpAsk}
  994. <a href="#?w=330" rel="message" class="poplight">ask</a>
  995. {/block:ifPopUpAsk}
  996.  
  997. {block:ifNotPopUpAsk}
  998. <a href="/ask">ask</a>
  999. {/block:ifNotPopUpAsk}
  1000.  
  1001. {block:ifPopUpArchive}
  1002. <a href="#?w=730" rel="archive" class="poplight">archive</a>
  1003. {/block:ifPopUpArchive}
  1004.  
  1005. {block:ifNotPopUpArchive}
  1006. <a href="/archive">archive</a>
  1007. {/block:ifNotPopUpArchive}
  1008.  
  1009. {block:ifPopUpAbout}
  1010. <a href="#?w=300" rel="about" class="poplight">about</a>
  1011. {/block:ifPopUpAbout}
  1012.  
  1013. {block:ifPopUpLinks}
  1014. <a href="#?w=300" rel="links" class="poplight">links</a>
  1015. {/block:ifPopUpLinks}
  1016.  
  1017. {block:ifSidelink1}<a href="{text:Sidelink1 URL}">{text:Sidelink1}</a>{/block:ifSidelink1}
  1018.  
  1019. {block:ifSidelink2}<a href="{text:Sidelink2 URL}">{text:Sidelink2}</a>{/block:ifSidelink2}
  1020.  
  1021. </div>
  1022.  
  1023. </div>
  1024.  
  1025.  
  1026. {block:ifNotInfiniteScrolling}
  1027. {block:Pagination}
  1028. <div id="pag">
  1029.  
  1030. {block:NextPage}
  1031. <a href="{NextPage}">forward</a>
  1032. {/block:NextPage}
  1033.  
  1034. {block:PreviousPage}
  1035. <a href="{PreviousPage}">backward</a>
  1036. {/block:PreviousPage}
  1037.  
  1038. </div>
  1039. {/block:Pagination}
  1040. {/block:ifNotInfiniteScrolling}
  1041.  
  1042.  
  1043. <!-- POSTS -->
  1044.  
  1045. <div id="entries">{block:ifInfiniteScrolling}<div class = "autopagerize_page_element" >{/block:ifInfiniteScrolling}{block:Posts}<div id="post">
  1046.  
  1047. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="caption">{body}</div>{/block:Text}
  1048.  
  1049. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  1050.  
  1051. {block:Photoset}{Photoset-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  1052.  
  1053. {block:Quote}
  1054. {block:Source}
  1055. <div id="source">{Source}</div>
  1056. {/block:Source}
  1057. <div id="quote">{Quote}</div>
  1058. {/block:Quote}
  1059.  
  1060. {block:Link}<a href="{URL}" {Target}><h1>{Name}</h1></a>{block:Description}<div id="caption">{Description}</div>{/block:Description}{/block:Link}
  1061.  
  1062. {block:Chat}
  1063. {block:Title}
  1064. <h1>{Title}</h1>
  1065. {/block:Title}
  1066. <div class="chat">
  1067. <ol>{block:Lines}
  1068. <li class="line {Alt}">
  1069. {block:Label}
  1070. <span class="label">
  1071. {Label}</span>
  1072. {/block:Label}{Line}</li>
  1073. {/block:Lines}
  1074. </ol></div>
  1075. {/block:Chat}
  1076.  
  1077. {block:Audio}
  1078.  
  1079. {block:AudioPlayer}
  1080. <div id="audio">
  1081. <div id="details">
  1082. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
  1083. {block:Artist}<b>{Artist}{/block:Artist}</b>
  1084. </div>
  1085. <div id="playbox">
  1086. <div id="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  1087. </div>
  1088. </div>
  1089. {/block:AudioPlayer}
  1090. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  1091. {/block:Audio}
  1092.  
  1093. {block:Video}{Video-500}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Video}
  1094.  
  1095. {block:Answer}
  1096. <div id="question"><b>{asker} asked:</b> {Question}</div>
  1097. <div id="answer">{Answer}</div>
  1098. {/block:answer}
  1099.  
  1100.  
  1101. <!-- INFOs -->
  1102.  
  1103.  
  1104. <div id="info">
  1105.  
  1106. {block:Date}
  1107. <b><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {Month} {12Hour}{CapitalAmPm}</a></b>
  1108. {/block:Date}
  1109.  
  1110. {block:NoteCount}
  1111. &nbsp <a href="{Permalink}">{NoteCount} ♡</a> <font color="#fff"></font>
  1112. {/block:NoteCount}
  1113.  
  1114. {block:RebloggedFrom}
  1115. &nbsp <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>
  1116. {/block:RebloggedFrom}
  1117.  
  1118. {block:ContentSource}
  1119. &nbsp <a href="{SourceURL}" title="{SourceTitle}">source</a>
  1120. {/block:ContentSource}
  1121.  
  1122. </div>
  1123.  
  1124.  
  1125. <!-- TAGS -->
  1126.  
  1127. {block:HasTags}<div id="tags">
  1128. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags} </div>
  1129. {block:HasTags}</div>
  1130.  
  1131.  
  1132. <!-- NOTES -->
  1133.  
  1134. {block:PostNotes}
  1135. <div align="left">
  1136. <div class="notes">
  1137. {PostNotes}
  1138. </div>
  1139. </div>
  1140. {/block:PostNotes}
  1141.  
  1142.  
  1143. {/block:Posts}{block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}</div>
  1144.  
  1145.  
  1146. <!-- CREDIT LINK -->
  1147.  
  1148. <a href="http://oulysses.tumblr.com/"><div id="credit">theme</div></a>
  1149.  
  1150. </body>
  1151.  
  1152. <!-- POP UP NAVIGATION -->
  1153.  
  1154. <div id="links" class="popup_block">
  1155. {block:ifLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}
  1156. {block:ifLink2}, &nbsp<a href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}
  1157. {block:ifLink3}, &nbsp<a href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}
  1158. {block:ifLink4}, &nbsp<a href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}
  1159. {block:ifLink5}, &nbsp<a href="{text:Link5 URL}">{text:Link5}</a>{/block:ifLink5}
  1160. {block:ifLink6}, &nbsp<a href="{text:Link6 URL}">{text:Link6}</a>{/block:ifLink6}
  1161. {block:ifLink7}, &nbsp<a href="{text:Link7 URL}">{text:Link7}</a>{/block:ifLink7}
  1162. {block:ifLink8}, &nbsp<a href="{text:Link8 URL}">{text:Link8}</a>{/block:ifLink8}
  1163. </div>
  1164.  
  1165.  
  1166. <!-- POP UP ASK -->
  1167.  
  1168. <div id="message" class="popup_block">
  1169. <iframe frameborder="0" margin-top="3px" border="0" scrolling="yes" width="330px" height="260px" allowtransparency="true" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;}"></iframe>
  1170. </div>
  1171.  
  1172.  
  1173. <!-- POP UP NAVIGATION -->
  1174.  
  1175. <div id="archive" class="popup_block"><div class="archive">
  1176. <iframe src="http://{text:username}.tumblr.com/archive" height="550" frameborder="0" width="730"></iframe>
  1177. </div></div>
  1178.  
  1179. </div></div></div></div></div></div></div></div></div></div>
  1180.  
  1181.  
  1182.  
  1183. </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!