API tools faq
paste
Advertisement
Laighlin

#17: Switch

Laighlin
Apr 7th, 2017
5,413
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.94 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.                     Switch by Laighlin
  4.  
  5. 1. don't move the credit (you can customize how it looks)
  6. 2. don't redistribute or lift large chunks of code
  7. 3. hmu if you have any questions about customization!
  8.  
  9. -->
  10.  
  11. <!DOCTYPE html>
  12. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  14. <head><title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  15. {block:ifNotCustomFavicon}
  16. <link rel="shortcut icon" href="{Favicon}">
  17. {/block:ifNotCustomFavicon}{block:ifCustomFavicon}
  18. <link rel="shortcut icon" href="{image:favicon}">
  19. {/block:ifCustomFavicon}
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i" rel="stylesheet">
  22. <link href="https://fonts.googleapis.com/css?family=Comfortaa|Handlee|Share+Tech+Mono" rel="stylesheet">
  23.  
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  27. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  28. <script src="https://static.tumblr.com/pqsvrdz/rKBmvnjxz/jquery.fitvids.js"></script>
  29. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  30. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  31. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  32.  
  33. <meta name="viewport" content="width=device-width" />
  34.  
  35. <meta name="image:controller  background" content=""/>
  36. <meta name="image:favicon" content="{favicon}"/>
  37. <meta name="image:left icon" content=""/>
  38. <meta name="image:right icon" content=""/>
  39. <meta name="if:custom favicon" content="0"/>
  40. <meta name="if:text glow effects" content="1"/>
  41. <meta name="if:black tumblr controls" content="0"/>
  42. <meta name="if:about page" content="1"/>
  43.  
  44. <meta name="color:background color" content="#f5a1b7"/>
  45. <meta name="color:controller" content="#6cdcdc"/>
  46. <meta name="color:buttons" content="#f0f0f0"/>
  47. <meta name="color:button text" content="#ed7caf"/>
  48.  
  49. <meta name="color:title" content="#44bbb3"/>
  50. <meta name="color:entries background" content="#ffeaf0"/>
  51. <meta name="color:post background" content="#fff"/>
  52. <meta name="color:description text" content="#222"/>
  53. <meta name="color:post titles" content="#e76494"/>
  54. <meta name="color:post text" content="#333"/>
  55. <meta name="color:text background odd" content="#f3b2be"/>
  56. <meta name="color:text background even" content="#9ce5dc"/>
  57. <meta name="color:blockquotes" content="#44928f"/>
  58. <meta name="color:bold" content="#236d62"/>
  59. <meta name="color:italic" content="#892043"/>
  60. <meta name="color:link" content="#7c5b86"/>
  61. <meta name="color:link hover" content="#da74ae"/>
  62. <meta name="color:selection text" content="#fff"/>
  63. <meta name="color:selection background" content="#d14478"/>
  64. <meta name="color:scrollbar" content="#d14478"/>
  65. <meta name="color:scrollbar background" content="#fff"/>
  66.  
  67. <meta name="select:background size" title="repeat" content="repeat"/>
  68. <meta name="select:background size" title="cover" content=";background-size:cover"/>
  69.  
  70. <meta name="select:title font" content="Handlee"/>
  71. <meta name="select:title font" content="Share Tech Mono"/>
  72. <meta name="select:title font" content="Comfortaa"/>
  73.  
  74. <!-- text fields -->
  75. <meta name="text:body font" content="Karla"/>
  76. <meta name="text:body font size" content="14px"/>
  77. <meta name="text:description font size" content="13px"/>
  78. <meta name="text:about page link" content=""/>
  79. <meta name="text:link A" content=""/>
  80. <meta name="text:link A title" content="link A"/>
  81. <meta name="text:link B" content=""/>
  82. <meta name="text:link B title" content="link B"/>
  83. <meta name="text:link X" content=""/>
  84. <meta name="text:link X title" content="link X"/>
  85. <meta name="text:link Y" content=""/>
  86. <meta name="text:link Y title" content="link Y"/>
  87.  
  88. <style type="text/css">
  89.  
  90. {block:ifnotblacktumblrcontrols}
  91. .tmblr-iframe {
  92.     filter:invert(100%) opacity(60%);
  93. }
  94. {/block:ifnotblacktumblrcontrols}
  95.  
  96. body {
  97.     background:{color:background color};
  98.     color:{color:post text};
  99.     font-family:'{text:body font}',calibri,sans-serif;
  100.     font-size:{text:body font size};
  101.     word-wrap:break-word;
  102.     overflow:hidden;
  103. }
  104.  
  105. a, .links, .tags {
  106.     transition:.2s ease-in-out;
  107. }
  108.  
  109. b, strong {
  110.     color:{color:bold};
  111. }
  112.  
  113. i, em {
  114.     color:{color:italic};
  115. }
  116.  
  117. a {
  118.     text-decoration:none;
  119.     outline:none;
  120.     -moz-outline-style:none;
  121.     color:{color:link};
  122. }
  123.  
  124. #desc a:hover, .post a:hover, .info a:hover {
  125.     color:{color:link hover};
  126. }
  127.  
  128. p, p + p {
  129.     margin:8px 0;
  130. }
  131.  
  132. p:last-child {
  133.     margin-bottom:3px;
  134. }
  135.  
  136. p:first-child {
  137.     margin-top:3px;
  138. }
  139.  
  140. img {
  141.     border:none;
  142. }
  143.  
  144. blockquote, blockquote blockquote {
  145.     margin:0 2px;
  146.     border-left:2px solid {color:blockquotes};
  147.     padding:3px 3px 3px 7px;
  148. }
  149.  
  150. blockquote.tumblr_parent {
  151.     border:none;
  152.     margin-left:-5px;
  153.     padding:none;
  154. }
  155.  
  156. ::selection {
  157.   background: {color:selection background};
  158.   color: {color:selection text};
  159. }
  160.  
  161. ::-moz-selection {
  162.   background: {color:selection background};
  163.   color: {color:selection text};
  164. }
  165.  
  166. ::-webkit-scrollbar {
  167.     width:7px;
  168.     height:7px;
  169. }
  170.  
  171. ::-webkit-scrollbar-thumb {
  172.     background:{color:scrollbar};
  173.     border:2px solid {color:entries background};
  174. }
  175.  
  176. /* Track */
  177. ::-webkit-scrollbar-track {
  178.     background:{color:scrollbar background};
  179.     border:2px solid {color:entries background};
  180. }
  181.  
  182. ::-webkit-scrollbar-corner {
  183.     background:{color:scrollbar};
  184. }
  185.  
  186. #s-m-t-tooltip {
  187.     background:{color:text background odd};
  188.     margin:0 15px;
  189.     font-size:.9em;
  190.     border-radius:4px;
  191.     box-shadow:4px 4px 0 0 rgba(50,50,50,.3);
  192.     white-space:pre;
  193.     z-index:99999999999;
  194.     padding:5px;
  195.     pointer-events:none;
  196. }
  197.  
  198. #title {
  199.     position:absolute;
  200.     right:20px;
  201.     bottom:500px;
  202.     font-size:23px;
  203.     color:{color:title};
  204.     text-align:right;
  205. }
  206.  
  207. #title, .title, h2, h3 {
  208.     font-family:'{select:title font}',monospace;
  209. }
  210.  
  211. #switch {
  212.     top:calc(50% - 240px);
  213.     border-radius:45px;
  214.     box-sizing:border-box;
  215.     box-shadow:15px 15px 3px 0 rgba(0,0,0,.2);
  216.     border:solid rgba(50,50,50,.3);
  217.     border-width:0 10px 10px 0;
  218.     height:500px;
  219.     padding:20px;
  220.     right:40px;
  221.     left:40px;
  222.     position:fixed;
  223.     background:url({image:controller  background}) {color:controller} {select:background size};
  224.     background-position:center;
  225. }
  226.  
  227. #switch:before {
  228.     content:'';
  229.     position:absolute;
  230.     right:0px;
  231.     bottom:0px;
  232.     top:0;
  233.     left:0;
  234.     border-radius:45px 40px 0 40px;
  235.     border:solid rgba(255,255,255,.4);
  236.     border-width:10px 0 0 10px;
  237.     pointer-events:none;
  238. }
  239.  
  240. .lefthand {
  241.     left:10px;
  242.     top:40px;
  243.     bottom:80px;
  244. }
  245.  
  246. .righthand {
  247.     right:0px;
  248.     top:20px;
  249.     bottom:100px;
  250. }
  251.  
  252. .sidebar {
  253.     display:flex;
  254.     flex-flow:column nowrap;
  255.     align-items:center;
  256.     justify-content:center;
  257.     position:absolute;
  258.     width:180px;
  259. }
  260. .sidebar * { flex-shrink:0 }
  261.  
  262. .pag {
  263.     position:absolute;
  264.     top:5px;
  265.     font-size:24px;
  266.     color:{color:buttons};
  267.     text-shadow:3px 3px 0 rgba(50,50,50,.3), -1px -1px 0 rgba(255,255,255,.3);
  268.     transition:.1s all ease-out;
  269. }
  270.  
  271. .pag:active {
  272.     text-shadow:-1px -1px 0 rgba(50,50,50,.3);
  273. }
  274.  
  275. .pag.prev {
  276.     right:0;
  277.     top:-20px;
  278. }
  279.  
  280. .pag.next {
  281.     left:10px;
  282. }
  283.  
  284. .icon:before, #arrow_btns .fa, #letter_btns .l_b {
  285.     background:{color:buttons};
  286.     color:{color:button text};
  287. }
  288.  
  289. .icon {
  290.     height:90px;
  291.     width:90px;
  292.     background:{color:buttons} center no-repeat padding-box;
  293.     box-shadow:0 0 0 5px rgba({RGBcolor:entries background},.3) inset;
  294.     background-size:cover;
  295.     border:8px solid;
  296.     transition:.2s all ease;
  297.     position:relative;
  298. }
  299.  
  300. #top_left {
  301.     background-image:url('{image:left icon}');
  302.     margin-top:20px;
  303. }
  304.  
  305. #bottom_right {
  306.     background-image:url('{image:right icon}');
  307. }
  308.  
  309. .icon:before {
  310.     content:'';
  311.     position:absolute;
  312.     top:-8px;
  313.     left:-8px;
  314.     right:-8px;
  315.     bottom:-8px;
  316.     border-radius:50%;
  317.     z-index:-999;
  318. }
  319.  
  320. .icon:after {
  321.     content:'';
  322.     position:absolute;
  323.     top:5px;
  324.     left:5px;
  325.     border-radius:50%;
  326.     height:80px;
  327.     width:80px;
  328.     box-shadow:5px 5px 2px 3px rgba(255,255,255,.2) inset;
  329. }
  330.  
  331. #desc {
  332.     background:{color:entries background};
  333.     color:{color:description text};
  334.     font-size:{text:description font size};
  335.     margin:30px 0 10px 10px;
  336.     width:150px;
  337.     position:relative;
  338.     text-align:center;
  339.     padding:10px;
  340.     border-radius:7px;
  341.     max-height:120px;
  342.     overflow:auto;
  343. }
  344.  
  345. #arrow_btns {
  346.     position:relative;
  347.     height:120px;
  348.     width:120px;
  349.     margin-top:20px;
  350. }
  351.  
  352. #arrow_btns .fa, a.l_b {
  353.     font-size:17px;
  354.     padding:8px 5px;
  355.     line-height:.5em;
  356.     height:36px;
  357.     width:36px;
  358.     box-sizing:border-box;
  359.     text-align:center;
  360.     border:5px solid;
  361.     display:block;
  362.     position:absolute;
  363.     transition:.1s all ease-out;
  364. }
  365.  
  366. #letter_btns {
  367.     width:120px;
  368.     height:120px;
  369.     position:relative;
  370.     margin-bottom:40px;
  371.     margin-top:-40px;
  372. }
  373.  
  374. a.l_b {
  375.     font:bold 17px monospace;
  376.     line-height:15px;
  377.     padding:5px;
  378. }
  379.  
  380. .icon:hover, #arrow_btns .fa:active, .l_b:active {
  381.     border-color:rgba(50,50,50,.3) rgba(255,255,255,.3) rgba(255,255,255,.3) rgba(50,50,50,.3);
  382. }
  383.  
  384. .icon, #arrow_btns .fa, a.l_b {
  385.     border-radius:50%;
  386.     border-color:rgba(255,255,255,.3) rgba(50,50,50,.3) rgba(50,50,50,.3) rgba(255,255,255,.3);
  387. }
  388.  
  389. .btn_x, .btn_b { left:42px; }
  390.  
  391. .btn_a, .btn_y { top:42px; }
  392.  
  393. .btn_b { bottom:0; }
  394.  
  395. .btn_a { right:0; }
  396.  
  397. #arrow_btns .btn_x {
  398.     padding-top:7px;
  399.     font-size:20px;
  400.     padding-left:4px;
  401. }
  402.  
  403. #arrow_btns .fa-caret-right {
  404.     padding-top:7px;
  405.     padding-left:7px;
  406. }
  407.  
  408. #arrow_btns .fa-caret-down { padding-top:8px; }
  409.  
  410. #cred {
  411.     position:fixed;
  412.     font:bold 25px monospace;
  413.     line-height:1em;
  414.     padding:5px;
  415.     bottom:10px;
  416.     right:10px;
  417.     border-radius:3px;
  418.     color:{color:title};
  419.     text-shadow:3px 3px 0 rgba(50,50,50,.3);
  420. }
  421.  
  422. #entries {
  423.     z-index:5;
  424.     position:absolute;
  425.     background:{color:entries background};
  426.     left:200px;
  427.     right:190px;
  428.     padding:10px;
  429.     overflow-y:scroll;
  430.     overflow-x:hidden;
  431.     top:10px;
  432.     bottom:0;
  433. }
  434.  
  435. @media all and (min-width:950px) {
  436.     #entries {
  437.         width:450px;
  438.     }
  439.    
  440.     #switch {
  441.         width:860px;
  442.         left:calc(50% - 440px);
  443.     }
  444. }
  445.  
  446. .post {
  447.     margin:40px auto;
  448.     position:relative;
  449. }
  450.  
  451. .post:first-child {
  452.     margin-top:0;
  453. }
  454.  
  455. .post:last-child {
  456.     margin-bottom:-5px;
  457. }
  458.  
  459. h2, h3 {
  460.     color:{color:post titles};
  461.     font-size:150%;
  462. }
  463.  
  464. h2.title {
  465.     text-align:center;
  466.     text-transform:uppercase;
  467. }
  468.  
  469. h3.quote {
  470.     font-style:italic;
  471.     font-size:140%;
  472. }
  473.  
  474. .quote .fa {
  475.     float:left;
  476.     font-size:23px;
  477. }
  478.  
  479. pre {
  480.     max-width:100%;
  481.     overflow:auto;
  482.     background:{color:text background even};
  483.     margin:.5em 0;
  484. }
  485.  
  486. .chat {
  487.     padding:2px 4px;
  488. }
  489.  
  490. .chat.odd, .qq, .qq:before {
  491.     background:{color:text background odd};
  492. }
  493.  
  494. .chat.even, .rb_ans, .rb_ans:before {
  495.     background:{color:text background even};
  496. }
  497.  
  498. img.askr, img.answr {
  499.     height:35px;
  500.     display:inline-block;
  501.     position:absolute;
  502.     border-radius:7px;
  503. }
  504.  
  505. img.answr {
  506.     margin-top:10px;
  507.     right:0;
  508. }
  509.  
  510. .qq, .rb_ans {
  511.     width:calc(100% - 55px);
  512.     padding:5px;
  513.     min-height:35px;
  514.     position:relative;
  515.     border-radius:7px;
  516. }
  517.  
  518. .qq { margin-left:45px; }
  519.  
  520. .qq:before, .rb_ans:before {
  521.     content:'';
  522.     position:absolute;
  523.     height:0;
  524.     width:0;
  525.     border:8px solid transparent;
  526.     background-clip:padding-box;
  527.     top:10px;
  528. }
  529.  
  530. .qq:before {
  531.     left:-16px;
  532.     border-right-color:{color:text background odd};
  533. }
  534.  
  535. .rb_ans:before {
  536.     right:-16px;
  537.     border-left-color:{color:text background even};
  538. }
  539.  
  540. .rb_ans {
  541.     margin-top:10px;
  542. }
  543.  
  544. .aud { height:85px; }
  545.  
  546. .caption {
  547.     padding:7px;
  548.     background:{color:post background};
  549.     border-radius:7px;
  550.     margin-top:10px;
  551. }
  552.  
  553. .caption a, #desc a, .qq a, .rb_ans a {
  554.     text-decoration:underline;
  555. }
  556.  
  557. .caption img, .pic img {
  558.     max-width:100%;
  559. }
  560.  
  561. .info {
  562.     padding:.5em;
  563.     margin:10px 0;
  564.     text-transform:uppercase;
  565.     line-height:1em;
  566.     border-radius:7px;
  567.     position:relative;
  568. }
  569.  
  570. .src { float:right; }
  571.  
  572. .info.top .fa { line-height:1em; }
  573.  
  574. .info.top {
  575.     background:{color:text background even};
  576.     height:1em;
  577. }
  578.  
  579. .info.bottom {
  580.     background:{color:text background odd};
  581. }
  582.  
  583. .controls svg {
  584.    width:14px;
  585.    height:auto;
  586.    opacity:.8;
  587.    padding:1px;
  588.    display:block;
  589.    overflow:visible;
  590.    fill:{color:link};
  591. }
  592.  
  593. .controls {
  594.     float:right;
  595.     margin-top:-2px;
  596. }
  597.  
  598. .controls a {
  599.    position:relative;
  600.    display:inline-block;
  601.    overflow:hidden;
  602.    padding:1px;
  603.    width:14px;
  604.    height:15px;
  605. }
  606.  
  607. .controls .reblog {
  608.    opacity:.93;
  609. }
  610.  
  611. .controls .reblog svg {
  612.    width:13px;
  613.    margin-top:1px;
  614. }
  615.  
  616. .controls .like .liked + svg {
  617.    opacity:1;
  618. }
  619.  
  620. .controls .like .liked + svg path {
  621.    fill:#ec5a5a;
  622. }
  623.  
  624. .controls .like .like_button {
  625.    position:relative;
  626. }
  627.  
  628. .controls .like .like_button iframe {
  629.    position:absolute;
  630.    top:0;
  631.    left:0;
  632.    bottom:0;
  633.    right:0;
  634.    z-index:2;
  635.    opacity:0;
  636. }
  637.  
  638. .tag_holder {
  639.     margin-bottom:5px;
  640. }
  641.  
  642. .tags {
  643.     margin-right:4px;
  644.     text-transform:none;
  645. }
  646.  
  647. #note a { text-decoration:none; }
  648.  
  649. #note ol.notes {
  650.     list-style-type:none;
  651.     margin:5px;
  652.     padding:8px;
  653. }
  654.  
  655. #note ol.notes img.avatar {
  656.     margin-right:5px;
  657.     margin-bottom:-3px;
  658.     width:16px;
  659.     height:16px;
  660.     border-radius:3px;
  661. }
  662.  
  663. #note ol.notes li {
  664.     padding:3px;
  665. }
  666.  
  667. .media_wrapper, .chat_wrapper {
  668.     border-radius:7px;
  669.     overflow:hidden;
  670. }
  671.  
  672. .media_wrapper {
  673.     line-height:0;
  674.     background:{color:post background};
  675. }
  676.  
  677. .media_wrapper iframe {
  678.     max-width:100%;
  679. }
  680.  
  681. .photo, .photoset { padding:0; }
  682.  
  683. {block:ifTextGlowEffects}
  684. #arrow_btns, #letter_btns, #title, .title, #cred { text-shadow:0 0 5px; }
  685. .post a:hover { text-shadow:0 0 3px; }
  686.  
  687. {/block:ifTextGlowEffects}
  688.  
  689. {CustomCSS}</style>
  690.    
  691. <script>
  692. $(document).ready(function() {
  693.     $(".media_wrapper").fitVids();
  694.     $('.photo-slideshow').pxuPhotoset({
  695.        lightbox: true,
  696.        rounded: false,
  697.        gutter: '6px',
  698.        borderRadius: '0px',
  699.        photoset: '.photo-slideshow',
  700.        photoWrap: '.photo-data',
  701.        photo: '.pxu-photo'
  702.     });
  703.     $("[title]").style_my_tooltips({
  704.         tip_follows_cursor:true,
  705.         tip_delay_time:100,
  706.         tip_fade_speed:300
  707.     });
  708.     $('iframe.tumblr_audio_player').load( function() {
  709.         $('iframe.tumblr_audio_player').contents().find("head")
  710.            .append($("<style type='text/css'> .audio-player { background:{color:text background odd} !important; } .audio-player * { color:{color:post text} !important } </style>"));
  711.     });
  712. });
  713. </script>
  714.    
  715. </head>
  716.  
  717. <body>
  718.  
  719. {block:HomePage}
  720. <header class="p_{CurrentPage}">
  721.    
  722. </header>
  723. {/block:HomePage}
  724.  
  725. <div id="everything_else">
  726.  
  727. <div id="switch">
  728.     <div id="title">{Title}</div>
  729.     <div class="lefthand sidebar">
  730.         <a class="fa pag prev fa-minus" {block:PreviousPage}href="{PreviousPage}" title="previous page"{/block:PreviousPage}></a>
  731.         <div class="icon" id="top_left"></div>
  732.         {block:Description}<div id="desc">{Description}</div>{/block:Description}
  733.         <div id="arrow_btns">
  734.             <a class="fa btn_x fa-home" title="index" href="/"></a>
  735.             <a class="fa btn_y fa-pencil" title="ask" href="/ask"></a>
  736.             <a class="fa btn_a fa-envelope" title="submit" href="/submit"></a>
  737.             {block:ifAboutPage}
  738.             <a class="fa btn_b fa-user" title="about" href="{text:about page link}"></a>
  739.             {/block:ifAboutPage}
  740.             {block:ifNotAboutPage}
  741.             <a class="fa btn_b fa-folder" title="archive" href="/archive"></a>
  742.             {/block:ifNotAboutPage}
  743.         </div>
  744.     </div>
  745.     <div id="entries">
  746.         {block:Posts inlineMediaWidth="400"}
  747.         <div class="post" id="post_{PostID}">
  748.        
  749.         {block:RebloggedFrom}
  750.             <div class="info top"><span class="fa fa-retweet" aria-label="reblogged from"></span>&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a>
  751.             <span class="src"><span class="fa fa-reply" aria-label="posted by"></span>&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootTitle}">src</a></span>
  752.             </div>
  753.         {/block:RebloggedFrom}
  754.        
  755.             {block:Text}
  756.             {block:Title}<h2 class="title">{Title}</h2>{/block:Title}
  757.             <div class="caption">{Body}</div>
  758.             {/block:Text}
  759.            
  760.             {block:Link}
  761.             <h2 class="title"><span class="fa fa-link"></span>&nbsp;<a href="{URL}">{Name}</a></h2>
  762.             <div class="caption">{block:Excerpt}<blockquote class="excerpt">{Excerpt}</blockquote>{/block:Excerpt}{block:Description}{Description}{/block:Description}</div>
  763.             <!-- 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 >_< -->
  764.             {/block:Link}
  765.            
  766.             {block:Quote}
  767.             <h3 class="quote"><span class="fa fa-quote-left"></span>&nbsp;{Quote}</h2>
  768.             {block:Source}<div class="caption" style="text-align:right">&mdash; {Source}</div>{/block:Source}
  769.             {/block:Quote}
  770.            
  771.             {block:Chat}
  772.             {block:Title}<h2 class="title">{Title}</h2>{/block:Title}
  773.             <div class="chat_wrapper">
  774.             {block:Lines}
  775.             <div class="chat {Alt}">
  776.                 {block:Label}<b>{Label}</b>{/block:Label} {Line}
  777.             </div>
  778.             {/block:Lines}
  779.             </div>
  780.             {/block:Chat}
  781.            
  782.             {block:Answer}
  783.             <img class="askr" src="{AskerPortraitURL-40}"><div class="qq">{Asker} asked:</p>{Question}</div>
  784.             {block:Answerer}<img class="answr" src="{AnswererPortraitURL-40}"><div class="rb_ans">{Answerer} replied:{Answer}</div>{/block:Answerer}
  785.             <div class="caption">{Replies}</div>
  786.             {/block:Answer}
  787.            
  788.             {block:Photo}
  789.             <div class="media_wrapper pic"><img src="{PhotoURL-500}"></div>
  790.             {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  791.             {/block:Photo}
  792.            
  793.             {block:Photoset}
  794.             <div class="media_wrapper">
  795.                 <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  796.                 {block:Photos}
  797.                 <div class="photo-data">
  798.                     <div class="pxu-photo"><img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  799.                     <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  800.                 </div>{/block:Photos}
  801.                 </div>
  802.             </div>
  803.             {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  804.             {/block:Photoset}
  805.            
  806.             {block:Audio}
  807.             <div class="media_wrapper aud">{AudioEmbed-500}</div>
  808.             {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  809.             {/block:Audio}
  810.            
  811.             {block:Video}
  812.             <div class="media_wrapper">{VideoEmbed-500}</div>
  813.             {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  814.             {/block:Video}
  815.            
  816.             {block:Date}
  817.             <div class="info bottom">
  818.                 {block:HasTags}
  819.                 <div class="tag_holder">
  820.                     {block:Tags}<span class="fa fa-times"></span> <a class="tags" href="{TagURL}">{Tag}</a>{/block:Tags}
  821.                 </div>
  822.                 {/block:HasTags}
  823.                 <span class="fa fa-calendar" aria-label="post date"></span>&nbsp;<a href="{Permalink}" title="{TimeAgo}">{DayofMonth} {ShortMonth}</a>&nbsp; &#8226; &nbsp;<a href="{ShortURL}" title="permalink">{NoteCountWithLabel}</a>
  824.                 <div class="controls">
  825.                     <a href="{ReblogURL}" target="_blank" class="reblog">
  826.                     <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>
  827.                     </a>
  828.                     <a href="#" class="like">{LikeButton}
  829.                     <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>
  830.                     </a>
  831.                 </div>
  832.             </div>
  833.             {/block:Date}
  834.             {block:PostNotes}
  835.             <div class="caption" id="note">
  836.                 {PostNotes}
  837.             </div>
  838.             {/block:PostNotes}
  839.         </div>
  840.         {/block:Posts}
  841.     </div>
  842.     <div class="righthand sidebar">
  843.         <a class="fa pag next fa-plus" {block:NextPage}href="{NextPage}" title="next page"{/block:NextPage}></a>
  844.         <div id="letter_btns">
  845.             <a class="l_b btn_a" href="{text:link A}" {block:iflinkatitle}title="{text:link A title}"{/block:iflinkatitle}>A</a>
  846.             <a class="l_b btn_b" href="{text:link B}" {block:iflinkbtitle}title="{text:link B title}"{/block:iflinkbtitle}>B</a>
  847.             <a class="l_b btn_x" href="{text:link X}" {block:iflinkxtitle}title="{text:link X title}"{/block:iflinkxtitle}>X</a>
  848.             <a class="l_b btn_y" href="{text:link Y}" {block:iflinkytitle}title="{text:link Y title}"{/block:iflinkytitle}>Y</a>
  849.         </div>
  850.         <div class="icon" id="bottom_right"></div>
  851.     </div>
  852. </div>
  853. </div>
  854.  
  855. <!-- don't remove or obscure this, thank you! -->
  856. <a id="cred" href="http://linthm.tumblr.com/thm" title="Switch, coded by Laighlin">@L</a>
  857.  
  858. </body>
  859. </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!