API tools faq
paste
Advertisement
mogimochi

Theme [11] Conturbatio

mogimochi
Nov 7th, 2012
16,404
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 11 Conturbatio
  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. 5. Do not redistribute.
  15.  
  16. ++ [YUKOKI 2012 THEMES' REVAMPS] ++ [YUKOKI REVAMP PACK #06] ++
  17. This theme is unlikely to be further edited or updated, & its preview will also be moved to a static page. It's similar to being labeled as an 'old theme'. This theme's first title was 'Resonance'.
  18.  
  19. ---------------------------------------------------------- VER 240718 -->
  20.  
  21. <meta name="color:scrollbar background" content="#ffffff">
  22. <meta name="color:scrollbar" content="#c56370">
  23. <meta name="color:text highlight" content="#c56370">
  24. <meta name="color:tooltip background" content="#c56370">
  25. <meta name="color:tooltip text" content="#ffffff">
  26. <meta name="color:tooltip border" content="#ffffff">
  27. <meta name="color:background" content="#ffffff">
  28.  
  29. <meta name="color:description background" content="#eaeaea">
  30. <meta name="color:description text" content="#555555">
  31. <meta name="color:description text shadow" content="#ffffff">
  32. <meta name="color:description borders" content="#d1d1d1">
  33. <meta name="color:description bold" content="#b34654">
  34. <meta name="color:description italic" content="#8f8f8f">
  35. <meta name="color:description links" content="#ed8d93">
  36. <meta name="color:description links hover" content="#aaaaaa">
  37. <meta name="color:apostrophe" content="#b37176">
  38.  
  39. <meta name="color:blog title" content="#444444">
  40. <meta name="color:blog title background" content="#dfdfdf">
  41.  
  42. <meta name="color:nav icons" content="#b6b6b6">
  43. <meta name="color:nav icons background" content="#ffffff">
  44. <meta name="color:nav icons border" content="#d7d7d7">
  45. <meta name="color:nav icons hover" content="#dd848a">
  46. <meta name="color:nav text" content="#ffffff">
  47. <meta name="color:nav text background" content="#d6727e">
  48.  
  49. <meta name="color:custom links" content="#aaaaaa">
  50. <meta name="color:custom links hover" content="#cccccc">
  51.  
  52. <meta name="color:post background" content="#f0f0f0" />
  53. <meta name="color:caption background" content="#ffffff" />
  54.  
  55. <meta name="color:body text" content="#8c8c8c">
  56. <meta name="color:body links" content="#eca69a">
  57. <meta name="color:body links hover" content="#cfcfcf">
  58. <meta name="color:body bold" content="#cd687a">
  59. <meta name="color:body italic" content="#c3c3c3">
  60. <meta name="color:blockquote" content="#d1d1d1">
  61.  
  62. <meta name="color:post title background" content="#f8f8f8">
  63. <meta name="color:post title text" content="#aaaaaa">
  64. <meta name="color:link post background" content="#f8f8f8">
  65. <meta name="color:link post text" content="#aaaaaa">
  66. <meta name="color:link post hover background" content="#ffffff">
  67. <meta name="color:link post hover text" content="#bbbbbb">
  68.  
  69. <meta name="color:audio info background" content="#ffffff">
  70. <meta name="color:audio info text" content="#9d9d9d">
  71.  
  72. <meta name="color:quote" content="#929292">
  73. <meta name="color:quote source" content="#c1c1c1">
  74.  
  75. <meta name="color:ask background" content="#ffffff">
  76. <meta name="color:ask text" content="#adadad">
  77. <meta name="color:asker text" content="#7e7e7e">
  78.  
  79. <meta name="color:chat even text" content="#8c8c8c">
  80. <meta name="color:chat even name" content="#9f9f9f">
  81. <meta name="color:chat even name background" content="#e7e7e7">
  82. <meta name="color:chat odd text" content="#9a9a9a">
  83. <meta name="color:chat odd name" content="#ffffff">
  84. <meta name="color:chat odd name background" content="#c45d70">
  85.  
  86. <meta name="color:permalink background" content="#333333">
  87. <meta name="color:perma notes" content="#ffffff">
  88. <meta name="color:perma notes heart" content="#c45d70">
  89. <meta name="color:perma reblog" content="#aaaaaa">
  90. <meta name="color:perma reblog hover" content="#cccccc">
  91. <meta name="color:perma time" content="#aaaaaa">
  92. <meta name="color:perma portraits border" content="#666666">
  93.  
  94. <meta name="color:tags top border" content="#4f4f4f">
  95. <meta name="color:tags" content="#777777">
  96. <meta name="color:tags background" content="#444444">
  97. <meta name="color:tags hover" content="#aaaaaa">
  98. <meta name="color:tags hover background" content="#666666">
  99.  
  100. <meta name="color:perma2 background" content="#dddddd">
  101. <meta name="color:perma2 text" content="#aaaaaa">
  102. <meta name="color:perma2 links" content="#666666">
  103. <meta name="color:perma2 links hover" content="#aaaaaa">
  104.  
  105. <meta name="color:pagination background 1" content="#c15a6b">
  106. <meta name="color:pagination text 1" content="#ffffff">
  107. <meta name="color:pagination background 2" content="#dfdfdf">
  108. <meta name="color:pagination text 2" content="#767676">
  109.  
  110. <meta name="if:500px posts" content="1">
  111. <meta name="if:400px posts" content="0">
  112. <meta name="if:250px posts" content="0">
  113. <meta name="if:1 column" content="1">
  114. <meta name="if:2 columns" content="0">
  115. <meta name="if:show tags on 1 col" content="1">
  116. <meta name="if:infinite scrolling" content="0">
  117. <meta name="if:fading photos" content="0">
  118. <meta name="if:show captions" content="1">
  119. <meta name="if:music player" content="0">
  120. <meta name="if:monochrome posts" content="0">
  121.  
  122. <meta name="image:background" content="">
  123. <meta name="image:sidebar" content="https://31.media.tumblr.com/da5b2feca7bf1787f20101d95f536309/tumblr_inline_n79663pA1V1rshr70.jpg">
  124. <meta name="image:permalink background" content="">
  125. <meta name="image:music player gif" content="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif">
  126.  
  127. <meta name="text:billy music player code" content="code goes here!">
  128. <meta name="text:song title" content="song title here">
  129. <meta name="text:link 1" content="">
  130. <meta name="text:link 1 URL" content="">
  131. <meta name="text:link 2" content="">
  132. <meta name="text:link 2 URL" content="">
  133. <meta name="text:link 3" content="">
  134. <meta name="text:link 3 URL" content="">
  135. <meta name="text:link 4" content="">
  136. <meta name="text:link 4 URL" content="">
  137. <meta name="text:link 5" content="">
  138. <meta name="text:link 5 URL" content="">
  139. <meta name="text:link 6" content="">
  140. <meta name="text:link 6 URL" content="">
  141.  
  142. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  143. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  144. <link rel="shortcut icon" href="{Favicon}" />
  145.  
  146. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
  147.  
  148. {block:if1column}{block:ifinfinitescrolling}
  149. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  150. {/block:ifinfinitescrolling}{/block:if1column}
  151.  
  152. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  153. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  154. <script>
  155. (function($){
  156. $(document).ready(function(){
  157. $("a[title]").style_my_tooltips({
  158. tip_follows_cursor:true,
  159. tip_delay_time:0,
  160. tip_fade_speed:0,
  161. attribute:"title"
  162. });
  163. });
  164. })(jQuery);
  165. </script>
  166.  
  167. {block:indexpage}
  168. {block:ifnot1column}
  169. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  170.  
  171. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  172.  
  173. <script>
  174. $(function(){
  175. var $container = $('#content');
  176. $container.imagesLoaded(function(){
  177. $container.masonry({
  178. itemSelector: '.posts',
  179. });
  180. });
  181. $container.infinitescroll({
  182. itemSelector : ".posts",
  183. navSelector : "div.pagination",
  184. nextSelector : ".pagination a#next",
  185. loadingImg : "",
  186. loadingText : "<em></em>",
  187. bufferPx : 10000,
  188. extraScrollPx: 12000,
  189. },
  190. // trigger Masonry as a callback
  191. function( newElements ) {
  192. var $newElems = $( newElements ).css({ opacity: 0 });
  193. // ensure that images load before adding to masonry layout
  194. $newElems.imagesLoaded(function(){
  195. $newElems.animate({ opacity: 1 });
  196. $container.masonry( 'appended', $newElems, true );
  197. });
  198. }
  199. );
  200. });
  201. </script>
  202. {/block:ifnot1column}
  203. {/block:indexpage}
  204.  
  205. <style type="text/css">
  206.  
  207. @font-face { font-family: "silkscreen"; src: url('https://dl.dropboxusercontent.com/s/f2dq1vddn86tmb3/slkscr.ttf'); }
  208.  
  209. #tumblr_lightbox {background-color:rgba(255,255,255,0.9)!important;}
  210. #tumblr_lightbox img { opacity:0;padding: 10px;
  211. border: 1px solid #ddd; }
  212. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  213. opacity: 1!important;
  214. box-shadow: 0 0 0 transparent!important;
  215. border-radius: 0!important;
  216. -moz-border-radius: 0!important;
  217. -webkit-border-radius: 0!important;
  218. -o-border-radius: 0!important;
  219. padding: 10px!important;
  220. border: 1px solid #ddd!important;
  221. background-color: #fff!important;
  222. }
  223. #tumblr_lightbox_caption {
  224. color: #aaa!important;
  225. font-family: calibri!important;
  226. font-size: 12px!important;
  227. margin-toP: 30px!important;
  228. text-shadow: 0 0 0 transparent!important;
  229. font-weight: 400!important;
  230. }
  231.  
  232. ::-webkit-scrollbar { width: 7px; }
  233. ::-webkit-scrollbar-track-piece { background-color: {color:scrollbar background}; }
  234. ::-webkit-scrollbar-thumb:vertical {
  235. width: 1px;
  236. background-color: {color:scrollbar};
  237. border-top: 4px solid {color:scrollbar background};
  238. border-right: 3px solid {color:scrollbar background};
  239. border-bottom: 4px solid {color:scrollbar background};
  240. border-left: 3px solid {color:scrollbar background};
  241. }
  242.  
  243. ::selection {background-color:{color:text highlight};color: #fff;}
  244. ::-moz-selection {background-color:{color:text highlight};color: #fff;}
  245. ::-webkit-selection {background-color:{color:text highlight};color:#fff;}
  246.  
  247. #s-m-t-tooltip {
  248. padding: 3px 5px;
  249. margin: 20px 14px 7px 10px;
  250. background-color: {color:tooltip background};
  251. font-family: consolas;
  252. font-size: 8px;
  253. letter-spacing: 1px;
  254. text-transform: uppercase;
  255. color: {color:tooltip text};
  256. z-index: 999;
  257. border: 4px double {color:tooltip border};
  258. }
  259.  
  260. body {
  261. background-color: {color:background};
  262. background-image: url({image:background});
  263. background-attachment: fixed;
  264. margin: 0;
  265. word-wrap: break-word;
  266. }
  267. a { text-decoration:none; }
  268. .pagination {display: none;}
  269.  
  270. #right {
  271. z-index: 1000;
  272. position: fixed;
  273. top: 50px;
  274. {block:if1column}
  275. {block:if500pxposts}left: 680px;{/block:if500pxposts}
  276. {block:if400pxposts}left: 580px;{/block:if400pxposts}
  277. {block:if250pxposts}left: 430px;{/block:if250pxposts}
  278. {/block:if1column}
  279. {block:if2columns}
  280. {block:if250pxposts}left: 730px;{/block:if250pxposts}
  281. {block:if400pxposts}left: 680px;{/block:if400pxposts}
  282. {/block:if2columns}
  283. {block:permalinkpage}
  284. left: 680px;
  285. {/block:permalinkpage}
  286. }
  287. .rightimg { width: 220px; display: block; border-radius: 0 80px 0 0; }
  288. .desc {
  289. width: 200px;
  290. padding: 10px;
  291. font-family: silkscreen;
  292. font-size: 8px;
  293. margin-top: 10px;
  294. text-align: justify;
  295. border-top: 3px solid {color:description borders};
  296. background-color: {color:description background};
  297. text-shadow: 1px 1px 0px {color:description text shadow};
  298. color: {color:description text};
  299. }
  300. .desc a {color: {color:description links};border-bottom:1px solid {color:description links hover};}
  301. .desc a:hover {color: {color:description links hover};}
  302. .desc b,strong { color: {color:description bold};font-weight: 100;}
  303. .desc i,em { color: {color:description italic};}
  304.  
  305. .apo {
  306. font-size: 36px;
  307. color: {color:apostrophe};
  308. font-family: georgia;
  309. float: left;
  310. overflow: hidden;
  311. width: 20px;
  312. padding-left: 2px;
  313. height: 18px;
  314. }
  315. .desctri {
  316. font-size: 28px;
  317. color: {color:description borders};
  318. text-shadow: 0 0 0 transparent;
  319. position: absolute;
  320. margin-top: -33px;
  321. margin-left: 160px;
  322. }
  323.  
  324. .blogt {
  325. font-family: georgia;
  326. padding: 6px 10px;
  327. font-size: 10px;
  328. letter-spacing: 2px;
  329. font-style: italic;
  330. color: {color:blog title};
  331. background-color: {color:blog title background};
  332. border-bottom: 3px solid {color:description borders};
  333. text-align: center;
  334. }
  335.  
  336. #navigation {
  337. position: absolute;
  338. margin-left: 246px;
  339. }
  340.  
  341. .navicon {
  342. color: {color:nav icons};
  343. border: 1px solid {color:nav icons border};
  344. background-color: {color:nav icons background};
  345. padding: 4px 3px 2px 6px;
  346. width: 14px;
  347. height: 16px;
  348. font-size: 13px;
  349. margin: 10px -12px -5px -12px;
  350. }
  351. .navicon a {
  352. color: {color:nav icons};
  353. transition: 0.8s;
  354. -moz-transition: 0.8s;
  355. -webkit-transition: 0.8s;
  356. -o-transition: 0.8s;
  357. }
  358. .navicon a:hover { color: {color:nav icons hover}; }
  359. .navitri {
  360. position: absolute;
  361. color: {color:nav text background};
  362. font-size: 12px;
  363. margin-left: -8px;
  364. margin-top: 4px;
  365. }
  366. .navit {
  367. position: absolute;
  368. margin: -20px 20px;
  369. opacity: 0;
  370. transition: 0.8s;
  371. -moz-transition: 0.8s;
  372. -webkit-transition: 0.8s;
  373. -o-transition: 0.8s;
  374. }
  375. .navit a {
  376. background-color: {color:nav text background};
  377. color: {color:nav text};
  378. padding: 4px 6px;
  379. font-family: silkscreen;
  380. font-size: 8px;
  381. letter-spacing: 1px;
  382. }
  383.  
  384. .navi:hover .navit, .navib:hover .navit {opacity: 1;margin: -20px 30px;}
  385. .navic { margin-left: 20px; }
  386.  
  387. .links {
  388. width: 10000px;
  389. margin: 5px 20px;
  390. border-left: 1px solid {color:nav icons border};
  391. padding: 10px 0;
  392. font-family: georgia;
  393. font-size: 8px;
  394. font-style: italic;
  395. letter-spacing: 1px;
  396. }
  397.  
  398. .links a {
  399. padding: 0 10px;
  400. border-left: 1px solid transparent;
  401. color: {color:custom links};
  402. margin-left: -1px;
  403. transition: 0.8s;
  404. -moz-transition: 0.8s;
  405. -webkit-transition: 0.8s;
  406. -o-transition: 0.8s;
  407. }
  408. .links a:hover {
  409. border-left: 1px solid {color:custom links hover};
  410. margin: 5px 0 5px -1px;
  411. color: {color:custom links hover};
  412. letter-spacing: 3px;
  413. }
  414.  
  415. .navib {
  416. overflow: hidden;
  417. width: 500px;
  418. height: 34px;
  419. margin-left: -20px;
  420. transition: 0.8s;
  421. -moz-transition: 0.8s;
  422. -webkit-transition: 0.8s;
  423. -o-transition: 0.8s;
  424. }
  425.  
  426. .navib:hover {height: 180px;margin-left: -15px;}
  427.  
  428. .naviline {
  429. width: 130px;
  430. height: 1px;
  431. background-color: {color:nav icons border};
  432. position: absolute;
  433. z-index: -100;
  434. margin: 12px -130px;
  435. }
  436. .navi {
  437. transition: 0.8s;
  438. -moz-transition: 0.8s;
  439. -webkit-transition: 0.8s;
  440. -o-transition: 0.8s;
  441. }
  442. .navi:hover {margin-left: 5px;}
  443.  
  444. #left {
  445. position: fixed;
  446. top: 0;
  447. left: 0;
  448. width: 120px;
  449. height: 100%;
  450. background-color: {color:permalink background};
  451. background-image: url({image:permalink background});
  452. overflow: hidden;
  453. }
  454.  
  455. #content {
  456.  
  457. {block:if1column}
  458. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  459. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  460. {block:if250pxposts}width: 250px;{/block:if250pxposts}
  461. {block:if1column}
  462.  
  463. {block:if2columns}
  464. {block:if250pxposts}width: 620px;{/block:if250pxposts}
  465. {block:if400pxposts}width: 820px;{/block:if400pxposts}
  466. {block:if2columns}
  467.  
  468. {block:permalinkpage}
  469. width: 520px;
  470. {/block:permalinkpage}
  471.  
  472. margin-top: 20px;
  473. margin-left: 140px;
  474. margin-bottom: 20px;
  475. position: relative;
  476. z-index: 1;
  477. }
  478.  
  479. .posts {
  480. {block:indexpage}
  481.  
  482. {block:if1column}
  483. {block:if500pxposts}
  484. width:500px;
  485. margin-bottom:20px;
  486. {/block:if500pxposts}
  487. {block:if400pxposts}
  488. width:400px;
  489. margin-bottom:20px;
  490. {/block:if400pxposts}
  491. {block:if250pxposts}
  492. width: 250px;
  493. float: left;
  494. display: block;
  495. overflow: hidden;
  496. margin: 0 0 20px 0;
  497. {/block:if250pxposts}
  498. {/block:if1column}
  499.  
  500. {block:ifnot1column}
  501. {block:if250pxposts}
  502. width: 250px;
  503. float: left;
  504. display: block;
  505. overflow: hidden;
  506. margin: 0 10px 20px 10px;
  507. {/block:if250pxposts}
  508. {block:if400pxposts}
  509. width: 400px;
  510. float: left;
  511. display: block;
  512. overflow: hidden;
  513. margin: 0 5px 10px 5px;
  514. {/block:if400pxposts}
  515. {block:ifnot1column}
  516.  
  517. {/block:indexpage}
  518.  
  519. {block:permalinkpage}
  520. width: 500px;
  521. {/block:permalinkpage}
  522.  
  523. padding: 10px;
  524. background-color: {color:post background};
  525.  
  526. transition: 0.6s;
  527. -moz-transition: 0.6s;
  528. -webkit-transition: 0.6s;
  529. -o-transition: 0.6s;
  530. }
  531.  
  532. .photo {
  533. {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
  534. {block:if400pxposts}max-width: 400px;{/block:if400pxposts}
  535. {block:if250pxposts}max-width: 250px;{/block:if250pxposts}
  536. {block:permalinkpage}{block:if250pxposts}max-width: 500px;{/block:if250pxposts}{/block:permalinkpage}
  537. {block:iffadingphotos}
  538. opacity: 0.7;
  539. {/block:iffadingphotos}
  540. {block:ifmonochromeposts}
  541. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  542. filter: gray; /* IE6-9 */
  543. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  544. {/block:ifmonochromeposts}
  545. transition: 0.6s;
  546. -moz-transition: 0.6s;
  547. -webkit-transition: 0.6s;
  548. -o-transition: 0.6s;
  549. }
  550. .photo:hover {
  551. opacity: 1;
  552. {block:ifmonochromeposts}
  553. filter: none;
  554. -webkit-filter: grayscale(0%);
  555. {/block:ifmonochromeposts}
  556. }
  557.  
  558. #content img {
  559. {block:indexpage}
  560. {block:if500pxposts}max-width: 470px;{/block:if500pxposts}
  561. {block:if400pxposts}max-width: 370px;{/block:if400pxposts}
  562. {block:if250pxposts}max-width: 220px;{/block:if250pxposts}
  563. {/block:indexpage}
  564.  
  565. {block:permalinkpage}
  566. {block:if500pxposts}max-width: 470px;{/block:if500pxposts}
  567. {block:if400pxposts}max-width: 470px;{/block:if400pxposts}
  568. {block:if250pxposts}max-width: 470px;{/block:if250pxposts}
  569. {/block:permalinkpage}
  570. }
  571. #content blockquote img {max-width: 100%;}
  572.  
  573. .qpost {padding: 30px 10px;background-color:{color:caption background};}
  574.  
  575. .text, .ctext, .atext {
  576. margin-top: -4px;
  577. background-color: {color:caption background};
  578. padding: 5px 15px;
  579. font-family: georgia;
  580. font-size: 10px;
  581. color: {color:body text};
  582. text-align: justify;
  583. }
  584. .ctext { background-color: transparent; padding: 0; }
  585. .atext { margin-top: 10px; }
  586.  
  587. blockquote {
  588. border-left: 1px solid {color:blockquote};
  589. padding: 0 10px;
  590. margin: 5px;
  591. }
  592.  
  593. .line {
  594. text-align: left;
  595. margin: 3px 0;
  596. background-color: {color:caption background};
  597. }
  598.  
  599. .line {padding: 6px 10px;color:{color:chat odd text};}
  600. .even .line {padding: 6px 10px;color:{color:chat even text};}
  601. .odd .name {background-color: {color:chat odd name background};color: {color:chat odd name};padding: 1px 3px;margin: 0 4px 0 -3px;}
  602. .even .name {background-color: {color:chat even name background};color: {color:chat even name};padding: 1px 3px;margin: 0 4px 0 -3px;}
  603.  
  604. .ptitle, .ltitle {
  605. background-color: {color:post title background};
  606. color: {color:post title text};
  607. text-align: center;
  608. font-family: georgia;
  609. font-style: italic;
  610. font-size: 14px;
  611. line-height: 20px;
  612. letter-spacing: 5px;
  613. padding: 20px 20px;
  614. margin: 5px 0;
  615. }
  616. .ltitle {
  617. background-color: {color:link post background};
  618. color: {color:link post text};
  619. transition: 1s;
  620. -moz-transition: 1s;
  621. -webkit-transition: 1s;
  622. -o-transition: 1s;
  623. }
  624. .ltitle:hover {
  625. background-color: {color:link post hover background};
  626. color: {color:link post hover text};
  627. }
  628.  
  629. .audiopost { height: 150px; }
  630.  
  631. .albumno {
  632. width: 150px;
  633. height: 150px;
  634. background-color: #aaaaaa;
  635. position: absolute;
  636. z-index: 1;
  637. {block:indexpage}{block:if250pxposts}
  638. width: 250px;
  639. height: 250px;
  640. {/block:if250pxposts}{/block:indexpage}
  641. }
  642.  
  643. .albumartp {
  644. width: 150px;
  645. height: 150px;
  646. position: relative;
  647. z-index: 2;
  648. display: block;
  649. {block:indexpage}{block:if250pxposts}
  650. width: 250px;
  651. height: 250px;
  652. {/block:if250pxposts}{/block:indexpage}
  653. }
  654.  
  655. .albumart {
  656. width: 150px;
  657. height: 150px;
  658. display: block;
  659. position: relative;
  660. {block:indexpage}{block:if250pxposts}
  661. width: 250px;
  662. height: 250px;
  663. {/block:if250pxposts}{/block:indexpage}
  664. }
  665.  
  666. .audioplayer {
  667. position: absolute;
  668. z-index: 11;
  669. margin-top: -90px;
  670. margin-left: 65px;
  671. width: 25px;
  672. height: 25px;
  673. overflow: hidden;
  674. opacity: 0.5;
  675. z-index: 10;
  676. {block:indexpage}{block:if250pxposts}
  677. margin-top: -140px;
  678. margin-left: 115px;
  679. {/block:if250pxposts}{/block:indexpage}
  680. transition: 0.6s;
  681. -moz-transition: 0.6s;
  682. -webkit-transition: 0.6s;
  683. -o-transition: 0.6s;
  684. }
  685. .audioplayer:hover {opacity: 1;}
  686.  
  687. .audioinfo {
  688. position: absolute;
  689. margin-left: 155px;
  690. height: 150px;
  691. }
  692.  
  693. .aline {
  694. {block:if500pxposts}width: 325px;{/block:if500pxposts}
  695. {block:if400pxposts}width: 225px;{/block:if400pxposts}
  696. {block:indexpage}{block:if250pxposts}margin-top: 5px;{/block:if250pxposts}{/block:indexpage}
  697. font-family: silkscreen;
  698. font-size: 8px;
  699. padding: 13px 10px;
  700. margin-bottom: 5px;
  701. text-transform: uppercase;
  702. background-color: {color:audio info background};
  703. color: {color:audio info text};
  704. }
  705. .aline b,strong { color: #ffffff; background-color: {color:body bold};padding: 5px 8px; }
  706.  
  707. .quote {
  708. font-family: georgia;
  709. text-align: center;
  710. font-size: 14px;
  711. line-height: 14px;
  712. font-style: italic;
  713. color: {color:quote};
  714. }
  715. .qsrc {color:{color:quote source};text-align:center;font-family:silkscreen;font-size:8px;}
  716. .askerportrait {
  717. max-width: 64px;
  718. max-height: 64px;
  719. position: absolute;
  720. border: 10px solid {color:ask background};
  721. float: left;
  722. }
  723. .a {
  724. margin-left: 100px;
  725. background-color: {color:ask background};
  726. min-height: 64px;
  727. padding: 10px;
  728. font-family: georgia;
  729. font-size: 10px;
  730. color: {color:ask text};
  731. text-align: justify;
  732. }
  733. .asker {
  734. color: {color:asker text};
  735. font-family: georgia;
  736. font-size: 10px;
  737. }
  738. .q {margin-top: 10px;}
  739. .tri {
  740. position: absolute;
  741. font-size: 30px;
  742. margin: 20px 0 0 85px;
  743. color: {color:ask background};
  744. }
  745.  
  746. .permainfo {
  747. margin-top: 10px;
  748. width: 480px;
  749. padding: 20px;
  750. font-family: silkscreen;
  751. font-size: 8px;
  752. text-align: center;
  753. background-color: {color:post background};
  754. color: {color:body text};
  755. }
  756.  
  757. #notecon {
  758. padding: 10px;
  759. width: 500px;
  760. text-align: left;
  761. background-color: {color:post background};
  762. color: {color:body text};
  763. font-family: consolas;
  764. font-size: 11px;
  765. margin-top: 10px;
  766. }
  767.  
  768. #notecon ol.notes {
  769. list-style-type: none;
  770. font-size: 11px;
  771. color: {color:body text};
  772. font-family: calibri;
  773. text-decoration: none;
  774. margin: 0;
  775. width: 500px;
  776. padding: 5px;
  777. text-align: left;
  778. }
  779. #notecon ol.notes a {
  780. color: {color:body links};
  781. -webkit-transition: all 0.4s ease-in-out;
  782. -moz-transition: all 0.4s ease-in-out;
  783. -o-transition: all 0.4s ease-in-out;
  784. -ms-transition: all 0.4s ease-in-out;
  785. transition: all 0.4s ease-in-out;}
  786. #notecon ol.notes a:hover {color:{color:body links};}
  787. #notecon img.avatar {
  788. margin-right: 5px;
  789. width: 10px;
  790. height: 10px;
  791. float: left;
  792. }
  793.  
  794. .text b,strong, .permainfo b,strong, .ctext b,strong, .atext b,strong {
  795. color: {color:body bold};
  796. font-weight: 400;
  797. background: transparent;
  798. padding: 0;
  799. }
  800. .text i,em, .permainfo a, .ctext i,em, .atext i,em {
  801. color: {color:body italic};
  802. transition: 0.6s;
  803. -moz-transition: 0.6s;
  804. -webkit-transition: 0.6s;
  805. -o-transition: 0.6s;
  806. }
  807.  
  808. .text a, #notecon a, .qsrc a, .ctext a, .atext a, .asker a {
  809. color: {color:body links};
  810. border-bottom: 1px solid transparent;
  811. transition: 0.6s;
  812. -moz-transition: 0.6s;
  813. -webkit-transition: 0.6s;
  814. -o-transition: 0.6s;
  815. border-bottom: 1px solid {color:body links hover};
  816. }
  817. .text a:hover, .ptags a:hover, .permainfo a:hover, #notecon a:hover, .qsrc a:hover, .ctext a:hover, .atext a:hover, .asker a:hover {
  818. color: {color:body links hover};
  819. font-style: italic;
  820. border-bottom: 1px solid {color:body links hover};
  821. }
  822.  
  823. #perma {
  824. position: absolute;
  825. width: 90px;
  826. padding: 5px;
  827. margin: 0 -140px;
  828. }
  829.  
  830. .pnotes {
  831. font-family: georgia;
  832. font-size: 20px;
  833. color: {color:perma notes};
  834. font-style: italic;
  835. text-align: right;
  836. }
  837. .pnotes a {
  838. color: {color:perma notes};
  839. }
  840. .noteheart {
  841. font-size: 14px;
  842. font-style: normal;
  843. color: {color:perma notes heart};
  844. }
  845. .notere {
  846. font-style: normal;
  847. font-size: 14px;
  848. color: {color:perma reblog};
  849. margin-right: 8px;
  850. transition: 0.6s;
  851. -moz-transition: 0.6s;
  852. -webkit-transition: 0.6s;
  853. -o-transition: 0.6s;
  854. }
  855. .notere:hover {
  856. color: {color:perma reblog hover};
  857. }
  858. .ptime {
  859. font-family: silkscreen;
  860. font-size: 8px;
  861. text-align: right;
  862. color: {color:perma time};
  863. margin-top: 3px;
  864. }
  865.  
  866. .pre {
  867. margin-top: 10px;
  868. }
  869. .preicon {
  870. width: 24px;
  871. height: 24px;
  872. margin-left: 20px;
  873. margin-right: -12px;
  874. border: 4px solid {color:perma portraits border};
  875. border-radius: 1000px;
  876. }
  877. .prtags {
  878. text-align: right;
  879. margin-top: 10px;
  880. border-top: 1px solid {color:tags top border};
  881. padding-top: 5px;
  882. line-height: 13px;
  883. }
  884.  
  885. .prtags a {
  886. font-family: silkscreen;
  887. font-size: 8px;
  888. background-color: {color:tags background};
  889. color: {color:tags};
  890. padding: 3px 4px;
  891. transition: 0.6s;
  892. -moz-transition: 0.6s;
  893. -webkit-transition: 0.6s;
  894. -o-transition: 0.6s;
  895. }
  896. .prtags a:hover {
  897. background-color: {color:tags hover background};
  898. color: {color:tags hover};
  899. }
  900.  
  901. .permaa {
  902. font-family: silkscreen;
  903. font-size: 8px;
  904. text-align: center;
  905. padding: 6px 5px;
  906. background-color: {color:perma2 background};
  907. color: {color:perma2 text};
  908. }
  909. .permaa a {
  910. color: {color:perma2 links};
  911. transition: 0.6s;
  912. -moz-transition: 0.6s;
  913. -webkit-transition: 0.6s;
  914. -o-transition: 0.6s;
  915. }
  916.  
  917. .perma a:hover {color: {color:perma2 links hover};}
  918.  
  919. .w1 { background-color: #000;padding: 5px 20px; color: #fff; }
  920. .w2 {font-family: consolas;font-size: 11px;text-align: left;padding: 10px;width: 326px;margin: 0 auto;background-color: #eee;}
  921. .w3 {letter-spacing:5px;border-bottom:1px solid #777;text-align:center;margin-bottom: 5px;}
  922. #warning {position: fixed;width: 100%;height: 100%;background-color: #fff;z-index:-1000000;top: 0;left: 0;text-align: center;padding-top: 200px;font-family: georgia;font-size: 16px;opacity: 0;
  923. {block:if500pxposts}
  924. {block:if400pxposts}opacity:1;z-index:100000;{/block:if400pxposts}
  925. {block:if250pxposts}opacity:1;z-index:100000;{/block:if250pxposts}
  926. {block:if400pxposts}{block:if250pxposts}opacity:1;z-index:100000;{/block:if250pxposts}{/block:if400pxposts}
  927. {/block:if500pxposts}
  928. {block:if400pxposts}{block:if250pxposts}opacity:1;z-index:100000;{block:if250pxposts}{block:if400pxposts}
  929. {block:if1column}
  930. {block:if2columns}opacity:1;z-index:100000;{/block:if2columns}
  931. {/block:if1column}
  932. {block:if2columns}{block:if3columns}opacity:1;z-index:100000;{block:if3columns}{block:if2columns}
  933. {block:if2columns}{block:if500pxposts}opacity:1;z-index:100000;{/block:if500pxposts}{/block:if2columns}
  934. {block:ifnot500pxposts}{block:ifnot400pxposts}{block:ifnot250pxposts}opacity:1;z-index:100000;{/block:ifnot250pxposts}{/block:ifnot400pxposts}{/block:ifnot500pxposts}
  935. {block:ifnot1column}{block:ifnot2columns}opacity:1;z-index:100000;{/block:ifnot2columns}{/block:ifnot1column}
  936. }
  937.  
  938. .musiccon {
  939. padding: 4px 3px 2px 6px;
  940. width: 14px;
  941. height: 16px;
  942. background-color: {color:nav icons background};
  943. margin: -4px -6px;
  944. overflow: hidden;
  945. }
  946.  
  947. .music {
  948. padding: 4px 3px 2px 6px;
  949. width: 14px;
  950. height: 16px;
  951. margin: -6px -30px;
  952. transition: 0.6s;
  953. -moz-transition: 0.6s;
  954. -webkit-transition: 0.6s;
  955. -o-transition: 0.6s;
  956. }
  957.  
  958. .musicplayergif {
  959. margin: -2px 22px;
  960. transition: 0.6s;
  961. -moz-transition: 0.6s;
  962. -webkit-transition: 0.6s;
  963. -o-transition: 0.6s;
  964. }
  965. .navicon:hover .musicplayergif {
  966. margin: -2px 50px;
  967. }
  968. .navicon:hover .music {
  969. margin: -24px -30px;
  970. }
  971.  
  972. #pagi {
  973. width: 220px;
  974. padding: 10px 0 50px 0;
  975. text-align: center;
  976. font-family: georgia;
  977. font-size: 10px;
  978. }
  979.  
  980. .jump_page {
  981. color: {color:pagination text 1};
  982. background-color: {color:pagination background 1};
  983. padding: 2px 5px;
  984. transition: 0.6s;
  985. -moz-transition: 0.6s;
  986. -webkit-transition: 0.6s;
  987. -o-transition: 0.6s;
  988. }
  989.  
  990. .jump_page:hover {
  991. color: {color:pagination text 2};
  992. background-color: {color:pagination background 2};
  993. }
  994.  
  995. .current_page {
  996. padding: 2px 5px;
  997. color: {color:pagination text 2};
  998. background-color: {color:pagination background 2};
  999. }
  1000.  
  1001. {CustomCSS}
  1002.  
  1003. </style>
  1004. </head>
  1005. <body>
  1006.  
  1007. <div id="warning">
  1008. <span class="w1">Please pick only 1 post size and/or column!!</span>
  1009. <div class="w2">
  1010. <div class="w3">CHOOSE YOUR COMBO!</div>
  1011. 1 column - 500px posts / 400px posts / 250px posts <br>
  1012. 2 columns - 250px posts only<br>
  1013. </div><!--w2-->
  1014. </div>
  1015.  
  1016. <div id="right">
  1017.  
  1018. <div id="navigation">
  1019.  
  1020. <div class="navi">
  1021. <div class="naviline"></div>
  1022. <div class="navicon"><a href="/"><span class="fas fa-power-off"></span></a></div>
  1023. <div class="navit"><div class="navitri">◀</div><a href="/">restart</a></div>
  1024. </div><!--navi-->
  1025.  
  1026. <div class="navi">
  1027. <div class="naviline"></div>
  1028. <div class="navicon"><a href="/ask"><span class="fas fa-comment"></span></a></div>
  1029. <div class="navit"><div class="navitri">◀</div><a href="/ask">contact</a></div>
  1030. </div><!--navi-->
  1031.  
  1032. <div class="navi">
  1033. <div class="naviline"></div>
  1034. <div class="navicon"><a href="/archive"><span class="fas fa-folder-open"></span></a></div>
  1035. <div class="navit"><div class="navitri">◀</div><a href="/archive">memories</a></div>
  1036. </div><!--navi-->
  1037.  
  1038. <div class="navi">
  1039. <div class="naviline"></div>
  1040. <div class="navicon"><a href="http://yukoki.tumblr.com"><span class="fas fa-save"></span></a></div>
  1041. <div class="navit"><div class="navitri">◀</div><a href="http://yukoki.tumblr.com">theme</a></div>
  1042. </div><!--navi-->
  1043.  
  1044. {block:ifmusicplayer}
  1045. <div class="navi">
  1046. <div class="naviline"></div>
  1047. <div class="navicon">
  1048. <div class="musiccon">
  1049. <div class="music">
  1050. <img class="musicplayergif" src="{image:music player gif}">
  1051. {text:billy music player code}
  1052. </div><!--music-->
  1053. </div><!--musiccon-->
  1054. </div><!--navicon-->
  1055. <div class="navit"><div class="navitri">◀</div><a href="/">{text:song title}</a></div>
  1056. </div><!--navi-->
  1057. {/block:ifmusicplayer}
  1058.  
  1059. <div class="navib">
  1060. <div class="navic">
  1061. <div class="naviline"></div>
  1062. <div class="navicon"><a href="/"><span class="fontawesome-plus"></span></a></div>
  1063. <div class="navit"><div class="navitri">◀</div><a href="/">links</a></div>
  1064. </div><!--navic-->
  1065.  
  1066. <div class="links">
  1067. {block:iflink1}<a href="{text:link 1 url}">+ {text:link 1}</a><br>{/block:iflink1}
  1068. {block:iflink2}<a href="{text:link 2 url}">+ {text:link 2}</a><br>{/block:iflink2}
  1069. {block:iflink3}<a href="{text:link 3 url}">+ {text:link 3}</a><br>{/block:iflink3}
  1070. {block:iflink4}<a href="{text:link 4 url}">+ {text:link 4}</a><br>{/block:iflink4}
  1071. {block:iflink5}<a href="{text:link 5 url}">+ {text:link 5}</a><br>{/block:iflink5}
  1072. {block:iflink6}<a href="{text:link 6 url}">+ {text:link 6}</a>{/block:iflink6}
  1073. </div><!--links-->
  1074.  
  1075. </div><!--navib-->
  1076. </div><!--navigation-->
  1077.  
  1078. <img class="rightimg" src="{image:sidebar}">
  1079. <div class="desc"><div class="desctri">▲</div><span class="apo">“</span>{description}</div>
  1080. <div class="blogt">{title}</div>
  1081.  
  1082. {block:indexpage}{block:if1column}{block:ifnotinfinitescrolling}
  1083. <div id="pagi">{block:pagination}
  1084. {block:PreviousPage}
  1085. <a href="{PreviousPage}" class="jump_page">←</a>
  1086. {/block:PreviousPage}
  1087. {block:JumpPagination length="7"}
  1088. {block:CurrentPage}
  1089. <span class="current_page">{CurrentPage}</span>
  1090. {/block:CurrentPage}
  1091. {block:JumpPage}
  1092. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1093. {/block:JumpPage}
  1094. {/block:JumpPagination}
  1095. {block:NextPage}
  1096. <a href="{NextPage}" class="jump_page">→</a>
  1097. {/block:NextPage}
  1098. {/block:pagination}</div><!--pagi-->
  1099. {/block:ifnotinfinitescrolling}{/block:if1column}{/block:indexpage}
  1100.  
  1101. </div><!--right-->
  1102.  
  1103. <div id="left">
  1104. </div><!--left-->
  1105.  
  1106. <div id="content">
  1107. {block:Posts}
  1108. <div class="posts">
  1109.  
  1110. {block:indexpage}{block:date}
  1111.  
  1112. <div id="perma">
  1113.  
  1114. <div class="pnotes">
  1115. <a href="{ReblogURL}"><span class="notere"><span class="fontawesome-refresh"></span></span></a><a href="{permalink}"><span class="noteheart">♥</span> {NoteCount}</div></a>
  1116. <div class="ptime">- {timeago}</div>
  1117. {block:RebloggedFrom}<div class="pre">
  1118. <a title="via {ReblogParentName}" href="{ReblogParentURL}"><img class="preicon" src="{ReblogParentPortraitURL-24}"></a><a title="originally {ReblogRootName}" href="{ReblogRootURL}"><img class="preicon" src="{ReblogRootPortraitURL-24}"></a>
  1119. </div><!--pre-->{/block:RebloggedFrom}
  1120. {block:ifshowtagson1col}
  1121. {block:HasTags}<div class="prtags">{block:Tags}
  1122. <a href="{TagURL}">{Tag}</a><br>
  1123. {/block:Tags}</div>{/block:HasTags}
  1124. {/block:ifshowtagson1col}
  1125. </div><!--perma-->
  1126.  
  1127. {/block:date}{/block:indexpage}
  1128.  
  1129. {block:Quote}<div class="qpost">
  1130. <div class="quote">"{Quote}"</div> <div class="qsrc">- {Source} -</div>
  1131. </div>
  1132. {/block:Quote}
  1133.  
  1134. {block:Link}
  1135. <a href="{URL}"><div class="ltitle">{Name}</div></a>
  1136. {block:Description}<div class="text">{Description}</div>{block:Description}
  1137. {/block:Link}
  1138.  
  1139. {block:Chat}
  1140. {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
  1141. <div class="ctext">
  1142. {block:Lines}<div class="{Alt}">
  1143. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1144. {/block:Lines}
  1145. </div>
  1146. {/block:Chat}
  1147.  
  1148. {block:Photo}
  1149. {linkopentag}<center><img class="photo" src="{PhotoURL-500}"></center>{linkclosetag}
  1150. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1151. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1152. <div class="text">{Caption}</div>
  1153. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1154. {/block:Photo}
  1155.  
  1156. {block:Photoset}
  1157. {block:indexpage}{block:if250pxposts}{block:ifnot1column}
  1158. {/block:ifnot1column}{/block:if250pxposts}{/block:indexpage}
  1159. {block:indexpage}
  1160. {block:if500pxposts}<div class="photo">{Photoset-500}</div>{/block:if500pxposts}
  1161. {block:if400pxposts}<div class="photo">{Photoset-400}</div>{/block:if400pxposts}
  1162. {block:if250pxposts}<div class="photo">{Photoset-250}</div>{/block:if250pxposts}
  1163. {/block:indexpage}
  1164. {block:permalinkpage}
  1165. {block:if500pxposts}<div class="photo">{Photoset-500}</div>{/block:if500pxposts}
  1166. {block:if400pxposts}<div class="photo">{Photoset-500}</div>{/block:if400pxposts}
  1167. {block:if250pxposts}<div class="photo">{Photoset-500}</div>{/block:if250pxposts}
  1168. {/block:permalinkpage}
  1169.  
  1170. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1171. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1172. <div class="text">{Caption}</div>
  1173. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1174. {block:if250pxposts}{block:if1column}
  1175. {/block:if1column}{block:if250pxposts}
  1176.  
  1177. {/block:Photoset}
  1178.  
  1179. {block:Text}
  1180. {block:title}<div class="ptitle">{Title}</div>{/block:title}
  1181. <div class="text">{Body}</div>
  1182. {block:if250pxposts}
  1183. {block:if250pxposts}
  1184. {/block:Text}
  1185.  
  1186. {block:Audio}
  1187. {block:indexpage}
  1188. {block:ifnot250pxposts}
  1189. <div class="audiopost">
  1190. <div class="audioinfo">
  1191. {block:trackname}<div class="aline"><b>track name</b> {trackname}</div>{/block:trackname}
  1192. {block:artist}<div class="aline"><b>artist</b> {artist}</div>{/block:artist}
  1193. {block:album}<div class="aline"><b>album</b> {album}</div>{/block:album}
  1194. {block:playcount}<div class="aline"><b>play count</b> {playcount}</div>{/block:playcount}
  1195. </div><!--audioinfo-->
  1196. {/block:ifnot250pxposts}
  1197. {/block:indexpage}
  1198. {block:permalinkpage}
  1199. <div class="audioinfo">
  1200. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1201. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1202. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1203. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1204. </div><!--audioinfo-->
  1205. {/block:permalinkpage}
  1206. <div class="albumart"><div class="albumno"></div>{block:AlbumArt}<img class="albumartp" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1207. <div class="audioplayer">{AudioPlayer}</div>
  1208. {block:indexpage}{block:ifnot250pxposts}</div><!--audiopost-->{/block:ifnot250pxposts}{/block:indexpage}
  1209. {block:indexpage}{block:if250pxposts}
  1210. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1211. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1212. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1213. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1214. {/block:if250pxposts}{/block:indexpage}
  1215. {block:IfShowCaptions}{block:Caption}<div class="atext">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1216. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1217. <div class="text">{Caption}</div>
  1218. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1219. {/block:Audio}
  1220.  
  1221. {block:Video}
  1222. {block:indexpage}
  1223. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1224. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1225. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  1226. {/block:indexpage}
  1227. {block:permalinkpage}
  1228. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1229. {block:if400pxposts}{Video-500}{/block:if400pxposts}
  1230. {block:if250pxposts}{Video-500}{/block:if250pxposts}
  1231. {/block:permalinkpage}
  1232. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1233. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1234. <div class="text">{Caption}</div>
  1235. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1236. {/block:Video}
  1237.  
  1238. {block:Answer}
  1239. <img class="askerportrait" src="{AskerPortraitURL-64}">
  1240. <div class="tri">◀</div>
  1241. <div class="a">
  1242. <span class="asker">{Asker} whispered:</span>
  1243. <span class="q">{Question}</span>
  1244. </div>
  1245. <div class="atext">{Answer}</div>
  1246. {/block:Answer}
  1247.  
  1248. {block:indexpage}
  1249. {block:if250pxposts}{block:if2columns}{block:date}
  1250. <div class="permaa">
  1251. <a href="{permalink}">{NoteCountWithLabel}</a> - <a href="{permalink}">{TimeAgo}</a> - <a href="{ReblogURL}">reblog</a>
  1252. </div>
  1253. {/block:date}{/block:if2columns}{/block:if250pxposts}
  1254. {/block:indexpage}
  1255.  
  1256. </div><!--posts-->
  1257.  
  1258. {block:permalinkpage}
  1259. {block:date}<div class="permainfo">
  1260. Posted on <b>{DayOfMonth} {Month} {Year}</b>, at <b>{12Hour}.{Minutes}{AmPm}</b>, with <b>{NoteCountWithLabel}</b><br>
  1261. {block:RebloggedFrom}
  1262. Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  1263. {/block:RebloggedFrom}
  1264. {block:HasTags}<div class="ptags">{block:Tags}
  1265. <a href="{TagURL}">#{Tag} </a>
  1266. {/block:Tags}</div>{/block:HasTags}
  1267. </div>{/block:date}
  1268. {block:date}{block:NoteCount}<div id="notecon">
  1269. {PostNotes-16}
  1270. </div><!--notecon-->{/block:NoteCount}{/block:date}
  1271. {/block:permalinkpage}
  1272.  
  1273. {/block:Posts}
  1274. {block:ContentSource}
  1275. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1276. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1277. {/block:SourceLogo}
  1278. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1279. {/block:ContentSource}
  1280.  
  1281. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1282.  
  1283. </div><!--content-->
  1284.  
  1285. <div class="pagination">
  1286. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1287. </div>
  1288.  
  1289. </body>
  1290. </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!