API tools faq
paste
Advertisement
Laighlin

#18: Annexus

Laighlin
May 7th, 2017
4,464
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.96 KB | None | 0 0
raw download clone embed print report
  1. <!------------------ Annexus by Laighlin --------------------
  2.  
  3.  
  4. 1. leave the credit intact
  5. 2. don't redistribute or lift large chunks of code
  6. 3. send me a message if you need any help! (an example of
  7.   your problem would be preferred)
  8. 4. check my faq if you have questions about adding custom links
  9.  
  10. 03.06.2017 update - Due to reports of iframe sizing issues, the fade in/out ask and submit boxes have been temporarily disabled. Clicking the navigation buttons will now lead to the static /ask and /submit pages until the problem is resolved.
  11.  
  12.  
  13. -------------------------------------------------------------->
  14.  
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  19. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  20. <head><title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}{block:SearchPage} &mdash; {lang:Search results for SearchQuery}{/block:SearchPage}</title>
  21. <link rel="shortcut icon" {block:ifCustomFavicon} href="{image:favicon}" {/block:ifCustomFavicon}{block:ifNotCustomFavicon} href="{Favicon}" {/block:ifNotCustomFavicon}>
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link href="https://fonts.googleapis.com/css?family=Exo+2|Nova+Square|Oxygen:400,400i,700,700i" rel="stylesheet">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <script src="https://static.tumblr.com/pqsvrdz/rKBmvnjxz/jquery.fitvids.js"></script>
  27. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  28. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  29. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  30.  
  31. <meta name="color:background color" content="#fff"/>
  32. <meta name="image:background" content="http://static.tumblr.com/f0ef70828c02c6fcd41694f3ddf955e8/xwoxjom/jq2oph2q5/tumblr_static_b3j69qtruz48s4cogg08wc8cg.jpg"/>
  33. <meta name="image:favicon" content=""/>
  34. <meta name="if:search bar" content="1"/>
  35. <meta name="if:faux tabs" content="1"/>
  36. <meta name="if:custom favicon" content="0"/>
  37. <meta name="if:shadows" content="1"/>
  38. <meta name="if:gradient backgrounds" content="1"/>
  39.  
  40. <meta name="select:background size" content=";background-size:cover" title="cover"/>
  41. <meta name="select:background size" content="repeat" title ="tiled"/>
  42.  
  43. <meta name="color:title" content="#791e3f"/>
  44. <meta name="color:shadows" content="#212b3c"/>
  45. <meta name="color:post background" content="#fff8ee"/>
  46. <meta name="color:post text" content="#433947"/>
  47. <meta name="color:bold" content="#8f3478"/>
  48. <meta name="color:italic" content="#2c7ba2"/>
  49. <meta name="color:link" content="#ad2e59"/>
  50. <meta name="color:link hover" content="#898989"/>
  51. <meta name="color:tags" content="#61386b"/>
  52. <meta name="color:tags hover" content="#ff9f20"/>
  53. <meta name="color:text highlight background" content="#975d9a"/>
  54. <meta name="color:text highlight" content="#ffffff"/>
  55. <meta name="color:navigation text" content="#ffffff"/>
  56. <meta name="color:navigation 1" content="#8db7d7"/>
  57. <meta name="color:navigation 2" content="#696aa2"/>
  58. <meta name="color:navigation 3" content="#7d5489"/>
  59. <meta name="color:navigation 4" content="#8f2359"/>
  60. <meta name="color:navigation 5" content="#c65673"/>
  61. <meta name="color:navigation 6" content="#f8bd6e"/>
  62.  
  63. <!-- text fields -->
  64. <meta name="text:post width" content="450px"/>
  65. <meta name="text:body font" content="Oxygen"/>
  66. <meta name="text:body font size" content="13px"/>
  67. <meta name="text:description title" content="about"/>
  68. <meta name="text:custom links title" content="links"/>
  69.  
  70. <style type="text/css">
  71.  
  72. .tmblr-iframe {
  73.     top:55px !important;
  74.     position:absolute;
  75. }
  76.  
  77. body {
  78.     color:{color:post text};
  79.     font-family:'{text:body font}',sans-serif;
  80.     font-size:{text:body font size};
  81.     word-wrap:break-word;
  82.     overflow-y:scroll;
  83.     background:url({image:background}) fixed {select:background size};
  84.     background-color:{color:background color};
  85. }
  86.  
  87. #bgholder {
  88.     transition:.25s background ease;
  89.     {block:ifFauxTabs}
  90.     {block:ifNotGradientBackgrounds}
  91.     background-color:{color:navigation 2};
  92.     {block:PermalinkPage}
  93.     background-color:{color:navigation 5};
  94.     {/block:PermalinkPage}
  95.     {block:AskPage}
  96.     background-color:{color:navigation 3} !important;
  97.     {/block:AskPage}
  98.     {block:SubmitPage}
  99.     background-color:{color:navigation 4} !important;
  100.     {/block:SubmitPage}
  101.     {/block:ifNotGradientBackgrounds}
  102.     {/block:ifFauxTabs}
  103.     {block:ifGradientBackgrounds}
  104.     background-image:linear-gradient({color:navigation 2} 10%,transparent);
  105.     {block:PermalinkPage}
  106.     background-image:linear-gradient({color:navigation 5} 10%,transparent);
  107.     {/block:PermalinkPage}
  108.     {block:AskPage}
  109.     background-image:linear-gradient({color:navigation 3} 10%,transparent) !important;
  110.     {/block:AskPage}
  111.     {block:SubmitPage}
  112.     background-image:linear-gradient({color:navigation 4} 10%,transparent) !important;
  113.     {/block:SubmitPage}
  114.     background-color:transparent;
  115.     {/block:ifGradientBackgrounds}
  116.     top:0;
  117.     bottom:0;
  118.     left:0;
  119.     right:0;
  120.     position:fixed;
  121.     z-index:-3;
  122. }
  123.  
  124. p:first-child, p>p:first-child { margin-top:2px; }
  125. p:last-child, p>p:last-child { margin-bottom:3px; }
  126.  
  127. a, .links, .tags, .pag {
  128.     transition:.15s ease-in-out;
  129. }
  130.  
  131. b, strong {
  132.     color:{color:bold};
  133. }
  134.  
  135. i, em {
  136.     color:{color:italic};
  137. }
  138.  
  139. a {
  140.     text-decoration:none;
  141.     outline:none;
  142.     -moz-outline-style:none;
  143.     color:{color:link};
  144. }
  145.  
  146. a:hover {
  147.     color:{color:link hover};
  148. }
  149.  
  150. img {
  151.     border:none;
  152.     max-width:100%;
  153. }
  154.  
  155. blockquote, blockquote blockquote {
  156.     padding-left:7px;
  157.     margin-left:7px;
  158.     border-left:1px solid {color:navigation 6};
  159.     margin-right:0px;
  160. }
  161.  
  162. h1 {
  163.     font:150% 'Exo 2';
  164.     font-variant:small-caps;
  165.     color:{color:accent};
  166.     font-weight:bold;
  167. }
  168.  
  169. h1 i { font-size:110%; }
  170.  
  171. .post ol {
  172.     list-style-type:decimal-leading-zero;
  173. }
  174. .post ul li {
  175.     list-style-type:square;
  176. }
  177.  
  178. ::selection {
  179.     background:{color:text highlight background};
  180.     color:{color:text highlight};
  181. }
  182.  
  183. ::moz-selection {
  184.     background:{color:text highlight background};
  185.     color:{color:text highlight};
  186. }
  187.  
  188. ::-webkit-scrollbar {
  189.     width:7px;
  190.     height:7px;
  191. }
  192.  
  193. ::-webkit-scrollbar-thumb {
  194.     background:{color:title};
  195. }
  196.  
  197. /* Track */
  198. ::-webkit-scrollbar-track {
  199.     background:{color:navigation 1};
  200. }
  201.  
  202. ::-webkit-scrollbar-corner {
  203.     background:{color:title};
  204. }
  205.  
  206. #s-m-t-tooltip {
  207.     background:{color:text highlight background};
  208.     color:{color:text highlight};
  209.     box-shadow:5px 5px 2px 0 rgba({RGBcolor:shadows},.5);
  210.     margin:0 15px;
  211.     padding:.5em;
  212.     font-style:italic;
  213.     font-size:95%;
  214.     border-radius:2px;
  215.     line-height:1em;
  216.     z-index:9999999;
  217.     pointer-events:none;
  218. }
  219.  
  220. #titlebar {
  221.     top:0;
  222.     left:0;
  223.     right:0;
  224.     font:25px 'Nova Square';
  225.     position:fixed;
  226.     line-height:1em;
  227.     height:2em;
  228.     z-index:20;
  229.     display:flex;
  230.     flex-direction:row nowrap;
  231.     background:{color:navigation 1};
  232. }
  233.  
  234. #titleholder {
  235.     box-sizing:border-box;
  236.     flex-grow:3;
  237. }
  238.  
  239. #titleholder, .titbar {
  240.     color:{color:title};
  241.     text-transform:uppercase;
  242.     padding:.5em;
  243. }
  244. #title { color:{color:title}; }
  245.  
  246. #navbtns {
  247.     width:250px;
  248.     display:flex;
  249.     justify-content:flex-end;
  250. }
  251.  
  252. .nav {
  253.     width:2em;
  254.     box-sizing:border-box;
  255.     padding:.3em 0 .5em;
  256.     margin:0;
  257.     text-align:center;
  258.     display:block;
  259.     cursor:pointer;
  260.     border-top:.2em solid transparent;
  261. }
  262.  
  263. .nav:hover {
  264.     border-color:{color:navigation 1};
  265.     color:{color:navigation text};
  266. }
  267.  
  268. #titlebar .lnr-home {
  269.     line-height:0;
  270.     position:relative;
  271. }
  272.  
  273. .nav, .pag {
  274.     color:{color:navigation text};
  275.     position:relative;
  276. }
  277.  
  278. #leftbar, #rightbar {
  279.     position:fixed;
  280.     top:0;
  281.     bottom:0;
  282. }
  283.  
  284. #leftbar {
  285.     width:250px;
  286.     left:calc(50% - ({text:post width}/2) - 220px);
  287.     top:100px;
  288. }
  289.  
  290. .titbar {
  291.     background:{color:navigation 1};
  292.     top:0;
  293.     left:0;
  294.     right:0;
  295.     font:115% 'Nova Square';
  296.     line-height:1em;
  297.     padding:.5em;
  298. }
  299.  
  300. #leftbar .titbar {
  301.     text-align:right;
  302. }
  303.  
  304. .titbar a { color:{color:title}; }
  305.  
  306. #description, #custlinks, .post, #search {
  307.     border-radius:3px;
  308.     overflow:hidden;
  309.     transition:.2s box-shadow ease;
  310.     position:relative;
  311.     color:{color:post text};
  312. }
  313.  
  314. #desc, .post-bg, #search input {
  315.     background:{color:post background};
  316. }
  317.  
  318. #desc {
  319.     padding:7px;
  320.     text-align:center;
  321.     max-height:250px;
  322.     overflow-y:auto;
  323.     overflow-x:hidden;
  324. }
  325.  
  326. #custlinks {
  327.     margin-top:50px;
  328.     width:100%;
  329. }
  330.  
  331. .links {
  332.     display:block;
  333.     padding:5px;
  334.     background:{color:navigation 3};
  335.     color:{color:navigation text};
  336.     font:98% 'Exo 2';
  337.     text-transform:uppercase;
  338.     letter-spacing:1px;
  339. }
  340. .links:nth-child(even) { background:{color:navigation 4}; }
  341. .links:hover {
  342.     background:{color:navigation 5};
  343.     color:{color:navigation text};
  344. }
  345.  
  346. #search { margin-top:50px; }
  347. #search input {
  348.     outline:none;
  349.     border:none;
  350.     width:100%;
  351.     box-sizing:border-box;
  352.     padding:.5em;
  353.     background:{color:post background};
  354.     color:{color:post text};
  355.     font:inherit;
  356. }
  357.  
  358. #content, #ask-submit-wrapper {
  359.     left:calc(50% - ({text:post width}/2) + 80px);
  360.     position:absolute;
  361.     top:50px;
  362. }
  363.  
  364. .post {
  365.     width:{text:post width};
  366.     margin:50px auto;
  367. }
  368.  
  369. .caption a, #description a, .ans a { text-decoration:underline; }
  370.  
  371. .quote {
  372.     font-family:'Nova Square';
  373.     padding:5px 10px;
  374.     background:rgba({RGBcolor:navigation 2},.35);
  375. }
  376. .quote.short { font-size:175%; }
  377. .quote.medium { font-size:160%; }
  378. .quote.long { font-size:130%; }
  379.  
  380. .post-tit {
  381.     font:1.3em 'Exo 2';
  382.     text-transform:uppercase;
  383.     text-align:center;
  384.     padding:10px;
  385.     background:rgba({RGBcolor:navigation 6},.35);
  386.     display:block;
  387. }
  388.  
  389. .excerpt { color:{color:italic}; }
  390.  
  391. .askr-avi, .answr-avi {
  392.     border-radius:50%;
  393.     margin:10px 10px 0 10px;
  394. }
  395.  
  396. .qq, .a-ans {
  397.     position:absolute;
  398.     display:inline;
  399.     margin-top:calc(30px - .5em);
  400.     font-family:'Exo 2';
  401.     text-transform:uppercase;
  402. }
  403. .ques {
  404.     padding:7px;
  405.     margin-left:55px;
  406.     margin-top:-10px;
  407. }
  408. .aa { text-align:right; }
  409. .a-ans { right:60px; }
  410. .ans {
  411.     padding-left:10px;
  412.     text-align:right;
  413.     margin-right:60px;
  414. }
  415.  
  416. .chat {
  417.     padding:4px 10px;
  418.     font-family:monospace;
  419. }
  420. .chat.even { padding-left:20px; }
  421.  
  422. .caption {
  423.     padding:10px;
  424. }
  425.  
  426. .footbar {
  427.     background:rgba({RGBcolor:navigation 5},.30);
  428.     padding:10px;
  429.     text-transform:uppercase;
  430.     font-family:'Exo 2', sans-serif;
  431.     min-height:1em;
  432. }
  433. .footbar a {
  434.     color:{color:tags};
  435. }
  436. .footbar a:hover {
  437.     color:{color:tags hover};
  438. }
  439.  
  440. .post-notes { float:right; }
  441.  
  442. .post-notes .src {
  443.     float:left;
  444. }
  445.  
  446. .controls svg {
  447.    width:16px;
  448.    height:auto;
  449.    opacity:.8;
  450.    padding:1px;
  451.    display:block;
  452.    overflow:visible;
  453.    fill:{color:title};
  454. }
  455.  
  456. .controls {
  457.     float:right;
  458.     margin-top:-3px;
  459.     line-height:20px;
  460. }
  461.  
  462. .controls a {
  463.    position:relative;
  464.    display:inline-block;
  465.    overflow:hidden;
  466.    padding:1px;
  467.    width:16px;
  468.    height:16px;
  469. }
  470.  
  471. .controls .reblog {
  472.    opacity:.93;
  473. }
  474.  
  475. .controls .reblog svg {
  476.    width:15px;
  477.    margin-top:1px;
  478. }
  479.  
  480. .controls .like .liked + svg {
  481.    opacity:1;
  482. }
  483.  
  484. .controls .like .liked + svg path {
  485.    fill:#ec5a5a;
  486. }
  487.  
  488. .controls .like .like_button {
  489.    position:relative;
  490. }
  491.  
  492. .controls .like .like_button iframe {
  493.    position:absolute;
  494.    top:0;
  495.    left:0;
  496.    bottom:0;
  497.    right:0;
  498.    z-index:2;
  499.    opacity:0;
  500. }
  501.  
  502. .tag-wrap {
  503.     padding:10px;
  504.     background:rgba({RGBcolor:navigation 3},.4);
  505. }
  506.  
  507. .tags {
  508.     margin:2px 5px 0 0;
  509.     color:{color:tags};
  510. }
  511. .tags:hover {
  512.     text-decoration:underline;
  513.     color:{color:tags hover};
  514. }
  515. .tags:after { content:','; }
  516. .tags:last-child:after { display:none; }
  517.  
  518. #note {
  519.     overflow-x:hidden;
  520.     overflow-y:auto;
  521. }
  522.  
  523. #note ol.notes {
  524.     list-style-type:none;
  525.     margin:5px;
  526.     padding:5px;
  527. }
  528.  
  529. #note ol.notes li {
  530.     margin:4px 0;
  531.     padding:3px 0;
  532.     border-bottom:1px solid {color:bold};
  533. }
  534.  
  535. #note ol.notes li:last-child { border-bottom:none; }
  536.  
  537. #note ol.notes img.avatar {
  538.     margin-right: 7px;
  539.     margin-top:-7px;
  540.     width: 26px;
  541.     height: 26px;
  542. }
  543.  
  544. #note ol.notes li {
  545.     padding:3px;
  546. }
  547.  
  548. #askbox, #subbox {
  549.     display:none;
  550.     position:absolute;
  551.     line-height:0;
  552. }
  553.  
  554. #rightbar {
  555.     top:100px;
  556.     width:100px;
  557.     line-height:1em;
  558.     font-size:25px;
  559.     left:calc(50% + ({text:post width}/2) + 130px);
  560. }
  561.  
  562. .pag {
  563.     width:50px;
  564.     height:50px;
  565.     box-sizing:border-box;
  566.     display:block;
  567.     border:5px solid transparent;
  568.     padding:7.5px 0;
  569.     text-align:center;
  570.     border-radius:3px;
  571. }
  572.  
  573. .pag:hover {
  574.     color:{color:navigation text};
  575.     border-color:rgba({RGBcolor:navigation text},.5);
  576. }
  577.  
  578. .pag.num {
  579.     font-family:'Nova Square';
  580.     font-size:20px;
  581. }
  582.  
  583. .pag.lnr {
  584.     background:{color:navigation 1};
  585.     color:{color:title};
  586. }
  587.  
  588. .cur {
  589.     background:{color:post background};
  590.     color:{color:link};
  591.     pointer-events:none;
  592.     border-color:{color:link};
  593. }
  594.  
  595. .pag:nth-child(even) { margin-left:50px; }
  596.  
  597. .nav.lnr-text-align-right, .burr:nth-child(2) { /* pardon me, are you-? */
  598.     background:{color:navigation 2};
  599. }
  600.  
  601. .nav.lnr-bubble, .burr:nth-child(3) {
  602.     background:{color:navigation 3};
  603. }
  604.  
  605. .nav.lnr-pencil, .burr:nth-child(4) {
  606.     background:{color:navigation 4};
  607. }
  608.  
  609. .nav.lnr-history, .burr:nth-child(5) {
  610.     background:{color:navigation 5};
  611. }
  612. .nav.lnr-code, .burr:nth-child(6) {
  613.     background:{color:navigation 6};
  614. }
  615.  
  616. {block:ifShadows}
  617. #description, #custlinks, #search, .post, .pag {
  618.     box-shadow:4px 4px 4px 0 rgba({RGBcolor:shadows},.5);
  619. }
  620. #description:hover, #custlinks:hover, #search:hover, #search:focus, .post:hover, .pag:hover {
  621.     box-shadow:4px 4px 15px 0 rgba({RGBcolor:shadows},.5);
  622. }
  623. {/block:ifShadows}
  624.  
  625. .lnr-pushpin { margin-right:2px; }
  626.  
  627. {CustomCSS}
  628.  
  629. </style>
  630.  
  631. <script>
  632. $(document).ready(function() {
  633.     // $('.cur').removeClass('burr');
  634.     $('.media-wrap').fitVids(); // video resizing script
  635.     $('.photo-slideshow').pxuPhotoset({
  636.        lightbox: true,
  637.        rounded: false,
  638.        gutter: '2px',
  639.        borderRadius: '0px',
  640.        photoset: '.photo-slideshow',
  641.        photoWrap: '.photo-data',
  642.        photo: '.pxu-photo'
  643.     }); // photoset resizing script
  644.     $('[title]').style_my_tooltips({
  645.         tip_follows_cursor:true,
  646.         tip_delay_time:100,
  647.         tip_fade_speed:300
  648.     }); // tooltip script
  649.     $('iframe.tumblr_audio_player').load( function() {
  650.         $('iframe.tumblr_audio_player').contents().find("head")
  651.            .append($("<style type='text/css'> .audio-player { background:{color:navigation 5} !important; } .audio-player * { color:{color:navigation text} !important } </style>"));
  652.     });
  653.     //let's get down to business
  654.     $('.nav.lnr-bubble').click(function() {
  655.         {block:ifFauxTabs}
  656.         $('body').css('background-color','{color:navigation 3}');
  657.         {block:ifGradientBackgrounds}
  658.         $('#bgholder').css('background-image','linear-gradient({color:navigation 3} 10%,transparent)');
  659.         {/block:ifGradientBackgrounds}
  660.         {/block:ifFauxTabs}
  661.         // $('#content').fadeOut();
  662.         // $('#rightbar').fadeOut();
  663.         // $('#subbox').fadeOut();
  664.         // $('#askbox').fadeIn();
  665.     });
  666.     $('.nav.lnr-pencil').click(function() {
  667.         {block:ifFauxTabs}
  668.         $('body').css('background-color','{color:navigation 4}');
  669.         {block:ifGradientBackgrounds}
  670.         $('#bgholder').css('background-image','linear-gradient({color:navigation 4} 10%,transparent)');
  671.         {/block:ifGradientBackgrounds}
  672.         {/block:ifFauxTabs}
  673.         // $('#content').fadeOut();
  674.         // $('#rightbar').fadeOut();
  675.         // $('#askbox').fadeOut();
  676.         // $('#subbox').fadeIn();
  677.     });
  678.     $('.nav.lnr-text-align-right').click(function() {
  679.         {block:ifFauxTabs}
  680.         {block:IndexPage}
  681.         $('body').css('background-color','{color:navigation 2}');
  682.         {/block:IndexPage}
  683.         {block:PermalinkPage}
  684.         $('body').css('background-color','{color:navigation 5}');
  685.         {/block:PermalinkPage}
  686.         {block:ifGradientBackgrounds}
  687.         {block:IndexPage}
  688.         $('#bgholder').css('background-image','linear-gradient({color:navigation 2} 10%,transparent)');
  689.         {/block:IndexPage}
  690.         {block:PermalinkPage}
  691.         $('#bgholder').css('background-image','linear-gradient({color:navigation 5} 10%,transparent)');
  692.         {/block:PermalinkPage}
  693.         {/block:ifGradientBackgrounds}
  694.         {/block:ifFauxTabs}
  695.         $('#askbox').fadeOut();
  696.         $('#subbox').fadeOut();
  697.         $('#content').fadeIn();
  698.         $('#rightbar').fadeIn();
  699.     });
  700. });
  701. </script>
  702.    
  703. </head><body>
  704.  
  705. <div id="bgholder"></div>
  706. <div id="titlebar">
  707.     <div id="titleholder">
  708.     <span class="lnr lnr-home" aria-hidden="true"></span>
  709.     <a href="/"><span id="title">{Title}</span></a>
  710.     </div>
  711.     <div id="navbtns">
  712.         <a class="nav lnr lnr-text-align-right" title="content"></a>
  713.         {block:AskEnabled}<a class="nav lnr lnr-bubble" title="ask" href="/ask"></a>{/block:AskEnabled}
  714.         {block:SubmissionsEnabled}<a class="nav lnr lnr-pencil" title="submit" href="/submit"></a>{/block:SubmissionsEnabled}
  715.         <a class="nav lnr lnr-history" href="/archive" title="archive"></a>
  716.         <a class="nav lnr lnr-code" href="http://linthm.tumblr.com/thm" title="Annexus by Laighlin"></a>
  717.     </div>
  718. </div>
  719.  
  720. <div id="leftbar">
  721.     {block:Description}
  722.     <div id="description">
  723.         <div class="titbar">{text:description title}&nbsp;<span class="lnr lnr-user"></span></div>
  724.         <div id="desc">{Description}</div>
  725.     </div>
  726.     {/block:Description}
  727.     {block:HasPages}
  728.     <div id="custlinks">
  729.         <div class="titbar">{text:custom links title}&nbsp;<span class="lnr lnr-menu"></span></div>
  730.         {block:Pages}
  731.         <a href="{URL}" class="links">{Label}</a>
  732.         {/block:Pages}
  733.     </div>
  734.     {/block:HasPages}
  735.     {block:ifSearchBar}
  736.     <div id="search">
  737.         <div class="titbar">{lang:Search}&nbsp;<span class="lnr lnr-magnifier"></span></div>
  738.         <form id="search-bar" action="/search" method="get">
  739.         <input type="text" name="q" value="{URLSafeSearchQuery}"/>
  740.         </form>
  741.     </div>
  742.     {/block:ifSearchBar}
  743. </div>
  744.  
  745. <div id="ask-submit-wrapper">
  746.     {block:AskEnabled}<div class="post" id="askbox">
  747.         <div class="titbar"><span class="lnr lnr-bubble"></span> {AskLabel}</div>
  748.         <div class="post-bg">
  749.         <iframe frameborder="0" border="0" scrolling="no" width="{text:post width}" height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  750.         </div>
  751.     </div>{/block:AskEnabled}
  752.     {block:SubmissionsEnabled}<div class="post" id="subbox">
  753.         <div class="titbar"><span class="lnr lnr-pencil"></span> {SubmitLabel}</div>
  754.         <div class="post-bg">
  755.         <iframe frameborder="0" border="0" scrolling="no" width="{text:post width}" height="290" allowtransparency="true" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  756.         </div>
  757.         </div>{/block:SubmissionsEnabled}
  758. </div>
  759. <div id="content">
  760.     {block:SearchPage}
  761.     <div class="post"><div class="titbar">
  762.     {block:SearchResults}
  763.         {lang:SearchResultCount results for SearchQuery 2}
  764.     {/block:SearchResults}
  765.     {block:NoSearchResults}
  766.         {lang:No search results for SearchQuery 2}
  767.     {/block:NoSearchResults}
  768.     </div></div>
  769.     {/block:SearchPage}
  770.     {block:TagPage}
  771.     <div class="post"><div class="titbar">
  772.         {lang:Posts tagged Tag 3}
  773.     </div></div>
  774.     {/block:TagPage}
  775.     {block:Posts}
  776.     <div class="post">
  777.         {block:Date}
  778.         <div class="titbar">
  779.             <a href="{Permalink}" title="{TimeAgo}"><span class="lnr lnr-clock">&nbsp;</span>{DayofMonth}.{MonthNumber}.{Year}</a>
  780.             <span class="controls">
  781.                 <a href="{ReblogURL}" target="_blank" class="reblog">
  782.                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333    c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5    s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733    C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617    c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6    c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  783.                 </a>
  784.                 <a href="#" class="like">{LikeButton}
  785.                 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95    c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1    c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1    c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z     M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4    c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5    c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767    c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45    c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  786.                 </a>
  787.             </span>
  788.         </div>
  789.         {/block:Date}
  790.         <div class="post-bg">
  791.        
  792.         {block:Text}
  793.         {block:Title}<div class="post-tit">{Title}</div>{/block:Title}
  794.         <div class="caption">{Body}</div>
  795.         {/block:Text}
  796.        
  797.         {block:Link}
  798.         <a class="post-tit" href="{URL}"><span class="lnr lnr-link"></span> {Name}</a>
  799.         <div class="caption">{block:Excerpt}<blockquote class="excerpt">{Excerpt}</blockquote>{/block:Excerpt}{block:Description}{Description}{/block:Description}</div>
  800.         <!-- sorry for the lack of indentation or anything in this section, but the :empty selector doesn't work if it detects whitespace in the element >_< -->
  801.         {/block:Link}
  802.        
  803.         {block:Quote}
  804.         <div class="quote {Length}">&raquo; {Quote}</div>
  805.         {block:Source}<div class="caption" style="text-align:right">&mdash; {Source}</div>{/block:Source}
  806.         {/block:Quote}
  807.        
  808.         {block:Chat}
  809.         {block:Title}<div class="post-tit">{Title}</div>{/block:Title}
  810.         {block:Lines}
  811.         <div class="chat {Alt}">
  812.             {block:Label}<b>{Label}</b>{/block:Label} {Line}
  813.         </div>
  814.         {/block:Lines}
  815.         {/block:Chat}
  816.        
  817.         {block:Photo}
  818.         <div class="media-wrap"><img src="{PhotoURL-HighRes}"></div>
  819.         {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  820.         {/block:Photo}
  821.        
  822.         {block:Photoset}
  823.         <div class="media-wrap">
  824.             <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  825.             {block:Photos}
  826.             <div class="photo-data">
  827.                 <div class="pxu-photo"><img src="{PhotoURL-HighRes}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  828.                 <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  829.             </div>
  830.             {/block:Photos}
  831.             </div>
  832.         </div>
  833.         {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  834.         {/block:Photoset}
  835.        
  836.         {block:Audio}
  837.         <div id="aud">{AudioEmbed}</div>
  838.         {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  839.         {/block:Audio}
  840.        
  841.         {block:Video}
  842.         <div class="media-wrap">{VideoEmbed-500}</div>
  843.         {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  844.         {/block:Video}
  845.        
  846.         {block:Answer}
  847.         <img class="askr-avi" src="{AskerPortraitURL-40}"><div class="qq">{Asker} &raquo;</div><div class="ques"><em>&ldquo;{Question}&rdquo;</em></div>
  848.         {block:Answerer}
  849.         <div class="rb_aa">
  850.             <div class="aa"><div class="a-ans">&laquo; {Answerer}</div><img src="{AnswererPortraitURL-40}" class="answr-avi"></div>
  851.             <div class="ans">{Answer}</div>
  852.         </div>
  853.         {/block:Answerer}
  854.         <div class="caption">{Replies}</div>
  855.         {/block:Answer}
  856.        
  857.         {block:Date}
  858.         {block:HasTags}
  859.         <div class="tag-wrap">
  860.         <span class="lnr lnr-tag">&nbsp;</span>
  861.         {block:Tags}<a class="tags" href="{TagURL}">{Tag}</a>{/block:Tags}
  862.         </div>
  863.         {/block:HasTags}
  864.         <div class="footbar">
  865.         {block:RebloggedFrom}
  866.             <a href="{ReblogParentURL}" title="{lang:Reblogged from ReblogParentName}">{ReblogParentName}</a>
  867.             <span {block:ContentSource}style="display:none"{/block:ContentSource}> <!-- hides op if other source exists; you can remove the part inside the block if you want op to be displayed as well -->
  868.                 <span class="lnr lnr-sync">&nbsp;</span><a href="{ReblogRootURL}" title="{lang:Originally from ReblogRootName}">{ReblogRootName}</a>
  869.             </span>
  870.         {/block:RebloggedFrom}
  871.         {block:ContentSource}<span class="src"><span class="lnr lnr-pushpin"></span><a href="{SourceURL}" title="{lang:Source}">{SourceTitle}</a></span>{/block:ContentSource}
  872.         <span class="post-notes">
  873.             <a href="{Permalink}" title="{lang:Permalink}">{block:NoteCount}{NoteCount}&nbsp;{/block:NoteCount}<span class="lnr lnr-bookmark"></span></a>
  874.            
  875.         </span>
  876.         </div>
  877.         {/block:Date}
  878.         </div>
  879.     </div> <!-- end of posts -->
  880.     {block:PostNotes}
  881.     <div class="post post-bg" id="note">
  882.         {PostNotes-64}
  883.     </div>
  884.     {/block:PostNotes}
  885.     {/block:Posts}
  886. </div> <!-- end of post wrapper -->
  887.  
  888. {block:Pagination}
  889. <div id="rightbar">
  890.     {block:PreviousPage}
  891.     <a href="{PreviousPage}" class="pag lnr lnr-chevron-up" title="{lang:Previous}"></a>
  892.     {/block:PreviousPage}
  893.   {block:JumpPagination length="5"}
  894. {block:CurrentPage}<a class="pag num cur">{PageNumber}</a>{/block:CurrentPage}
  895. {block:JumpPage}<a href="{URL}" class="pag num burr">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  896.     {block:NextPage}
  897.     <a href="{NextPage}" class="pag lnr lnr-chevron-down" title="{lang:Next}"></a>
  898.     {/block:NextPage}
  899. </div>
  900. {/block:Pagination}
  901.  
  902. </body></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!