API tools faq
paste
Advertisement
liriadas

v3.0 Mocha White

liriadas
Jul 23rd, 2017
193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.85 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  3. <head profile="http://gmpg.org/xfn/11">
  4.  
  5. <!-- Mocha v4.0 by Julia, distributed by Tumblr © liriadas.tumblr.com -->
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <meta name="image:Sidebar" content="https://static.tumblr.com/5u1fog0/knBpt5y02/cat.gif"/>
  14. <meta name="image:Background" content=""/>
  15. <meta name="color:Background" content="#FFFFFF"/>
  16. <meta name="color:Posts" content="#F0DFCC">
  17. <meta name="color:Text" content="#999999"/>
  18. <meta name="color:Links" content="#000000"/>
  19. <meta name="color:Hover" content="#613D12"/>
  20.  
  21. <meta name="text:Instagram" content="https://instagram.com"/>
  22. <meta name="text:Twitter" content="https://twitter.com"/>
  23. <meta name="text:WeHeartIt" content="https://weheartit.com"/>
  24. <meta name="text:Facebook" content="https://facebook.com"/>
  25. <meta name="text:Skype" content="skype-username"/>
  26. <meta name="text:Email" content="e-mail@gmail.com"/>
  27. <meta name="text:Link 1" content="home"/>
  28. <meta name="text:Link 1 URL" content="/"/>
  29. <meta name="text:Link 2" content="ask"/>
  30. <meta name="text:Link 2 URL" content="/ask"/>
  31. <meta name="text:Link 3" content="submit"/>
  32. <meta name="text:Link 3 URL" content="/submit"/>
  33. <meta name="text:Link 4" content="archive"/>
  34. <meta name="text:Link 4 URL" content="/archive"/>
  35. <meta name="text:Link 5" content="random"/>
  36. <meta name="text:Link 5 URL" content="/random"/>
  37. <meta name="text:Link 6" content="theme"/>
  38. <meta name="text:Link 6 URL" content="https://liriadas.tumblr.com"/>
  39.  
  40. <meta name="if:Infinite Scroll" content="1"/>
  41. <meta name="if:More Columns" content="1"/>
  42. <meta name="if:Cursive Font" content="1"/>
  43. <meta name="if:Image Effects" content="1"/>
  44. <meta name="if:Post Links" content="1"/>
  45. <meta name="if:Dark Colors" content="0"/>
  46. <meta name="if:Show Caption" content="0"/>
  47.  
  48. <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/Okdpt5y0u/jquery.js"></script>
  49. <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/u1opt5y0y/minified.js"></script>
  50. <script type="text/javascript" src="https://static.tumblr.com/5u1fog0/0F0pt5y1l/tabs.js"></script>
  51. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/5u1fog0/jHFpt5y14/reset.css">
  52. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  53.  
  54. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro|Lora:400i|Baumans|EB+Garamond|Satisfy">
  55.  
  56. </head>
  57.  
  58. <style type="text/css">
  59.  
  60. body {font-family:'Source Sans Pro', sans-serif; font-size:12px; line-height:1.8em; text-align:justify; color:{color:Text}; background:{color:Background} url({image:Background}); background-size:100% 100%; background-attachment:fixed; -webkit-animation:Fade 3s;}
  61. a {text-decoration:none; color:{color:Links}; transition:all 1s ease;}
  62. a:hover {color:{color:Hover};}
  63. @-webkit-keyframes Fade {0% {opacity:0;} 100% {opacity:1;}}
  64.  
  65. #contain {width:1000px; margin:20px auto 0; {block:PermalinkPage} width:720px; {/block:PermalinkPage};}
  66. #content {float:right; width:780px; {block:PermalinkPage} width:500px; {/block:PermalinkPage} {block:IfNotInfiniteScroll} margin-bottom:50px; {/block:IfNotInfiniteScroll};}
  67. .post {position:relative; float:left; overflow:hidden; {block:IfMoreColumns}{block:IndexPage} width:250px; margin:5px; {/block:IndexPage}{/block:IfMoreColumns} {block:IfNotMoreColumns}{block:IndexPage} width:370px; margin:10px; {/block:IndexPage}{/block:IfNotMoreColumns} {block:PermalinkPage} width:500px; margin:10px; {/block:PermalinkPage} {block:IfNotDarkColors} box-shadow:0 8px 6px -6px #ccc; {/block:IfNotDarkColors} {block:IfDarkColors} box-shadow:0 8px 6px -6px #000; {/block:IfDarkColors};}
  68. .box {position:relative;}
  69. .box img {display:block; max-width:100%;}
  70. .box iframe {max-width:100%;}
  71.  
  72. #nav {text-align:center; position:fixed; float:left; width:200px; top:50px; padding-right:10px; border-right:1px solid {color:Posts};}
  73. .nav-picture {display:block; transition:all 1s ease;}
  74. .nav-picture img {width:100px; height:100px; -webkit-transform:rotate(-15deg); -moz-transform:rotate(-15deg); border:5px solid {color:Posts}; {block:IfNotLightColors} box-shadow: 0px 0px 5px 5px #000; {/block:IfNotLightColors}}
  75. #nav:hover .nav-picture img {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
  76. h1 {line-height:1.8em; font-weight:normal; margin-top:10px; color:{color:Links}; {block:IfCursiveFont} font-family:'Satisfy', cursive; font-size:20px; {/block:IfCursiveFont} {block:IfNotCursiveFont} font-family:'EB Garamond', sans-serif; font-size:20px; {/block:IfNotCursiveFont};}
  77.  
  78. div.tab {overflow:hidden;}
  79. div.tab button {font-family:'Baumans', sans-serif; font-size:9px; letter-spacing:.1em; text-transform:uppercase; float:left; cursor:pointer; outline:none; padding:10px; margin:1px; width:64px; color:{color:Links}; border:1px solid {color:Posts}; background:{color:Background}; transition:all 1s ease;}
  80. div.tab button:hover {color:{color:Background}; background:{color:Hover};}
  81. div.tab button.active {color:{color:Background}; background:{color:Hover};}
  82. .tabcontent {display:none;}
  83. .description {text-align:justify;}
  84. .menu {text-align:justify; overflow:hidden; margin-top:5px; width:200px;}
  85. .menu a {font-family:'Baumans', sans-serif; font-size:9px; letter-spacing:.1em; text-transform:uppercase; display:block; width:190px; padding:5px; margin-bottom:1px; color:{color:Links}; background:{color:Posts};}
  86. .menu a:hover {padding-left:10px; color:{color:Background}; background:{color:Hover};}
  87. .menu i {font-size:9px; margin-right:2px; transition:all 1s ease;}
  88. .menu a:hover i {color:{color:Background};}
  89. .social {margin-top:5px;}
  90. .social i {font-size:10px; width:12px; height:12px; padding:7px; color:{color:Links}; box-shadow:inset 0px 25px 0px 0px {color:Posts}; background:{color:Hover}; transition:all 1s ease;}
  91. .social i:hover {color:{color:Background}; box-shadow:inset 0px 0px 0px 0px {color:Posts};}
  92. .search {display:block; margin:5px 0 5px 15px;}
  93. .search input {font-family:'Baumans', sans-serif; font-size:9px; letter-spacing:.1em; text-transform:uppercase; text-align:left; width:160px; color:{color:Links}; background:{color:Posts};}
  94. .search input[type="text"] {border:0; padding:10px 5px 10px;}
  95. .search input[type="text"]:focus {outline:none;}
  96. #credit {line-height:1.8em; font-weight:normal; color:{color:Links};}
  97.  
  98. .text {display:block; line-height:1.8em;}
  99. .text img {max-width:100%;}
  100. h3, h2 {color:{color:Links}; {block:IfCursiveFont} font-family:'Lora', cursive; font-size:15px; font-style:italic; {/block:IfCursiveFont} {block:IfNotCursiveFont} font-family:'EB Garamond', cursive; font-size:18px; {/block:IfNotCursiveFont};}
  101. p {margin:0 0 .75em 0;}
  102. p:last-child {margin:0;}
  103. ul {margin:0px 1.5em .75em;}
  104. li {list-style-type:disc; margin:.75em 0;}
  105. hr {width:50%; border:1px solid {color:Posts};}
  106. pre {overflow-x:auto; padding:5px; background:{color:Posts};}
  107. blockquote {quotes:"" "" "'" "'"; margin:0.75em 0 .75em .75em; padding-left:1.8em; line-height:1.8em; border-left:solid 4px {color:Posts};}
  108.  
  109. #quote {line-height:1.8em;}
  110. .author {line-height:1.8em; font-weight:normal; padding:5px; color:{color:Links}!important; background:{color:Posts};}
  111. .author-triangle {width:0; height:0; border-style:solid; margin-left:20px; border-width:0 10px 10px 10px; border-color:transparent transparent {color:Posts} transparent;}
  112.  
  113. #chat {line-height:1.8em;}
  114. #chat ul {list-style:none!important; margin:0!important; line-height:1.8em;}
  115. #chat li {list-style:none!important; margin:1px 0px 1px!important;}
  116. .person {padding:5px; background:{color:Posts};}
  117. .person .label {color:{color:Links};}
  118.  
  119. #audio {display:block!important; height:100px!important;}
  120. .album-art {float:left; width:100px; height:100px;}
  121. .audio-player {overflow:hidden; height:28px; width:28px; margin:8px;}
  122. .audio-circle {position:absolute; width:46px; height:46px; z-index:8; margin:27px; border-radius:23px; opacity:.6; background:#f2f2f2; transition:all 1s ease;}
  123. .audio-circle:hover {opacity:1; transition:all 1s ease;}
  124. .audio-caption {display:inline-block; float:right; overflow-y:auto; height:100px; {block:IfNotMoreColumns} width:72%; {/block:IfNotMoreColumns} {block:IfMoreColumns} width:59%; {/block:IfMoreColumns} {block:PermalinkPage} width:79%; {/block:PermalinkPage};}
  125. .audio-caption p {padding:2px; margin-top:0px; margin-bottom:1px; background:{color:Posts};}
  126.  
  127. #ask {line-height:1.8em; padding:5px; background:{color:Posts};}
  128. .ask-triangle {width:0; height:0; margin:0 0 5px 20px; border-style:solid; border-width:10px 10px 0 10px; border-color:{color:Posts} transparent transparent transparent;}
  129. .answer {line-height:1.8em; margin-bottom:5px;}
  130.  
  131. #permalink-page {font-style:italic; padding:5px; margin-bottom:1px; color:{color:Text}; background:{color:Posts}; {block:IfCursiveFont} font-family:'Lora', cursive; font-size:12px; {/block:IfCursiveFont} {block:IfNotCursiveFont} font-family:'EB Garamond', cursive; font-size:13px; {/block:IfNotCursiveFont};}
  132. #permalink-page i {font-size:10px; padding:5px; color:{color:Links};}
  133. #permalink-notes {overflow-x:hidden; overflow-y:auto; margin-top:5px; width:500px; height:200px;}
  134. .notes img {display:block; float:left; margin-right:.75em; border-radius:100%;}
  135. ol.notes li {list-style-type:none; line-height:18px; padding:5px; margin:1px 0 1px; background:{color:Posts};}
  136. #caption {display:inline-block;}
  137.  
  138. b, strong, strike, u, underline {color:{color:Hover};}
  139. i, em {font-style:italic; color:{color:Hover}; {block:IfCursiveFont} font-family:'Lora', cursive; font-size:12px; {/block:IfCursiveFont} {block:IfNotCursiveFont} font-family:'EB Garamond', cursive; font-size:13px; {/block:IfNotCursiveFont};}
  140. ::-moz-selection {color:{color:Hover}; background:{color:Posts};}
  141. ::selection {color:{color:Hover}; background:{color:Posts};}
  142.  
  143. {block:IfImageEffects}
  144. img {-webkit-filter:grayscale(.5); transition:all 1s ease;}
  145. img:hover {-webkit-filter:grayscale(0);}
  146. {/block:IfImageEffects}
  147.  
  148. .tmblr-iframe.iframe-controls--desktop {position:fixed!important; z-index:100!important; right:80px!important; {block:IfNotDarkColors} -webkit-filter:invert(100%); opacity:.4; {/block:IfNotDarkColors};}
  149. .credit.icon.theme {position:fixed!important; {block:IfNotDarkColors} -webkit-filter:invert(100%); opacity:.4; {/block:IfNotDarkColors};}
  150.  
  151. {block:IfPostLinks}{block:IndexPage}
  152. .llike {position:absolute; display:block; z-index:3; overflow:hidden; padding:1px 4px 1px; height:18px; top:-25px; border-radius:0 0 3px 3px; {block:IfNotDarkColors} background:rgba(255,255,255,.5); {/block:IfNotDarkColors} {block:IfDarkColors} background:rgba(0,0,0,.5); {/block:IfDarkColors} transition:all 1s ease;}
  153. .post:hover .llike {top:0px;}
  154. .lreblog {position:absolute; display:block; z-index:3; overflow:hidden; padding:2px 4px 0; height:18px; top:-120px; left:24px; border-radius:0 0 3px 3px; {block:IfNotDarkColors} background:rgba(255,255,255,.5); {/block:IfNotDarkColors} {block:IfDarkColors} background:rgba(0,0,0,.5); {/block:IfDarkColors} transition:all 1s ease;}
  155. .post:hover .lreblog {top:0px;}
  156. .lnotes {font-family:'Baumans', sans-serif; font-size:9px; text-transform:uppercase; font-weight:bold; position:absolute; display:block; z-index:10; bottom:-150px; right:0px; transition:all 1s ease;}
  157. .post:hover .lnotes {bottom:0px;}
  158. .lnotes-inner {padding:1px 5px; height:18px; border-radius:3px 0 0 0; {block:IfNotDarkColors} color:#000; background:rgba(255,255,255,.5); {/block:IfNotDarkColors} {block:IfDarkColors} color:#fff; text-shadow:1px 1px 1px #000; box-shadow:inset 0px 0px 4px 2px rgba(0,0,0,.5); background:rgba(1,1,1,.5); {/block:IfDarkColors};}
  159. {/block:IndexPage}{/block:IfPostLinks}
  160.  
  161. #top:link, #top:visited {color:transparent; background-color:transparent; display:none; position:fixed; z-index:9; bottom:20px; right:20px;}
  162.  
  163. {block:IfInfiniteScroll}
  164. #infscr-loading {position:absolute!important; width:16px!important; height:11px!important; margin-bottom:-16px!important; top:auto!important; bottom:0; left:50%!important;}
  165. #pagination {display:none;}
  166. {/block:IfInfiniteScroll}
  167. {block:IfNotInfiniteScroll}
  168. #pagination {font-family:'Baumans', sans-serif; font-size:8px; text-transform:uppercase; text-align:left; font-weight:bold; display:block; width:770px; padding-left:230px; margin:10px auto 50px;}
  169. #pagination a {margin:0 1px 0 0; padding:10px; color:{color:Links}; background:{color:Posts};}
  170. #pagination a:hover {border:none; background:{color:Hover};}
  171. #pagination .atual {margin:0 1px 0 0; padding:10px; color:{color:Posts}; background:{color:Hover};}
  172. #pagination .info {letter-spacing:.2em; margin:0 1px 0 0; padding:10px; color:{color:Links}; background:{color:Posts};}
  173. {/block:IfNotInfiniteScroll}
  174.  
  175. .clear {clear:both;}
  176. .clearfix:after {display:block; clear:both; visibility:hidden; content:"."; line-height:0; height:0;}
  177. .clearfix {display:inline-block;}
  178. html[xmlns] .clearfix {display:block;}* html .clearfix {height:1%;}
  179.  
  180. {CustomCSS}
  181.  
  182. </style>
  183.  
  184. <body>
  185.  
  186. <div id="contain" class="clearfix">
  187.  
  188. <div id="nav">
  189. <div class="nav-picture"><img src="{image:Sidebar}"></div>
  190. <h1>{Title}</h1>
  191. <div class="tab">
  192. <button class="tablinks" onclick="openTab(event, '01')">01</button>
  193. <button class="tablinks" onclick="openTab(event, '02')">02</button>
  194. <button class="tablinks" onclick="openTab(event, '03')">03</button></div>
  195. <div id="01" class="tabcontent">
  196. <div class="description">{Description}</div>
  197. </div>
  198. <div id="02" class="tabcontent"><div class="menu">
  199. {block:IfLink1}<a href="{text:Link 1 URL}"><i class="fa fa-home"></i> {text:Link 1}</a>{/block:IfLink1}
  200. {block:IfLink2}<a href="{text:Link 2 URL}"><i class="fa fa-envelope"></i> {text:Link 2}</a>{/block:IfLink2}
  201. {block:IfLink3}<a href="{text:Link 3 URL}"><i class="fa fa-pencil"></i> {text:Link 3}</a>{/block:IfLink3}
  202. {block:IfLink4}<a href="{text:Link 4 URL}"><i class="fa fa-folder-open"></i> {text:Link 4}</a>{/block:IfLink4}
  203. {block:IfLink5}<a href="{text:Link 5 URL}"><i class="fa fa-random"></i> {text:Link 5}</a>{/block:IfLink5}
  204. {block:IfLink6}<a href="{text:Link 6 URL}"><i class="fa fa-star"></i> {text:Link 6}</a>{/block:IfLink6}
  205. </div></div>
  206. <div id="03" class="tabcontent"><div class="social">
  207. {block:IfInstagram}<a href="{text:Instagram}" target="_blank"><i class="fa fa-instagram"></i></a>{/block:IfInstagram}
  208. {block:IfTwitter}<a href="{text:Twitter}" target="_blank"><i class="fa fa-twitter"></i></a>{/block:IfTwitter}
  209. {block:IfWeHeartIt}<a href="{text:WeHeartIt}" target="_blank"><i class="fa fa-heart"></i></a>{/block:IfWeHeartIt}
  210. {block:IfFacebook}<a href="{text:Facebook}" target="_blank"><i class="fa fa-facebook"></i></a>{/block:IfFacebook}
  211. {block:IfSkype}<i class="fa fa-skype" title="{text:Skype}"></i>{/block:IfSkype}
  212. {block:IfEmail}<i class="fa fa-envelope" title="{text:Email}"></i>{/block:IfEmail}</div>
  213. <form action="/search" method="get" class="search" style="text-align:left;"><input type="text" name="q" value="" placeholder="Search..."/></form>
  214. <i><div id="credit">2017 <b>©</b> Mocha by Liriadas.<br />Powered by Tumblr.</div></i>
  215. </div></div>
  216.  
  217. <div id="content">
  218. {block:Posts}
  219. <div class="post">
  220.  
  221. {block:Text}
  222. <div class="text">
  223. {block:Title}<h3><a href="{Permalink}" target="_blank">{Title}</a></h3>{/block:Title}
  224. {Body}
  225. </div>
  226. {/block:Text}
  227.  
  228. {block:Quote}
  229. <div class="text">
  230. <div id="quote">{Quote}</div>
  231. {block:Source}<a href="{Permalink}" target="_blank"><div class="author-triangle"></div><i><div class="author">{Source}</div></i></a>{/block:Source}
  232. </div>
  233. {/block:Quote}
  234.  
  235. {block:Link}
  236. <div class="text">
  237. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  238. {block:Description}<a href="{Permalink}" target="_blank">{Description}</a>{/block:Description}
  239. </div>
  240. {/block:Link}
  241.  
  242. {block:Chat}
  243. {block:Title}<a href="{Permalink}" target="_blank"><h3>{Title}</h3></a>{/block:Title}
  244. <div class="text">
  245. <div id="chat"><ul>
  246. {block:Lines}
  247. <li class="person">{block:Label}
  248. <i><span class="label">{Label}</span></i>{/block:Label} {Line}</li>
  249. {/block:Lines}
  250. </ul></div>
  251. </div>
  252. {/block:Chat}
  253.  
  254. {block:Answer}
  255. <div class="text">
  256. <div id="ask"><i style="color:{color:Links};">{Asker}</i>: {Question}</div>
  257. <div class="ask-triangle"></div>
  258. <a href="{Permalink}" target="_blank"><img style="padding:5px; margin-left:10px; border-radius:100%; background:{color:Posts};" src="{AskerPortraitURL-30}"></a>
  259. <div class="answer">{Answer}</div>
  260. </div>
  261. {/block:Answer}
  262.  
  263. {block:Audio}
  264. <div class="text">
  265. <div id="audio">
  266. {block:AlbumArt}<a href="{Permalink}" target="_blank"><div class="album-art"><img src="{AlbumArtURL}"></div></a>{/block:AlbumArt}
  267. <div class="audio-circle"><div class="audio-player">{AudioPlayer}</div></div>
  268. <div class="audio-caption">
  269. {block:TrackName}<p><i style="color:{color:Links};">Track</i>: {TrackName}.</p>{/block:TrackName}
  270. {block:Artist}<p><i style="color:{color:Links};">Artist</i>: {Artist}.</p>{/block:Artist}
  271. {block:Album}<p><i style="color:{color:Links};">Album</i>: {Album}.</p>{/block:Album}
  272. {block:PlayCount}<p><i style="color:{color:Links};">Plays</i>: {FormattedPlayCount}.</p>{/block:PlayCount}
  273. </div>
  274. </div>
  275. {block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  276. </div>
  277. {/block:Audio}
  278.  
  279. {block:Photoset}
  280. <div class="box">
  281. {block:IndexPage}<center><a href="{Permalink}" target="_blank">{Photoset}</a></center>{block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}{/block:IndexPage}
  282. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  283. </div>
  284. {/block:Photoset}
  285.  
  286. {block:Video}
  287. <div class="box">
  288. {block:IfMoreColumns}{block:IndexPage}<center><a href="{Permalink}" target="_blank">{Video-250}</a></center>{block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}{/block:IndexPage}{/block:IfMoreColumns}
  289. {block:IfNotMoreColumns}{block:IndexPage}<center><a href="{Permalink}" target="_blank">{Video-250}</a></center>{block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}{/block:IndexPage}{/block:IfNotMoreColumns}
  290. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  291. </div>
  292. {/block:Video}
  293.  
  294. {block:Photo}
  295. <div class="box">
  296. {block:IndexPage}<a href="{Permalink}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>{block:IfShowCaption}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}{/block:IndexPage}
  297. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}{/block:PermalinkPage}
  298. </div>
  299. {/block:Photo}
  300.  
  301. {block:PermalinkPage}
  302. {block:Caption}<div id="permalink-page"><i class="fa fa-pencil" aria-hidden="true"></i> <div id="caption">{Caption}</div></div>{/block:Caption}
  303. {block:HasTags}<div id="permalink-page"><i class="fa fa-tags" aria-hidden="true"></i> {lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  304. {block:Date}<div id="permalink-page"><i class="fa fa-clock-o" aria-hidden="true"></i> {TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.</div>{/block:Date}
  305. {block:NoteCount}<div id="permalink-page"><i class="fa fa-heart" aria-hidden="true"></i> {NoteCountWithLabel}.</div>{/block:NoteCount}
  306. {block:RebloggedFrom}<div id="permalink-page"><i class="fa fa-user" aria-hidden="true"></i> Via <a href="{ReblogParentURL}">{ReblogParentName}</a>, by <a href="{ReblogRootURL}">{ReblogRootName}</a>.</div>{block:RebloggedFrom}
  307. {block:PostNotes}<div id="permalink-notes">{PostNotes}</div>{/block:PostNotes}
  308. {/block:PermalinkPage}
  309.  
  310. {block:IfPostLinks}
  311. {block:IfNotDarkColors}{block:IndexPage}
  312. <div class="llike">{LikeButton size="13"}</div>
  313. <div class="lreblog">{ReblogButton size="13"}</div>
  314. <div class="lnotes"><a id="notes{PostID}" href="{Permalink}" target="_blank"><div class="lnotes-inner">{NoteCountWithLabel}</div></a></div>
  315. {/block:IndexPage}{/block:IfNotDarkColors}
  316. {block:IfDarkColors}{block:IndexPage}
  317. <div class="llike">{LikeButton size="13" color="white"}</div>
  318. <div class="lreblog">{ReblogButton size="13" color="white"}</div>
  319. <div class="lnotes"><a id="notes{PostID}" href="{Permalink}" target="_blank"><div class="lnotes-inner">{NoteCountWithLabel}</div></a></div>
  320. {/block:IndexPage}{/block:IfDarkColors}
  321. {/block:IfPostLinks}
  322.  
  323. <a href="javascript:;" id="top">
  324. {block:IfNotDarkColors}<img src="https://static.tumblr.com/5u1fog0/79Ept5y1r/white.png" border="0">{/block:IfNotDarkColors}
  325. {block:IfDarkColors}<img src="https://static.tumblr.com/5u1fog0/jgNpt5y1w/black.png" border="0">{/block:IfDarkColors}
  326. </a>
  327.  
  328. </div> <!-- End single post div. -->
  329. {block:ContentSource}
  330. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  331. {/block:ContentSource}
  332. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  333.  
  334. {/block:Posts}
  335. </div> <!-- End content div. -->
  336. <div class="loading"></div>
  337.  
  338. </div> <!-- End containing div. -->
  339.  
  340. {block:IfNotInfiniteScroll}
  341. {block:IndexPage}<div id="pagination">
  342. <span class="info" style="font-weight:normal;">Page {CurrentPage} of {TotalPages}</span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  343. {block:JumpPagination length="5"}
  344. {block:CurrentPage}<span class="atual">{PageNumber}</span>{/block:CurrentPage}
  345. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  346. {/block:JumpPagination}
  347. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  348. </div>{/block:IndexPage}
  349. {/block:IfNotInfiniteScroll}
  350.  
  351. {block:IfInfiniteScroll}
  352. {block:Pagination}<ul id="pagination">
  353. {block:PreviousPage}
  354. <li><a href="{PreviousPage}"></a></li>
  355. {/block:PreviousPage}
  356. {block:JumpPagination length="5"}
  357. {block:CurrentPage}
  358. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  359. {/block:CurrentPage}
  360. {block:JumpPage}
  361. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  362. {/block:JumpPage}
  363. {/block:JumpPagination}
  364. {block:NextPage}
  365. <li><a id="nextPage" href="{NextPage}"></a></li>
  366. {/block:NextPage}
  367. </ul>{/block:Pagination}
  368. {/block:IfInfiniteScroll}
  369. {block:IndexPage}
  370. <script type="text/javascript">
  371. $(window).load(function () {
  372. $('#content').masonry(),
  373. $('.masonryWrap').infinitescroll({
  374. navSelector : '#pagination',
  375. nextSelector : '#pagination a#nextPage',
  376. itemSelector : ".post, .loading",
  377. bufferPx : 40,
  378. loadingImg : "https://static.tumblr.com/5u1fog0/jzWpt5y20/loader.gif",
  379. loadingText : "<em></em>",
  380. },
  381. function() { $('#content').masonry({ appendedContent: $(this) }); }
  382. );
  383. });
  384. </script>
  385. {/block:IndexPage}
  386.  
  387. </body>
  388.  
  389. </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!