Advertisement
mogimochi

Theme [19] Nebulous

Feb 8th, 2013
32,066
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.04 KB | None | 0 0
  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