API tools faq
paste
Advertisement
liriadas

v4.0 Lilac Dark

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