API tools faq
paste
Advertisement
ludakrease

theme 17 (indulge) v.2 (w/ infinite scroll)

ludakrease
May 29th, 2016
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC>
  2. <head>
  3. <!----------------------------------------------------------------------------
  4.  
  5.  
  6.               888                                                  
  7.               888                                                  
  8.               888                                                  
  9.       .d88b.  88888b.  888  888  .d88b.  888d888 .d8888b   .d88b.  
  10.      d88""88b 888 "88b 888  888 d8P  Y8b 888P"   88K      d8P  Y8b
  11.      888  888 888  888 Y88  88P 88888888 888     "Y8888b. 88888888
  12.      Y88..88P 888 d88P  Y8bd8P  Y8b.     888          X88 Y8b.    
  13.       "Y88P"  88888P"    Y88P    "Y8888  888      88888P'  "Y8888
  14.    
  15.                  THEME 17 / INDULGE by OBVERSE.tumblr.com
  16.            
  17.  ✖ do not steal, redistribute, or claim as your own
  18.  ✖ you may edit my code as much as you like, but you must leave my credit
  19.  ✖ do not remove or move the credit in the bottom corner
  20.  ✖ if you have any questions or would like to report a problem, just ask :)
  21.  
  22.                    
  23.                    
  24.                  please do not remove this, and enjoy !
  25. ----------------------------------------------------------------------------->
  26.  
  27. <title>{title}</title>
  28. <link rel="shortcut icon" href="{favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30.  
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34.  
  35. <meta name="color:background" content="#f5f5f5"/>
  36. <meta name="color:text" content="#000000"/>
  37. <meta name="color:sidebar background" content="#ffffff"/>
  38. <meta name="color:sidebar text" content="#000000"/>
  39. <meta name="color:post background" content="#ffffff"/>
  40. <meta name="color:post info box" content="#000000"/>
  41. <meta name="color:scrollbar" content="#000000"/>
  42.  
  43. <meta name="if:ask box link" content="1"/>
  44. <meta name="if:250px posts" content="0"/>
  45. <meta name="if:sidebar img" content="0"/>
  46. <meta name="if:bio tab" content="1"/>
  47. <meta name="if:black buttons" content="0"/>
  48. <meta name="if:searchbox" content="1"/>
  49. <meta name="if:text nav" content="0"/>
  50. <meta name="if:hide captions" content="0"/>
  51. <meta name="if:black audio player" content="0"/>
  52. <meta name="if:tiny cursor" content="1"/>
  53. <meta name="if:scroll to top" content="1"/>
  54. <meta name="if:infinite scroll" content="0"/>
  55.  
  56. <meta name="text:blog title" content="blog title"/>
  57. <meta name="text:description" content="your description here"/>
  58. <meta name="text:bio" content="your bio here"/>
  59. <meta name="text:link 1" content=""/>
  60. <meta name="text:link 1 url" content="/"/>
  61. <meta name="text:link 2" content=""/>
  62. <meta name="text:link 2 url" content="/"/>
  63. <meta name="text:link 3" content=""/>
  64. <meta name="text:link 3 url" content="/"/>
  65. <meta name="text:link 4" content=""/>
  66. <meta name="text:link 4 url" content="/"/>
  67. <meta name="text:link 5" content=""/>
  68. <meta name="text:link 5 url" content="/"/>
  69.  
  70.  
  71. <meta name="image:sidebar image" content""/>
  72.  
  73. <meta name="select:blog title style" content="none" title="none"/>
  74. <meta name="select:blog title style" content="italic" title="italic"/>
  75. <meta name="select:blog title style" content="bold" title="bold"/>
  76. <meta name="select:font" content="consolas,monospace" title="monospace"/>
  77. <meta name="select:font" content="'Arimo',sans-serif" title="sans-serif"/>
  78.  
  79.  
  80. <!-- TOOLTIP -->
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:90,
  89. tip_fade_speed:100,
  90. attribute:"title"
  91. });
  92. });
  93. })(jQuery);
  94. </script>
  95.  
  96. <!-- END TOOLTIP -->
  97.  
  98. <link href='https://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  99.  
  100. <style type="text/css">
  101.  
  102. /* ------------------------------- GENERAL -------------------------------- */
  103.  
  104. /* TINY CURSOR */
  105. {block:iftinycursor}
  106. html, body {cursor:url(https://41.media.tumblr.com/f333d634d7fd9d1365b47dfcccf816cd/tumblr_inline_nogktewnkL1qejhog_540.png),auto;}
  107. {/block:iftinycursor}
  108.  
  109. /* TOOLTIP */
  110. #s-m-t-tooltip{margin:20px 30px 20px 25px;background-color:black;color:white; border:1px solid white;font-family:helvetica,sans-serif;text-transform:uppercase;font-size:8.5px;letter-spacing:1px;font-weight:600;line-height:12px;padding:3px 5px 3px 5px;box-shadow:rgba(0,0,0,0.1) 4px 4px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;z-index:999999999999;}
  111.  
  112. /* TUMBLR CONTROLS */
  113. .tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop, .tmblr-iframe, #tumblr_controls{margin-top:5px;margin-right:5px;z-index:99999!important;}
  114.  
  115. /* BODY */
  116. body {background:{color:background};background-attachment:fixed;font-family:{select:font};font-size:12px;color:{color:text};letter-spacing:px;}
  117.  
  118. b {font-family:helvetica,sans-serif;}
  119. small {font-size:10px; text-transform:uppercase;}
  120. big {font-size:12px; text-transform:uppercase;}
  121. blockquote {border-left:1px solid {color:text};padding:0 0 0 10px;margin:2px 0 5px 10px;}
  122.  
  123. span.pointer {cursor:help;}
  124.  
  125. /* LINKS */
  126. a {text-decoration:none;color:{color:text};-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;border:none;}
  127. a:hover {color:{color:text};cursor:help;}
  128.  
  129. /* SCROLLBAR */
  130.  
  131. ::-webkit-scrollbar-thumb{background:{color:scrollbar};border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border:7px solid {color:background};}
  132. ::-webkit-scrollbar {height:20px;width:20px;display:block;background:{color:background};}
  133.  
  134. /* ------------------------------- SIDEBAR -------------------------------- */
  135.  
  136. #sidebar {width:230px;position:fixed;left:50%;top:100px;margin-left:-450px;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;}
  137.  
  138. .stitle {background:{color:sidebar background};padding:10px;text-align:center;font-style:{select:blog title style};font-weight:{select:blog title style};font-size:18px;border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;}
  139. .stitle a {color:{color:sidebar text};}
  140.  
  141. /* DESCRIPTION */
  142.  
  143. .description {background:{color:sidebar background};margin-top:5px;padding:10px;color:{color:sidebar text};text-align:justify;}
  144. .description a {{color:sidebar text}}
  145.  
  146. #sidebar table {width:100%;;margin-top:5px;border-collapse:collapse;margin-bottom:5px;color:{color:sidebar text};}
  147. #sidebar table a {color:{color:sidebar text}}
  148.  
  149. #sidebar td {font-size:18px;padding:10px;{block:iftextnav}font-size:12px;{/block:iftextnav}background:{color:sidebar background};border-right:5px solid {color:background};}
  150.  
  151. #sidebar td:hover {font-style:italic;}
  152.  
  153. #sidebar td:first-child {font-size:19px;{block:iftextnav}font-size:12px;{/block:iftextnav}border-radius: 0px 0px 0px 10px;-moz-border-radius: 0px 0px 0px 10px;-webkit-border-radius: 0px 0px 0px 10px;padding-left:28px;}
  154.  
  155. #sidebar td:last-child {font-size:18px;{block:iftextnav}font-size:12px;{/block:iftextnav}border-right:none;border-radius: 0px 0px 10px 0px;-moz-border-radius: 0px 0px 10px 0px;-webkit-border-radius: 0px 0px 10px 0px;}
  156.  
  157. /* BIO + NAVLINKS*/
  158.  
  159. #bio {display:none;background:{color:sidebar background};color:{color:sidebar text};padding:10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
  160. #bio a {color:{color:sidebar text}}
  161.  
  162. #navlink {display:none;padding:0px;margin-top:5px;color:{color:sidebar text};}
  163.  
  164. #navlink li {color:{color:sidebar text};background:{color:sidebar background};padding:10px;display:block;border-bottom:5px solid {color:background};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  165. #navlink li a {color:{color:sidebar text}}
  166. #navlink li:hover {font-style:italic;}
  167.  
  168. #navlink li:first-child {border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;}
  169.  
  170. #navlink li:last-child {border-bottom:none;border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px;}
  171.  
  172. .navarrow1 {float:right;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  173. .navarrow2 {float:right;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  174.  
  175. .rotate {-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}
  176.  
  177. /* BLOG TITLE + SEARCH BOX */
  178.  
  179. #searchbox {margin:-10px 0 -10px 0;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;{block:ifnotsearchbox}display:none;{block:ifnotsearchbox}}
  180. #search input[type="text"] {width:167px;outline:none;border:none;background:{color:sidebar background};font-weight:600px;font-size:12px;text-transform:none;font-family:{select:font};color:{color:sidebar text};padding:0px;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
  181. .searchbutt {background:{color:sidebar background};font-size:14px;color:{color:text};border:none;outline:none;padding:9.5px 11px;margin-left:5px;cursor:help;}
  182.  
  183. /* ------------------------------- POSTS ---------------------------------- */
  184.  
  185. #container {position:absolute;left:50%;margin-left:-150px;background:transparent;z-index:9;bottom:0;top:0px;padding:30px;padding-bottom:40px;}
  186.  
  187. .post {padding:30px;background:{color:post background};margin:20px 0 60px 0;width:400px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;{block:if250pxposts}width:250px;{/block:if250pxposts}position:relative;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  188.  
  189. .post a {color:{color:text};border-bottom:1px solid {color:text};-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  190. .post a:hover {color:{color:text};font-style:italic;}
  191.  
  192. .post img {max-width:100%;border:none;}
  193.    
  194. .title {color:{color:text};padding:10px;text-transform:uppercase;font-weight:600px;letter-spacing:0.5;font-size:140%;margin-bottom:5px;}
  195. .title a {color:text}; .title a:hover {color:text};}
  196.  
  197. /* TEXT + CAPTIONS */
  198. .text {text-align:justify;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;padding-bottom:15px;}
  199. .text li {margin-left:-20px;}
  200.  
  201. /* QUOTE */
  202. .quote {font-family:{select:font};color:{color:text};padding:10px;font-style:italic;letter-spacing:-0.5px;text-align:left;letter-spacing:0.5px;font-style:italic;}
  203. .source {text-align:right;font-size:90%;max-width:100%;color:{color:text};padding:10px;margin-top:-1px;margin-bottom:-10px;} .source a {color:{color:text}}
  204.  
  205. /* ASK */
  206. .q {color:{color:text};background:transparent;padding:10px;letter-spacing:-0.5px;text-align:justify;}
  207. .as {color:{color:text};font-size:14px;padding:8px 10px;font-weight:bold;text-transform:uppercase;word-wrap:break-word;letter-spacing:0.5px;margin-bottom:-1px;}
  208. .as a {border:none;color:{color:text};} .as a:hover {color:{color:text};}
  209. .answr {padding:5px 10px;margin-top:-1px;margin-bottom:15px;}
  210.  
  211. /* CHAT */
  212. .chat ol {padding:0px;list-style:none;}
  213. .chat li {padding:10px;background:transparent;color:{color:text};margin-bottom:10px;}
  214. .chat li:first-child {margin-top:0px;}
  215. .chat b {color:{color:text};}
  216.  
  217. /* AUDIO */
  218. .tumblr_audio_player {width:400px;{block:if250pxposts}width:250px;{/block:if250pxposts}margin-top:-2px;}
  219. .mplayer {display:block;border-collapse:;}
  220. .mplayer tr {display:block;width:400px;{block:if250pxposts}width:250px;{/block:if250pxposts}margin-bottom:10px;}
  221. .mplayer td {display:table-cell;vertical-align:top;}    
  222. .sound {width:25px;height:25px;display:block;overflow:hidden;}
  223. .audioinfo {{block:ifblackaudioplayer}color:white;background:black;{/block:ifblackaudioplayer}{block:ifnotblackaudioplayer}color:black;background:white;{/block:ifnotblackaudioplayer}padding:15px;vertical-align:middle;letter-spacing:2px;text-transform:uppercase;width:100%;}
  224.  
  225. /* --------------------------- PERMALINK ---------------------------------- */
  226.  
  227. /* PERMALINK PAGE POST INFO */
  228. .tit {color:{color:text};padding:5px;margin-top:5px;}
  229. .tit a {color:{color:text};-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
  230. .tit a:hover {color:{color:text};text-decoration:none;}
  231.  
  232. /* POST INFO TAB */
  233.  
  234. .permabox {position:absolute;width:100px;height:45px;right:-110px;margin-top:-30px;opacity:0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  235.  
  236. .permabox .box1 {width:100%;height:100%;border-collapse:collapse;color:{color:text};}
  237. .permabox .box1 a {color:{color:text};border-bottom:none;}
  238. .permabox .box1 td {font-size:12px;padding:10px;width:50%;background:{color:post info box};text-align:center;}
  239. .permabox .box1 td:first-child {border-radius: 10px 0px 0px 0px;-moz-border-radius: 10px 0px 0px 0px;-webkit-border-radius: 10px 0px 0px 0px;border-right:3px solid {color:background};}
  240. .permabox .box1 td:last-child {border-radius: 0px 10px 0px 0px;-moz-border-radius: 0px 10px 0px 0px;-webkit-border-radius: 0px 10px 0px 0px;border-left:3px solid {color:background};}
  241.  
  242. .permabox .box2 {width:100%;height:100%;border-collapse:collapse;color:{color:text};border-top:3px solid {color:background};color:white;}
  243. .permabox .box2 td a {{block:ifblackbuttons}color:black;{/block:ifblackbuttons}{block:ifnotblackbuttons}color:white;{/block:ifnotblackbuttons};border:none;}
  244. .permabox .box2 td {font-size:19px;padding:10px;width:50%;background:{color:post info box};text-align:center;}
  245. .permabox .box2 td:first-child {border-radius: 0px 0px 0px 10px;-moz-border-radius: 0px 0px 0px 10px;-webkit-border-radius: 0px 0px 0px 10px;border-right:3px solid {color:background};}
  246. .permabox .box2 td:last-child {font-size:18px;border-radius: 0px 0px 10px 0px;-moz-border-radius: 0px 0px 10px 0px;-webkit-border-radius: 0px 0px 10px 0px;border-left:3px solid {color:background};}
  247.  
  248. {block:indexpage}.post:hover .permabox {opacity:1;}{/block:indexpage}
  249.  
  250. /* NOTES */
  251. .notes {margin-left:0px;margin-top:10px;}
  252. .notes a. .notes a:visited {text-decoration:none;color:{color:text};}
  253. .notes a:hover {font-style:italic;}
  254. .pagenotes {margin-left:0px;}
  255. .postnotes{background-color:transparent;width:100%;text-align:left;padding:10px 15px 0px 0px;margin-top:-25px;margin-bottom:-10px;}
  256. ol.notes{background-color:transparent;border:none;overflow:hidden;height:auto;padding:0;list-style-type:none;padding:5px 0px;width:100%;}
  257. ol.notes li.note {margin-top:5px;padding:7px;margin-bottom:-10px;border-top:1px solid {color:text};}
  258. ol.notes li.note:first-child {margin-top:0px;border:none;}
  259. ol.notes li.note {margin-bottom:3px;}
  260. .ol.notes li.note a:visited {text-decoration:none;color:{color:text};}
  261. .notes a:hover {font-style:italic;}
  262. ol.notes li.note img.avatar{display:none;}
  263. .pagenotes li blockquote{border-left:1px solid {color:text};padding:4px 10px;margin:10px 0 0 25px;}
  264.  
  265. /* ------------------------------- OTHER ---------------------------------- */
  266.  
  267. /* CREDIT (DO NOT TOUCH) */
  268. #no a {position:fixed;bottom:7px;left:7px;background:black;color:white;border:1px solid white;font-size:9px;padding:2px 4px;font-family:monospace;letter-spacing:0.5px;opacity:0.9;z-index:666;}
  269.  
  270. /* PAGINATION */
  271. .pagination {text-align:center;margin-bottom:30px;}
  272. .pagination a {text-align:center;margin:10px 0;padding:4px 8px;color:{color:text};text-decoration:none;background:{color:post background};border-radius: 12px 12px 12px 12px;-moz-border-radius: 12px 12px 12px 12px;-webkit-border-radius: 12px 12px 12px 12px;}
  273. .pagination a:hover {color:{color:text};font-style:italic;text-decoration:none;}
  274. .current_page {color:{color:text};font-weight:bold;padding:4px 9px 4px 7px;font-style:italic;border:1px solid white;background:{color:post background};border-radius: 12px 12px 12px 12px;-moz-border-radius: 12px 12px 12px 12px;-webkit-border-radius: 12px 12px 12px 12px;}
  275. .scroll {display: none;position: fixed;bottom:15px;right:15px;color:{color:scrollbar};font-size:35px;z-index:99;}
  276. .scroll a {color:{color:scrollbar};} .scroll a:hover {color:{color:scrollbar};}
  277.  
  278. </style>
  279.  
  280. </head>
  281.  
  282. <!-- SCRIPTS -->
  283. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  284. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  285. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  286. {block:ifinfinitescroll}
  287. <script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>    
  288.  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  289. {/block:ifinfinitescroll}
  290. <!-- END SCRIPTS -->
  291.  
  292. <body>
  293.  
  294. <div id="sidebar">
  295.  
  296. <div class="stitle"><a href="/">{text:blog title}</a></div>
  297.  
  298. {block:ifsidebarimg}<img src="{image:sidebar image}" width="100%" style="margin-top:5px;">{/block:ifsidebarimg}
  299. <div class="description">{text:description}</div>
  300.  
  301. <table>
  302.     <tr>
  303.         <td><a href="/">{block:ifnottextnav}<i class="fa fa-home" aria-hidden="true"></i>{/block:ifnottextnav}{block:iftextnav}home</a>{/block:iftextnav}</td>
  304.         {block:ifbiotab}<td><a id="open1">{block:ifnottextnav}<i class="fa fa-user" aria-hidden="true"></i>{/block:ifnottextnav}{block:iftextnav}bio</a>{/block:iftextnav}<span class="navarrow1"><i class="fa fa-chevron-down"></i></span></a> </td>{/block:ifbiotab}
  305.         <td><a id="open2">{block:ifnottextnav}<i class="fa fa-bars" aria-hidden="true"></i>{/block:ifnottextnav}{block:iftextnav}links</a>{/block:iftextnav}<span class="navarrow2"><i class="fa fa-chevron-down"></i></span></a> </td>
  306.     </tr>
  307. </table>
  308.  
  309. <div id="bio">{text:bio}</div>
  310.  
  311. <ul id="navlink">
  312.  
  313. {block:ifaskboxlink}<li><a href="/ask">ask</a></li>{/block:ifaskboxlink}
  314. {block:iflink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:iflink1}
  315. {block:iflink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:iflink2}
  316. {block:iflink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:iflink3}
  317. {block:iflink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:iflink4}
  318. {block:iflink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:iflink5}
  319. {block:ifsearchbox}<li><div id="searchbox"><form method="get" action="/search" id="search"><input name="q" type="text" size="20"  placeholder="search" title="search tags"/><button type="submit" class="searchbutt" title="go!"><i class="fa fa-search"></i></i></button></form></div></li>{/block:ifsearchbox}
  320. </ul>
  321.  
  322.  
  323. </div>
  324.  
  325. <!-- CONTAINER -->
  326.  
  327. <div id="container">
  328.  
  329. {block:ifinfinitescroll}
  330. <div class="autopagerize_page_element">
  331. {/block:ifinfinitescroll}
  332.  
  333. {block:TagPage}<div class="title" style="font-size:120%;text-align:center;padding:15px;margin-bottom:-13px;">Posts tagged "{Tag}"</div><Br>
  334. {/block:TagPage}
  335.  
  336. <!-- POSTS -->    
  337.  
  338. {block:Posts}
  339. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  340. {/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  341.  
  342. <!-- POST -->
  343. <div class="post">
  344.  
  345. <!-- PERMABOX -->
  346. <div class="permabox"><table class="box1"><tr><td><div class="likebutton" title="like">{block:ifnotblackbuttons}{LikeButton color="white"}{/block:ifnotblackbuttons}{block:ifblackbuttons}{LikeButton color="black"}{/block:ifblackbuttons}</div></td><td><div class="reblogbutton" title="reblog" style="border:none;border-bottom:none;text-decoration:none;text-align:left;margin-left:4px;;">{block:ifnotblackbuttons}{ReblogButton color="white"}{/block:ifnotblackbuttons}{block:ifblackbuttons}{ReblogButton color="black"}{/block:ifblackbuttons}</div></td></tr></table>
  347. <table class="box2"><tr><td><a href="{permalink}" {block:notecount}title="{notecount}"{/block:notecount}><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a></td><td><a href="{permalink}" title="{block:date}{TimeAgo}{/block:date}"><i class="fa fa-clock-o" aria-hidden="true"></a></i></td></tr></table></div>
  348. <!-- END PERMABOX -->
  349.  
  350.  
  351. {block:Text}
  352. {block:Title}
  353. <div class="title">{Title}</div>{/block:Title}{Body}
  354. {/block:Text}
  355.  
  356. {block:Photo}
  357. {block:indexpage}<a href="{Permalink}">{/block:indexpage}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" {block:permalinkpage}style="margin-bottom:10px;"{/block:permalinkpage}></center>{block:indexpage}</a>{/block:indexpage}
  358. {/block:Photo}
  359.  
  360. {block:Photoset}
  361. {block:ifnot250pxposts}{Photoset-400}{block:ifnot250pxposts}{block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  362. {block:permalinkpage}<div style="margin-bottom:15px;"></div>{/block:permalinkpage}
  363. {/block:Photoset}
  364.  
  365. {block:Quote}
  366. <div class="quote">{Quote}</div>
  367. {block:Source}<div class="source">— {Source}</div><div class="source" style="position:relative;opacity:0;">— {Source}</div>{/block:Source}
  368. {/block:Quote}
  369.  
  370. {block:Link}
  371. <a href="{URL}" {Target}><div class="title">{Name}</div></a>
  372. {block:ifnothidecaptions}{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:ifnothidecaptions}
  373. {/block:Link}
  374.  
  375. {block:Chat}
  376. {block:Title}<div class="title">{Title}</div>{/block:Title}
  377. <div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}</ol></div>
  378. {/block:Chat}
  379.  
  380. {block:Video}
  381. {block:ifnot250pxposts}{Video-400}{/block:ifnot250pxposts}{block:if250pxposts}{Video-250}{/block:if250pxposts}<div style="margin-bottom:20px;"></div>
  382. {/block:Video}
  383.  
  384. {block:Audio}
  385. {block:AudioPlayer}<table class="mplayer"><tr><td style="{block:ifblackaudioplayer}background:black;{/block:ifblackaudioplayer}{block:ifnotblackaudioplayer}background:white;{/block:ifnotblackaudioplayer}<;padding:15px"><div class="sound">{block:ifblackaudioplayer}{AudioPlayerBlack}{/block:ifblackaudioplayer}{block:ifnotblackaudioplayer}{AudioPlayerWhite}{/block:ifnotblackaudioplayer}</div></td><td class="audioinfo" style="padding:15px;font-size:11px;">{block:TrackName}<span style=""><b>{TrackName}</b></span>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</td></tr></table>{/block:AudioPlayer}
  386. {block:indexpage}{block:Caption}{block:ifnothidecaptions}<div style="margin:10px;"></div>{/block:ifnothidecaptions}{/block:Caption}{/block:indexpage}{/block:Audio}
  387.  
  388. {block:Answer}
  389. <div class="as">{asker} :</div><div class="q">{Question}</div>
  390. <div class="answr">{Answer}</div>
  391. {/block:Answer}
  392.  
  393.  
  394. <!-- CAPTIONS -->
  395.  
  396. {block:indexpage}{block:Caption}{block:ifnothidecaptions}
  397. <div class="text">{Caption}</div>
  398. {/block:ifnothidecaptions}{/block:Caption}{/block:indexpage}
  399.  
  400. <!-- END CAPTIONS -->
  401.  
  402.  
  403. <!-- PERMALINKPAGE -->
  404.  
  405. {block:PermalinkPage}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{block:Date}<div class="tit"><i class="fa fa-clock-o"></i> {TimeAgo}</div>{/block:Date}{block:NoteCount}<div class="tit"><i class="fa fa-sticky-note-o" aria-hidden="true"></i> {NoteCountWithLabel}</div>{/block:NoteCount}{block:RebloggedFrom}<div class="tit"><i class="fa fa-retweet"></i> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a></div>{/block:RebloggedFrom}{block:ContentSource}<div class="tit"><i class="fa fa-copyright"></i> <a href="{SourceURL}">{SourceTitle}</a></div>{/block:ContentSource}{block:hastags}<div class="tit"><i class="fa fa-tags"></i> {block:tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:tags}</div>{/block:hastags}<div class="notes"><div class="pagenotes">{block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}</div>{/block:PostNotes}</div>{/block:PermalinkPage}
  406.  
  407. <!-- END PERMALINK PAGE -->
  408.  
  409.  
  410. </div>
  411. <!-- END POST -->
  412.  
  413. {/block:Posts}
  414.  
  415. <!-- END POSTS -->
  416. <!-- PAGINATION -->
  417. {block:ifnotinfinitescroll}
  418. {block:Pagination}<div class="pagination" style="margin-top:8px;"><center>{block:PreviousPage}<a title="last" href="{PreviousPage}"><i class="fa fa-angle-left" style="font-size:110%;"></i></a>&nbsp;&nbsp;{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a title="next page" href="{NextPage}" id="next"><i class="fa fa-angle-right" style="font-size:110%;"></i></a>{/block:NextPage}</center></div>{/block:Pagination}
  419. {block:ifnotinfinitescroll}
  420. <!-- END PAGINATION -->
  421.  
  422. </div>
  423. {block:ifinfinitescroll}
  424. </div>
  425. {/block:ifinfinitescroll}
  426. <!-- END CONTAINER -->
  427.  
  428.  
  429. <!-- CREDIT (do not remove or i'll find u in hell and beat ur lame ass)-->
  430. <div id="no"><a title="theme by obverse" href="http://obverse.tumblr.com/">THEME</a></div>
  431. <!-- END CREDIT -->
  432.  
  433. <!-- DROP DOWN MENU -->
  434. <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  435. <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>  
  436. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
  437.    
  438. <script>
  439. $(document).ready(function(){
  440.     $("#open2").click(function(){
  441.         $(".navarrow2").toggleClass("rotate");
  442.         $("#navlink").slideToggle(500);
  443.     });
  444. });
  445. </script>
  446.  
  447. <script>
  448. $(document).ready(function(){
  449.     $("#open1").click(function(){
  450.         $(".navarrow1").toggleClass("rotate");
  451.         $("#bio").slideToggle(500);
  452.     });
  453. });
  454. </script>
  455. <!-- END DROP DOWN MENU -->
  456.  
  457. <!-- SCROLL TO TOP -->
  458. {block:ifscrolltotop}
  459. <script>
  460. $(document).scroll(function () {
  461.     var y = $(this).scrollTop();
  462.     if (y > 900) {
  463.         $('.scroll').fadeIn();
  464.     } else {
  465.         $('.scroll').fadeOut();
  466.     }
  467. });
  468. </script>
  469.  
  470. <div class="scroll"><a href="/#" title="scroll to top"><i class="fa fa-angle-up"></i></a></div>
  471. {/block:ifscrolltotop}
  472. <!-- END SCROLL TO TOP -->
  473.  
  474. </body>
  475.  
  476. </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!