API tools faq
paste
Advertisement
mogimochi

Theme [19] Nebulous

mogimochi
Feb 8th, 2013
32,063
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 19 Nebulous
  8. by yukoki/s-ekki
  9.  
  10. 1. Light/Heavy CSS editting is allowed.
  11. 2. Do not use as base code.
  12. 3. Do not remove credit.
  13. 4. Do not claim theme as your own.
  14.  
  15. ---------------------------------------------------------- VER 010516 -->
  16.  
  17. <meta name="image:background" content="">
  18. <meta name="image:sidebar" content="">
  19. <meta name="image:sidebar border" content="">
  20.  
  21. <meta name="color:scrollbar" content="#aaaaaa">
  22. <meta name="color:background" content="#ffffff">
  23. <meta name="color:sidebar background" content="#333333">
  24. <meta name="color:sidebar border" content="#ffffff">
  25. <meta name="color:blog title" content="#ffffff">
  26. <meta name="color:desc" content="#929292">
  27. <meta name="color:desc bold" content="#cccccc">
  28. <meta name="color:desc italic" content="#888888">
  29. <meta name="color:desc links" content="#929292">
  30. <meta name="color:desc links hover" content="#cccccc">
  31. <meta name="color:desc border" content="#7a7a7a">
  32. <meta name="color:nav icon" content="#929292">
  33. <meta name="color:nav icon text" content="#929292">
  34. <meta name="color:custom links icon" content="#929292">
  35. <meta name="color:custom links decor" content="#575757">
  36. <meta name="color:custom links text" content="#929292">
  37. <meta name="color:hover custom links" content="#aaaaaa">
  38. <meta name="color:pagination" content="929292">
  39. <meta name="color:pagination links" content="#aaaaaa">
  40. <meta name="color:pagination links hover" content="#ffffff">
  41.  
  42. <meta name="color:post border" content="#d6d6d6">
  43. <meta name="color:body" content="#555555">
  44. <meta name="color:body bold" content="#CFA87E">
  45. <meta name="color:body italic" content="#888888">
  46. <meta name="color:body links" content="#F5BA7A">
  47. <meta name="color:body links hover" content="#aaaaaa">
  48. <meta name="color:blockquote" content="#cfcfcf">
  49. <meta name="color:quote post quote" content="#000000">
  50. <meta name="color:text post title" content="#000000">
  51. <meta name="color:link post title" content="#999999">
  52. <meta name="color:chat post odd bg" content="#4a4a4a">
  53. <meta name="color:chat post odd text" content="#ffffff">
  54. <meta name="color:chat post even bg" content="#eaeaea">
  55. <meta name="color:chat post even text" content="#777777">
  56. <meta name="color:audio post bg" content="#f6f6f6">
  57. <meta name="color:audio post border" content="#cfcfcf">
  58. <meta name="color:asker text" content="#5e5e5e">
  59. <meta name="color:ask bg" content="#5e5e5e">
  60. <meta name="color:ask text" content="#d4d4d4">
  61. <meta name="color:permalink bg" content="#000000">
  62. <meta name="color:permalink link" content="#ffffff">
  63. <meta name="color:permalink text" content="#555555">
  64. <meta name="color:tags" content="#888888">
  65. <meta name="color:tags bg" content="#efefef">
  66.  
  67. <meta name="text:link 1" content="">
  68. <meta name="text:link 1 url" content="">
  69. <meta name="text:link 1 icon" content="">
  70. <meta name="text:link 2" content="">
  71. <meta name="text:link 2 url" content="">
  72. <meta name="text:link 2 icon" content="">
  73. <meta name="text:link 3" content="">
  74. <meta name="text:link 3 url" content="">
  75. <meta name="text:link 3 icon" content="">
  76. <meta name="text:link 4" content="">
  77. <meta name="text:link 4 url" content="">
  78. <meta name="text:link 4 icon" content="">
  79. <meta name="text:link 5" content="">
  80. <meta name="text:link 5 url" content="">
  81. <meta name="text:link 5 icon" content="">
  82. <meta name="text:link 6" content="">
  83. <meta name="text:link 6 url" content="">
  84. <meta name="text:link 6 icon" content="">
  85.  
  86. <meta name="if:show captions" content="0">
  87. <meta name="if:fading photos" content="0">
  88. <meta name="if:monochrome posts" content="0">
  89. <meta name="if:show tags" content="0">
  90. <meta name="if:1 column 500px posts" content="1">
  91. <meta name="if:1 column 400px posts" content="0">
  92. <meta name="if:1 column 250px posts" content="0">
  93. <meta name="if:2 column 400px posts" content="0">
  94. <meta name="if:2 column 250px posts" content="0">
  95.  
  96. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  97. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  98. <link rel="shortcut icon" href="{Favicon}" />
  99.  
  100. <link href='https://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  101. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  102.  
  103. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  104. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  105.  
  106. <script type="text/javascript">
  107. $(window).load(function () {
  108. $('#content').masonry({
  109. itemSelector : ".entry",
  110. },
  111. function() { $('#content').masonry({ appendedContent: $(this) }); }
  112. );
  113. });
  114. </script>
  115.  
  116. <style type="text/css">
  117.  
  118. ::-webkit-scrollbar { width: 4px; }
  119. ::-webkit-scrollbar-track-piece { background-color: transparent; }
  120. ::-webkit-scrollbar-thumb:vertical {
  121. width: 4px;
  122. background-color: {color:scrollbar};
  123. opacity: 0.4;
  124. }
  125.  
  126. body {
  127. background-color: {color:background};
  128. background-image: url({image:background});
  129. background-attachment: fixed;
  130. margin: 0;
  131. word-wrap: break-word;
  132. }
  133. a { text-decoration:none; }
  134.  
  135. #sidebar {
  136. top: 0;
  137. width: 200px;
  138. background-color: {color:sidebar background};
  139. padding: 24px;
  140. height: 100%;
  141. position: fixed;
  142. z-index: 1000;
  143. }
  144.  
  145. .sbimg {
  146. width: 200px;
  147. display: block;
  148. }
  149.  
  150. #sbr {
  151. background-color: {color:sidebar border};
  152. background-image: url({image:sidebar border});
  153. position: fixed;
  154. width: 40px;
  155. height: 100%;
  156. top: 0;
  157. left: 240px;
  158. }
  159.  
  160. .blogt {
  161. font-family: anaheim;
  162. color: {color:blog title};
  163. font-size: 14px;
  164. padding-bottom: 14px;
  165. text-align: center;
  166. letter-spacing: 4px;
  167. }
  168.  
  169. .desc {
  170. font-family: anaheim;
  171. font-size: 11px;
  172. color: {color:desc};
  173. text-align: justify;
  174. margin-top: 22px;
  175. padding: 10px 14px;
  176. border: 1px solid {color:desc border};
  177. }
  178.  
  179. .desc b,strong {color:{color:desc bold};}
  180. .desc i,em {color:{color:desc bold};}
  181. .desc a {color:{color:desc links};text-decoration:underline;}
  182. .desc a:hover {color:{color:desc links hover};}
  183.  
  184. .desctopb, .descbotb {
  185. position: absolute;
  186. background-color: {color:sidebar background};
  187. height: 10px;
  188. width: 160px;
  189. margin-left: 20px;
  190. }
  191.  
  192. .desctopb {margin-top: 18px;}
  193. .descbotb {margin-top: -6px;}
  194.  
  195. .bnav {
  196. text-align: center;
  197. font-size: 10px;
  198. margin-top: 20px;
  199. height: 10px;
  200. }
  201.  
  202. .bnavi {color: {color:nav icon};transition: 0.8s;}
  203.  
  204. .covtxt {
  205. font-family: consolas;
  206. font-size: 10px;
  207. text-transform: uppercase;
  208. letter-spacing: 1px;
  209. color: {color:nav icon text};
  210. position: absolute;
  211. text-align: center;
  212. width: 50px;
  213. opacity: 0;
  214. transition: 0.8s;
  215. }
  216.  
  217. .bcon {
  218. float: left;
  219. width: 50px;
  220. text-align: center;
  221. }
  222.  
  223. .bcon:hover .bnavi { opacity: 0; }
  224. .bcon:hover .covtxt { opacity: 1; letter-spacing: 2px; }
  225.  
  226. #clink {
  227. margin-top: 24px;
  228. }
  229.  
  230. .fe {
  231. font-size: 12px;
  232. color: {color:custom links icon};
  233. background-color: {color:sidebar background};
  234. padding: 0 10px 0 0;
  235. position: relative;
  236. z-index: 2;
  237. transition: 0.8s;
  238. }
  239.  
  240. .medle {
  241. width: 200px;
  242. height: 1px;
  243. background-color: {color:custom links decor};
  244. position: absolute;
  245. margin-top: -9px;
  246. z-index: 1;
  247. }
  248.  
  249. .forte {
  250. position: absolute;
  251. width: 200px;
  252. color: {color:custom links text};
  253. font-family: anaheim;
  254. font-size: 12px;
  255. font-style: italic;
  256. letter-spacing: 1px;
  257. text-align: right;
  258. margin-top: -18px;
  259. transition: 0.8s;
  260. }
  261.  
  262. .forr {
  263. background-color: {color:sidebar background};
  264. padding: 0 0 0 10px;
  265. position: relative;
  266. z-index: 2;
  267. }
  268.  
  269. .iron:hover .fe { color: {color:hover custom links}; }
  270. .iron:hover .forte { color: {color:hover custom links}; letter-spacing: 2px; }
  271.  
  272. #content {
  273. margin-top: 60px;
  274. margin-left: 360px;
  275. {block:indexpage}
  276. {block:if1column500pxposts}width: 600px;{/block:if1column500pxposts}
  277. {block:if1column400pxposts}width: 500px;{/block:if1column400pxposts}
  278. {block:if1column250pxposts}width: 350px;{/block:if1column250pxposts}
  279. {block:if2column400pxposts}width: 970px;{/block:if2column400pxposts}
  280. {block:if2column250pxposts}width: 800px;{/block:if2column250pxposts}
  281. {/block:indexpage}
  282. {block:permalinkpage}
  283. {block:if1column500pxposts}width: 600px;{/block:if1column500pxposts}
  284. {block:if1column400pxposts}width: 500px;{/block:if1column400pxposts}
  285. {block:if1column250pxposts}width: 600px;{/block:if1column250pxposts}
  286. {block:if2column400pxposts}width: 500px;{/block:if2column400pxposts}
  287. {block:if2column250pxposts}width: 600px;{/block:if2column250pxposts}
  288. {/block:permalinkpage}
  289. }
  290.  
  291. .pagi {
  292. {block:if1column500pxposts}left: 920px;{/block:if1column500pxposts}
  293. {block:if1column400pxposts}left: 820px;{/block:if1column400pxposts}
  294. {block:if1column250pxposts}left: 670px;{/block:if1column250pxposts}
  295. {block:if2column400pxposts}left: 0;width:224px;{/block:if2column400pxposts}
  296. {block:if2column250pxposts}left: 920px;{/block:if2column250pxposts}
  297. font-family: anaheim;
  298. font-size: 14px;
  299. text-align: center;
  300. letter-spacing: 6px;
  301. bottom: 14px;
  302. position: fixed;
  303. z-index: 1001;
  304. color: {color:pagination};
  305. }
  306.  
  307. .pagi a {color: {color:pagination links}; }
  308. .pagi a:hover {color: {color:pagination links hover}; }
  309.  
  310. #wah {
  311. position: fixed;
  312. top: 0;
  313. left: 0;
  314. width: 100%;
  315. height: 100%;
  316. background-color: rgba(0,0,0,0.9);
  317. color: #fff;
  318. font-family: anaheim;
  319. font-size: 20px;
  320. text-align: center;
  321. padding-top: 280px;
  322. opacity: 0;z-index: -1000000000000;
  323. {block:if1column500pxposts}{block:if1column400pxposts}opacity: 1; z-index: 100000000;{/block:if1column400pxposts}{/block:if1column500pxposts}{block:if1column500pxposts}{block:if1column250pxposts}opacity: 1; z-index: 100000000;{/block:if1column250pxposts}{/block:if1column500pxposts}{block:if1column500pxposts}{block:if2column400pxposts}opacity: 1; z-index: 100000000;{/block:if2column400pxposts}{/block:if1column500pxposts}{block:if1column500pxposts}{block:if2column250pxposts}opacity: 1; z-index: 100000000;{/block:if2column250pxposts}{/block:if1column500pxposts}{block:if1column400pxposts}{block:if1column250pxposts}opacity: 1; z-index: 100000000;{/block:if1column250pxposts}{/block:if1column400pxposts}{block:if1column400pxposts}{block:if2column250pxposts}opacity: 1; z-index: 100000000;{/block:if2column250pxposts}{/block:if1column400pxposts}
  324. }
  325.  
  326. .entry {
  327. width: 500px;
  328. margin-bottom: 84px;
  329. {block:indexpage}
  330. {block:if1column500pxposts}width: 500px;{/block:if1column500pxposts}
  331. {block:if1column400pxposts}width: 400px;{/block:if1column400pxposts}
  332. {block:if1column250pxposts}width: 250px;{/block:if1column250pxposts}
  333. {block:if2column400pxposts}width: 400px;float:left;margin-right: 84px;{/block:if2column400pxposts}
  334. {block:if2column250pxposts}width: 250px;float:left;margin-right: 84px;{/block:if2column250pxposts}
  335. {/block:indexpage}
  336. {block:permalinkpage}
  337. {block:if1column500pxposts}width: 500px;{/block:if1column500pxposts}
  338. {block:if1column400pxposts}width: 400px;{/block:if1column400pxposts}
  339. {block:if1column250pxposts}width: 500px;{/block:if1column250pxposts}
  340. {block:if2column400pxposts}width: 400px;;{/block:if2column400pxposts}
  341. {block:if2column250pxposts}width: 500px;{/block:if2column250pxposts}
  342. {/block:permalinkpage}
  343. }
  344.  
  345. .photo {
  346. {block:indexpage}
  347. {block:if1column500pxposts}max-width: 500px;{/block:if1column500pxposts}
  348. {block:if1column400pxposts}max-width: 400px;{/block:if1column400pxposts}
  349. {block:if1column250pxposts}max-width: 250px;{/block:if1column250pxposts}
  350. {block:if2column400pxposts}max-width: 400px;{/block:if2column400pxposts}
  351. {block:if2column250pxposts}max-width: 250px;{/block:if2column250pxposts}
  352. {/block:indexpage}
  353. {block:permalinkpage}
  354. {block:if1column500pxposts}max-width: 500px;{/block:if1column500pxposts}
  355. {block:if1column400pxposts}max-width: 400px;{/block:if1column400pxposts}
  356. {block:if1column250pxposts}max-width: 500px;{/block:if1column250pxposts}
  357. {block:if2column400pxposts}max-width: 400px;;{/block:if2column400pxposts}
  358. {block:if2column250pxposts}max-width: 500px;{/block:if2column250pxposts}
  359. {/block:permalinkpage}
  360. display: block;
  361. {block:iffadingphotos}
  362. opacity: 0.7;
  363. {/block:iffadingphotos}
  364. {block:ifmonochromeposts}
  365. filter: gray; /* IE6-9 */
  366. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  367. {/block:ifmonochromeposts}
  368. transition: 0.6s;
  369. }
  370.  
  371. .photo:hover {
  372. opacity: 1;
  373. {block:ifmonochromeposts}
  374. filter: none;
  375. -webkit-filter: grayscale(0%);
  376. {/block:ifmonochromeposts}
  377. }
  378.  
  379. .entry img {
  380. {block:indexpage}
  381. {block:if1column500pxposts}max-width: 500px;{/block:if1column500pxposts}
  382. {block:if1column400pxposts}max-width: 400px;{/block:if1column400pxposts}
  383. {block:if1column250pxposts}max-width: 250px;{/block:if1column250pxposts}
  384. {block:if2column400pxposts}max-width: 400px;{/block:if2column400pxposts}
  385. {block:if2column250pxposts}max-width: 250px;{/block:if2column250pxposts}
  386. {/block:indexpage}
  387. {block:permalinkpage}
  388. {block:if1column500pxposts}max-width: 500px;{/block:if1column500pxposts}
  389. {block:if1column400pxposts}max-width: 400px;{/block:if1column400pxposts}
  390. {block:if1column250pxposts}max-width: 500px;{/block:if1column250pxposts}
  391. {block:if2column400pxposts}max-width: 400px;;{/block:if2column400pxposts}
  392. {block:if2column250pxposts}max-width: 500px;{/block:if2column250pxposts}
  393. {/block:permalinkpage}
  394. display: block;
  395. }
  396.  
  397. #topleft, #toprigh, #botleft, #botrigh {position: absolute;}
  398. .tlstr, .tlver, .trstr, .trver, .blstr, .blver, .brstr, .brver {
  399. background-color: {color:post border};
  400. }
  401.  
  402. .tlstr, .trstr, .blstr, .brstr {
  403. width: 34px;
  404. height: 1px;
  405. }
  406.  
  407. .tlver, .trver, .blver, .brver {
  408. width: 1px;
  409. height: 34px;
  410. }
  411.  
  412. {block:if1column500pxposts}
  413. #topleft {margin: -26px;}
  414. #toprigh {margin: -26px 526px;}
  415. #botleft {margin: 24px -26px;}
  416. #botrigh {margin: 24px 492px;}
  417. {/block:if1column500pxposts}
  418. {block:if1column400pxposts}
  419. #topleft {margin: -26px;}
  420. #toprigh {margin: -26px 426px;}
  421. #botleft {margin: 24px -26px;}
  422. #botrigh {margin: 24px 392px;}
  423. {/block:if1column400pxposts}
  424. {block:indexpage}
  425. {block:if1column250pxposts}
  426. #topleft {margin: -26px;}
  427. #toprigh {margin: -26px 276px;}
  428. #botleft {margin: 24px -26px;}
  429. #botrigh {margin: 24px 242px;}
  430. {/block:if1column250pxposts}
  431. {block:if2column400pxposts}
  432. #topleft {margin: -26px;}
  433. #toprigh {margin: -26px 426px;}
  434. #botleft {margin: 24px -26px;}
  435. #botrigh {margin: 24px 392px;}
  436. {/block:if2column400pxposts}
  437. {block:if2column250pxposts}
  438. #topleft {margin: -26px;}
  439. #toprigh {margin: -26px 276px;}
  440. #botleft {margin: 24px -26px;}
  441. #botrigh {margin: 24px 242px;}
  442. {/block:if2column250pxposts}
  443. {/block:indexpage}
  444. {block:permalinkpage}
  445. {block:if1column250pxposts}
  446. #topleft {margin: -26px;}
  447. #toprigh {margin: -26px 526px;}
  448. #botleft {margin: 24px -26px;}
  449. #botrigh {margin: 24px 492px;}
  450. {/block:if1column250pxposts}
  451. {block:if2column400pxposts}
  452. #topleft {margin: -26px;}
  453. #toprigh {margin: -26px 426px;}
  454. #botleft {margin: 24px -26px;}
  455. #botrigh {margin: 24px 392px;}
  456. {/block:if2column400pxposts}
  457. {block:if2column250pxposts}
  458. #topleft {margin: -26px;}
  459. #toprigh {margin: -26px 526px;}
  460. #botleft {margin: 24px -26px;}
  461. #botrigh {margin: 24px 492px;}
  462. {/block:if2column250pxposts}
  463. {/block:permalinkpage}
  464.  
  465. .trstr { margin: 0 -34px; }
  466. .blver { margin: -34px 0; }
  467. .brver { margin: -34px 34px; }
  468.  
  469. .pti {
  470. font-family: anaheim;
  471. font-size: 18px;
  472. color: {color:text post title};
  473. }
  474.  
  475. .body {
  476. font-family: anaheim;
  477. font-size: 12px;
  478. color: {color:body};
  479. }
  480.  
  481. .body a, .quosrc a, .asker, .entryinfo a, .notes a {color: {color:body links};}
  482. .body a:hover, .quosrc a:hover, .entryinfo a:hover, .notes a:hover { color: {color:body links hover}; }
  483.  
  484. .body b,strong, .quosrc i,em { color: {color:body bold}; }
  485. .body i,em { color: {color:body italic}; }
  486.  
  487. blockquote {
  488. padding: 0 10px;
  489. margin: 10px;
  490. border-left: 1px solid {color:blockquote};
  491. }
  492.  
  493. .body ul { list-style-type: square; }
  494.  
  495. .quo {
  496. font-family: anaheim;
  497. font-size: 18px;
  498. text-align: center;
  499. color: {color:quote post quote};
  500. }
  501.  
  502. .quosrc {
  503. font-size: 10px;
  504. text-align: center;
  505. font-family: consolas;
  506. text-transform: uppercase;
  507. margin-top: 10px;
  508. color: {color:body};
  509. }
  510.  
  511. .lti {
  512. font-family: anaheim;
  513. font-size: 18px;
  514. color: {color:link post title};
  515. }
  516.  
  517. .cbox {
  518. padding: 16px 20px;
  519. margin-bottom: 20px;
  520. font-family: anaheim;
  521. font-size: 12px;
  522. position: relative;
  523. z-index: 10;
  524. }
  525.  
  526. #odd {
  527. background-color: {color:chat post odd bg};
  528. color: {color:chat post odd text};
  529. margin-left: 80px;
  530. {block:indexpage}
  531. {block:if1column500pxposts}width: 380px;{/block:if1column500pxposts}
  532. {block:if1column400pxposts}width: 280px;{/block:if1column400pxposts}
  533. {block:if1column250pxposts}width: 130px;{/block:if1column250pxposts}
  534. {block:if2column400pxposts}width: 280px;{/block:if2column400pxposts}
  535. {block:if2column250pxposts}width: 130px;{/block:if2column250pxposts}
  536. {/block:indexpage}
  537. {block:permalinkpage}
  538. {block:if1column500pxposts}width: 380px;{/block:if1column500pxposts}
  539. {block:if1column400pxposts}width: 280px;{/block:if1column400pxposts}
  540. {block:if1column250pxposts}width: 380px;{/block:if1column250pxposts}
  541. {block:if2column400pxposts}width: 280px;{/block:if2column400pxposts}
  542. {block:if2column250pxposts}width: 380px;{/block:if2column250pxposts}
  543. {/block:permalinkpage}
  544. }
  545.  
  546. #even {
  547. background-color: {color:chat post even bg};
  548. color: {color:chat post even text};
  549. {block:indexpage}
  550. {block:if1column500pxposts}width: 380px;{/block:if1column500pxposts}
  551. {block:if1column400pxposts}width: 280px;{/block:if1column400pxposts}
  552. {block:if1column250pxposts}width: 130px;{/block:if1column250pxposts}
  553. {block:if2column400pxposts}width: 280px;{/block:if2column400pxposts}
  554. {block:if2column250pxposts}width: 130px;{/block:if2column250pxposts}
  555. {/block:indexpage}
  556. {block:permalinkpage}
  557. {block:if1column500pxposts}width: 380px;{/block:if1column500pxposts}
  558. {block:if1column400pxposts}width: 280px;{/block:if1column400pxposts}
  559. {block:if1column250pxposts}width: 380px;{/block:if1column250pxposts}
  560. {block:if2column400pxposts}width: 280px;{/block:if2column400pxposts}
  561. {block:if2column250pxposts}width: 380px;{/block:if2column250pxposts}
  562. {/block:permalinkpage}
  563. }
  564.  
  565. .cadbu {
  566. color: {color:chat post even bg};
  567. font-size: 24px;
  568. position: absolute;
  569. z-index: 9;
  570. {block:indexpage}
  571. {block:if1column500pxposts}margin: 4px 416px;{/block:if1column500pxposts}
  572. {block:if1column400pxposts}margin: 4px 316px;{/block:if1column400pxposts}
  573. {block:if1column250pxposts}margin: 4px 166px;{/block:if1column250pxposts}
  574. {block:if2column400pxposts}margin: 4px 316px;{/block:if2column400pxposts}
  575. {block:if2column250pxposts}margin: 4px 166px;{/block:if2column250pxposts}
  576. {/block:indexpage}
  577. {block:permalinkpage}
  578. {block:if1column500pxposts}margin: 4px 416px;{/block:if1column500pxposts}
  579. {block:if1column400pxposts}margin: 4px 316px;{/block:if1column400pxposts}
  580. {block:if1column250pxposts}margin: 4px 416px;{/block:if1column250pxposts}
  581. {block:if2column400pxposts}margin: 4px 316px;{/block:if2column400pxposts}
  582. {block:if2column250pxposts}margin: 4px 416px;{/block:if2column250pxposts}
  583. {/block:permalinkpage}
  584. }
  585.  
  586. .hersh {
  587. color: {color:chat post odd bg};
  588. position: absolute;
  589. z-index: 9;
  590. font-size: 24px;
  591. margin: 4px 64px;
  592. }
  593.  
  594. .audino {
  595. padding: 20px;
  596. background-color: {color:audio post bg};
  597. border-left: 1px solid {color:audio post border};
  598. border-right: 1px solid {color:audio post border};
  599. }
  600.  
  601. .cyan {
  602. width: 150px;
  603. height: 150px;
  604. display: block;
  605. {block:indexpage}
  606. {block:if1column250pxposts}
  607. width: 208px;height: 208px;
  608. {/block:if1column250pxposts}
  609. {block:if2column250pxposts}
  610. width: 208px;height: 208px;
  611. {/block:if2column250pxposts}
  612. {/block:indexpage}
  613. {block:permalinkpage}
  614. {block:if1column250pxposts}
  615. width: 150px;height: 150px;
  616. {/block:if1column250pxposts}
  617. {block:if2column250pxposts}
  618. width: 150px;height: 150px;
  619. {/block:if2column250pxposts}
  620. {/block:permalinkpage}
  621. }
  622.  
  623. .aarty {
  624. width: 150px;
  625. height: 150px;
  626. display: block;
  627. z-index: 2;
  628. position: absolute;
  629. {block:indexpage}
  630. {block:if1column250pxposts}
  631. width: 208px;height: 208px;
  632. {/block:if1column250pxposts}
  633. {block:if2column250pxposts}
  634. width: 208px;height: 208px;
  635. {/block:if2column250pxposts}
  636. {/block:indexpage}
  637. {block:permalinkpage}
  638. {block:if1column250pxposts}
  639. width: 150px;height: 150px;
  640. {/block:if1column250pxposts}
  641. {block:if2column250pxposts}
  642. width: 150px;height: 150px;
  643. {/block:if2column250pxposts}
  644. {/block:permalinkpage}
  645. }
  646.  
  647. .noart {
  648. width: 150px;
  649. height: 150px;
  650. line-height: 150px;
  651. font-size: 12px;
  652. background-color: #dfdfdf;
  653. color: #888;
  654. text-align: center;
  655. font-family: anaheim;
  656. font-style: italic;
  657. {block:indexpage}
  658. {block:if1column250pxposts}
  659. width: 208px;
  660. height: 208px;
  661. line-height: 208px;
  662. font-size: 14px;
  663. {/block:if1column250pxposts}
  664. {block:if2column250pxposts}
  665. width: 208px;
  666. height: 208px;
  667. line-height: 208px;
  668. font-size: 14px;
  669. {/block:if2column250pxposts}
  670. {/block:indexpage}
  671. {block:permalinkpage}
  672. {block:if1column250pxposts}
  673. width: 150px;
  674. height: 150px;
  675. line-height: 150px;
  676. font-size: 12px;
  677. {/block:if1column250pxposts}
  678. {block:if2column250pxposts}
  679. width: 150px;
  680. height: 150px;
  681. line-height: 150px;
  682. font-size: 12px;
  683. {/block:if2column250pxposts}
  684. {/block:permalinkpage}
  685. }
  686.  
  687. .augold {
  688. width: 15%;
  689. background-color: {color:audio post border};
  690. height: 1px;
  691. float: left;
  692. }
  693.  
  694. .agsil {
  695. width: 15%;
  696. background-color: {color:audio post border};
  697. height: 1px;
  698. float: right;
  699. }
  700.  
  701. .bismu {
  702. width: 26px;
  703. overflow: hidden;
  704. position: absolute;
  705. margin: 50px;
  706. z-index: 4;
  707. border: 10px solid #fff;
  708. border-radius: 100px;
  709. background-color: #fff;
  710. opacity: 0.6;
  711. height: 26px;
  712. {block:indexpage}
  713. {block:if1column250pxposts}margin: 79px;{/block:if1column250pxposts}
  714. {block:if2column250pxposts}margin: 79px;{/block:if2column250pxposts}
  715. {/block:indexpage}
  716. {block:permalinkpage}
  717. {block:if1column250pxposts}margin: 50px;{/block:if1column250pxposts}
  718. {block:if2column250pxposts}margin: 50px;{/block:if2column250pxposts}
  719. {/block:permalinkpage}
  720. transition: 0.8s;
  721. }
  722.  
  723. .entry:hover .bismu {opacity: 1;}
  724.  
  725. {block:indexpage}
  726. {block:if1column250pxposts}.entry:hover .bismu {border: 0 solid #fff;border-radius: 0;width: 210px;height: 30px;margin: 0;}{/block:if1column250pxposts}
  727. {block:if2column250pxposts}.entry:hover .bismu {border: 0 solid #fff;border-radius: 0;width: 210px;height: 30px;margin: 0;}{/block:if2column250pxposts}
  728. {/block:indexpage}
  729.  
  730. .iodine {
  731. position: absolute;
  732. z-index: 3;
  733. margin: 0 170px;
  734. font-family: anaheim;
  735. font-size: 12px;
  736. height: 150px;
  737. width: 310px;
  738. {block:if1column500pxposts}width: 310px;{/block:if1column500pxposts}
  739. {block:if1column400pxposts}width: 210px;{/block:if1column400pxposts}
  740. {block:if2column400pxposts}width: 210px;{/block:if2column400pxposts}
  741. {block:indexpage}
  742. {block:if1column250pxposts}
  743. width: 176px;
  744. padding: 0 16px;
  745. margin: 208px 0;
  746. background-color: rgba(255,255,255,0.7);
  747. height: 0;
  748. overflow: hidden;
  749. {/block:if1column250pxposts}
  750. {block:if2column250pxposts}
  751. width: 176px;
  752. padding: 0 16px;
  753. margin: 208px 0;
  754. background-color: rgba(255,255,255,0.7);
  755. height: 0;
  756. overflow: hidden;
  757. {/block:if2column250pxposts}
  758. {/block:indexpage}
  759. {block:permalinkpage}
  760. {block:if1column250pxposts}
  761. position: absolute;
  762. z-index: 3;
  763. margin: 0 170px;
  764. font-family: anaheim;
  765. font-size: 12px;
  766. height: 150px;
  767. width: 310px;
  768. padding: 0 0;
  769. {/block:if1column250pxposts}
  770. {block:if2column250pxposts}
  771. position: absolute;
  772. z-index: 3;
  773. margin: 0 170px;
  774. font-family: anaheim;
  775. font-size: 12px;
  776. height: 150px;
  777. width: 310px;
  778. padding: 0 0;
  779. {/block:if2column250pxposts}
  780. {/block:permalinkpage}
  781.  
  782. transition: 0.8s;
  783. }
  784.  
  785. {block:indexpage}
  786. {block:if1column250pxposts}.entry:hover .iodine {transition-delay: 0.4s;height: 146px;padding: 16px;margin: 30px 0;}{/block:if1column250pxposts}
  787. {block:if2column250pxposts}.entry:hover .iodine {transition-delay: 0.4s;height: 146px;padding: 16px;margin: 30px 0;}{/block:if2column250pxposts}
  788. {block:indexpage}
  789.  
  790. .bromine {font-size: 18px;}
  791.  
  792. .chlorine {
  793. position: relative;
  794. top: 50%;
  795. transform: translateY(-50%);
  796. }
  797.  
  798. .aphro {
  799. width: 36px;
  800. height: 36px;
  801. display: block;
  802. float: left;
  803. border-radius: 5px;
  804. margin-left: 40px;
  805. }
  806.  
  807. .ares {
  808. margin-left: 20px;
  809. font-family: anaheim;
  810. font-size: 14px;
  811. line-height: 36px;
  812. color: {color:asker text};
  813. }
  814.  
  815. .zeus {
  816. margin-top: 20px;
  817. background-color: {color:ask bg};
  818. color: {color:ask text};
  819. padding: 20px;
  820. font-family: anaheim;
  821. font-size: 12px;
  822. margin-bottom: 20px;
  823. }
  824.  
  825. .posei {
  826. position: absolute;
  827. font-size: 22px;
  828. color: {color:ask bg};
  829. margin: -40px 30px;
  830. }
  831.  
  832. .erudi {
  833. position: absolute;
  834. top: 50%;
  835. transform: translateY(-50%);
  836. font-family: anaheim;
  837. color: #fff;
  838. text-align: center;
  839. font-size: 12px;
  840. z-index: 2;
  841. opacity: 0;
  842. transition: 0.8s;
  843. {block:if1column500pxposts}width: 500px;{/block:if1column500pxposts}
  844. {block:if1column400pxposts}width: 400px;{/block:if1column400pxposts}
  845. {block:if1column250pxposts}width: 250px;{/block:if1column250pxposts}
  846. {block:if2column400pxposts}width: 400px;{/block:if2column400pxposts}
  847. {block:if2column250pxposts}width: 250px;{/block:if2column250pxposts}
  848. }
  849.  
  850. .invicl {
  851. width: 100%;
  852. height: 100%;
  853. background-color: #000;
  854. position: absolute;
  855. z-index: 1;
  856. opacity: 0;
  857. transition: 0.8s;
  858. }
  859.  
  860. .dite {
  861. font-size: 22px;
  862. margin-bottom: -10px;
  863. }
  864.  
  865. .entry:hover .erudi, .entry:hover .invicl {
  866. opacity: 0.8;
  867. }
  868.  
  869. .erudi a {
  870. color: {color:permalink link};
  871. }
  872.  
  873. .valour {
  874. font-family: anaheim;
  875. font-size: 12px;
  876. color: {color:permalink text};
  877. position: absolute;
  878. width: 200px;
  879. transition: 0.6s;
  880. {block:if1column500pxposts}margin: 10px 550px;{/block:if1column500pxposts}
  881. {block:if1column400pxposts}margin: 10px 450px;{/block:if1column400pxposts}
  882. {block:if1column250pxposts}margin: 10px 300px;{/block:if1column250pxposts}
  883. {block:if2column400pxposts}display:none;{/block:if2column400pxposts}
  884. {block:if2column250pxposts}display:none;{/block:if2column250pxposts}
  885. }
  886.  
  887. .valour a { color: {color:permalink link}; }
  888.  
  889. .lore {
  890. font-size: 18px;
  891. margin-bottom: -16px;
  892. margin-top: -10px;
  893. transition: 0.6s;
  894. opacity: 0;
  895. color: {color:permalink link};
  896. }
  897.  
  898. .val {
  899. transition: 0.6s;
  900. opacity: 0;
  901. margin-left: -10px;
  902. {color:body text};
  903. }
  904.  
  905. .entry:hover .lore {
  906. opacity: 1;
  907. margin-top: 0;
  908. }
  909.  
  910. .entry:hover .val {
  911. opacity: 1;
  912. transition-delay: 0.4s;
  913. margin-left: 0;
  914. }
  915.  
  916. .alo {
  917. opacity: 0;
  918. transition: 0.6s;
  919. text-transform: uppercase;
  920. font-size: 10px;
  921. border-left: 1px solid transparent;
  922. margin-top: 10px;
  923. }
  924.  
  925. .entry:hover .alo {
  926. opacity: 1;
  927. padding-left: 10px;
  928. margin-left: 10px;
  929. border-left: 1px solid {color:blockquote};
  930. transition-delay: 0.6s;
  931. }
  932.  
  933. .vigilance {
  934. text-align: right;
  935. font-family: anaheim;
  936. font-size: 10px;
  937. text-transform: uppercase;
  938. letter-spacing: 1px;
  939. opacity: 0;
  940. position: absolute;
  941. margin: 0 -5px;
  942. z-index: 10;
  943. {block:if1column500pxposts}display:none;{/block:if1column500pxposts}
  944. {block:if1column400pxposts}display:none;{/block:if1column400pxposts}
  945. {block:if1column250pxposts}display:none;{/block:if1column250pxposts}
  946. {block:if2column400pxposts}width: 400px;{/block:if2column400pxposts}
  947. {block:if2column250pxposts}width: 250px;{/block:if2column250pxposts}
  948. transition: 0.6s;
  949. }
  950.  
  951. .vigilance a {
  952. margin-left: 2px;
  953. background-color: rgba({RGBcolor:permalink bg},0.3);
  954. color: {color:permalink link};
  955. border: 1px solid {color:permalink link};
  956. padding: 4px 8px;
  957. }
  958.  
  959. .entry:hover .vigilance {
  960. opacity: 1;
  961. margin: 10px -5px;
  962. }
  963.  
  964. .respo {
  965. margin-top: 10px;
  966. font-family: anaheim;
  967. font-size: 10px;
  968. text-transform: uppercase;
  969. letter-spacing: 1px;
  970. line-height: 20px;
  971. {block:if1column500pxposts}display:none;{/block:if1column500pxposts}
  972. {block:if1column400pxposts}display:none;{/block:if1column400pxposts}
  973. {block:if1column250pxposts}display:none;{/block:if1column250pxposts}
  974. }
  975.  
  976. .respo a {
  977. background-color: {color:tags bg};
  978. color: {color:tags};
  979. padding: 2px 4px;
  980. }
  981.  
  982. .entryinfo {
  983. font-family: anaheim;
  984. font-size: 12px;
  985. color: {color:body};
  986. }
  987.  
  988. #notecon {
  989. {block:if1column500pxposts}width: 500px;{/block:if1column500pxposts}
  990. {block:if1column400pxposts}width: 400px;{/block:if1column400pxposts}
  991. {block:if1column250pxposts}width: 500px;{/block:if1column250pxposts}
  992. {block:if2column400pxposts}width: 400px;{/block:if2column400pxposts}
  993. {block:if2column250pxposts}width: 500px;{/block:if2column250pxposts}
  994. margin-top: 50px;
  995. font-family: anaheim;
  996. font-size: 10px;
  997. color: {color:body};
  998. margin-left: -40px;
  999. }
  1000.  
  1001. .notes li {
  1002. {block:if1column500pxposts}width: 500px;{/block:if1column500pxposts}
  1003. {block:if1column400pxposts}width: 400px;{/block:if1column400pxposts}
  1004. {block:if1column250pxposts}width: 500px;{/block:if1column250pxposts}
  1005. {block:if2column400pxposts}width: 400px;{/block:if2column400pxposts}
  1006. {block:if2column250pxposts}width: 500px;{/block:if2column250pxposts}
  1007. font-family: anaheim;
  1008. font-size: 12px;
  1009. background-color: {color:post background};
  1010. padding: 10px 0;
  1011. border-bottom: 1px solid #f3f3f3;
  1012. }
  1013.  
  1014. .notes img {
  1015. margin-right: 10px;
  1016. float: left;
  1017. width: 13px;
  1018. height: 13px;
  1019. }
  1020.  
  1021. ol.notes {
  1022. {block:if1column500pxposts}width: 500px;{/block:if1column500pxposts}
  1023. {block:if1column400pxposts}width: 400px;{/block:if1column400pxposts}
  1024. {block:if1column250pxposts}width: 500px;{/block:if1column250pxposts}
  1025. {block:if2column400pxposts}width: 400px;{/block:if2column400pxposts}
  1026. {block:if2column250pxposts}width: 500px;{/block:if2column250pxposts}
  1027. list-style-type: none;
  1028. position: absolute;
  1029. }
  1030.  
  1031.  
  1032. {CustomCSS}
  1033.  
  1034. </style>
  1035. </head>
  1036. <body>
  1037.  
  1038. <div id="wah">Please pick only one post option.</div>
  1039.  
  1040. <div id="content">
  1041.  
  1042. {block:posts}
  1043.  
  1044. <div class="entry">
  1045.  
  1046. <div id="topleft"><div class="tlstr"></div><div class="tlver"></div></div>
  1047. <div id="toprigh"><div class="trstr"></div><div class="trver"></div></div>
  1048.  
  1049. {block:Answer}
  1050. {block:indexpage}
  1051. <div class="vigilance"><!--2col top right perma-->
  1052. <a href="{permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a> <a href="{permalink}">{dayofmonthwithzero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1053. </div><!--vigilance-->
  1054. <div class="valour"><!--1 column side perma-->
  1055. <div class="lore"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1056. <span class="val">Posted on {dayofweek}; {Dayofmonth} {month}</span><br>
  1057. {block:rebloggedfrom}<span class="val"><a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a></span><br>{/block:rebloggedfrom}
  1058. {block:ifshowtags}{block:hastags}<div class="alo">{block:tags}<a href="{TagURL}">#{Tag}</a><br>{/block:tags}</div>{/block:hastags}{/block:ifshowtags}
  1059. </div><!--valour-->
  1060. {/block:indexpage}
  1061. <img class="aphro" src="{AskerPortraitURL-128}"> <span class="ares"><a>{Asker} sent a message: </a></span>
  1062. <div class="zeus"><div class="posei">▲</div>{Question}</div>
  1063. <div class="body">{Answer}</div>
  1064. {block:ifshowtags}{block:hastags}<div class="respo">{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}
  1065. </div>{/block:hastags}{/block:ifshowtags}
  1066. {/block:Answer}
  1067.  
  1068. {block:text}
  1069. {block:indexpage}
  1070. <div class="vigilance"><!--2col top right perma-->
  1071. <a href="{permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a> <a href="{permalink}">{dayofmonthwithzero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1072. </div><!--vigilance-->
  1073. <div class="valour"><!--1 column side perma-->
  1074. <div class="lore"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1075. <span class="val">Posted on {dayofweek}; {Dayofmonth} {month}</span><br>
  1076. {block:rebloggedfrom}<span class="val"><a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a></span><br>{/block:rebloggedfrom}
  1077. {block:ifshowtags}{block:hastags}<div class="alo">{block:tags}<a href="{TagURL}">#{Tag}</a><br>{/block:tags}</div>{/block:hastags}{/block:ifshowtags}
  1078. </div><!--valour-->
  1079. {/block:indexpage}
  1080. <div class="pti">{Title}</div>
  1081. <div class="body">{body}</div>
  1082. {block:ifshowtags}{block:hastags}<div class="respo">{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}
  1083. </div>{/block:hastags}{/block:ifshowtags}
  1084. {/block:text}
  1085.  
  1086. {block:photo}
  1087. {block:indexpage}
  1088. {block:ifnotshowcaptions}
  1089. <div class="erudi"><!--overlay img perma-->
  1090. <div class="dite"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1091. Posted on {dayofweek}; {Dayofmonth} {month}<br>
  1092. {block:rebloggedfrom}<a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a>{/block:rebloggedfrom}
  1093. {block:ifshowtags}{block:hastags}<span class="rudi"><br>{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}</span>{/block:hastags}{/block:ifshowtags}
  1094. </div><!--erudi-->
  1095. <div class="invicl"></div>
  1096. {block:ifnotshowcaptions}
  1097. {block:ifshowcaptions}
  1098. <div class="vigilance"><!--2col top right perma-->
  1099. <a href="{permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a> <a href="{permalink}">{dayofmonthwithzero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1100. </div><!--vigilance-->
  1101. <div class="valour"><!--1 column side perma-->
  1102. <div class="lore"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1103. <span class="val">Posted on {dayofweek}; {Dayofmonth} {month}</span><br>
  1104. {block:rebloggedfrom}<span class="val"><a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a></span><br>{/block:rebloggedfrom}
  1105. {block:ifshowtags}{block:hastags}<div class="alo">{block:tags}<a href="{TagURL}">#{Tag}</a><br>{/block:tags}</div>{/block:hastags}{/block:ifshowtags}
  1106. </div><!--valour-->
  1107. {/block:ifshowcaptions}
  1108. {/block:indexpage}
  1109. <div class="photo">
  1110. {LinkOpenTag}<center><img src="{PhotoURL-500}" /></center>{LinkCloseTag}
  1111. </div>
  1112. {block:IfShowCaptions}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1113. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1114. <div class="body">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1115. {block:ifshowcaptions}
  1116. {block:ifshowtags}{block:hastags}<div class="respo">{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}
  1117. </div>{/block:hastags}{/block:ifshowtags}
  1118. {/block:ifshowcaptions}
  1119. {/block:photo}
  1120.  
  1121. {block:photoset}
  1122. {block:indexpage}
  1123. {block:ifnotshowcaptions}
  1124. <div class="erudi"><!--overlay img perma-->
  1125. <div class="dite"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1126. Posted on {dayofweek}; {Dayofmonth} {month}<br>
  1127. {block:rebloggedfrom}<a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a>{/block:rebloggedfrom}
  1128. {block:hastags}<span class="rudi"><br>{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}</span>{/block:hastags}
  1129. </div><!--erudi-->
  1130. <div class="invicl"></div>
  1131. {block:ifnotshowcaptions}
  1132. {block:ifshowcaptions}
  1133. <div class="vigilance"><!--2col top right perma-->
  1134. <a href="{permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a> <a href="{permalink}">{dayofmonthwithzero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1135. </div><!--vigilance-->
  1136. <div class="valour"><!--1 column side perma-->
  1137. <div class="lore"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1138. <span class="val">Posted on {dayofweek}; {Dayofmonth} {month}</span><br>
  1139. {block:rebloggedfrom}<span class="val"><a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a></span><br>{/block:rebloggedfrom}
  1140. {block:ifshowtags}{block:hastags}<div class="alo">{block:tags}<a href="{TagURL}">#{Tag}</a><br>{/block:tags}</div>{/block:hastags}{/block:ifshowtags}
  1141. </div><!--valour-->
  1142. {/block:ifshowcaptions}
  1143. {/block:indexpage}
  1144. <div class="photo">
  1145. {block:indexpage}
  1146. {block:if1column500pxposts}{Photoset-500}{/block:if1column500pxposts}
  1147. {block:if1column400pxposts}{Photoset-400}{/block:if1column400pxposts}
  1148. {block:if1column250pxposts}{Photoset-250}{/block:if1column250pxposts}
  1149. {block:if2column400pxposts}{Photoset-400}{/block:if2column400pxposts}
  1150. {block:if2column250pxposts}{Photoset-250}{/block:if2column250pxposts}
  1151. {/block:indexpage}
  1152. {block:permalinkpage}
  1153. {block:if1column500pxposts}{Photoset-500}{/block:if1column500pxposts}
  1154. {block:if1column400pxposts}{Photoset-400}{/block:if1column400pxposts}
  1155. {block:if1column250pxposts}{Photoset-500}{/block:if1column250pxposts}
  1156. {block:if2column400pxposts}{Photoset-400}{/block:if2column400pxposts}
  1157. {block:if2column250pxposts}{Photoset-500}{/block:if2column250pxposts}
  1158. {/block:permalinkpage}
  1159. </div>
  1160. {block:IfShowCaptions}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1161. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1162. <div class="body">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1163. {block:ifshowcaptions}
  1164. {block:ifshowtags}{block:hastags}<div class="respo">{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}
  1165. </div>{/block:hastags}{/block:ifshowtags}
  1166. {/block:ifshowcaptions}
  1167. {/block:photoset}
  1168.  
  1169. {block:quote}
  1170. {block:indexpage}
  1171. <div class="vigilance"><!--2col top right perma-->
  1172. <a href="{permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a> <a href="{permalink}">{dayofmonthwithzero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1173. </div><!--vigilance-->
  1174. <div class="valour"><!--1 column side perma-->
  1175. <div class="lore"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1176. <span class="val">Posted on {dayofweek}; {Dayofmonth} {month}</span><br>
  1177. {block:rebloggedfrom}<span class="val"><a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a></span><br>{/block:rebloggedfrom}
  1178. {block:ifshowtags}{block:hastags}<div class="alo">{block:tags}<a href="{TagURL}">#{Tag}</a><br>{/block:tags}</div>{/block:hastags}{/block:ifshowtags}
  1179. </div><!--valour-->
  1180. {/block:indexpage}
  1181. <div class="quo">{Quote}</div>
  1182. <div class="quosrc"><b><i class="fa fa-quote-left"></i></b> — {Source} — <b><i class="fa fa-quote-right"></i></b></div>
  1183. {block:ifshowtags}{block:hastags}<div class="respo">{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}
  1184. </div>{/block:hastags}{/block:ifshowtags}
  1185. {/block:quote}
  1186.  
  1187. {block:link}
  1188. {block:indexpage}
  1189. <div class="vigilance"><!--2col top right perma-->
  1190. <a href="{permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a> <a href="{permalink}">{dayofmonthwithzero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1191. </div><!--vigilance-->
  1192. <div class="valour"><!--1 column side perma-->
  1193. <div class="lore"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1194. <span class="val">Posted on {dayofweek}; {Dayofmonth} {month}</span><br>
  1195. {block:rebloggedfrom}<span class="val"><a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a></span><br>{/block:rebloggedfrom}
  1196. {block:ifshowtags}{block:hastags}<div class="alo">{block:tags}<a href="{TagURL}">#{Tag}</a><br>{/block:tags}</div>{/block:hastags}{/block:ifshowtags}
  1197. </div><!--valour-->
  1198. {/block:indexpage}
  1199. <a href="{URL}"><div class="lti"><i class="fa fa-link"></i> {Name}</div></a>
  1200. {block:description}<div class="body">{description}</div>{/block:description}
  1201. {block:ifshowtags}{block:hastags}<div class="respo">{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}
  1202. </div>{/block:hastags}{/block:ifshowtags}
  1203. {/block:link}
  1204.  
  1205. {block:chat}
  1206. {block:indexpage}
  1207. <div class="vigilance"><!--2col top right perma-->
  1208. <a href="{permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a> <a href="{permalink}">{dayofmonthwithzero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1209. </div><!--vigilance-->
  1210. <div class="valour"><!--1 column side perma-->
  1211. <div class="lore"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1212. <span class="val">Posted on {dayofweek}; {Dayofmonth} {month}</span><br>
  1213. {block:rebloggedfrom}<span class="val"><a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a></span><br>{/block:rebloggedfrom}
  1214. {block:ifshowtags}{block:hastags}<div class="alo">{block:tags}<a href="{TagURL}">#{Tag}</a><br>{/block:tags}</div>{/block:hastags}{/block:ifshowtags}
  1215. </div><!--valour-->
  1216. {/block:indexpage}
  1217. {block:title}<div class="pti">{title}</div>{/block:title}
  1218. {block:lines}
  1219. <div class="cadbu">▶</div>
  1220. <div class="hersh">◀</div>
  1221. <div class="cbox" id="{alt}">
  1222. {block:label}{label} {/block:label}{line}</div>
  1223. {/block:lines}
  1224. {block:ifshowtags}{block:hastags}<div class="respo">{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}
  1225. </div>{/block:hastags}{/block:ifshowtags}
  1226. {/block:chat}
  1227.  
  1228. {block:audio}
  1229. {block:indexpage}
  1230. <div class="vigilance"><!--2col top right perma-->
  1231. <a href="{permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a> <a href="{permalink}">{dayofmonthwithzero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1232. </div><!--vigilance-->
  1233. <div class="valour"><!--1 column side perma-->
  1234. <div class="lore"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1235. <span class="val">Posted on {dayofweek}; {Dayofmonth} {month}</span><br>
  1236. {block:rebloggedfrom}<span class="val"><a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a></span><br>{/block:rebloggedfrom}
  1237. {block:ifshowtags}{block:hastags}<div class="alo">{block:tags}<a href="{TagURL}">#{Tag}</a><br>{/block:tags}</div>{/block:hastags}{/block:ifshowtags}
  1238. </div><!--valour-->
  1239. {/block:indexpage}
  1240. <div class="augold"></div><div class="agsil"></div>
  1241. <div class="audino">
  1242. {block:AudioPlayer}<div class="bismu">{AudioPlayer}</div>{/block:AudioPlayer}
  1243. <div class="iodine">
  1244. {block:if1column500pxposts}<div class="chlorine">{/block:if1column500pxposts}
  1245. {block:if1column400pxposts}<div class="chlorine">{/block:if1column400pxposts}
  1246. {block:if2column400pxposts}<div class="chlorine">{/block:if2column400pxposts}
  1247. {block:trackname}<span class="bromine"><i class="fa fa-music"></i> {TrackName}</span><br>{/block:trackname}
  1248. {block:album}<i class="fa fa-sliders"></i> {album}<br>{/block:album}
  1249. {block:artist}<i class="fa fa-user"></i> {artist}<br>{/block:artist}
  1250. {block:PlayCount}<i class="fa fa-refresh"></i> {PlayCountWithLabel}{/block:PlayCount}
  1251. {block:if1column500pxposts}</div><!--chlorine-->{/block:if1column500pxposts}
  1252. {block:if1column400pxposts}</div><!--chlorine-->{/block:if1column400pxposts}
  1253. {block:if2column400pxposts}</div><!--chlorine-->{/block:if2column400pxposts}
  1254. </div><!--iodine-->
  1255. <div class="cyan"><!--album art coding start-->
  1256. {block:AlbumArt}<img class="aarty" src="{AlbumArtURL}">{/block:AlbumArt}
  1257. <div class="noart">album art not available</div>
  1258. </div><!--cyan-->
  1259. </div><!--audino-->
  1260. <div class="augold"></div><div class="agsil"></div>
  1261. {block:IfShowCaptions}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1262. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1263. <div class="body">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1264. {block:ifshowtags}{block:hastags}<div class="respo">{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}
  1265. </div>{/block:hastags}{/block:ifshowtags}
  1266. {/block:audio}
  1267.  
  1268. {block:video}
  1269. {block:indexpage}
  1270. {block:ifnotshowcaptions}
  1271. <div class="erudi"><!--overlay img perma-->
  1272. <div class="dite"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1273. Posted on {dayofweek}; {Dayofmonth} {month}<br>
  1274. {block:rebloggedfrom}<a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a>{/block:rebloggedfrom}
  1275. {block:ifshowtags}{block:hastags}<span class="rudi"><br>{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}</span>{/block:hastags}{/block:ifshowtags}
  1276. </div><!--erudi-->
  1277. <div class="invicl"></div>
  1278. {block:ifnotshowcaptions}
  1279. {block:ifshowcaptions}
  1280. <div class="vigilance"><!--2col top right perma-->
  1281. <a href="{permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a> <a href="{permalink}">{dayofmonthwithzero}.{MonthNumberWithZero}.{ShortYear}</a> <a href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1282. </div><!--vigilance-->
  1283. <div class="valour"><!--1 column side perma-->
  1284. <div class="lore"><a href="{Permalink}">{NoteCount} <i class="fa fa-heart-o"></i></a></div><br>
  1285. <span class="val">Posted on {dayofweek}; {Dayofmonth} {month}</span><br>
  1286. {block:rebloggedfrom}<span class="val"><a href="{reblogparenturl}">via</a> + <a href="{reblogrooturl}">origin</a></span><br>{/block:rebloggedfrom}
  1287. {block:ifshowtags}{block:hastags}<div class="alo">{block:tags}<a href="{TagURL}">#{Tag}</a><br>{/block:tags}</div>{/block:hastags}{/block:ifshowtags}
  1288. </div><!--valour-->
  1289. {/block:ifshowcaptions}
  1290. {/block:indexpage}
  1291. <div class="photo">
  1292. {block:indexpage}
  1293. {block:if1column500pxposts}{Video-500}{/block:if1column500pxposts}
  1294. {block:if1column400pxposts}{Video-400}{/block:if1column400pxposts}
  1295. {block:if1column250pxposts}{Video-250}{/block:if1column250pxposts}
  1296. {block:if2column400pxposts}{Video-400}{/block:if2column400pxposts}
  1297. {block:if2column250pxposts}{Video-250}{/block:if2column250pxposts}
  1298. {/block:indexpage}
  1299. {block:permalinkpage}
  1300. {block:if1column500pxposts}{Video-500}{/block:if1column500pxposts}
  1301. {block:if1column400pxposts}{Video-400}{/block:if1column400pxposts}
  1302. {block:if1column250pxposts}{Video-500}{/block:if1column250pxposts}
  1303. {block:if2column400pxposts}{Video-400}{/block:if2column400pxposts}
  1304. {block:if2column250pxposts}{Video-500}{/block:if2column250pxposts}
  1305. {/block:permalinkpage}
  1306. </div><!--photo-->
  1307. {block:IfShowCaptions}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1308. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1309. <div class="body">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1310. {block:ifshowcaptions}
  1311. {block:ifshowtags}{block:hastags}<div class="respo">{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}
  1312. </div>{/block:hastags}{/block:ifshowtags}
  1313. {/block:ifshowcaptions}
  1314. {/block:video}
  1315.  
  1316. <div id="botleft"><div class="blstr"></div><div class="blver"></div></div>
  1317. <div id="botrigh"><div class="brstr"></div><div class="brver"></div></div>
  1318.  
  1319. </div><!--entry-->
  1320.  
  1321. {block:ContentSource}
  1322. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1323. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1324. {/block:SourceLogo}
  1325. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1326. {/block:ContentSource}
  1327. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
  1328.  
  1329. {block:date}{block:permalinkpage}<div class="entryinfo">
  1330. Post made on {DayOfMonthWithZero} {Month} {Year}, {12Hour}.{Minutes}{AmPm}, with {NoteCountWithLabel}.{block:RebloggedFrom}<br>Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}{block:hastags}<br>{block:tags}<a href="{TagURL}">#{Tag}</a> {/block:tags}{/block:hastags}
  1331. </div><!--entryinfo-->{block:PostNotes}<div id="notecon">{PostNotes-16}</div><!--applepie note container-->{/block:PostNotes}{/block:permalinkpage}{/block:date}
  1332.  
  1333. {/block:posts}
  1334.  
  1335. </div><!--content-->
  1336.  
  1337. <div class="pagi">
  1338. {block:Pagination}
  1339. {block:PreviousPage}
  1340. <a href="{PreviousPage}"><</a>
  1341. {/block:PreviousPage}
  1342. {block:JumpPagination length="5"}
  1343. {block:CurrentPage}
  1344. <span class="current_page">X</span>
  1345. {/block:CurrentPage}
  1346. {block:JumpPage}
  1347. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1348. {/block:JumpPage}
  1349. {/block:JumpPagination}
  1350. {block:NextPage}
  1351. <a href="{NextPage}">></a>
  1352. {/block:NextPage}
  1353. {/block:Pagination}
  1354. </div>
  1355.  
  1356. <div id="sbr"></div>
  1357.  
  1358. <div id="sidebar">
  1359. <div class="blogt">{Title}</div>
  1360. <img class="sbimg" src="{image:sidebar}">
  1361. <div class="bnav">
  1362. <a href="/"><div class="bcon"><div class="covtxt">reset</div><span class="bnavi"><i class="fa fa-refresh"></i></span></div><!--bcon--></a>
  1363. <a href="/ask"><div class="bcon"><div class="covtxt">ask</div><span class="bnavi"><i class="fa fa-envelope-o"></i></span></div><!--bcon--></a>
  1364. <a href="/archive"><div class="bcon"><div class="covtxt">past</div><span class="bnavi"><i class="fa fa-folder-open-o"></i></span></div><!--bcon--></a>
  1365. <a href="http://yukoki.tumblr.com"><div class="bcon"><div class="covtxt">thm</div><span class="bnavi"><i class="fa fa-pagelines"></i></span></div><!--bcon--></a>
  1366. </div>
  1367. <div class="desctopb"></div>
  1368. <div class="desc">{description}</div>
  1369. <div class="descbotb"></div>
  1370. <div id="clink">
  1371. {block:iflink1}<a href="{text:link 1 url}"><div class="iron"><span class="fe"><i class="fa fa-{text:link 1 icon}"></i></span><div class="medle"></div><div class="forte"><span class="forr">{text:link 1}</span></div></div></a>{/block:iflink1}
  1372. {block:iflink2}<a href="{text:link 2 url}"><div class="iron"><span class="fe"><i class="fa fa-{text:link 2 icon}"></i></span><div class="medle"></div><div class="forte"><span class="forr">{text:link 2}</span></div></div></a>{/block:iflink2}
  1373. {block:iflink3}<a href="{text:link 3 url}"><div class="iron"><span class="fe"><i class="fa fa-{text:link 3 icon}"></i></span><div class="medle"></div><div class="forte"><span class="forr">{text:link 3}</span></div></div></a>{/block:iflink3}
  1374. {block:iflink4}<a href="{text:link 4 url}"><div class="iron"><span class="fe"><i class="fa fa-{text:link 4 icon}"></i></span><div class="medle"></div><div class="forte"><span class="forr">{text:link 4}</span></div></div></a>{/block:iflink4}
  1375. {block:iflink5}<a href="{text:link 5 url}"><div class="iron"><span class="fe"><i class="fa fa-{text:link 5 icon}"></i></span><div class="medle"></div><div class="forte"><span class="forr">{text:link 5}</span></div></div></a>{/block:iflink5}
  1376. {block:iflink6}<a href="{text:link 6 url}"><div class="iron"><span class="fe"><i class="fa fa-{text:link 6 icon}"></i></span><div class="medle"></div><div class="forte"><span class="forr">{text:link 6}</span></div></div></a>{/block:iflink6}
  1377. </div><!--clink-->
  1378.  
  1379. </div><!--sidebar end-->
  1380.  
  1381. </body>
  1382. </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!