API tools faq
paste
Advertisement
Laighlin

Tile Dream (no sidebar images)

Laighlin
Mar 14th, 2017
208
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.44 KB | None | 0 0
raw download clone embed print report
  1. <!------------------ Tile Dream by Laighlin -------------------
  2.  
  3.  
  4. Enjoy! Don't hesitate to contact me at @linthm if you have
  5. any comments or questions.
  6.  
  7. Credits:
  8.  - Alternating blockquote color tutorial by @magistramagi
  9.  - Custom tooltip plugin by Malihu on GitHub
  10.  - Navigation Icons from Font Awesome
  11.  - All fonts from Google Fonts
  12.  - Default sidebar image by John Towner
  13.  
  14. Last update: 14.03.2017
  15.  
  16. --------------------------------------------------------------->
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  21. <head><title>{Title}{block:SearchPage} // {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} // {PostSummary}{/block:PostSummary}</title>
  22. {block:ifCustomFavicon}
  23. <link rel="shortcut icon" href="{image:favicon}">
  24. {/block:ifCustomFavicon}
  25. {block:ifNotCustomFavicon}
  26. <link rel="shortcut icon" href="{Favicon}">
  27. {/block:ifNotCustomFavicon}
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. <link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i|Orbitron:400,700|PT+Sans+Narrow" rel="stylesheet">
  30. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  31. <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>
  32.  
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34.  
  35. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  36. <meta name="image:Background" content="http://static.tumblr.com/e69668ce603e8589e245f78a5808e00b/xwoxjom/IAYomgqd2/tumblr_static_e0xqxcnj35wg480gcg8w8cg4c.jpg"/>
  37. <meta name="image:Favicon" content=""/>
  38. <meta name="if:Custom favicon" content="0"/>
  39. <meta name="if:500px posts" content="1"/>
  40. <meta name="if:Blurred sidebar image" content="1"/>
  41. <meta name="if:Search bar" content="1"/>
  42. <meta name="if:Borders" content="0"/>
  43. <meta name="if:Rounded corners" content="1"/>
  44. <meta name="if:Hide captions" content="1"/>
  45. <meta name="if:Hide tags" content="0"/>
  46. <meta name="if:Numbered custom links" content="0"/>
  47.  
  48. <meta name="select:Background size" title="cover" content="no-repeat;background-size:cover"/>
  49. <meta name="select:Background size" title="tiled" content="repeat"/>
  50.  
  51. <meta name="color:Background color" content="#d7d5d3"/>
  52. <meta name="color:Borders" content="#ccc"/>
  53. <meta name="color:Sidebar background" content="#033e35"/>
  54. <meta name="color:Title" content="#fff"/>
  55. <meta name="color:Title background" content="#3d6d4f"/>
  56. <meta name="color:Description text" content="#333"/>
  57. <meta name="color:Post background" content="#fff"/>
  58. <meta name="color:Post text" content="#333"/>
  59. <meta name="color:Bold" content="#b06b80"/>
  60. <meta name="color:Italic" content="#30b396"/>
  61. <meta name="color:Link" content="#949494"/>
  62. <meta name="color:Link hover" content="#4e978e"/>
  63. <meta name="color:Selection text" content="#fff"/>
  64. <meta name="color:Selection background" content="#2f7b5f"/>
  65. <meta name="color:Scrollbar" content="#255a47"/>
  66. <meta name="color:Extra links background" content="#524139"/>
  67. <meta name="color:Extra links text" content="#fff"/>
  68. <meta name="color:Blockquotes 1" content="#a58975"/>
  69. <meta name="color:Blockquotes 2" content="#298465"/>
  70. <meta name="color:Post footer background" content="#2d5a43"/>
  71. <meta name="color:Post footer text" content="#fff"/>
  72. <meta name="color:Tags" content="#fff"/>
  73. <meta name="color:Tags hover" content="#ddd"/>
  74.  
  75.  
  76. <!-- text fields -->
  77. <meta name="text:Body font" content="Noto Sans"/>
  78. <meta name="text:Body font size" content="13px"/>
  79.  
  80. <style type="text/css">
  81.  
  82. body {
  83.     margin:0px;
  84.     background:url({image:background}) {color:background color} fixed {select:background size};
  85.     color:{color:post text};
  86.     font-family:'{text:body font}', 'noto sans', sans-serif;
  87.     font-size:{text:body font size};
  88.     word-wrap:break-word;
  89. }
  90.  
  91. #desc p:first-child, .pad p:first-child {
  92.     margin-top:-3px;
  93. }
  94.  
  95. #desc p:last-child, .pad p:last-child {
  96.     margin-bottom:-5px;
  97. }
  98.  
  99. a {
  100.     transition:.2s ease-in-out;
  101.     text-decoration:none;
  102.     outline:none;
  103.     -moz-outline-style:none;
  104. }
  105.  
  106. .pad a, #desc a, .media_wrap a {
  107.     color:{color:link};
  108. }
  109.  
  110. .pad a, #desc a {
  111.     border-bottom:1px solid;
  112. }
  113.  
  114. .title a { border:none; color:{color:title} !important; }
  115.  
  116. .pad a:hover, #desc a:hover, .media_wrap a:hover {
  117.     color:{color:link hover};
  118.     border-color:transparent;
  119. }
  120.  
  121. b, strong {
  122.     color:{color:bold};
  123. }
  124.  
  125.  
  126. i, em {
  127.     color:{color:italic};
  128. }
  129.  
  130. img {
  131.     border:none;
  132.     max-height:100%;
  133.     max-width:100%;
  134. }
  135.  
  136.  
  137. blockquote, blockquote blockquote {
  138.     padding-left:7px;
  139.     border-left:4px solid;
  140.     margin-left:2px;
  141.     margin-right:0;
  142. }
  143.  
  144. .tumblr_blog {
  145.     font-weight:bold;
  146.     margin-right:1px;
  147.     letter-spacing:.5px;
  148. }
  149.  
  150. h1 {
  151.     font-size:130%;
  152. }
  153.  
  154. ::selection {
  155.   background: {color:Selection background};
  156.   color: {color:selection text};
  157. }
  158.  
  159. ::-moz-selection {
  160.   background: {color:Selection background};
  161.   color: {color:selection text};
  162. }
  163.  
  164. ::-webkit-scrollbar {
  165.     width:8px;
  166.     height:8px;
  167. }
  168.  
  169. ::-webkit-scrollbar-thumb {
  170.     background:{color:scrollbar};
  171.     background-clip:padding-box;
  172. }
  173.  
  174. ::-webkit-scrollbar-track {
  175.     background:{color:background color};
  176. }
  177.  
  178. #s-m-t-tooltip {
  179.     margin-left:13px;
  180.     background:{color:extra links text};
  181.     color:{color:extra links background};
  182.     padding:5px;
  183.     font:italic 95% 'noto sans';
  184.     border-left:4px solid {color:borders};
  185.     z-index:9999999999;
  186.     pointer-events:none;
  187. }
  188.  
  189. .like {
  190.     position:relative;
  191. }
  192.  
  193. .like svg {
  194.     margin-top:4px;
  195. }
  196.  
  197. .like svg path {
  198.     fill: {color:post footer text};
  199. }
  200.  
  201. .like .like_button {
  202.     position: absolute;
  203.     margin-top: -23px;
  204.     margin-left:3px;
  205.     opacity:0;
  206. }
  207.  
  208. .like .like_button.liked {
  209.     opacity:1;
  210.     z-index:9999;
  211. }
  212.  
  213. .col {
  214.     top:0;
  215. }
  216.  
  217. #middle {
  218.     max-width:550px;
  219.     {block:if500pxPosts}
  220.     left:calc(50% - 155px);
  221.     {/block:if500pxPosts}
  222.     {block:ifNot500pxPosts}
  223.     left:calc(50% - 105px);
  224.     {/block:ifNot500pxPosts}
  225.     position:absolute;
  226. }
  227.  
  228. #lefthand {
  229.     width:300px;
  230.     {block:if500pxPosts}
  231.     left:calc(50% - 485px);
  232.     {/block:if500pxPosts}
  233.     {block:ifNot500pxPosts}
  234.     left:calc(50% - 435px);
  235.     {/block:ifNot500pxPosts}
  236. }
  237.  
  238. #righthand {
  239.     width:100px;
  240.     {block:if500pxPosts}
  241.     left:calc(50% + 385px);
  242.     {/block:if500pxPosts}
  243.     {block:ifNot500pxPosts}
  244.     left:calc(50% + 335px);
  245.     {/block:ifNot500pxPosts}
  246. }
  247.  
  248. #lefthand, #righthand {
  249.     background:{color:sidebar background};
  250.     position:fixed;
  251.     height:100%;
  252.     z-index:4;
  253.     overflow:hidden;
  254.     display:flex;
  255.     flex-flow:column nowrap;
  256.     align-items:center;
  257.     justify-content:center;
  258.     transition:.3s all ease;
  259. }
  260.  
  261. #lefthand:before, #righthand:before {
  262.     content:'';
  263.     position:absolute;
  264.     top:-10px;
  265.     left:-10px;
  266.     bottom:-10px;
  267.     right:-10px;
  268.     filter:{block:ifBlurredSidebarImage} blur(2px) {/block:ifBlurredSidebarImage} opacity(.8);
  269. }
  270.  
  271. #lefthand:before {
  272.     background-position:left;
  273. }
  274.  
  275. #righthand:before {
  276.     background-position:center;
  277. }
  278.  
  279. {block:ifBlurredSidebarImage}
  280. #lefthand:hover:before, #righthand:hover:before {
  281.     filter:blur(4px) opacity(.8);
  282. }
  283. {/block:ifBlurredSidebarImage}
  284.  
  285. #leftbar {
  286.     max-width:250px;
  287.     z-index:10;
  288. }
  289.  
  290. .title, #title {
  291.     color:{color:title};
  292.     font:bold 120% 'Orbitron', monospace;
  293.     letter-spacing:1px;
  294.     text-transform:uppercase;
  295.     background:{color:Title background};
  296.     text-align:center;
  297. }
  298.  
  299. #title {
  300.     margin-bottom:6px;
  301. }
  302.  
  303. .title.text {
  304.     margin-bottom:-10px;
  305. }
  306.  
  307. .title {
  308.     margin:-10px -10px;
  309.     padding:10px 7px 7px;
  310. }
  311.  
  312. .search_page {
  313.     margin:-10px;
  314. }
  315.  
  316. #desc {
  317.     color:{color:description text};
  318.     background:{color:Post background};
  319.     font-size:95%;
  320.     overflow-y:auto;
  321. }
  322.  
  323. #title, #desc {
  324.     position:relative;
  325.     padding:7px;
  326.     z-index:10;
  327. }
  328.  
  329. #navcont {
  330.     margin:0 -3px 6px;
  331.     display:flex;
  332.     align-items:center;
  333.     justify-content:center;
  334. }
  335.  
  336. a.nav, .a.pag {
  337.     padding:3px 4px 4px;
  338.     background:{color:extra links background};
  339.     color:{color:extra links text};
  340. }
  341.  
  342. a.nav { margin:0 3px; padding:4px; }
  343.  
  344. .nav.fa, .pag.fa {
  345.     width:29px;
  346.     height:29px;
  347.     font-size:22px;
  348.     text-align:center;
  349.     line-height:28px;
  350. }
  351.  
  352. .nav.fa.fa-home {
  353.     font-size:25px;
  354.     line-height:31px;
  355.     margin-left:2px;
  356. }
  357.  
  358. .nav.fa.fa-folder-open {
  359.     line-height:30px;
  360.     width:30px;
  361. }
  362.  
  363. form#search_bar {
  364.     margin-top:6px;
  365.     height:33px;
  366.     display:flex;
  367. }
  368.  
  369. #search_bar input, button {
  370.     padding:2px;
  371.     outline:none;
  372. }
  373.  
  374. #search_bar input {
  375.     background-color:{color:post footer background};
  376.     color:{color:post footer text};
  377.     flex-grow:3;
  378.     font:95% {text:body font};
  379. }
  380.  
  381. #search_bar button {
  382.     width:33px;
  383.     margin-left:6px;
  384.     padding:3px;
  385.     font-size:18px;
  386.     color:{color:extra links text};
  387.     background:{color:extra links background};
  388.     transition:.2s all ease;
  389.     cursor:pointer;
  390. }
  391.  
  392. #search_bar button:hover {
  393.     border-color:transparent;
  394. }
  395.  
  396. .search_query:before {
  397.     content:"\201C";
  398. }
  399.  
  400. .search_query:after {
  401.     content:"\201D";
  402. }
  403.  
  404. #entries {
  405.     margin:auto;
  406.     position:relative;
  407.     {block:if500pxPosts}
  408.     width:508px;
  409.     {/block:if500pxPosts}
  410.     {block:ifNot500pxPosts}
  411.     width:408px;
  412.     {/block:ifNot500pxPosts}
  413. }
  414.  
  415. .pad, .info, .footer_wrap {
  416.     margin-top:6px;
  417.     position:relative;
  418. }
  419.  
  420. .pad {
  421.     padding:10px;
  422.     background:{color:Post background};
  423.     {block:if500pxPosts}
  424.     width:480px;
  425.     {/block:if500pxPosts}
  426.     {block:ifNot500pxPosts}
  427.     width:380px;
  428.     {/block:ifNot500pxPosts}
  429. }
  430.  
  431. .title.text:empty { background:none;margin-bottom:-24px; }
  432.  
  433. .text_body {
  434.     padding:20px 0 0;
  435. }
  436.  
  437. .text_body:empty { margin:0; }
  438.  
  439. .media_wrap {
  440.     background:{color:Post background};
  441. }
  442.  
  443. a.title {
  444.     color:{color:title};
  445. }
  446.  
  447. .media_wrap.pic {
  448.     line-height:0;
  449. }
  450.  
  451. .media_wrap.quo {
  452.     font-family:'pt sans narrow', serif;
  453.     font-size:150%;
  454.     padding:5px;
  455.     letter-spacing:.5px;
  456. }
  457.  
  458. {block:ifHideCaptions}
  459. .pad.caption {
  460.     display:none;
  461.     {block:PermalinkPage}
  462.     display:block;
  463.     {/block:PermalinkPage}
  464. }
  465. {/block:ifHideCaptions}
  466.  
  467. .short {
  468.     {block:if500pxPosts}
  469.     width:380px;
  470.     {/block:if500pxPosts}
  471.     {block:ifNot500pxPosts}
  472.     width:280px;
  473.     {/block:ifNot500pxPosts}
  474.     height:66px;
  475.     overflow-y:auto;
  476.     overflow-x:hidden;
  477.     float:right;
  478.     margin:0;
  479. }
  480.  
  481. .sq {
  482.     width:86px;
  483.     height:86px;
  484.     float:left;
  485. }
  486.  
  487. .sq .fa-link {
  488.     background:{color:Title background};
  489.     color:{color:title};
  490.     font-size:70px;
  491.     text-align:center;
  492.     line-height:90px;
  493.     width:86px;
  494.     height:86px;
  495. }
  496.  
  497. .info {
  498.     text-align:center;
  499.     text-transform:uppercase;
  500.     font:95% 'noto sans',sans-serif;
  501.     display:flex;
  502.     width:calc(100% + 6px);
  503.     margin-left:-3px;
  504. }
  505.  
  506. .inf {
  507.     background:{color:post footer background};
  508.     color:{color:post footer text};
  509.     height:26px;
  510.     display:inline-block;
  511.     margin:0 3px;
  512. }
  513.  
  514. a.inf {
  515.     width:26px;
  516. }
  517.  
  518. .inf.note_count {
  519.     font:bold 13px orbitron;
  520.     letter-spacing:.5px;
  521.     padding:0 5px;
  522.     line-height:27px;
  523.     width:auto;
  524. }
  525.  
  526. .fa.inf {
  527.     line-height:26px;
  528.     font-size:20px;
  529. }
  530.  
  531. .inf.stretcher {
  532.     max-width:100%;
  533.     flex-grow:2;
  534.     min-width:3px;
  535. }
  536.  
  537. .asked {
  538.     font:bold 13px orbitron;
  539.     text-transform:uppercase;
  540.     margin-top:-2px;
  541.     letter-spacing:1px;
  542. }
  543.  
  544. .ans {
  545.     text-align:right;
  546. }
  547.  
  548. .tags {
  549.     display:inline;
  550.     color:{color:tags};
  551.     padding:3px;
  552. }
  553.  
  554. .tags:hover {
  555.     color:{color:tags hover};
  556. }
  557.  
  558. .tag_btn {
  559.     cursor:pointer;
  560. }
  561.  
  562. .tag_cont {
  563.     background:{color:post footer background};
  564.     color:{color:post footer text};
  565.     font-size:95%;
  566.     padding:3px;
  567.     {block:ifHideTags}
  568.     display:none;
  569.     {block:PermalinkPage}
  570.     display:block;
  571.     {/block:PermalinkPage}
  572.     {/block:ifHideTags}
  573. }
  574.  
  575. #note {
  576.     overflow-x:hidden;
  577.     text-align:center;
  578.     margin-top:6px;
  579.     {block:if500pxPosts}
  580.     width:480px;
  581.     {/block:if500pxPosts}
  582.     {block:ifNot500pxPosts}
  583.     width:380px;
  584.     {/block:ifNot500pxPosts}
  585.     max-height:350px;
  586.     overflow-y:auto;
  587.     overflow-x:hidden;
  588. }
  589.  
  590. #note ol.notes {
  591.     list-style-type:none;
  592.     margin:5px;
  593.     padding:5px;
  594. }
  595.  
  596. #note ol.notes img.avatar {
  597.     margin-right: 5px;
  598.     margin-bottom:-3px;
  599.     width: 16px;
  600.     height: 16px;
  601.     border-radius:3px;
  602. }
  603.  
  604. #note ol.notes li {
  605.     padding:3px;
  606. }
  607.  
  608. .aud {
  609.     height:30px;
  610.     width:20px;
  611.     overflow:hidden;
  612.     position:relative;
  613.     margin: 15px 24px 13px 16px;
  614. }
  615.  
  616. .audholder {
  617.     position:absolute;
  618.     z-index:30;
  619.     background:#000;
  620.     margin-top:18px;
  621.     margin-left:16px;
  622.     opacity:.5;
  623.     border-radius:50%;
  624. }
  625.  
  626. #song {
  627.     height:51px;
  628.     padding:15px;
  629.     background:transparent;
  630. }
  631.  
  632. .chat {
  633.     margin:2px -10px;
  634.     padding:1px 4px;
  635.     border-bottom:1px solid {color:borders};
  636. }
  637.  
  638. .chat:first-child {
  639.     margin-top:-4px;
  640. }
  641.  
  642. .chat:last-child {
  643.     border:none;
  644.     margin-bottom:-5px;
  645. }
  646.  
  647. #linkcont {
  648.     position:relative;
  649.     margin-top:3px;
  650.     margin-left:-3px;
  651.     width:256px;
  652.     display:flex;
  653.     flex-flow:row wrap;
  654.     counter-reset:links;
  655.     text-align:right;
  656. }
  657.  
  658. .links {
  659.     {block:ifNumberedCustomLinks}
  660.     padding:4px 5px 5px 35px;
  661.     width:202px;
  662.     {/block:ifNumberedCustomLinks}
  663.     {block:ifNotNumberedCustomLinks}
  664.     padding:4px 5px;
  665.     flex-grow:2;
  666.     {/block:ifNotNumberedCustomLinks}
  667.     display:inline-block;
  668.     position:relative;
  669.     font:13px 'noto sans';
  670.     text-transform:uppercase;
  671.     text-align:center;
  672.     margin:3px;
  673.     transition:.2s all ease;
  674.     letter-spacing:.5px;
  675. }
  676.  
  677. {block:ifNumberedCustomLinks}
  678. .links:before {
  679.     counter-increment:links;
  680.     content:counter(links,decimal-leading-zero)".";
  681.     left:5px;
  682.     top:4px;
  683.     position:absolute;
  684.     background:{color:Title background};
  685.     color:{color:title};
  686.     font:bold 11px orbitron;
  687.     height:17px;
  688.     line-height:17px;
  689.     width:27px;
  690.     padding:5px 0 5px;
  691.     margin-left:-5px;
  692.     margin-top:-4px;
  693. }
  694. {/block:ifNumberedCustomLinks}
  695.  
  696. .links, .nav, .pag {
  697.     background:{color:extra links background};
  698.     color:{color:extra links text};
  699. }
  700.  
  701. a.pag {
  702.     margin:6px;
  703.     display:block;
  704.     padding:3px;
  705. }
  706.  
  707. a.pag.num {
  708.     font:bold 18px orbitron;
  709.     height:29px;
  710.     width:29px;
  711.     text-align:center;
  712.     line-height:28px;
  713. }
  714.  
  715. a.pag.cur {
  716.     font:bold 23px orbitron;
  717.     height:37px;
  718.     width:37px;
  719.     margin-left:2px;
  720.     text-align:center;
  721.     line-height:35px;
  722.     background:{color:extra links text};
  723.     color:{color:extra links background};
  724.     pointer-events:none;
  725. }
  726.  
  727. a.pag.fa {
  728.     background:{color:Title background};
  729.     color:{color:title};
  730. }
  731.  
  732. #rightbar {
  733.     z-index:10;
  734. }
  735.  
  736. .links:hover, .nav:hover, .pag:hover, a.inf:hover {
  737.     border-color:transparent;
  738. }
  739.  
  740. .photoset { padding:0; }
  741.  
  742. .post { margin:40px auto; }
  743.  
  744. #title, #desc, a.nav, a.pag, .inf, #search_bar button, #search_bar input, .pad, .media_wrap, .tag_cont, .links {
  745.     {block:ifBorders}
  746.     border:4px solid {color:borders};
  747.     background-clip:padding-box;
  748.     {/block:ifBorders}
  749.     {block:ifNotBorders}
  750.     border:4px solid transparent;
  751.     {/block:ifNotBorders}
  752.     {block:ifRoundedCorners}
  753.     border-radius:4px;
  754.     {/block:ifRoundedCorners}
  755. }
  756.  
  757. {block:ifNotBorders}
  758. a.nav:hover, a.pag:hover, a.inf:hover, #search_bar button:hover, #search_bar input:focus, .links:hover {
  759.     border-color:{color:borders};
  760. }
  761. {/block:ifNotBorders}
  762.  
  763. .floclear { clear:both; }
  764.  
  765. {CustomCSS}
  766.  
  767. </style>
  768.  
  769. </head>
  770.  
  771. <script>
  772. $(document).ready(function() {
  773.     $("[title]").style_my_tooltips({
  774.         tip_follows_cursor:true,
  775.         tip_delay_time:200,
  776.         tip_fade_speed:300
  777.     });
  778.     $(".tag_btn").click(function() {
  779.         var $info = $(this).parent();
  780.         var $footer_wrap = $info.parent();
  781.         $footer_wrap.children(".tag_cont").slideToggle(150);
  782.     });
  783.     var colors = ["{color:blockquotes 1}","{color:blockquotes 2}"];
  784.     $('body').find('blockquote').each( function (i) {
  785.         $(this).css("border-left-color", colors[i % colors.length]);
  786.     });
  787. })(jQuery);
  788. </script>
  789.  
  790. <body>
  791.  
  792. <div id="main_wrap">
  793.  
  794. <div id="lefthand" class="col">
  795.  
  796. <div class="wrap" id="leftbar">
  797.     <div id="title">
  798.       {Title}
  799.     </div>
  800.     <div id="navcont">
  801.         <a class="nav fa fa-home" href="/" title="{lang:Home}"></a>
  802.         {block:AskEnabled}<a class="nav fa fa-pencil" href="/ask" title="Ask"></a>{/block:AskEnabled}
  803.         {block:SubmissionsEnabled}<a class="nav fa fa-envelope" href="/submit" title="Submit"></a>{/block:SubmissionsEnabled}
  804.         <a class="nav fa fa-folder-open" href="/archive" title="{lang:Archive}"></a>
  805.         <a class="nav fa fa-code" href="http://linthm.tumblr.com/thm" title="Tile Dream &#169; Laighlin"></a>
  806.     </div>
  807.     <div id="desc">
  808.       <p>{Description}</p>
  809.     </div>
  810.  
  811. {block:ifSearchBar}
  812.     <form id="search_bar" action="/search" method="get">
  813.     <input type="text" name="q" value="{URLSafeSearchQuery}"/>
  814.     <button type="submit" value="search" title="{lang:Search}"><span class="fa fa-search"></span></button>
  815.     </form>
  816. {/block:ifSearchBar}
  817.    
  818. {block:HasPages}
  819. <div id="linkcont">
  820.     {block:Pages} <a href="{URL}" class="links">
  821.       {Label}</a>{/block:Pages}
  822.   </div>
  823.   {/block:HasPages}
  824. </div></div>
  825.  
  826.   <div id="middle" class="col">
  827.   <div id="entries">
  828.   {block:SearchPage}
  829.         <div class="post"><div class="pad"><div class="title search_page">
  830.     {block:SearchResults}
  831.         {lang:SearchResultCount results for SearchQuery 2}
  832.     {/block:SearchResults}
  833.     {block:NoSearchResults}
  834.         {lang:No search results for SearchQuery 2}
  835.     {/block:NoSearchResults}
  836.         </div></div></div>
  837.   {/block:SearchPage}
  838.   {block:TagPage}
  839.         <div class="post"><div class="pad"><div class="title search_page">
  840.         {lang:Posts tagged Tag 3}
  841.         </div></div></div>
  842.   {/block:TagPage}
  843.     {block:Posts inlineMediaWidth="350px"}
  844.     <div class="post" id="{PostID}">
  845.       {block:Text}
  846.     <div class="pad">
  847.       <div class="title text">{block:Title}{Title}{/block:Title}</div>
  848.       <div class="text_body">{Body}</div></div>
  849.       {/block:Text}
  850.    
  851.       {block:Photo}
  852.       <div class="media_wrap pic">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>
  853.       {block:Caption}<div class="pad caption">{Caption}</div>{/block:Caption}
  854.       {/block:Photo}
  855.  
  856.       {block:Photoset}<div class="media_wrap pic">
  857.       {block:if500pxPosts}
  858.       {Photoset-500}
  859.       {/block:if500pxPosts}
  860.       {block:ifNot500pxPosts}
  861.       {Photoset-400}
  862.       {/block:ifNot500pxPosts}</div>
  863.       {block:Caption}<div class="pad caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  864.      
  865.       {block:Quote}<div class="media_wrap quo">“{Quote}”</div>
  866.  
  867.       {block:Source}<div class="pad caption" style="text-align:right"><p> &#x2014; {Source}</p></div>{/block:Source}
  868.       {/block:Quote}
  869.      
  870.       {block:Link}
  871.       <div class="media_wrap sq">
  872.         <div class="fa fa-link"></div>{block:Thumbnail}<img src="{Thumbnail}">{/block:Thumbnail}
  873.       </div>
  874.       <div class="pad short"><a href="{URL}" class="title link_post" style="display:block" target="{Target}">{Name}</a>
  875.         {block:Excerpt}<div class="text_body"><span style="font-size:95%;font-style:italic">{Excerpt}</span></div>{/block:Excerpt}
  876.       </div>
  877.       <div class="floclear"></div>
  878.       {block:Description}
  879.       <div class="pad">{Description}</div>{/block:Description}{/block:Link} {block:Chat}
  880.  
  881. <div class="pad">
  882.       <div class="title text">{block:Title}{Title}{/block:Title}</div>
  883.       <div class="text_body">{block:Lines}<div class="chat">
  884.         {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  885.       </div>
  886.       {/block:Lines}</div></div>{/block:Chat}
  887.      
  888.       {block:Audio}
  889.       <div class="media_wrap sq">
  890.         {block:AlbumArt} <img src="{AlbumArtURL}"> {/block:AlbumArt}
  891.       </div>
  892.       <div class="audholder">
  893.         <div class="aud">
  894.           {AudioPlayerBlack}
  895.         </div>
  896.       </div>
  897.  
  898.       <div class="pad short">
  899.       <div style="margin-top:-5px">
  900.         {block:Artist}<span class="asked"><b>Artist:</b></span> {Artist}<br>
  901.         {/block:Artist} {block:TrackName}<span class="asked"><b>Title:</b></span> {TrackName}<br>{/block:TrackName}
  902.         {block:Album}<span class="asked"><b>Album:</b></span>{Album}{/block:Album}
  903.         <p><span class="asked"><b>({PlayCountWithLabel})</b></span></p>
  904.       </div></div>
  905.       <div class="floclear"></div>
  906.       {block:Caption}
  907.       <div class="pad caption">{Caption}</div>{/block:Caption}
  908.       {/block:Audio}
  909.      
  910.       {block:Video} <div class="media_wrap pic">{block:if500pxPosts} {Video-500} {/block:if500pxPosts} {block:ifNot500pxPosts} {Video-400} {/block:ifNot500pxPosts} </div>
  911.       {block:Caption}<div class="pad caption">{Caption}</div>{/block:Caption}
  912.       {/block:Video}
  913.      
  914.       {block:Answer}
  915.       <div class="media_wrap sq"><div id="asker"><img src="{AskerPortraitURL-96}"></div>
  916.       </div>
  917.      
  918.       <div class="pad short">
  919.       <div class="asked">{Asker} says:</div>
  920.       {Question}
  921.       </div>
  922.       <div class="floclear"></div>
  923.       <div class="pad">
  924.       {block:Answerer}
  925.       <div class="ans"><div class="asked">{Answerer} replied:</div> {Answer}</div>{/block:Answerer}
  926.       {Replies}</div>
  927.       {/block:Answer}
  928.    
  929.     <div class="footer_wrap">
  930.       {block:HasTags}
  931.       <div class="tag_cont">{block:Tags}
  932.       <a class="tags" href="{TagURL}">#{Tag} </a>
  933.       {/block:Tags}</div>{/block:HasTags}
  934.    
  935.     {block:Date}
  936.     <div class="info">
  937.     <div class="inf stretcher"></div>
  938.     {block:NoteCount}<a class="inf note_count" href="{Permalink}" title="{lang:Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  939.     {block:HasTags}{block:ifHideTags}{block:IndexPage}
  940.     <a class="inf fa fa-tags tag_btn" title="{lang:Tags}"></a>
  941.     {/block:IndexPage}{/block:ifHideTags}{/block:HasTags}
  942.     <a class="inf fa fa-clock-o" href="{Permalink}" title="{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}"></a>
  943.     {block:RebloggedFrom}
  944.     <a class="inf" href="{ReblogParentURL}" title="{lang:reblogged TimeAgo from ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  945.     <a class="inf" href="{ReblogRootURL}" title="{lang:originally from ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  946.     {/block:RebloggedFrom}
  947.  
  948.     <a class="inf fa fa-retweet" href="{ReblogUrl}"></a>
  949.  
  950. <a class="inf"><div class="like">
  951. <svg width="18" height="18" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>
  952. {LikeButton color="grey" size="20"}
  953. </div></a>
  954.       </div>{/block:Date}</div>
  955.      
  956.       {block:PostNotes}
  957.       <div class="pad" id="note">
  958.         {PostNotes}
  959.       </div>
  960.       {/block:PostNotes}
  961.    
  962.     </div>
  963.     {/block:Posts}
  964.    
  965.     </div>
  966. </div> <!-- end of post column-->
  967.  
  968. <div id="righthand" class="col">
  969. <div class="wrap" id="rightbar">
  970. {block:Pagination}<div id="pagination"> <!-- regular pagination -->
  971. {block:PreviousPage}<a href="{PreviousPage}" class="pag fa fa-caret-up" title="{lang:Previous}"></a>{/block:PreviousPage}
  972.   {block:JumpPagination length="7"}
  973. {block:CurrentPage}<a class="pag cur">{PageNumber}</a>{/block:CurrentPage}
  974. {block:JumpPage}<a href="{URL}" class="pag num">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  975.   {block:NextPage}<a href="{NextPage}" class="pag fa fa-caret-down" title="{lang:Next}"></a>{/block:NextPage}
  976. </div>{/block:Pagination}
  977. </div>
  978. </div>
  979. </div>
  980. </body>
  981. </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!