API tools faq
paste
Advertisement
mogimochi

Theme [12]:re Sashimi

mogimochi
Dec 3rd, 2014
35,558
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. :: REVITALIZED PACK #01 ::
  8.  
  9. Theme 12 Sashimi
  10. by yukoki/s-ekki
  11.  
  12. 1. Light/Heavy CSS editting is allowed.
  13. 2. Do not use as base code.
  14. 3. Do not remove credit.
  15. 4. Do not claim theme as your own.
  16.  
  17. >> This is part of the Revitalized Pack #01. I have removed my 2012 theme, [12] Okumura. Hence to fill its void, I have released a NEW theme [12] Sashimi. It looks nothing like Okumura. :v
  18.  
  19. ---------------------------------------------------------- VER 200917 -->
  20.  
  21. <meta name="image:sidebar" content="">
  22. <meta name="image:background" content="">
  23. <meta name="image:left border image" content="http://33.media.tumblr.com/46530996c9e76f15dfa658232766acc7/tumblr_nd42m90wqD1qc5qv5o1_250.png">
  24. <meta name="image:corner image" content="">
  25.  
  26. <meta name="color:text highlight" content="#e98888">
  27. <meta name="color:scrollbar" content="#feb05d">
  28. <meta name="color:tooltips background" content="#feb05d">
  29. <meta name="color:tooltips text" content="#ffffff">
  30. <meta name="color:tooltips border" content="#ffffff">
  31.  
  32. <meta name="color:background" content="#ffffff">
  33. <meta name="color:sidebar background" content="#333333">
  34. <meta name="color:blog title" content="#aaaaaa">
  35. <meta name="color:blog title background" content="#3a3a3a">
  36. <meta name="color:nav icon" content="#aaaaaa">
  37. <meta name="color:nav icon background" content="#3a3a3a">
  38.  
  39. <meta name="color:desc background" content="#353535">
  40. <meta name="color:desc text" content="#f5f5f5">
  41. <meta name="color:desc bold" content="#feb05d">
  42. <meta name="color:desc italic" content="#aaaaaa">
  43. <meta name="color:desc links" content="#ffa05b">
  44. <meta name="color:desc links hover" content="#aaaaaa">
  45. <meta name="color:blockquote" content="#aaaaaa">
  46.  
  47. <meta name="color:drop down menu background" content="#3a3a3a">
  48. <meta name="color:drop down menu text" content="#777777">
  49.  
  50. <meta name="color:custom links background" content="#353535">
  51. <meta name="color:custom links text" content="#6a6a6a">
  52. <meta name="color:custom links left border" content="#3a3a3a">
  53. <meta name="color:custom links hover background" content="#3a3a3a">
  54. <meta name="color:custom links hover text" content="#6a6a6a">
  55. <meta name="color:custom links hover left border" content="#ffa550">
  56.  
  57. <meta name="color:post background" content="#f7f7f7">
  58.  
  59. <meta name="color:body text" content="#aaaaaa">
  60. <meta name="color:body bold" content="#e7bc38">
  61. <meta name="color:body italic" content="#d4d4d4">
  62. <meta name="color:body links" content="#ff9a5b">
  63. <meta name="color:body links hover" content="#cccccc">
  64.  
  65. <meta name="color:post title text" content="#aaaaaa">
  66. <meta name="color:post title underline" content="#e2e2e2">
  67. <meta name="color:link post text" content="#aaaaaa">
  68. <meta name="color:link post underline" content="#f0f0f0">
  69. <meta name="color:link post hover underline" content="#cecece">
  70.  
  71. <meta name="color:quote post" content="#898989">
  72. <meta name="color:quote post quotation marks" content="#eeeeee">
  73. <meta name="color:quote post source" content="#b1b1b1">
  74.  
  75. <meta name="color:chat even name" content="#f2992e">
  76. <meta name="color:chat even text" content="#b8b8b8">
  77. <meta name="color:chat odd name" content="#e17e66">
  78. <meta name="color:chat odd text" content="#919191">
  79. <meta name="color:chat dividers" content="#e4e4e4">
  80.  
  81. <meta name="color:audio info background" content="#ececec">
  82. <meta name="color:audio info text" content="#929292">
  83.  
  84. <meta name="color:ask background" content="#e7e7e7">
  85. <meta name="color:ask text" content="#7e7d7d">
  86. <meta name="color:asker text" content="#aeaeae">
  87. <meta name="color:asker link" content="#feaa5c">
  88.  
  89. <meta name="color:permalink bg" content="#ededed">
  90. <meta name="color:permalink text" content="#999999">
  91. <meta name="color:permalink links" content="#656565">
  92. <meta name="color:permalink links hover" content="#8f8f8f">
  93. <meta name="color:permalink action background" content="#333333">
  94. <meta name="color:permalink action text" content="#ffffff">
  95. <meta name="color:permalink icons" content="#666666">
  96. <meta name="color:tags" content="#999999">
  97. <meta name="color:tags hover" content="#444444">
  98.  
  99. <meta name="color:pagination divider" content="#666666">
  100. <meta name="color:pagination links" content="#949494">
  101. <meta name="color:pagination links hover" content="#e7e7e7">
  102.  
  103. <meta name="if:250px posts" content="0">
  104. <meta name="if:400px posts" content="0">
  105. <meta name="if:500px posts" content="1">
  106. <meta name="if:1 column" content="1">
  107. <meta name="if:2 columns" content="0">
  108. <meta name="if:3 columns" content="0">
  109. <meta name="if:infinite scroll" content="0">
  110. <meta name="if:show captions" content="1">
  111. <meta name="if:monochrome posts" content="0">
  112. <meta name="if:photo fading" content="1">
  113. <meta name="if:show tags" content="1">
  114. <meta name="if:sushi permalink icons" content="1">
  115.  
  116. <meta name="text:sidebar image hover title" content="salmon sashimi for the soul">
  117. <meta name="text:sidebar position from top" content="190px">
  118. <meta name="text:sidebar position from top extended" content="130px">
  119. <meta name="text:corner image width" content="360">
  120. <meta name="text:link 1" content="">
  121. <meta name="text:link 1 URL" content="">
  122. <meta name="text:link 2" content="">
  123. <meta name="text:link 2 URL" content="">
  124. <meta name="text:link 3" content="">
  125. <meta name="text:link 3 URL" content="">
  126. <meta name="text:link 4" content="">
  127. <meta name="text:link 4 URL" content="">
  128. <meta name="text:link 5" content="">
  129. <meta name="text:link 5 URL" content="">
  130. <meta name="text:link 6" content="">
  131. <meta name="text:link 6 URL" content="">
  132. <meta name="text:link 7" content="">
  133. <meta name="text:link 7 URL" content="">
  134. <meta name="text:link 8" content="">
  135. <meta name="text:link 8 URL" content="">
  136.  
  137. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  138. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  139. <link rel="shortcut icon" href="{Favicon}" />
  140.  
  141. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  142.  
  143. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  144. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  145. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  146.  
  147. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  148. <script>
  149. (function($){
  150. $(document).ready(function(){
  151. $("a[title]").style_my_tooltips({
  152. tip_follows_cursor:true,
  153. tip_delay_time:0,
  154. tip_fade_speed:300,
  155. attribute:"title"
  156. });
  157. });
  158. })(jQuery);
  159. </script>
  160. <script type="text/javascript" src="https://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  161. <script type="text/javascript" src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  162.  
  163. <style type="text/css">
  164.  
  165. @font-face { font-family: "pix"; src: url('https://dl.dropboxusercontent.com/s/68bdyrv4fsayhg8/04B_03__.TTF'); }
  166. @font-face { font-family: "bit"; src: url('https://dl.dropboxusercontent.com/s/sq28ejp56rarabs/BitxMap%20Font%20tfb.ttf'); }
  167.  
  168. body {
  169. background-color: {color:background};
  170. background-image: url({image:background});
  171. background-attachment: fixed;
  172. margin: 0;
  173. word-wrap: break-word;
  174. }
  175. a { text-decoration:none; }
  176.  
  177. #s-m-t-tooltip {
  178. padding: 3px 5px 3px 5px;
  179. margin: 20px 14px 7px 10px;
  180. border: 3px double {color:tooltips border};
  181. background-color: {color:tooltips background};
  182. font-family: consolas;
  183. font-size: 8px;
  184. letter-spacing: 1px;
  185. text-transform: uppercase;
  186. color: {color:tooltips text};
  187. z-index: 99999;
  188. }
  189.  
  190. ::selection {
  191. background: transparent;
  192. color: {color:text highlight};
  193. }
  194.  
  195. ::-moz-selection {
  196. background: transparent;
  197. color: {color:text highlight};
  198. }
  199.  
  200. ::-webkit-scrollbar { width: 7px; }
  201. ::-webkit-scrollbar-track-piece { background-color:{color:background}; }
  202. ::-webkit-scrollbar-thumb:vertical {
  203. width: 10px;
  204. background-color: {color:scrollbar};
  205. border: 3px solid {color:background};
  206. }
  207.  
  208. #leftmost {
  209. background-color: {color:left border};
  210. background-image: url({image:left border image});
  211. background-position: left;
  212. width: 10px;
  213. height: 100%;
  214. top: 0;
  215. left: 0;
  216. position: fixed;
  217. }
  218.  
  219. #left {
  220. position: fixed;
  221. top: 0;
  222. left: 10px;
  223. height: 100%;
  224. width: 150px;
  225. padding: 170px 16px;
  226. background-color: {color:sidebar background};
  227. }
  228.  
  229. .sbimg {
  230. margin: 0 17px;
  231. width: 115px;
  232. }
  233.  
  234.  
  235. .blogt {
  236. font-family: pix;
  237. text-transform: uppercase;
  238. font-size: 8px;
  239. color: {color:blog title};
  240. letter-spacing: 2px;
  241. margin: 20px 0 0 0;
  242. background-color: {color:blog title background};
  243. text-align: center;
  244. padding: 9px 10px;
  245. }
  246.  
  247. .nav {
  248. margin-top: 3px;
  249. width: 160px;
  250. margin-bottom: 3px;
  251. }
  252.  
  253. .navicon {
  254. float: left;
  255. background-color: {color:nav icon background};
  256. color: {color:nav icon};
  257. font-size: 14px;
  258. margin-right: 3px;
  259. width: 35px;
  260. text-align: center;
  261. padding: 5px 0;
  262. }
  263.  
  264. .desc {
  265. font-family: pix;
  266. font-size: 8px;
  267. margin-top: 3px;
  268. padding: 10px;
  269. color: {color:desc text};
  270. text-align: justify;
  271. background-color: {color:desc background};
  272. }
  273.  
  274. .desc b,strong { color:{color:desc bold}; font-weight: 400; }
  275. .desc i,em { color:{color:desc italic}; }
  276. .desc a {
  277. color: {color:desc links};
  278. transition: 0.4s;
  279. }
  280. .desc a:hover {color:{color:desc links hover};}
  281.  
  282. .hidden {visibility: hidden;}
  283. .unhidden {visibility: visible;}
  284.  
  285. .explore {
  286. background-color: {color:drop down menu background};
  287. color: {color:drop down menu text};
  288. font-family: pix;
  289. font-size: 8px;
  290. padding: 7px 10px;
  291. width: 130px;
  292. margin-top: 32px;
  293. text-align: right;
  294. text-transform: uppercase;
  295. letter-spacing: 2px;
  296. }
  297.  
  298. .link {
  299. background-color: {color:custom links background};
  300. color: {color:custom links text};
  301. border-left: 2px solid {color:custom links left border};
  302. width: 126px;
  303. padding: 5px 10px;
  304. font-family: pix;
  305. font-size: 8px;
  306. text-transform: uppercase;
  307. letter-spacing: 1px;
  308. margin-top: 3px;
  309. transition: 0.6s;
  310. }
  311.  
  312. .link:hover {
  313. background-color: {color:custom links hover background};
  314. color: {color:custom links hover text};
  315. border-left: 2px solid {color:custom links hover left border};
  316. }
  317.  
  318.  
  319. #content {
  320. padding: 10px;
  321. margin: 40px 305px;
  322. {block:if1column}width: 500px;{/block:if1column}
  323. {block:if2columns}
  324. {block:if400pxposts}
  325. width: 960px;
  326. margin: 40px 240px;
  327. {/block:if400pxposts}
  328. {block:if250pxposts}width: 700px;{/block:if250pxposts}
  329. {/block:if2columns}
  330. {block:if3columns}
  331. {block:if250pxposts}
  332. width: 1000px;
  333. margin: 40px 280px;
  334. {/block:if250pxposts}
  335. {/block:if3columns}
  336. }
  337.  
  338. .posts {
  339. background-color: {color:post background};
  340. padding: 20px;
  341. margin-bottom: 20px;
  342. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  343. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  344. {block:if250pxposts}width: 250px;{/block:if250pxposts}
  345. {block:permalinkpage}
  346. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  347. {block:if400pxposts}width: 500px;{/block:if400pxposts}
  348. {block:if250pxposts}width: 500px;{/block:if250pxposts}
  349. {/block:permalinkpage}
  350. {block:ifnot1column}
  351. float: left;
  352. margin: 0 40px 40px 0;
  353. {/block:ifnot1column}
  354. transition: 0.8s;
  355. -moz-transition: 0.8s;
  356. webkit-transition: 0.8s;
  357. -o-transition: 0.8s;
  358. }
  359.  
  360. .photo {
  361. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  362. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  363. {block:if250pxposts}width: 250px;{/block:if250pxposts}
  364. {block:permalinkpage}
  365. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  366. {block:if400pxposts}width: 500px;{/block:if400pxposts}
  367. {block:if250pxposts}width: 500px;{/block:if250pxposts}
  368. {/block:permalinkpage}
  369. display: block;
  370. {block:ifphotofading}opacity: 0.6;{/block:ifphotofading}
  371. {block:ifmonochromeposts}
  372. 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"); /* Firefox 3.5+ */
  373. filter: gray; /* IE6-9 */
  374. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  375. {/block:ifmonochromeposts}
  376. transition: 0.8s;
  377. -moz-transition: 0.8s;
  378. webkit-transition: 0.8s;
  379. -o-transition: 0.8s;
  380. }
  381.  
  382. .posts:hover .photo, .posts:hover img {
  383. opacity: 1;
  384. {block:ifmonochromeposts}
  385. filter: none;
  386. -webkit-filter: grayscale(0%);
  387. {/block:ifmonochromeposts}
  388. }
  389.  
  390. .posts img {
  391. {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
  392. {block:if400pxposts}max-width: 400px;{/block:if400pxposts}
  393. {block:if250pxposts}max-width: 250px;{/block:if250pxposts}
  394. {block:permalinkpage}
  395. {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
  396. {block:if400pxposts}max-width: 500px;{/block:if400pxposts}
  397. {block:if250pxposts}max-width: 500px;{/block:if250pxposts}
  398. {/block:permalinkpage}
  399. {block:ifphotofading}opacity: 0.6;{/block:ifphotofading}
  400. {block:ifmonochromeposts}
  401. 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"); /* Firefox 3.5+ */
  402. filter: gray; /* IE6-9 */
  403. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  404. {/block:ifmonochromeposts}
  405. transition: 0.8s;
  406. -moz-transition: 0.8s;
  407. webkit-transition: 0.8s;
  408. -o-transition: 0.8s;
  409. }
  410. .posts blockquote img {max-width: 100%;}
  411.  
  412. .text {
  413. text-align: justify;
  414. font-family: consolas;
  415. font-size: 11px;
  416. color: {color:body text};
  417. }
  418.  
  419. #content blockquote {
  420. margin: 5px;
  421. padding: 0 10px;
  422. border-left: 1px solid {color:blockquote};
  423. }
  424.  
  425. .line {
  426. font-family: pix;
  427. font-size: 8px;
  428. letter-spacing: 1px;
  429. text-transform: uppercase;
  430. }
  431.  
  432. .odd .line {
  433. padding: 10px 5px;
  434. color:{color:chat odd text};
  435. background-color: {color:post background};
  436. }
  437. .even .line {
  438. padding: 10px 5px;
  439. color:{color:chat even text};
  440. background-color: #fff;
  441. }
  442. .odd .name {
  443. color: {color:chat odd name};
  444. padding: 3px 5px;
  445. }
  446. .even .name {
  447. color: {color:chat even name};
  448. padding: 3px 5px;
  449. }
  450.  
  451. .ptitle, .ltitle {
  452. font-family: pix;
  453. font-size: 8px;
  454. letter-spacing: 3px;
  455. text-transform: uppercase;
  456. border-bottom: 1px solid {color:post title underline};
  457. color: {color:post title text};
  458. padding: 10px;
  459. transition: 0.6s;
  460. -moz-transition: 0.6s;
  461. webkit-transition: 0.6s;
  462. }
  463. .ltitle {
  464. color: {color:link post text};
  465. border-bottom: 1px solid {color:link post underline};
  466. }
  467. .ltitle:hover {
  468. padding-left: 20px;
  469. border-bottom: 1px solid {color:link post hover underline};
  470. }
  471.  
  472. .quom, .quomr {
  473. font-family: georgia;
  474. font-size: 100px;
  475. margin: -15px 0;
  476. position: absolute;
  477. color: {color:quote post quotation marks};
  478. z-index: 1;
  479. }
  480. .quomr {
  481. {block:if500pxposts}margin: -15px 460px;{/block:if500pxposts}
  482. {block:if400pxposts}margin: -15px 360px;{/block:if400pxposts}
  483. {block:if250pxposts}margin: -15px 210px;{/block:if250pxposts}
  484. }
  485.  
  486. .pquote {
  487. font-family: courier new;
  488. font-size: 14px;
  489. text-align: center;
  490. position: relative;
  491. z-index: 2;
  492. color: {color:quote post};
  493. }
  494.  
  495. .psrc {
  496. font-family: consolas;
  497. font-size: 8px;
  498. letter-spacing: 1px;
  499. text-transform: uppercase;
  500. text-align: center;
  501. margin-top: -20px;
  502. margin-bottom: 10px;
  503. color: {color:quote post source};
  504. }
  505.  
  506. .askerportrait {
  507. max-width: 64px;
  508. max-height: 64px;
  509. position: absolute;
  510. border: 10px solid {color:ask background};
  511. }
  512. .a {
  513. margin-left: 100px;
  514. background-color: {color:ask background};
  515. min-height: 64px;
  516. padding: 10px;
  517. font-family: consolas;
  518. font-size: 11px;
  519. color: {color:ask text};
  520. }
  521. .asker {
  522. color: {color:asker text};
  523. font-family: consolas;
  524. font-size: 11px;
  525. text-transform: uppercase;
  526. }
  527. .asker a {color: {color:asker link};border-bottom: 1px solid {color:asker link};}
  528. .q {margin-top: 10px;}
  529. .tri {
  530. position: absolute;
  531. font-size: 30px;
  532. margin: 20px 0 0 85px;
  533. color: {color:ask background};
  534. }
  535. .permainfo {
  536. width: 480px;
  537. padding: 10px 30px;
  538. font-family: consolas;
  539. font-size: 11px;
  540. text-align: center;
  541. background-color: {color:post background};
  542. color: {color:body text};
  543. }
  544.  
  545. #notecontainer {
  546. padding: 10px;
  547. text-decoration: none;
  548. width: 500px;
  549. background-color: {color:post background};
  550. color: {color:body text};
  551. padding: 20px;
  552. margin-top: 20px;
  553. }
  554.  
  555. ol.notes {
  556. list-style-type: none;
  557. letter-spacing: -1px;
  558. font-size: 11px;
  559. color: {color:body text};
  560. font-family: consolas;
  561. text-decoration: none;
  562. margin: 0;
  563. width: 500px;
  564. padding: 5px;
  565. text-align: left;
  566. }
  567. ol.notes a {
  568. color: {color:body links};
  569. -webkit-transition: all 0.4s ease-in-out;
  570. -moz-transition: all 0.4s ease-in-out;
  571. -o-transition: all 0.4s ease-in-out;
  572. -ms-transition: all 0.4s ease-in-out;
  573. transition: all 0.4s ease-in-out;}
  574.  
  575. ol.notes a:hover {color:{color:body links};}
  576.  
  577. img.avatar {
  578. margin-right: 5px;
  579. width: 10px;
  580. height: 10px;
  581. float: left;
  582. }
  583. .text b,strong, .permainfo b,strong {
  584. color: {color:body bold};
  585. font-weight: 400;
  586. }
  587.  
  588. .text i,em, .permainfo a {
  589. color: {color:body italic};
  590. transition: 0.6s;
  591. -moz-transition: 0.6s;
  592. -webkit-transition: 0.6s;
  593. -o-transition: 0.6s;
  594. }
  595. .text a, .ptags a, #notecon a, .psrc a {
  596. color: {color:body links};
  597. padding-bottom: 5px;
  598. transition: 0.6s;
  599. -moz-transition: 0.6s;
  600. -webkit-transition: 0.6s;
  601. -o-transition: 0.6s;
  602. }
  603. .text a:hover, .permainfo a:hover, #notecon a:hover, .ptags a:hover, .psrc a:hover, ol.notes a:hover {
  604. padding-bottom: 0;
  605. color: {color:body links hover};
  606. }
  607.  
  608. .tumblr_audio_player {height: 40px; width: 210px;}
  609. .audiopost { height: 150px; }
  610. .albumno {
  611. width: 150px;
  612. height: 150px;
  613. background-color: {color:no album art};
  614. position: absolute;
  615. z-index: 1;
  616. {block:indexpage}{block:if250pxposts}
  617. width: 250px;
  618. height: 250px;
  619. {/block:if250pxposts}{/block:indexpage}
  620. }
  621.  
  622. .albumartp {
  623. z-index: 10;
  624. width: 150px;
  625. height: 150px;
  626. position: relative;
  627. z-index: 2;
  628. display: block;
  629. {block:indexpage}{block:if250pxposts}
  630. width: 250px;
  631. height: 250px;
  632. {/block:if250pxposts}{/block:indexpage}
  633. }
  634.  
  635. .albumart {
  636. width: 150px;
  637. height: 150px;
  638. display: block;
  639. position: relative;
  640. {block:indexpage}{block:if250pxposts}
  641. width: 250px;
  642. height: 250px;
  643. {/block:if250pxposts}{/block:indexpage}
  644. }
  645.  
  646. .audioplayer {
  647. position: absolute;
  648. z-index: 11;
  649. margin-top: -90px;
  650. margin-left: 65px;
  651. width: 25px;
  652. height: 25px;
  653. overflow: hidden;
  654. opacity: 0.5;
  655. {block:indexpage}{block:if250pxposts}
  656. margin-top: -140px;
  657. margin-left: 115px;
  658. {/block:if250pxposts}{/block:indexpage}
  659. transition: 0.6s;
  660. -moz-transition: 0.6s;
  661. -webkit-transition: 0.6s;
  662. -o-transition: 0.6s;
  663. }
  664. .audioplayer:hover {opacity: 1;}
  665.  
  666. .audioinfo {
  667. position: absolute;
  668. margin-left: 155px;
  669. height: 150px;
  670. }
  671.  
  672. .aline {
  673. {block:if500pxposts}width: 325px;{/block:if500pxposts}
  674. {block:if400pxposts}width: 225px;{/block:if400pxposts}
  675. {block:indexpage}{block:if250pxposts}margin-top: 5px;{/block:if250pxposts}{/block:indexpage}
  676. {block:permalinkpage}width: 325px;{/block:permalinkpage}
  677. font-family: pix;
  678. font-size: 8px;
  679. letter-spacing: 1px;
  680. padding: 13px 10px;
  681. margin-bottom: 5px;
  682. text-transform: uppercase;
  683. background-color: {color:audio info background};
  684. color: {color:audio info text};
  685. }
  686. .aline b,strong {
  687. font-weight: 400;
  688. color: {color:audio info list headings};
  689. }
  690.  
  691. .perma {
  692. margin-top: 10px;
  693. height: 28px;
  694. }
  695.  
  696. .perma a {
  697. color: {color:permalink links};
  698. transition: 0.6s;
  699. }
  700. .perma a:hover {
  701. color: {color:permalink links hover};
  702. }
  703.  
  704. .permatex {
  705. border-radius: 5px;
  706. font-family: pix;
  707. font-size: 8px;
  708. text-transform: uppercase;
  709. letter-spacing: 1px;
  710. padding: 10px 20px;
  711. background-color: {color:permalink bg};
  712. color: {color:permalink text};
  713. }
  714.  
  715. .permaric {
  716. margin-top: -29px;
  717. margin-right: 5px;
  718. }
  719.  
  720. .pict {
  721. font-size: 12px;
  722. width: 20px;
  723. height: 20px;
  724. text-align: center;
  725. line-height: 20px;
  726. padding: 4px;
  727. color: {color:permalink icons};
  728. }
  729.  
  730. .tperm {
  731. width: 20px;
  732. height: 20px;
  733. display: block;
  734. padding: 4px;
  735. }
  736.  
  737. .psus {
  738. float: right;
  739. margin-left: 2px;
  740. }
  741.  
  742. .psustx {
  743. font-family: pix;
  744. font-size: 8px;
  745. text-transform: uppercase;
  746. letter-spacing: 1px;
  747. position: absolute;
  748. margin-left: -36px;
  749. width: 100px;
  750. text-align: center;
  751. opacity: 0;
  752. transition: 0.6s;
  753. -moz-transition: 0.6s;
  754. -webkit-transition: 0.6s;
  755. -o-transition: 0.6s;
  756. }
  757.  
  758. .psustx a {
  759. background-color: {color:permalink action background};
  760. color: {color:permalink action text};
  761. padding: 2px 2px 2px 2px;
  762. }
  763.  
  764. .psus:hover .psustx {
  765. opacity: 1;
  766. margin-top: 8px;
  767. }
  768.  
  769. .psustxtri {
  770. font-size: 12px;
  771. margin-top: -23px;
  772. position: absolute;
  773. width: 100px;
  774. text-align: center;
  775. z-index: 10000;
  776. color: {color:permalink action background};
  777. background: transparent;
  778. }
  779.  
  780. .zankyou {
  781. background-color: {color:permalink bg};
  782. padding: 10px 15px;
  783. border-radius: 5px;
  784. font-family: pix;
  785. font-size: 8px;
  786. text-transform: uppercase;
  787. letter-spacing: 1px;
  788. margin-top: 6px;
  789. color: {color:permalink text};
  790. }
  791.  
  792. .zankyou a {
  793. color: {color:tags};
  794. margin: 0 2px;
  795. transition: 0.6s;
  796. -moz-transition: 0.6s;
  797. -webkit-transition: 0.6s;
  798. -o-transition: 0.6s;
  799. }
  800.  
  801. .zankyou a:hover {
  802. color: {color:tags hover};
  803. }
  804.  
  805. #wa2, #wa1, #wa3 {
  806. position: fixed;
  807. top: 0;left: 0;
  808. width: 100%;height: 100%;
  809. background-color: #000;
  810. color: #fff;
  811. font-family: georgia;
  812. font-size: 14px;
  813. padding-top: 270px;
  814. text-align: center;
  815. opacity: 0;
  816. z-index: -10000;
  817. {block:if500pxposts}
  818. {block:if400pxposts}opacity: 1;z-index:10000;{/block:if400pxposts}
  819. {block:if250pxposts}opacity: 1;z-index:10000;{/block:if250pxposts}
  820. {block:if400pxposts}{block:if250pxposts}opacity: 1;z-index:10000;{/block:if250pxposts}{/block:if400pxposts}
  821. {/block:if500pxposts}
  822. {block:if400pxposts}{block:if250pxposts}opacity: 1;z-index:10000;{/block:if250pxposts}{/block:if400pxposts}
  823. {block:ifnot500pxposts}{block:ifnot400pxposts}{block:ifnot250pxposts}opacity: 1;z-index:10000;{/block:ifnot250pxposts}{/block:ifnot400pxposts}{/block:ifnot500pxposts}
  824. }
  825.  
  826. #wa1 {
  827. {block:if1column}
  828. {block:if2columns}opacity: 1;z-index:10000;{/block:if2columns}
  829. {block:if3columns}opacity: 1;z-index:10000;{/block:if3columns}
  830. {block:if2columns}{block:if3columns}opacity: 1;z-index:10000;{/block:if3columns}{/block:if2columns}
  831. {/block:if1column}
  832. {block:if2columns}{block:if3columns}opacity: 1;z-index:10000;{/block:if3columns}{/block:if2columns}
  833. {block:ifnot1column}{block:ifnot2columns}{block:ifnot3columns}opacity: 1;z-index:10000;{/block:ifnot3columns}{/block:ifnot2columns}{/block:ifnot1column}
  834. }
  835.  
  836. #wa3 {
  837. {block:if500pxposts}
  838. {block:if3columns}opacity: 1;z-index:10000;{/block:if3columns}
  839. {block:if2columns}opacity: 1;z-index:10000;{/block:if2columns}
  840. {/block:if500pxposts}
  841. {block:if400pxposts}
  842. {block:if3columns}opacity: 1;z-index: 10000;{/block:if3columns}
  843. {/block:if400pxposts}
  844. }
  845.  
  846. .pagi {
  847. width: 150px;
  848. text-align: center;
  849. font-size: 10px;
  850. margin-top: 10px;
  851. line-height: 14px;
  852. color: {color:pagination divider};
  853. }
  854. .pagi a {
  855. color: {color:pagination links};
  856. font-size: 14px;
  857. text-align: center;
  858. -webkit-transition: all 0.4s ease-in-out;
  859. -moz-transition: all 0.4s ease-in-out;
  860. -o-transition: all 0.4s ease-in-out;
  861. -ms-transition: all 0.4s ease-in-out;
  862. transition: all 0.4s ease-in-out;
  863. }
  864. .pagi a:hover {
  865. color: {color:pagination links hover};
  866. }
  867.  
  868. .pagination { display: none; }
  869.  
  870. {CustomCSS}
  871.  
  872. </style>
  873.  
  874. {block:indexpage}
  875. {block:ifnot1column}{block:ifinfinitescroll}
  876. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  877. <script src="https://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  878.  
  879. <script>
  880. $(function(){
  881. var $container = $('#content');
  882. $container.imagesLoaded(function(){
  883. $container.masonry({
  884. itemSelector: '.posts',
  885. });
  886. });
  887. $container.infinitescroll({
  888. itemSelector : ".posts",
  889. navSelector : "div.pagination",
  890. nextSelector : ".pagination a#next",
  891. loadingImg : "",
  892. loadingText : "<em></em>",
  893. bufferPx : 10000,
  894. extraScrollPx: 12000,
  895. },
  896. // trigger Masonry as a callback
  897. function( newElements ) {
  898. var $newElems = $( newElements ).css({ opacity: 0 });
  899. // ensure that images load before adding to masonry layout
  900. $newElems.imagesLoaded(function(){
  901. $newElems.animate({ opacity: 1 });
  902. $container.masonry( 'appended', $newElems, true );
  903. });
  904. }
  905. );
  906. });
  907. </script>
  908. {/block:ifinfinitescroll}
  909.  
  910. {block:ifnotinfinitescroll}
  911. <script type="text/javascript" src="https://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  912.  
  913. <script src="https://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  914. <script type="text/javascript">
  915. $(window).load(function () {
  916. $('#content').masonry({
  917. itemSelector : ".posts",
  918. },
  919. function() { $('#content').masonry({ appendedContent: $(this) }); }
  920. );
  921. });
  922. </script>
  923. {/block:ifnotinfinitescroll}
  924.  
  925. {/block:ifnot1column}
  926.  
  927. {block:if1column}{block:ifinfinitescroll}
  928. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  929. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  930. <script type="text/javascript" charset="utf-8">
  931. var $j = jQuery.noConflict();
  932. $j(function() {
  933. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  934. $j("img").lazyload({
  935. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  936. effect: "fadeIn",
  937. });
  938. });
  939. </script>
  940. <script type="text/javascript" src="https://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  941. {/block:ifinfinitescroll}{/block:if1column}
  942.  
  943. {/block:indexpage}
  944.  
  945. <script language="javascript">
  946. $(document).ready(function() {
  947. $('a#clickbutton').click(function() {
  948. $('.t',this).toggle();
  949. });
  950.  
  951. $("#left").css({"padding": "{text:sidebar position from top} 16px"})
  952. $("#clickbutton").toggle(
  953. function () {
  954. $("#left").animate({"padding": "{text:sidebar position from top extended} 16px"}, "slow");
  955. },
  956. function () {
  957. $("#left").animate({"padding": "{text:sidebar position from top} 16px"}, "slow");
  958. });
  959. });
  960. </script>
  961.  
  962. </head>
  963. <body>
  964.  
  965. <img style="width:{text:corner image width}px;position: fixed; right: 0; bottom: 0; z-index: -1000;" src="{image:corner image}">
  966.  
  967. <div id="wa1">please pick only one column</div>
  968. <div id="wa2">please pick only one post size</div>
  969. <div id="wa3">option not available. :x please pick something else.</div>
  970.  
  971. <div id="leftmost"></div>
  972.  
  973. <div id="left">
  974.  
  975. <a href="/" title="{text:sidebar image hover title}"><img class="sbimg" src="{image:sidebar}"></a>
  976. <div class="blogt">{title}</div>
  977. <div class="desc">{Description}</div>
  978. <div class="nav">
  979. <a title="home" href="/"><div class="navicon"><i class="fa fa-home"></i></div></a>
  980. <a title="mail" href="/ask"><div class="navicon"><i class="fa fa-envelope-o"></i></div></a>
  981. <a title="archives" href="/archive"><div class="navicon"><i class="fa fa-folder-open-o"></i></div></a>
  982. <a title="theme" href="http://yukoki.tumblr.com"><div class="navicon"><i class="fa fa-code"></i></div></a>
  983. </div><!--nav-->
  984.  
  985. <script type="text/javascript">
  986. jQuery(document).ready(function() {
  987. jQuery(".sub").hide();
  988. //toggle the componenet with class msg_body
  989. jQuery(".cthrough").click(function()
  990. {
  991. jQuery(this).next(".sub").slideToggle(); return false;
  992. });});
  993. </script>
  994.  
  995. <a href="#" id="clickbutton" class="cthrough"><div class="explore"><span class="t">explore</span><span class="t" style="display:none">hide</span> <i class="fa fa-chevron-down"></i></div></a>
  996. <div class="sub">
  997. {block:IfLink1}<a href="{text:Link 1 URL}"><div class="link">{text:Link 1}</div></a>{/block:IfLink1}
  998. {block:IfLink2}<a href="{text:Link 2 URL}"><div class="link">{text:Link 2}</div></a>{/block:IfLink2}
  999. {block:IfLink3}<a href="{text:Link 3 URL}"><div class="link">{text:Link 3}</div></a>{/block:IfLink3}
  1000. {block:IfLink4}<a href="{text:Link 4 URL}"><div class="link">{text:Link 4}</div></a>{/block:IfLink4}
  1001. {block:IfLink5}<a href="{text:Link 5 URL}"><div class="link">{text:Link 5}</div></a>{/block:IfLink5}
  1002. {block:IfLink6}<a href="{text:Link 6 URL}"><div class="link">{text:Link 6}</div></a>{/block:IfLink6}
  1003. {block:IfLink7}<a href="{text:Link 7 URL}"><div class="link">{text:Link 7}</div></a>{/block:IfLink7}
  1004. {block:IfLink8}<a href="{text:Link 8 URL}"><div class="link">{text:Link 8}</div></a>{/block:IfLink8}
  1005. </div>
  1006.  
  1007. {block:ifnotinfinitescroll}
  1008. {block:pagination}
  1009. <div class="pagi">
  1010. {block:PreviousPage}
  1011. <a href="{PreviousPage}"><i class="fa fa-angle-double-left"></i></a>
  1012. {/block:PreviousPage}
  1013. {block:NextPage}
  1014. <a href="{NextPage}"><i class="fa fa-angle-double-right"></i></a>
  1015. {/block:NextPage}
  1016. </div><!--pagi-->
  1017. {/block:pagination}
  1018. {/block:ifnotinfinitescroll}
  1019.  
  1020. </div><!--left-->
  1021.  
  1022. <div id="content">{block:posts}<div class="posts">
  1023.  
  1024. {block:quote}
  1025. <div class="quom">“</div><div class="quomr">”</div>
  1026. <div class="pquote">{quote}</div><br>
  1027. <div class="psrc">- {Source} -</div>
  1028. {/block:quote}
  1029.  
  1030. {block:photo}
  1031. {LinkOpenTag}<div class="photo">
  1032. <img class="photo" src="{PhotoURL-500}">
  1033. </div>{LinkCloseTag}
  1034. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1035. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1036. <div class="text">{Caption}</div>
  1037. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1038. {/block:photo}
  1039.  
  1040. {block:Photoset}
  1041. <div class="photo">
  1042. {block:indexpage}
  1043. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1044. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  1045. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  1046. {/block:indexpage}
  1047. {block:permalinkpage}
  1048. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1049. {block:if400pxposts}{Photoset-500}{/block:if400pxposts}
  1050. {block:if250pxposts}{Photoset-500}{/block:if250pxposts}
  1051. {/block:permalinkpage}
  1052. </div>
  1053. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1054. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1055. <div class="text">{Caption}</div>
  1056. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1057. {/block:Photoset}
  1058.  
  1059. {block:text}
  1060. {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
  1061. <div class="text">{body}</div>
  1062. {/block:text}
  1063.  
  1064. {block:Audio}
  1065.  
  1066. {block:indexpage}{block:ifnot250pxposts}
  1067. <div class="audiopost">
  1068. <div class="audioinfo">
  1069. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1070. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1071. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1072. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1073. </div><!--audioinfo-->
  1074. {/block:ifnot250pxposts}{/block:indexpage}
  1075.  
  1076. {block:permalinkpage}
  1077. <div class="audioinfo">
  1078. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1079. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1080. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1081. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1082. </div><!--audioinfo-->
  1083. {/block:permalinkpage}
  1084.  
  1085. <div class="albumart"><div class="albumno"></div>{block:AlbumArt}<img class="albumartp" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1086. <div class="audioplayer">{AudioPlayer}</div>
  1087.  
  1088. {block:ifnot250pxposts}{block:indexpage}</div><!--audiopost-->{block:indexpage}{/block:ifnot250pxposts}
  1089.  
  1090. {block:indexpage}{block:if250pxposts}
  1091. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1092. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1093. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1094. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1095. {/block:if250pxposts}{/block:indexpage}
  1096. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1097. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1098. <div class="text">{Caption}</div>
  1099. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1100. {/block:Audio}
  1101.  
  1102. {block:Video}
  1103. {block:indexpage}
  1104. <div class="photo">
  1105. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1106. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1107. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  1108. </div>
  1109. {/block:indexpage}
  1110. {block:permalinkpage}
  1111. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1112. {block:if400pxposts}{Video-500}{/block:if400pxposts}
  1113. {block:if250pxposts}{Video-500}{/block:if250pxposts}
  1114. {/block:permalinkpage}
  1115. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1116. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1117. <div class="text">{Caption}</div>
  1118. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1119. {/block:Video}
  1120.  
  1121. {block:Answer}
  1122. <img class="askerportrait" src="{AskerPortraitURL-64}">
  1123. <div class="tri">◀</div>
  1124. <div class="a">
  1125. <span class="asker">{Asker} whispered:</span>
  1126. <span class="q">{Question}</span>
  1127. </div>
  1128. <div class="text">{Answer}</div>
  1129. {/block:Answer}
  1130.  
  1131. {block:Chat}
  1132. {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
  1133. <div class="text">
  1134. {block:Lines}<div class="{Alt}">
  1135. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1136. {/block:Lines}
  1137. </div>
  1138. {/block:Chat}
  1139.  
  1140. {block:link}
  1141. <a href="{URL}"><div class="ltitle">{Name} ▷</div></a>
  1142. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1143. {/block:link}
  1144.  
  1145. {block:indexpage}{block:date}
  1146. <div class="perma">
  1147.  
  1148. {block:ifnot250pxposts}
  1149. <div class="permatex">> Posted <a href="{permalink}">{TimeAgo}</a>, with <a href="{permalink}">{NoteCountWithLabel}</a>.</div>
  1150. {/block:ifnot250pxposts}
  1151.  
  1152. {block:if250pxposts}
  1153. <div class="permatex">> <a title="{TimeAgo}" href="{permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a> + <a href="{permalink}">{NoteCount}</a></div>
  1154. {/block:if250pxposts}
  1155.  
  1156. <div class="permaric">
  1157.  
  1158. {block:ifsushipermalinkicons}
  1159.  
  1160. <a href="{ReblogURL}"><div class="psus"><img class="tperm" src="http://media.tumblr.com/026e024b7767d0a06018b57acaecdfc3/tumblr_inline_mrj6nc2fOY1qz4rgp.gif"><div class="psustx"><div class="psustxtri">▲</div><a href="{ReblogURL}">reblog</a></div></a></div>
  1161. {block:RebloggedFrom}
  1162.  
  1163. <a href="{ReblogRootURL}"><div class="psus"><img class="tperm" src="http://media.tumblr.com/644272fe14b398a2e828a47dad2b375d/tumblr_inline_mrj6ngRDqf1qz4rgp.gif"><div class="psustx"><div class="psustxtri">▲</div><a href="{ReblogRootURL}">original</a></div></a></div>
  1164.  
  1165. <a href="{ReblogParentURL}"><div class="psus"><img class="tperm" src="http://media.tumblr.com/0c2b61dda54b137878be70a775271e42/tumblr_inline_mrj6neJG2m1qz4rgp.gif"><div class="psustx"><div class="psustxtri">▲</div><a href="{ReblogParentURL}">via</a></div></a></div>
  1166. {/block:RebloggedFrom}
  1167.  
  1168. {/block:ifsushipermalinkicons}
  1169.  
  1170. {block:ifnotsushipermalinkicons}
  1171.  
  1172. <a href="{ReblogURL}"><div class="psus"><div class="pict"><i class="fa fa-retweet"></i></div><div class="psustx"><div class="psustxtri">▲</div><a href="{ReblogURL}">reblog</a></div></a></div>
  1173. {block:RebloggedFrom}
  1174.  
  1175. <a href="{ReblogRootURL}"><div class="psus"><div class="pict"><i class="fa fa-code-fork"></i></div><div class="psustx"><div class="psustxtri">▲</div><a href="{ReblogRootURL}">original</a></div></a></div>
  1176.  
  1177. <a href="{ReblogParentURL}"><div class="psus"><div class="pict"><i class="fa fa-paperclip"></i></div><div class="psustx"><div class="psustxtri">▲</div><a href="{ReblogParentURL}">via</a></div></a></div>
  1178. {/block:RebloggedFrom}
  1179.  
  1180. {/block:ifnotsushipermalinkicons}
  1181.  
  1182. </div><!--permaric-->
  1183.  
  1184. </div><!--perma-->
  1185.  
  1186. {block:ifshowtags}
  1187. {block:HasTags}<div class="zankyou">filed under >> {block:Tags}
  1188. <a href="{TagURL}"><i class="fa fa-tag"></i> {Tag} </a>
  1189. {/block:Tags}</div>{/block:HasTags}
  1190. {/block:ifshowtags}
  1191.  
  1192. {/block:date}{/block:indexpage}
  1193.  
  1194.  
  1195. </div><!--posts-->
  1196.  
  1197. {block:permalinkpage}{block:date}
  1198. <div class="permainfo">
  1199. Posted on <b>{DayOfMonth} {Month} {Year}</b>, at <b>{12Hour}.{Minutes}{AmPm}</b>, with <b>{NoteCountWithLabel}</b><br>
  1200. {block:RebloggedFrom}
  1201. Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  1202. {/block:RebloggedFrom}
  1203. {block:HasTags}<div class="ptags">{block:Tags}
  1204. <a href="{TagURL}">#{Tag} </a>
  1205. {/block:Tags}</div>{/block:HasTags}
  1206. </div><!--permainfo-->
  1207. {block:PostNotes}
  1208. <div id="notecontainer">{PostNotes}</div>
  1209. {/block:PostNotes}
  1210. {/block:date}{/block:permalinkpage}
  1211.  
  1212. {/block:posts}
  1213.  
  1214. {block:ContentSource}
  1215. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1216. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1217. {/block:SourceLogo}
  1218. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1219. {/block:ContentSource}
  1220.  
  1221. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
  1222.  
  1223. </div><!--content-->
  1224.  
  1225. <div class="pagination">
  1226. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1227. </div>
  1228.  
  1229. </body>
  1230. </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!