yeoli

Theme 24

Jul 27th, 2014
5,666
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.47 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10. <!--- THEME 24 - MADE BY YEOLI-THM.TUMBLR.COM --->
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18. <head>
  19.  
  20. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  21. <script src="https://flesler-plugins.googlecode.com/files/jquery.scrollTo-1.4.2-min.js"></script>
  22. <script src="https://flesler-plugins.googlecode.com/files/jquery.localscroll-1.2.7-min.js"></script>
  23. <script>$(document).ready(function(){$('.btt').localScroll({target:'.entry'});});</script>
  24. {block:IndexPage}{block:IfInfiniteScroll}
  25. <script type="text/javascript" src="https://codysherman.com/tools/infinite-scrolling/code"></script>
  26. <script src="https://static.tumblr.com/kmw8hta/kaDn9e425/like.js"></script>
  27. {/block:IfInfiniteScroll}{/block:IndexPage}
  28.  
  29. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  30. <link rel="shortcut icon" href="{Favicon}" />
  31. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/kmw8hta/8tUn9fatj/main.css"/>
  32.  
  33. <meta name="image:Background Image" content=""/>
  34. <meta name="image:Sidebar Image" content=""/>
  35.  
  36. <meta name="select:Layout" content="one" title="250px Posts"/>
  37. <meta name="select:Layout" content="two" title="400px Posts"/>
  38. <meta name="select:Font" content="(default)"/>
  39. <meta name="select:Font" content="Arial"/>
  40. <meta name="select:Font" content="Calibri"/>
  41. <meta name="select:Font" content="Cambria"/>
  42. <meta name="select:Font" content="Garamond"/>
  43. <meta name="select:Font" content="Georgia"/>
  44. <meta name="select:Font" content="Helvetica"/>
  45. <meta name="select:Font" content="Lucida Sans"/>
  46. <meta name="select:Font" content="Tahoma"/>
  47. <meta name="select:Font" content="Times New Roman"/>
  48. <meta name="select:Font" content="Trebuchet MS"/>
  49. <meta name="select:Font" content="Verdana"/>
  50.  
  51. <meta name="text:Font Size" content="10"/>
  52. <meta name="text:Link 1" content="Link 1"/>
  53. <meta name="text:Link 1 URL"content=""/>
  54. <meta name="text:Link 2" content="Link 2"/>
  55. <meta name="text:Link 2 URL"content=""/>
  56. <meta name="text:Link 3" content="Link 3"/>
  57. <meta name="text:Link 3 URL"content=""/>
  58. <meta name="text:Link 4" content="Link 4"/>
  59. <meta name="text:Link 4 URL"content=""/>
  60. <meta name="text:Link 5" content="Link 5"/>
  61. <meta name="text:Link 5 URL"content=""/>
  62. <meta name="text:Link 6" content="Link 6"/>
  63. <meta name="text:Link 6 URL"content=""/>
  64. <meta name="text:Billy Music Player Code" content=""/>
  65. <meta name="text:Flash Music Player Code" content=""/>
  66. <meta name="text:Music Playlist" content=""/>
  67.  
  68. <meta name="if:Infinite Scroll" content="0"/>
  69. <meta name="if:Show Captions" content="0"/>
  70. <meta name="if:Show Tags" content="0"/>
  71. <meta name="if:Dark Like Button" content="0"/>
  72. <meta name="if:Grayscale Posts" content="0"/>
  73.  
  74. <meta name="color:Background" content="#fbf9e8"/>
  75. <meta name="color:Text" content="#444444"/>
  76. <meta name="color:Links" content="#815cc3"/>
  77. <meta name="color:Links Hover" content="#444444"/>
  78. <meta name="color:Post Border" content="#333333"/>
  79. <meta name="color:Post Bg" content="#000000"/>
  80. <meta name="color:Post Bg Odd" content="#6beaca"/>
  81. <meta name="color:Post Bg Even" content="#fff55a"/>
  82. <meta name="color:Post Info Text" content="#ffffff"/>
  83. <meta name="color:Post Info Bg" content="#333333"/>
  84. <meta name="color:Permalink" content="#cccccc"/>
  85. <meta name="color:Permalink Hover" content="#ffffff"/>
  86. <meta name="color:Sidebar Image Bg" content="#333333"/>
  87. <meta name="color:Sidebar Image Border" content="#b3edef"/>
  88. <meta name="color:Nav Text" content="#ffffff"/>
  89. <meta name="color:Nav Text Hover" content="#333333"/>
  90. <meta name="color:Nav Bg" content="#333333"/>
  91. <meta name="color:Nav Bg Hover" content="#fbf9e8"/>
  92. <meta name="color:Description" content="#ffffff"/>
  93. <meta name="color:Description Bg" content="#333333"/>
  94. <meta name="color:Sidebar Links" content="#ffffff"/>
  95. <meta name="color:Sidebar Links Bg" content="#333333"/>
  96. <meta name="color:Pagination Bg" content="#333333"/>
  97. <meta name="color:Pagination Circle" content="#fe89b3"/>
  98. <meta name="color:Scrollbar" content="#333333"/>
  99.  
  100. <style type="text/css">
  101.  
  102. ::-webkit-scrollbar{
  103. width:16px;
  104. height:16px;
  105. background-color:{color:Post Bg};
  106. }
  107.  
  108. ::-webkit-scrollbar-thumb{
  109. background-color:{color:Scrollbar};
  110. }
  111.  
  112. #tumblr_controls, .tmblr-iframe{
  113. position:fixed!important;
  114. z-index:99999!important;
  115. top:0px!important;
  116. right:0px!important;
  117. }
  118.  
  119. body{
  120. cursor:default;
  121. margin:0px;
  122. padding:0px;
  123. font-family:"{select:Font}", "Calibri";
  124. font-size:{text:Font Size}px;
  125. color:{color:Text};
  126. background:{color:Background};
  127. background-attachment:fixed;
  128. background-repeat:repeat;
  129. background-image:url('{image:Background Image}');
  130. }
  131.  
  132. a, a:link, a:active, a:visited{
  133. text-decoration:none;
  134. color:{color:Links};
  135. -webkit-transition: all 0.3s ease-in-out;
  136. -moz-transition: all 0.3s ease-in-out;
  137. transition: all 0.3s ease-in-out;
  138. }
  139.  
  140. a:hover{
  141. text-decoration:none;
  142. color:{color:Links Hover};
  143. -webkit-transition: all 0.3s ease-in-out;
  144. -moz-transition: all 0.3s ease-in-out;
  145. transition: all 0.3s ease-in-out;
  146. }
  147.  
  148. #content{
  149. background:{color:Post Bg};
  150. border:10px solid {color:Post Border};
  151. }
  152.  
  153. .posts{
  154. word-wrap:break-word;
  155. border:10px solid {color:Post Border};
  156. {block:IndexPage}margin:10px auto;{/block:IndexPage}
  157. {block:PermalinkPage}margin:auto;{/block:PermalinkPage}
  158. }
  159.  
  160. .posts:nth-child(odd), .posts:nth-child(odd) h1::after{
  161. background:{color:Post Bg Odd};
  162. }
  163.  
  164. .posts:nth-child(even), .posts:nth-child(even) h1::after{
  165. background:{color:Post Bg Even};
  166. }
  167.  
  168. {block:IndexPage}
  169. .one{width:250px;}
  170. .two{width:400px;}
  171. {/block:IndexPage}
  172.  
  173. {block:PermalinkPage}
  174. .one, .two{width:400px;}
  175. {/block:PermalinkPage}
  176.  
  177. {block:IfGrayscalePosts}
  178. .post{
  179. filter:url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  180. filter:gray;
  181. -webkit-filter:grayscale(100%);
  182. -webkit-transition: all 0.3s ease-in-out;
  183. -moz-transition: all 0.3s ease-in-out;
  184. transition: all 0.3s ease-in-out;
  185. }
  186.  
  187. .posts:hover .post{
  188. filter:url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  189. -webkit-filter:grayscale(0%);
  190. -webkit-transition: all 0.3s ease-in-out;
  191. -moz-transition: all 0.3s ease-in-out;
  192. transition: all 0.3s ease-in-out;
  193. }
  194. {/block:IfGrayscalePosts}
  195.  
  196. img, video, embed, iframe, object{
  197. max-width:100%;
  198. }
  199.  
  200. blockquote{
  201. border-left:1px solid {color:Text};
  202. }
  203.  
  204. h1{
  205. padding-bottom:5px;
  206. text-transform:uppercase;
  207. font-size:12px;
  208. font-weight:bold;
  209. line-height:14px;
  210. letter-spacing:1px;
  211. border-bottom:1px solid {color:Text};
  212. }
  213.  
  214. .chat li{
  215. color:{color:Post Info Text};
  216. background:{color:Post Info Bg};
  217. }
  218.  
  219. .audio{
  220. background:{color:Post Info Bg};
  221. }
  222.  
  223. .player{
  224. background: {color:Post Border};
  225. }
  226.  
  227. .audio-info{
  228. color:{color:Post Info Text};
  229. background:{color:Post Info Bg};
  230. }
  231.  
  232. .ask{
  233. padding:10px;
  234. font-style:italic;
  235. color:{color:Post Info Text};
  236. background:{color:Post Info Bg};
  237. }
  238.  
  239. .asker a{
  240. color:{color:Post Info Text};
  241. }
  242.  
  243. .perma1{
  244. border-top:2px solid {color:Post Border};
  245. border-left:2px solid {color:Post Border};
  246. }
  247.  
  248. .perma2{
  249. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  250. border-bottom:22px solid {color:Post Bg};
  251. }
  252.  
  253. .posts:hover .perma2{
  254. border-bottom:0px solid {color:Post Bg};
  255. }
  256.  
  257. .perma3{
  258. color:{color:Permalink};
  259. border-top:2px solid {color:Post Border};
  260. border-bottom:2px solid {color:Post Border};
  261. }
  262.  
  263. .perma3 a{
  264. color:{color:Permalink};
  265. }
  266.  
  267. .perma3 a:hover{
  268. color:{color:Permalink Hover};
  269. }
  270.  
  271. .perma4{
  272. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  273. border-bottom:44px solid {color:Post Bg};
  274. }
  275.  
  276. .posts:hover .perma4{
  277. border-bottom:0px solid {color:Post Bg};
  278. }
  279.  
  280. .perma5{
  281. border-top:2px solid {color:Post Border};
  282. border-right:2px solid {color:Post Border};
  283. }
  284.  
  285. .perma6{
  286. border-bottom:22px solid {color:Post Bg};
  287. }
  288.  
  289. .posts:hover .perma6{
  290. border-bottom:0px solid {color:Post Bg};
  291. }
  292.  
  293. .perma7{
  294. border-top:2px solid {color:Post Border};
  295. border-bottom:2px solid {color:Post Border};
  296. }
  297.  
  298. .perma7 a{
  299. color:{color:Permalink};
  300. }
  301.  
  302. .perma7 a:hover{
  303. color:{color:Permalink Hover};
  304. }
  305.  
  306. .perma8{
  307. border-bottom:44px solid {color:Post Bg};
  308. }
  309.  
  310. .posts:hover .perma8{
  311. border-bottom:0px solid {color:Post Bg};
  312. }
  313.  
  314. #info{
  315. font-family:"calibri";
  316. font-size:8px;
  317. font-weight:bold;
  318. text-transform:uppercase;
  319. letter-spacing:1px;
  320. text-align:center;
  321. line-height:10px;
  322. color:{color:Permalink};
  323. background:{color:Post Bg};
  324. border-top:10px solid {color:Post Border};
  325. }
  326.  
  327. #info a{
  328. margin:0px 2px;
  329. color:{color:Permalink};
  330. }
  331.  
  332. #info a:hover{
  333. color:{color:Permalink Hover};
  334. }
  335.  
  336. ol.notes{
  337. background:{color:Post Bg Even};
  338. border:10px solid {color:Post Border};
  339. }
  340.  
  341. ol.notes li.note blockquote{
  342. border-left:1px solid {color:Text};
  343. }
  344.  
  345. .pattern1{
  346. color:{color:Post Bg Odd};
  347. }
  348.  
  349. .pattern2{
  350. color:{color:Post Bg Even};
  351. }
  352.  
  353. .sidebar-image{
  354. background:{color:Sidebar Image Bg};
  355. }
  356.  
  357. .icon-outer-circle, .icon-inner-circle{
  358. color:{color:Sidebar Image Border};
  359. }
  360.  
  361. .image{
  362. background:{color:Sidebar Image Border};
  363. }
  364.  
  365. .n2{
  366. color:{color:Nav Text};
  367. background-color:{color:Nav Bg};
  368. }
  369.  
  370. .ni{
  371. color:{color:Nav Text};
  372. background-color:{color:Nav Bg};
  373. border-bottom:1px solid {color:Nav Text};
  374. }
  375.  
  376. .n1:hover .n2, .n1:hover .ni{
  377. color:{color:Nav Text Hover};
  378. border-color:{color:Nav Text Hover};
  379. background:{color:Nav Bg Hover};
  380. }
  381.  
  382. .line1, .line2{
  383. border-bottom:2px solid {color:Sidebar Links Bg};
  384. }
  385.  
  386. .b1{
  387. background:{color:Description Bg};
  388. }
  389.  
  390. .playlist1{
  391. color:{color:Description};
  392. background:{color:Description Bg};
  393. border-top:5px solid {color:Description Bg};
  394. border-bottom:5px solid {color:Description Bg};
  395. }
  396.  
  397. .music-player{
  398. {block:IfBillyMusicPlayerCode}opacity:0.8;margin-top:-2px;margin-left:-22px;{/block:IfBillyMusicPlayerCode}
  399. {block:IfFlashMusicPlayerCode}margin-top:-1px;margin-left:-31px;{/block:IfFlashMusicPlayerCode}
  400. }
  401.  
  402. .music-icon{
  403. color:{color:Description};
  404. background:{color:Description Bg};
  405. }
  406.  
  407. .b2{
  408. color:{color:Description};
  409. background:{color:Description Bg};
  410. border-top:15px solid {color:Description Bg};
  411. border-bottom:15px solid {color:Description Bg};
  412. }
  413.  
  414. .title{
  415. border-bottom:1px solid {color:Description};
  416. }
  417.  
  418. .title::after{
  419. background:{color:Description Bg};
  420. }
  421.  
  422. .box a{
  423. color:{color:Sidebar Links};
  424. background-color:{color:Sidebar Links Bg};
  425. }
  426.  
  427. .si{
  428. color:{color:Sidebar Links};
  429. border-right:1px solid {color:Sidebar Links};
  430. }
  431.  
  432. .p1{
  433. background:{color:Pagination Bg};
  434. }
  435.  
  436. .p2{
  437. background:{color:Pagination Circle};
  438. border:2px solid {color:Pagination Bg};
  439. }
  440.  
  441. .pi{
  442.  
  443. color:{color:Pagination Bg};
  444. background:{color:Pagination Circle};
  445. border:2px solid {color:Pagination Bg};
  446. }
  447.  
  448. .pi:hover{
  449. background:{color:Pagination Bg};
  450. color:{color:Pagination Circle};
  451. }
  452.  
  453. .p3{
  454. border-left:2px solid {color:Pagination Bg};
  455. border-right:2px solid {color:Pagination Bg};
  456. }
  457.  
  458. </style>
  459. <style type="text/css">{CustomCSS}</style>
  460. </head>
  461. <body>
  462.  
  463. {block:IndexPage}{block:IfInfiniteScroll}<div class="pg">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:IfInfiniteScroll}{/block:IndexPage}
  464.  
  465. <div id="container">
  466.  
  467. <div id="sidebar1">
  468. <a href="/"><div class="sidebar-image">
  469. <div class="i1"><div class="icon-outer-circle"></div></div>
  470. <div class="i2"><div class="icon-inner-circle"></div></div>
  471. <div class="image">{block:IfSidebarImageImage}<img src="{image:Sidebar Image}"/>{/block:IfSidebarImageImage}</div>
  472. </div></a>
  473. <div class="navigation">
  474. <div class="n1"><a href="/"><div class="n2"><div class="ni icon-earth"></div>Return</div></a></div>
  475. <div class="n1"><a href="/ask"><div class="n2"><div class="ni icon-broadcast"></div>Message</div></a></div>
  476. <div class="n1"><a href="/archive"><div class="n2"><div class="ni icon-planet"></div>Explore</div></a></div>
  477. <div class="n1"><a href="https://yeoli-thm.tumblr.com" target="_blank"><div class="n2"><div class="ni icon-settings"></div>Creator</div></a></div>
  478. <div class="float"></div>
  479. </div>
  480. </div>
  481.  
  482. <div id="content">
  483. <div class="pattern1"><span class="icon-pattern-top"></span><span class="icon-pattern-top"></span><span class="icon-pattern-top"></span></div>
  484. <div class="entry">
  485. <div id="top"></div>
  486. <div class="autopagerize_page_element">
  487. <table>
  488. {block:Posts}
  489. <div class="posts {select:Layout}">
  490. <div class="post">
  491.  
  492. {block:Date}
  493. <div class="permalink1">
  494. <div class="perma1"></div><div class="perma2"></div>
  495. <div class="perma3"><a href="{permalink}"><div style="font-size:16px">{DayOfMonthWithZero}.{MonthNumberWithZero}</div></a>{NoteCount}</div>
  496. <div class="perma4"></div>
  497. </div>
  498. {block:IndexPage}
  499. <div class="permalink2">
  500. <div class="perma5"></div><div class="perma6"></div>
  501. <div class="perma7"><a href="{ReblogURL}" target="_blank">reblog</a><div class="lb">{block:IfNotDarkLikeButton}{LikeButton color="white" size="20"}{/block:IfNotDarkLikeButton}{block:IfDarkLikeButton}{LikeButton color="black" size="20"}{/block:IfDarkLikeButton}</div></div>
  502. <div class="perma8"></div>
  503. </div>
  504. {/block:IndexPage}
  505. {/block:Date}
  506.  
  507. {block:Text}
  508. {block:Title}<h1>{Title}</h1>{/block:Title}
  509. {body}
  510. {/block:Text}
  511.  
  512. {block:Photo}
  513. <img src="{PhotoURL-500}" style="display:block"/>
  514. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  515. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  516. {/block:Photo}
  517.  
  518. {block:Photoset}
  519. {Photoset}
  520. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  521. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  522. {/block:Photoset}
  523.  
  524. {block:Video}
  525. {Video-500}
  526. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  527. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  528. {/block:Video}
  529.  
  530. {block:Quote}
  531. <span style="font-style:italic;font-size:12px;">{Quote}</span>
  532. <div style="text-align:right">- {Source}</div>
  533. {/block:Quote}
  534.  
  535. {block:Link}
  536. <h1><a href="{URL}" target="{Target}">➥ {Name}</a></h1>
  537. {block:Description}{Description}{/block:Description}
  538. {/block:Link}
  539.  
  540. {block:Chat}
  541. {block:Title}<h1>{Title}</h1>{/block:Title}
  542. <ul class="chat">
  543. {block:Lines}
  544. <li class="{Alt} user_{UserNumber}">
  545. {block:Label}
  546. <span class="label">{Label}</span>
  547. {/block:Label}
  548. {Line}
  549. </li>
  550. <div class="float"></div>
  551. {/block:Lines}
  552. </ul>
  553. {/block:Chat}
  554.  
  555. {block:Audio}
  556. <div class="player"><div style="width:28px;height:28px;overflow:hidden;">{AudioPlayer}</div></div>
  557. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  558. <div class="audio-info"><div style="padding:9px 10px;">
  559. {block:TrackName}{TrackName}<br/>{/block:TrackName}
  560. {block:Artist}{Artist}<br/>{/block:Artist}
  561. {block:Album}{Album}<br/>{/block:Album}
  562. {PlayCountWithLabel}
  563. </div></div>
  564. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  565. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  566. {block:Audio}
  567.  
  568. {block:Answer}
  569. <div class="ask"><span class="asker">{Asker} :</span> {Question}</div>
  570. {Replies}
  571. {/block:Answer}
  572.  
  573. {block:IndexPage}{block:IfShowTags}
  574. {block:HasTags}<div id="info">{block:Tags} <a href="{TagURL}"># {Tag}</a> {/block:Tags}</div>{/block:HasTags}
  575. {/block:IfShowTags}{/block:IndexPage}
  576.  
  577. {block:PermalinkPage}
  578. {block:Date}
  579. <div id="info">
  580. {block:RebloggedFrom}via: (<a href="{ReblogParentURL}">{ReblogParentName}</a>) ; orig: (<a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom} {block:ContentSource}; src: (<a href="{SourceURL}">x</a>) {/block:ContentSource} {block:HighRes}; High Res: (<a href="{PhotoURL-HighRes}" target="_balnk">x</a>){/block:HighRes}
  581. {block:HasTags}<br/>{block:Tags} <a href="{TagURL}"># {Tag}</a> {/block:Tags}{/block:HasTags}
  582. </div>
  583. {/block:Date}
  584. {/block:PermalinkPage}
  585.  
  586. </div></div>
  587.  
  588. {block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  589.  
  590. {/block:Posts}
  591. </table>
  592. </div>
  593. </div>
  594. <div class="pattern2"><span class="icon-pattern-bottom"></span><span class="icon-pattern-bottom"></span><span class="icon-pattern-bottom"></span></div>
  595. </div>
  596.  
  597. <div id="sidebar2">
  598. {block:IfBillyMusicPlayerCode}<div class="line l1"></div><div class="m1">{block:IfMusicPlaylist}<div class="playlist"><div class="playlist1">{text:Music Playlist}</div></div>{/block:IfMusicPlaylist}<div class="b1"><div class="music"><div style="width:200px"><div class="music-player">{text:Billy Music Player Code}</div></div></div><div class="music-icon"><span class="icon-headphone"></span></div></div></div>{/block:IfBillyMusicPlayerCode}
  599. {block:IfFlashMusicPlayerCode}<div class="line1 l1"></div><div class="m1">{block:IfMusicPlaylist}<div class="playlist"><div class="playlist1">{text:Music Playlist}</div></div>{/block:IfMusicPlaylist}<div class="b1"><div class="music"><div class="music-player">{text:Flash Music Player Code}</div></div><div class="music-icon"><span class="icon-headphone"></span></div></div></div>{/block:IfFlashMusicPlayerCode}
  600. <div class="line1 l2"></div><div class="b2"><div class="title">{title}</div>{description}</div>
  601. {block:IfLink1}<div class="line2 l3"></div><div class="box b3"><a href="{text:Link 1 URL}"><span class="si icon-lollipop"></span>{text:Link 1}</a></div>{/block:IfLink1}
  602. {block:IfLink2}<div class="line2 l4"></div><div class="box b4"><a href="{text:Link 2 URL}"><span class="si icon-lab"></span>{text:Link 2}</a></div>{/block:IfLink2}
  603. {block:IfLink3}<div class="line2 l5"></div><div class="box b5"><a href="{text:Link 3 URL}"><span class="si icon-lightning"></span>{text:Link 3}</a></div>{/block:IfLink3}
  604. {block:IfLink4}<div class="line2 l6"></div><div class="box b6"><a href="{text:Link 4 URL}"><span class="si icon-cone"></span>{text:Link 4}</a></div>{/block:IfLink4}
  605. {block:IfLink5}<div class="line2 l7"></div><div class="box b7"><a href="{text:Link 5 URL}"><span class="si icon-cloud"></span>{text:Link 5}</a></div>{/block:IfLink5}
  606. {block:IfLink6}<div class="line2 l8"></div><div class="box b8"><a href="{text:Link 6 URL}"><span class="si icon-support"></span>{text:Link 6}</a></div>{/block:IfLink6}
  607. </div>
  608.  
  609. <div class="float"></div>
  610. </div>
  611.  
  612. <div id="pagination">
  613. <div class="p1">
  614. {block:IndexPage}
  615. <div class="p2">
  616. {block:IfNotInfiniteScroll}{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><div class="pi icon-arrow-left"></div></a>{/block:PreviousPage}{/block:Pagination}{/block:IfNotInfiniteScroll}
  617. </div>
  618. <div class="p2"><div class="btt"><a href="#top"><div class="pi icon-arrow-up"></div></a></div></div>
  619. <div class="p2">
  620. {block:IfNotInfiniteScroll}{block:Pagination}{block:NextPage}<a href="{NextPage}"><div class="pi icon-arrow-right"></div></a>{/block:NextPage}{/block:Pagination}{/block:IfNotInfiniteScroll}
  621. </div>
  622. {/block:IndexPage}
  623. {block:PermalinkPage}
  624. <div class="p2">
  625. {block:PermalinkPagination}{block:NextPost}<a href="{NextPost}"><div class="pi icon-arrow-left"></div></a>{/block:NextPost}{block:PermalinkPagination}
  626. </div>
  627. <div class="p2">{block:PermalinkPagination}<div class="btt"><a href="#top"><div class="pi icon-arrow-up"></div></a></div>
  628. {/block:PermalinkPagination}</div>
  629. <div class="p2">
  630. {block:PermalinkPagination}{block:PreviousPost}<a href="{PreviousPost}"><div class="pi icon-arrow-right"></div></a>{/block:PreviousPost}{block:PermalinkPagination}
  631. </div>
  632. {/block:PermalinkPage}
  633. </div>
  634. <div class="p3"></div>
  635. </div>
  636.  
  637. </body>
  638. </html>
Advertisement
Add Comment
Please, Sign In to add comment