Advertisement
yeoli

Theme 28

May 2nd, 2015
9,364
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.25 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.  
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23. <!--- THEME 28 - MADE BY YEOLI-THM.TUMBLR.COM --->
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40. <head>
  41.  
  42. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44. <script type="text/javascript" src="https://static.tumblr.com/kmw8hta/NaEnnqkxd/tooltip.js"></script>
  45. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  46. <script type="text/javascript" src="https://static.tumblr.com/lv6casp/aCNm74ixy/stepcarousel.js">
  47. /***********************************************
  48. * Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  49. * Visit https://www.dynamicDrive.com for hundreds of DHTML scripts
  50. * This notice must stay intact for legal use
  51. ***********************************************/
  52. </script>
  53. <script type="text/javascript" src="https://static.tumblr.com/kmw8hta/MQInnqdev/panel.js"></script>
  54. <link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
  55. <link rel="stylesheet" type="text/css" href="https://static.tumblr.com/kmw8hta/Bygnowwv9/theme.css"/>
  56.  
  57. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  58. <link rel="shortcut icon" href="{Favicon}" />
  59.  
  60. <meta name="image:Background Image" content=""/>
  61. <meta name="image:Sidebar Icon" content=""/>
  62.  
  63. <meta name="if:Background Image Repeat" content="0"/>
  64. <meta name="if:Background Image Stretch" content="0"/>
  65. <meta name="if:250px Posts" content="0"/>
  66. <meta name="if:400px Posts" content="1"/>
  67. <meta name="if:500px Posts" content="0"/>
  68. <meta name="if:White Like Button" content="0"/>
  69. <meta name="if:Grey Like Button" content="1"/>
  70. <meta name="if:Black Like Button" content="0"/>
  71. <meta name="if:Infinite Scroll" content="0"/>
  72. <meta name="if:Permalink Buttons" content="1"/>
  73. <meta name="if:Show Captions" content="1"/>
  74. <meta name="if:Show Tags" content="0"/>
  75. <meta name="if:Show Sidebar Links Box" content="1"/>
  76. <meta name="if:Grayscale Posts" content="0"/>
  77.  
  78. <meta name="text:Background Image Positioning" content="center"/>
  79. <meta name="text:Panel Button Opacity" content="0.3"/>
  80. <meta name="text:Link 1" content="Link 1"/>
  81. <meta name="text:Link 1 URL" content=""/>
  82. <meta name="text:Link 2" content="Link 2"/>
  83. <meta name="text:Link 2 URL" content=""/>
  84. <meta name="text:Link 3" content="Link 3"/>
  85. <meta name="text:Link 3 URL" content=""/>
  86. <meta name="text:Link 4" content="Link 4"/>
  87. <meta name="text:Link 4 URL" content=""/>
  88. <meta name="text:Link 5" content="Link 5"/>
  89. <meta name="text:Link 5 URL" content=""/>
  90. <meta name="text:Link 6" content="Link 6"/>
  91. <meta name="text:Link 6 URL" content=""/>
  92. <meta name="text:Link 7" content="Link 7"/>
  93. <meta name="text:Link 7 URL" content=""/>
  94. <meta name="text:Link 8" content="Link 8"/>
  95. <meta name="text:Link 8 URL" content=""/>
  96. <meta name="text:Description Box 2" content="Updates: text"/>
  97. <meta name="text:Description Box 3" content=""/>
  98.  
  99. <meta name="color:Background" content="#ffffff"/>
  100. <meta name="color:Text" content="#bbbbbb"/>
  101. <meta name="color:Links" content="#888888"/>
  102. <meta name="color:Links Hover" content="#bbbbbb"/>
  103. <meta name="color:Borders" content="#ededed"/>
  104. <meta name="color:Rotating Borders" content="#96d5dc"/>
  105. <meta name="color:Post Bg" content="#ffffff"/>
  106. <meta name="color:Blockquote Bg" content="#ffffff"/>
  107. <meta name="color:Permalink Button Bg" content="#ffffff"/>
  108. <meta name="color:Sidebar Icon Bg" content="#bce4e9"/>
  109. <meta name="color:Blog Title" content="#888888"/>
  110. <meta name="color:Tooltip Text" content="#ffffff"/>
  111. <meta name="color:Tooltip Bg" content="#000000"/>
  112.  
  113. <style type="text/css">
  114.  
  115. #tumblr_controls, .tmblr-iframe{
  116. position:fixed!important;
  117. z-index:99999!important;
  118. top:0px!important;
  119. right:0px!important;
  120. }
  121.  
  122. body{
  123. cursor:default;
  124. margin:0px;
  125. padding:0px;
  126. font-family:trebuchet ms;
  127. font-size:9px;
  128. text-align:justify;
  129. word-wrap:break-word;
  130. color:{color:Text};
  131. background:{color:Background};
  132. background-attachment:fixed;
  133. {block:IfBackgroundImageRepeat}background-repeat:repeat;{/block:IfBackgroundImageRepeat}
  134. {block:IfNotBackgroundImageRepeat}background-repeat:no-repeat;{/block:IfNotBackgroundImageRepeat}
  135. {block:IfBackgroundImageStretch}-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;{/block:IfBackgroundImageStretch}
  136. background-position:{text:Background Image Positioning};
  137. {block:IfBackgroundImageImage}background-image:url('{image:Background Image}');{/block:IfBackgroundImageImage}
  138. }
  139.  
  140. a, a:link, a:active, a:visited{
  141. color:{color:Links};
  142. text-decoration:none;
  143. position:relative;
  144. display:inline-block;
  145. }
  146.  
  147. a:hover{
  148. color:{color:Links Hover};
  149. text-decoration:none;
  150. }
  151.  
  152. a::after{
  153. background:{color:Rotating Borders};
  154. -webkit-transition:width 0.5s;
  155. -moz-transition:width 0.5s;
  156. transition:width 0.5s;
  157. }
  158.  
  159. .icon{
  160. background:{color:Post Bg};
  161. }
  162.  
  163. .image{
  164. background:{color:Sidebar Icon Bg};
  165. }
  166.  
  167. .image img{
  168. width:100%;
  169. }
  170.  
  171. .icon-border{
  172. background:{color:Post Bg};
  173. border-top:1px solid {color:Borders};
  174. border-left:1px solid {color:Borders};
  175. border-right:1px solid {color:Borders};
  176. border-bottom:1px solid {color:Rotating Borders};
  177. -webkit-animation:spin 4s linear infinite;
  178. -moz-animation:spin 4s linear infinite;
  179. animation:spin 4s linear infinite;
  180. }
  181.  
  182. #box{
  183. text-transform:uppercase;
  184. letter-spacing:1px;
  185. font-size:7px;
  186. }
  187.  
  188. .sidebar .panel .desc{
  189. background:{color:Post Bg};
  190. border:1px solid {color:Borders};
  191. }
  192.  
  193. .title{
  194. font-family:'Open Sans', sans-serif;
  195. font-size:9px;
  196. color:{color:Blog Title};
  197. }
  198.  
  199. .navi a{
  200. position:relative;
  201. display:inline;
  202. margin:0px 1px;
  203. padding:0px;
  204. color:{color:Text};
  205. }
  206.  
  207. .posts{
  208. {block:IndexPage}
  209. {block:If250pxPosts}width:250px;{/block:If250pxPosts}
  210. {block:If400pxPosts}width:400px;{/block:If400pxPosts}
  211. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  212. {/block:IndexPage}
  213. {block:PermalinkPage}
  214. {block:IfNot500pxPosts}width:400px;{/block:IfNot500pxPosts}
  215. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  216. {/block:PermalinkPage}
  217. margin:120px auto;
  218. padding:40px;
  219. background:{color:Post Bg};
  220. border:1px solid {color:Borders};
  221. }
  222.  
  223. {block:IfGrayscalePosts}
  224. .posts{
  225. 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");
  226. filter:gray;
  227. -webkit-filter:grayscale(100%);
  228. -webkit-transition: all 0.3s ease-in-out;
  229. -moz-transition: all 0.3s ease-in-out;
  230. transition: all 0.3s ease-in-out;
  231. }
  232.  
  233. .posts:hover{
  234. 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");
  235. -webkit-filter:grayscale(0%);
  236. -webkit-transition: all 0.3s ease-in-out;
  237. -moz-transition: all 0.3s ease-in-out;
  238. transition: all 0.3s ease-in-out;
  239. }
  240. {/block:IfGrayscalePosts}
  241.  
  242. .posts img, .posts embed, .posts object, .posts iframe, .posts video{
  243. max-width:100%;
  244. }
  245.  
  246. h1{
  247. font-family:'Open Sans', sans-serif;
  248. font-size:11px;
  249. text-transform:uppercase;
  250. font-weight:normal;
  251. }
  252.  
  253. h2{
  254. font-family:'Open Sans', sans-serif;
  255. font-size:10px;
  256. text-transform:uppercase;
  257. font-weight:normal;
  258. }
  259.  
  260. blockquote{
  261. padding:10px;
  262. margin:10px;
  263. overflow:hidden;
  264. border-radius:3px;
  265. background:{color:Blockquote Bg};
  266. border:1px solid {color:Borders};
  267. }
  268.  
  269. ul.chat{
  270. margin:0px;
  271. padding:0px;
  272. }
  273.  
  274. .chat li{
  275. background:{color:Blockquote Bg};
  276. border:1px solid {color:Borders};
  277. }
  278.  
  279. .question{
  280. background:{color:Blockquote Bg};
  281. border:1px solid {color:Borders};
  282. }
  283.  
  284. #b{
  285. background:{color:Permalink Button Bg};
  286. border:1px solid {color:Borders};
  287. transition:all 0.3s;
  288. }
  289.  
  290. .lb{
  291. z-index:80;
  292. }
  293.  
  294. .p{
  295. background:{color:Permalink Button Bg};
  296. border:1px solid {color:Borders};
  297. }
  298.  
  299. .p a{
  300. color:{color:Text};
  301. }
  302.  
  303. #p-border{
  304. border-top:1px solid {color:Borders};
  305. border-left:1px solid {color:Borders};
  306. border-right:1px solid {color:Borders};
  307. border-bottom:1px solid {color:Rotating Borders};
  308. transition:all 0.s;
  309. }
  310.  
  311. #info{
  312. font-size:7px;
  313. text-transform:uppercase;
  314. letter-spacing:1px;
  315. border-top:1px solid {color:Borders};
  316. }
  317.  
  318. .info a{
  319. display:inline;
  320. padding:0px 2px;
  321. color:{color:Text};
  322. background:{color:Post Bg};
  323. }
  324.  
  325. #pagination{
  326. background:{color:Post Bg};
  327. border:1px solid {color:Borders};
  328. }
  329.  
  330. #pagination a{
  331. color:{color:Text};
  332. }
  333.  
  334. .tab{
  335. {block:IfNot500pxPosts}width:400px;{/block:IfNot500pxPosts}
  336. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  337. background:{color:Post Bg};
  338. border:1px solid {color:Borders};
  339. }
  340.  
  341. .tab label::after{
  342. content:"∨";
  343. }
  344.  
  345. .tab input:checked + label::after{
  346. content:"∧";
  347. }
  348.  
  349. #s-m-t-tooltip{
  350. z-index:999999;
  351. margin:0px 16px;
  352. padding:2px 6px;
  353. font-size:7px;
  354. text-transform:uppercase;
  355. letter-spacing:1px;
  356. color:{color:Tooltip Text};
  357. background:{color:Tooltip Bg};
  358. }
  359.  
  360. </style>
  361. <style type="text/css">{CustomCSS}</style>
  362. </head>
  363. <body>
  364.  
  365. <div id="container">
  366. {block:IfNotInfiniteScroll}{block:Pagination}
  367. {block:NextPage}<div id="pagination" class="next"><a href="{NextPage}" title="next page">+<div id="p-border" class="pagi"></div></a></div>{/block:NextPage}
  368. {block:PreviousPage}<div id="pagination" class="prev"><a href="{PreviousPage}" title="previous page">-<div id="p-border" class="pagi"></div></a></div>{/block:PreviousPage}
  369. {/block:Pagination}{/block:IfNotInfiniteScroll}
  370. {block:PermalinkPagination}
  371. {block:PreviousPost}<div id="pagination" class="next"><a href="{PreviousPost}" title="next post">+<div id="p-border" class="pagi"></div></a></div>{/block:PreviousPost}
  372. {block:NextPost}<div id="pagination" class="prev"><a href="{NextPost}" title="previous post">-<div id="p-border" class="pagi"></div></a></div>{/block:NextPost}
  373. {block:PermalinkPagination}
  374. <div class="icon"><a href="/"><div class="icon-border"></div>
  375. <div class="image">{block:IfSidebarIconImage}<img src="{image:Sidebar Icon}"/>{/block:IfSidebarIconImage}</div></a></div>
  376. <div id="box"><div id="side" class="sidebar"><div class="belt">
  377. <div class="panel">
  378. <div class="title">{title}</div>
  379. <div class="desc" style="text-align:center">
  380. <nav class="navi">
  381. <a href="/">home</a>
  382. <a href="/ask">msg</a>
  383. <a href="/archive">past</a>
  384. <a href="https://yeoli-thm.tumblr.com" target="_blank">thm</a>
  385. </nav>
  386. </div></div>
  387. {block:Description}<div class="panel">
  388. <div class="desc" style="text-align:justify">{Description}</div>
  389. </div>{block:Description}
  390. {block:IfShowSidebarLinksBox}<div class="panel">
  391. <div class="desc" style="text-align:center"><nav class="navi">
  392. {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  393. {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  394. {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  395. {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
  396. {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:IfLink5}
  397. {block:IfLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:IfLink6}
  398. {block:IfLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:IfLink7}
  399. {block:IfLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:IfLink8}
  400. </nav></div></div>{block:IfShowSidebarLinksBox}
  401. {block:IfDescriptionBox2}<div class="panel">
  402. <div class="desc" style="text-align:justify">{text:Description Box 2}</div>
  403. </div>{block:IfDescriptionBox2}
  404. {block:IfDescriptionBox3}<div class="panel">
  405. <div class="desc" style="text-align:justify">{text:Description Box 3}</div>
  406. </div>{block:IfDescriptionBox3}
  407. </div></div>
  408. <div style="position:fixed;z-index:20;margin:-118px auto 0px auto;opacity:{text:Panel Button Opacity}"><div id="side-paginate" style="width:182px;margin:0px;" align="center">
  409. <img src="https://static.tumblr.com/kmw8hta/F8Jnnl7cw/open.png" data-over="https://static.tumblr.com/kmw8hta/KNZnnl7c5/closed.png" data-select="https://static.tumblr.com/kmw8hta/KNZnnl7c5/closed.png" data-moveby="1" />
  410. </div></div>
  411. </div>
  412. </div>
  413.  
  414. {block:IndexPage}{block:IfInfinitescroll}<script type="text/javascript" src="https://codysherman.com/tools/infinite-scrolling/code"></script><script src="https://static.tumblr.com/kmw8hta/kaDn9e425/like.js"></script>
  415. <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}
  416.  
  417. <div id="content">
  418. <div class="autopagerize_page_element">
  419. {block:Posts}
  420. <div class="posts">
  421.  
  422. {block:IndexPage}{block:IfNotPermalinkButtons}{block:Date}
  423. <div id="info" class="src"><div class="info">
  424. <a href="{Permalink}" title="{NoteCountWithLabel}">{DayOfMonthWithZero}:{MonthNumberWithZero} ,</a><a href="{ReblogURL}" target="_blank" title="rebog ?"> reblog ,</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" class="info">via ,</a><a href="{ReblogRootURL}" target="_blank" class="info">origin ,</a>{/block:RebloggedFrom}{block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank" class="info"> high res ,</a>{/block:HighRes}
  425. </div></div>
  426. {/block:Date}{/block:IfNotPermalinkButtons}{/block:IndexPage}
  427.  
  428. {block:PermalinkPage}{block:Date}
  429. <div id="info" class="src"><div class="info">
  430. <a>{DayOfMonthWithZero}:{MonthNumberWithZero} , {NoteCountWithLabel} ,</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank" class="info">via ,</a><a href="{ReblogRootURL}" target="_blank" class="info">origin ,</a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" target="_blank" class="info">source ,</a>{/block:ContentSource}{block:HighRes}<a href="{PhotoURL-HighRes}" target="_blank" class="info"> high res ,</a>{/block:HighRes}
  431. </div></div>
  432. {/block:Date}{/block:PermalinkPage}
  433.  
  434. {block:Text}
  435. {block:Title}<h1>{Title}</h1>{/block:Title}
  436. {Body}
  437. {/block:Text}
  438.  
  439. {block:Photo}
  440. {block:IndexPage}
  441. {block:If250pxPosts}<img src="{PhotoURL-500}" style="display:block;width:250px"/>{/block:If250pxPosts}
  442. {block:If400pxPosts}<img src="{PhotoURL-500}" style="display:block;width:400px"/>{/block:If400pxPosts}
  443. {block:If500pxPosts}<img src="{PhotoURL-500}" style="display:block;width:500px"/>{/block:If500pxPosts}
  444. {/block:IndexPage}
  445. {block:PermalinkPage}
  446. {block:IfNot500pxPosts}<img src="{PhotoURL-500}" style="display:block;width:500px"/>{/block:IfNot500pxPosts}
  447. {block:If500pxPosts}<img src="{PhotoURL-500}" style="display:block;width:500px"/>{/block:If500pxPosts}
  448. {/block:PermalinkPage}
  449. {/block:Photo}
  450.  
  451. {block:Photoset}
  452. {block:IndexPage}
  453. {block:If250pxPosts}{Photoset-250}{/block:If250pxPosts}
  454. {block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}
  455. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  456. {/block:IndexPage}
  457. {block:PermalinkPage}
  458. {block:IfNot500pxPosts}{Photoset-400}{/block:IfNot500pxPosts}
  459. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  460. {/block:PermalinkPage}
  461. {/block:Photoset}
  462.  
  463. {block:Video}
  464. {block:IndexPage}
  465. {block:If250pxPosts}{Video-250}{/block:If250pxPosts}
  466. {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
  467. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  468. {/block:IndexPage}
  469. {block:PermalinkPage}
  470. {block:IfNot500pxPosts}{Video-400}{/block:IfNot500pxPosts}
  471. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  472. {/block:PermalinkPage}
  473. {/block:Video}
  474.  
  475. {block:Quote}
  476. <div style="font-size:10px;font-style:italic;padding-bottom:10px"><div style="opacity:0.5;float:left;font-style:normal;font-family:arial;font-size:40px;font-weight:bold;margin:-15px 10px -20px 0px;">❝</div> {Quote}</div>
  477. {block:Source}<div style="text-align:right;margin-top:10px">- {Source}</div>{/block:Source}
  478. {/block:Quote}
  479.  
  480. {block:Link}
  481. <h2><a href="{URL}" target="_blank" style="padding:5px 10px; border-left:1px solid {color:Borders};border-right:1px solid {color:Borders}">{Name}</a></h2>
  482. {block:Description}{Description}{/block:Description}
  483. {/block:Link}
  484.  
  485. {block:Chat}
  486. {block:Title}<h1>{Title}</h1>{/block:Title}
  487. <div class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</div>
  488. {/block:Chat}
  489.  
  490. {block:Audio}
  491. {AudioEmbed}
  492. {/block:Audio}
  493.  
  494. {block:Answer}
  495. <div class="question"><h2>{Asker} //</h2> {Question}</div>
  496. {Answer}
  497. {/block:Answer}
  498.  
  499.  
  500. {block:IndexPage}
  501.  
  502. {block:IfShowCaptions}{block:Caption}<div style="margin-top:20px">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  503. {block:IfShowTags}{block:HasTags}<div id="info" class="tag"><div class="info">{block:Tags}<a href="{TagURL}"> {Tag} ,</a>{/block:Tags}</div></div>{/block:HasTags}{/block:IfShowTags}
  504.  
  505. {block:Date}{block:IfPermalinkButtons}
  506. <div id="permalink">
  507. <div id="b" class="b1" style="float:left" title="like ?">
  508. <div class="lb">
  509. {block:IfWhiteLikeButton}{LikeButton color="white"}{/block:IfWhiteLikeButton}
  510. {block:IfGreyLikeButton}{LikeButton color="grey"}{/block:IfGreyLikeButton}
  511. {block:IfBlackLikeButton}{LikeButton color="black"}{/block:IfBlackLikeButton}
  512. </div>
  513. <div id="p-border" class="bb"></div></div>
  514. <div id="b" class="b2" style="float:right">
  515. <div class="rb">
  516. {block:IfWhiteLikeButton}
  517. <a href="{ReblogURL}" target="_blank" title="reblog ?"><img src="https://static.tumblr.com/kmw8hta/SVmnnqmjh/loop_white.png"/></a>
  518. {/block:IfWhiteLikeButton}
  519. {block:IfGreyLikeButton}
  520. <a href="{ReblogURL}" target="_blank" title="reblog ?"><img src="https://static.tumblr.com/kmw8hta/Ddbnnl90e/loop_grey.png"/></a>
  521. {/block:IfGreyLikeButton}
  522. {block:IfBlackLikeButton}
  523. <a href="{ReblogURL}" target="_blank" title="reblog ?"><img src="https://static.tumblr.com/kmw8hta/nKfnnqmj1/loop_black.png"/></a>
  524. {/block:IfBlackLikeButton}
  525. </div>
  526. <div id="p-border" class="bb"></div>
  527. </div>
  528. <div class="p"><a href="{permalink}" title="{NoteCountWithLabel}">
  529. {DayOfMonthWithZero}:{MonthNumberWithZero}
  530. <div id="p-border" class="pb"></div></a></div>
  531. </div>
  532. {/block:IfPermalinkButtons}{/block:Date}
  533.  
  534. {/block:IndexPage}
  535.  
  536. {block:PermalinkPage}
  537. {block:Caption}<div style="margin-top:20px">{Caption}</div>{/block:Caption}
  538. {block:HasTags}<div id="info" class="tag"><div class="info">{block:Tags}<a href="{TagURL}"> {Tag} ,</a>{/block:Tags}</div></div>{/block:HasTags}
  539. {/block:PermalinkPage}
  540.  
  541. </div>
  542.  
  543. {block:PostNotes}<section class="tab"><div><input id="ac-1" name="accordion-1" type="checkbox"/><label for="ac-1"> </label><article>{PostNotes}</article></div></section>{/block:PostNotes}
  544.  
  545. {/block:Posts}
  546. </div>
  547. </div>
  548.  
  549. </body>
  550. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement