Advertisement
gasphard-ulliel

004: Ablaze

Jun 22nd, 2013
4,056
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.66 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <html>
  5.  
  6. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  7. <script src="/path/to/jquery.masonry.min.js"></script>
  8.  
  9.  
  10. <!--DEFAULT VARIABLES-->
  11. <meta name="if:Biggerposts" content="0">
  12. <meta name="if:Tags" content="1">
  13. <meta name="if:Caption" content="1">
  14. <meta name="if:Grayscale" content="0">
  15. <meta name="if:EndlessScrolling" content="0">
  16. <meta name="image:Sidebar" content="">
  17. <meta name="image:Background" content="">
  18. <meta name="image:Background2" content="http://static.tumblr.com/qdohxsb/UsYmos8vk/micro_carbon.png">
  19.  
  20.  
  21. <!--DEFAULT COLORS-->
  22. <meta name="color:Ask Background" content="#202020">
  23. <meta name="color:Text" content="#7a7a7a">
  24. <meta name="color:Background" content="#222222">
  25. <meta name="color:Title" content="#a09e9e">
  26. <meta name="color:Links" content="#949393">
  27. <meta name="color:Notes" content="#686868">
  28. <meta name="color:Hover" content="#798899">
  29. <meta name="color:Description" content="#292929">
  30. <meta name="color:Description Text" content="#c9c9c9">
  31. <meta name="color:Scrollbar" content="#2f2f30">
  32. <meta name="color:Posts" content="#303030">
  33. <meta name="color:Scrollbar Background" content="#222222">
  34.  
  35. <!--DEFAULT LINKS-->
  36. <meta name="text:Link01" content="http://">
  37. <meta name="text:Link02" content="http://">
  38. <meta name="text:Link03" content="http://">
  39. <meta name="text:Link04" content="http://">
  40. <meta name="text:Title01" content="link 01">
  41. <meta name="text:Title02" content="link 02">
  42. <meta name="text:Title03" content="link 03">
  43. <meta name="text:Title04" content="link 04">
  44.  
  45. <head>
  46.  
  47.  
  48.  
  49. <title>{Title}</title>
  50. <link rel="shortcut icon" href="{favicon}">
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52. {block:description}
  53. <meta name="description" content="{MetaDescription}"/>
  54. {/block:description}
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
  57.  
  58. <script type="text/javascript"
  59. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  60.  
  61. <style type="text/css">
  62.  
  63. body {
  64. font-family: cambria;
  65. font-size: 12px;
  66. background-color: {color:background};
  67. background-image: url('{image:background}');
  68. background-attachment: fixed;
  69. text-align: justify;
  70. }
  71.  
  72.  
  73. a:link, a:active, a:visited {
  74. color: {color:links};
  75. text-decoration: none;
  76. transition: all 0.6s ease-out;
  77. -webkit-transition: all 0.6s ease-out;
  78. -moz-transition: all 0.6s ease-out;
  79. -o-transition: all 0.6s ease-out;
  80. }
  81.  
  82. a:hover {
  83. color: {color:hover};
  84. transition: all 0.6s ease-out;
  85. -webkit-transition: all 0.6s ease-out;
  86. -moz-transition: all 0.6s ease-out;
  87. -o-transition: all 0.6s ease-out;
  88. }
  89.  
  90. ::-webkit-scrollbar-thumb {
  91. background-color: {color:scrollbar};
  92. height: 10px;
  93. }
  94.  
  95. ::-webkit-scrollbar {
  96. width:9px;
  97. background-color: {color:scrollbar background};
  98. }
  99.  
  100. /*SIDEBAR*/
  101.  
  102. #containuh {
  103. margin-left:0px;
  104. margin-top:-10px;
  105. width: 340px;
  106. position: fixed;
  107. }
  108.  
  109. .sidebar {
  110. height: 110%;
  111. width: 340px;
  112. position: fixed;
  113. margin-left: -10px;
  114. overflow: hidden;
  115. border-right: 10px solid {color:posts};
  116. }
  117.  
  118. #container3 {
  119. position: fixed;
  120. bottom: 20px;
  121. left: 20px;
  122. }
  123.  
  124. .description {
  125. min-height: 20px;
  126. padding: 10px;
  127. width: 280px;
  128. opacity: 1;
  129. margin-top: 20px;
  130. background-color: {color:description};
  131. color: {color:description text};
  132. text-align: justify;
  133. opacity: 0.8;
  134. position: auto;
  135. -webkit-transition: all 0.6s ease-out;
  136. -moz-transition: all 0.6s ease-out;
  137. -o-transition: all 0.6s ease-out;
  138. }
  139.  
  140. .description:hover {
  141. opacity: 1;
  142. -webkit-transition: all 0.6s ease-out;
  143. -moz-transition: all 0.6s ease-out;
  144. -o-transition: all 0.6s ease-out;
  145. }
  146.  
  147. .bannerlink {
  148. position: absolute;
  149. width: 300px;
  150. text-align: center;
  151. margin-top: 0px;
  152. }
  153.  
  154. .bannerlink a {
  155. display: inline;
  156. font-size: 11px;
  157. text-align: center;
  158. margin: 2px;
  159. text-transform: uppercase;
  160. font-family: 'ubuntu condensed', sans-serif;
  161. color: {color:description text};
  162. background-color: {color:description};
  163. padding: 2px 4px 2px 4px;
  164. -webkit-transition: all 0.2s ease-out;
  165. -moz-transition: all 0.2s ease-out;
  166. -o-transition: all 0.2s ease-out;
  167. }
  168.  
  169. .bannerlink:hover a {
  170. opacity: 0.6;
  171. color: {color:description text};
  172. -webkit-transition: all 0.2s ease-out;
  173. -moz-transition: all 0.2s ease-out;
  174. -o-transition: all 0.2s ease-out;
  175. }
  176.  
  177. .bannerlink a:hover {
  178. opacity: 1;
  179. text-shadow: 0px 0px 4px {color:posts};
  180. -webkit-transition: all 0.2s ease-out;
  181. -moz-transition: all 0.2s ease-out;
  182. -o-transition: all 0.2s ease-out;
  183. }
  184.  
  185. #background2 {
  186. {block:IfBiggerPosts}left: 950px;{/block:IfBiggerPosts}
  187. {block:IfNotBiggerPosts}left: 850px; {/block:IfNotBiggerPosts}
  188. position: fixed;
  189. margin-top: -10px;
  190. height: 110%;
  191. width: 50%;
  192. background-image: url('{image:background2}');
  193. border-left: 10px solid {color:posts};
  194. }
  195.  
  196. /*PAGINATION*/
  197.  
  198. .pagination {
  199. margin-top: 10px;
  200. text-align: center;
  201. font-size: 10px;
  202. font-family: cambria;
  203. width: 280px;
  204. opacity: 1;
  205. }
  206.  
  207. .pagination a {
  208. color: {color:description text};
  209. margin-right: 2px;
  210. margin-left: 2px;
  211. background-color: {color:description};
  212. padding: 4px 8px 4px 8px;
  213. border: 2px solid {color:description text};
  214. transition: all 0.6s ease-out;
  215. -webkit-transition: all 0.6s ease-out;
  216. -moz-transition: all 0.6s ease-out;
  217. -o-transition: all 0.6s ease-out;
  218. }
  219.  
  220. .pagination a:hover {
  221. color: {color:hover};
  222. background-color: {color:posts};
  223. opacity: 1;
  224. transition: all 0.6s ease-out;
  225. -webkit-transition: all 0.6s ease-out;
  226. -moz-transition: all 0.6s ease-out;
  227. -o-transition: all 0.6s ease-out;
  228. }
  229.  
  230. /*POSTS*/
  231.  
  232. #posts {
  233. margin-left: 370px;
  234. background-color: {color:background};
  235. margin-top: -10px;
  236. margin-bottom: -10px;
  237. height: 100%;
  238. width: 570px;
  239. }
  240.  
  241. .postz {
  242. margin-top: 20px;
  243. margin-bottom: 10px;
  244. {block:IfBiggerPosts}width: 570px;{/block:IfBiggerPosts}
  245. {block:IfNotBiggerPosts}width: 470px; {/block:IfNotBiggerPosts}
  246. margin-left: 0px;
  247. height: auto;
  248. float: left;
  249. position: relative;
  250. background-color: transparent;
  251. opacity: 1;
  252. }
  253.  
  254. .entry {
  255. background-color: {color:posts};
  256. color: {color:text};
  257. {block:IfBiggerPosts}width: 500px;{/block:IfBiggerPosts}
  258. {block:IfNotBiggerPosts}width: 400px; {/block:IfNotBiggerPosts}
  259. text-align: justify;
  260. float: left;
  261. z-index: 999;
  262. line-height: 14px;
  263. padding: 0px;
  264. margin-bottom: 5px;
  265. letter-spacing: 1px;
  266. padding: 20px;
  267. -webkit-transition: all 0.6s ease-out;
  268. -moz-transition: all 0.6s ease-out;
  269. -o-transition: all 0.6s ease-out;
  270. position: relative;
  271. }
  272.  
  273. .entry h1{
  274. color: {color:title};
  275. text-transform: uppercase;
  276. font-size: 14px;
  277. font-family: 'ubuntu condensed', sans-serif;
  278. font-weight: normal;
  279. letter-spacing: 1px;
  280. text-align: center;
  281. line-height: 14px;
  282. }
  283.  
  284. .entry h2{
  285. text-transform: uppercase;
  286. text-decoration: none;
  287. letter-spacing: 1px;
  288. font-family: 'ubuntu condensed', sans-serif;
  289. text-align: center;
  290. font-weight:normal;
  291. }
  292.  
  293. .entry blockquote {
  294. color: {color:text};
  295. background-color: {color:ask background};
  296. margin-right: 0px;
  297. margin-left: 0px;
  298. padding: 2px 10px 2px 10px;
  299. text-align: justify;
  300. max-width: 100%;
  301. }
  302.  
  303. .entry img {
  304. {block:IfBiggerPosts}max-width: 500px;{/block:IfBiggerPosts}
  305. {block:IfNotBiggerPosts}max-width: 400px; {/block:IfNotBiggerPosts}
  306. padding: 0px;
  307. {block:ifgrayscale}-webkit-filter: grayscale(100%);
  308. -moz-filter: grayscale(100%);
  309. -ms-filter: grayscale(100%);
  310. -o-filter: grayscale(100%);{/block:ifgrayscale}
  311. -webkit-transition: all 0.7s ease-in-out;
  312. -moz-transition: all 0.7s ease-in-out;
  313. -o-transition: all 0.7s ease-in-out;
  314. }
  315.  
  316. .postz:hover .entry img {
  317. {block:ifgrayscale}-webkit-filter: grayscale(0%);
  318. -moz-filter: grayscale(0%);
  319. -ms-filter: grayscale(0%);
  320. -o-filter: grayscale(0%);{/block:ifgrayscale}
  321. -webkit-transition: all 0.7s ease-in-out;
  322. -moz-transition: all 0.7s ease-in-out;
  323. -o-transition: all 0.7s ease-in-out;
  324. }
  325.  
  326. .ask {
  327. background-color: {color:ask background};
  328. text-align: justify;
  329. font-size: 12px;
  330. padding: 10px;
  331. margin-left: 63px;
  332. z-index: 302;
  333. border-radius: 2px;
  334. border: 1px solid {color:description};
  335. }
  336.  
  337. .askb {
  338. width: 0px;
  339. height: 0px;
  340. margin-left: 50px;
  341. border-bottom: 20px solid transparent;
  342. border-right: 20px solid {color:ask background};
  343. position: absolute;
  344. margin-top: 10px;
  345. z-index: 301;
  346. }
  347.  
  348. .askicon {
  349. margin-left: 0px;
  350. position: absolute;
  351. text-align: left;
  352. }
  353.  
  354. .answer {
  355. padding: 0px 0px 0px 0px;
  356. margin-left: 0px;
  357. text-align: justify;
  358. margin-top: 5px;
  359. }
  360.  
  361. .chat {
  362. padding: 10px;
  363. text-align: justify;
  364. line-height: 13px;
  365. }
  366.  
  367. .chat b {
  368. font-size: 12px;
  369. letter-spacing: 1px;
  370. color: {color:links};
  371. }
  372.  
  373. .audioplay {
  374. height: 30px;
  375. margin-top: 38px;
  376. margin-left: 38px;
  377. height: 28px;
  378. width: 28px;
  379. opacity: 0.7;
  380. overflow:hidden;
  381. float:left;
  382. position: absolute;
  383. z-index: 1002;
  384. }
  385.  
  386. .audiodesc {
  387. color: {color:text};
  388. {block:IfBiggerPosts}width: 380px;{/block:IfBiggerPosts}
  389. {block:IfNotBiggerPosts}width: 280px; {/block:IfNotBiggerPosts}
  390. overflow: hidden;
  391. margin-left: 110px;
  392. margin-top: 6px;
  393. display: block;
  394. position: absolute;
  395. line-height: 20px;
  396. padding: 5px;
  397. }
  398.  
  399. .albumart {
  400. z-index: 1001;
  401. width: 80px;
  402. height: 80px;
  403. border: 10px solid {color:background};
  404. overflow: hidden;
  405. text-align: left;
  406. position: absolute;
  407. }
  408.  
  409. .albumart2 {
  410. z-index: 1000;
  411. width: 100px;
  412. height: 100px;
  413. overflow: hidden;
  414. }
  415.  
  416. .photo {
  417. {block:IfBiggerPosts}max-width: 500px;{/block:IfBiggerPosts}
  418. {block:IfNotBiggerPosts}max-width: 400px; {/block:IfNotBiggerPosts}
  419. padding: 0px;
  420. {block:ifgrayscale}-webkit-filter: grayscale(100%);
  421. -moz-filter: grayscale(100%);
  422. -ms-filter: grayscale(100%);
  423. -o-filter: grayscale(100%);{/block:ifgrayscale}
  424. -webkit-transition: all 0.7s ease-in-out;
  425. -moz-transition: all 0.7s ease-in-out;
  426. -o-transition: all 0.7s ease-in-out;
  427. }
  428.  
  429. .postz:hover .photo {
  430. {block:ifgrayscale}-webkit-filter: grayscale(0%);
  431. -moz-filter: grayscale(0%);
  432. -ms-filter: grayscale(0%);
  433. -o-filter: grayscale(0%);{/block:ifgrayscale}
  434. -webkit-transition: all 0.7s ease-in-out;
  435. -moz-transition: all 0.7s ease-in-out;
  436. -o-transition: all 0.7s ease-in-out;
  437. }
  438.  
  439. .permalink {
  440. opacity: 0;
  441. {block:IfBiggerPosts}width: 520px;{/block:IfBiggerPosts}
  442. {block:IfNotBiggerPosts}width: 420px;{/block:IfNotBiggerPosts}
  443. font-size: 10px;
  444. text-align: center;
  445. font-family: 'ubuntu condensed', sans-serif;
  446. color: {color:text};
  447. padding: 0px 10px 0px 10px;
  448. background-color: transparent;
  449. text-transform: uppercase;
  450. letter-spacing: 0px;
  451. margin-top: 0px;
  452. line-height: 12px;
  453. position: absolute;
  454. margin-left: 0px;
  455. -webkit-transition: all 0.6s ease-out;
  456. -moz-transition: all 0.6s ease-out;
  457. -o-transition: all 0.6s ease-out;
  458. float: left;
  459. }
  460.  
  461. .postz:hover .permalink {
  462. opacity: 0.7;
  463. -webkit-transition: all 0.6s ease-out;
  464. -moz-transition: all 0.6s ease-out;
  465. -o-transition: all 0.6s ease-out;
  466. }
  467.  
  468. .permalink a {
  469. color: {color:text};
  470. -webkit-transition: all 0.6s ease-out;
  471. -moz-transition: all 0.6s ease-out;
  472. -o-transition: all 0.6s ease-out;
  473. }
  474.  
  475. .permalink a:hover {
  476. color: {color:notes};
  477. -webkit-transition: all 0.6s ease-out;
  478. -moz-transition: all 0.6s ease-out;
  479. -o-transition: all 0.6s ease-out;
  480. }
  481.  
  482. .dates {
  483. position: relative;
  484. color: {color:notes};
  485. text-align: center;
  486. padding: 0px 10px 0px 10px;
  487. {block:ifbiggerposts}width: 520px;{/block:ifbiggerposts}
  488. {block:ifnotbiggerposts}width: 420px;{/block:ifnotbiggerposts}
  489. text-transform: uppercase;
  490. margin-left: 0px;
  491. font-family: 'ubuntu condensed', sans-serif;
  492. font-size: 10px;
  493. height: auto;
  494. margin-top: 0px;
  495. }
  496.  
  497. .dates a {
  498. color: {color:notes};
  499. -webkit-transition: all 0.4s ease-out;
  500. -moz-transition: all 0.4s ease-out;
  501. -o-transition: all 0.4s ease-out;
  502. }
  503.  
  504. .dates a:hover {
  505. color: {color:text};
  506. -webkit-transition: all 0.3s ease-out;
  507. -moz-transition: all 0.3s ease-out;
  508. -o-transition: all 0.3s ease-out;
  509. }
  510.  
  511. ol.notes{
  512. padding: 20px;
  513. text-align: left;
  514. list-style-type: decimal;
  515. }
  516.  
  517. ol.notes li.notes{
  518. padding: 20px;
  519. text-align: left;
  520. }
  521.  
  522. .permalink2 {
  523. font-size: 10px;
  524. padding-bottom:5px;
  525. padding-top:0px;
  526. margin-bottom:10px;
  527. line-height:12px;
  528. color: {color:notes};
  529. text-transform: uppercase;
  530. font-family: 'ubuntu condensed', sans-serif;
  531. text-align: center;
  532. position: relative;
  533. margin-left: 0px;
  534. float: left;
  535. {block:IfBiggerPosts}width: 540px;{/block:IfBiggerPosts}
  536. {block:IfNotBiggerPosts}width: 440px;{/block:IfNotBiggerPosts}
  537. height: auto;
  538. padding-left: 0px;
  539. padding-right: 0px;
  540. }
  541.  
  542. /*FIXED*/
  543.  
  544. .credit {
  545. position: fixed;
  546. color: {color:description text};
  547. background-color: {color:description};
  548. border: 2px solid {color:text};
  549. bottom: 10px;
  550. right: 10px;
  551. text-transform: uppercase;
  552. font-family: calibri;
  553. border-radius: 200px;
  554. padding: 4px 8px 4px 8px;
  555. font-size: 16px;
  556. opacity: 0.5;
  557. -webkit-transition: all 0.5s ease-out;
  558. -moz-transition: all 0.5s ease-out;
  559. -o-transition: all 0.5s ease-out;
  560. }
  561.  
  562. .credit a {
  563. color: {color:description text};
  564. }
  565.  
  566. .credit a:hover {
  567. color: {color:hover};
  568. border: none;
  569. }
  570.  
  571. .credit:hover {
  572. opacity: 1;
  573. -webkit-transition: all 0.5s ease-out;
  574. -moz-transition: all 0.5s ease-out;
  575. -o-transition: all 0.5s ease-out;
  576. }
  577.  
  578.  
  579. iframe#tumblr_controls {
  580. position: fixed !important;
  581. right:2px !important;
  582. opacity: 0.3;
  583. width: 900px;
  584. border-radius: 10px;
  585. -webkit-transition: all 0.8s ease-in-out;
  586. -moz-transition: all 0.8s ease-in-out;
  587. -o-transition: all 0.8s ease-in-out;
  588. }
  589.  
  590. iframe#tumblr_controls:hover {
  591. -webkit-transition: all 0.8s ease-in-out;
  592. -moz-transition: all 0.8s ease-in-out;
  593. -o-transition: all 0.8s ease-in-out;
  594. opacity: 1;
  595. border-radius: 5px;
  596. }
  597.  
  598.  
  599. /*
  600.  
  601. ABLAZE THEME ©KIBEOMMIE.TUMBLR.COM
  602.  
  603. Please do not:
  604. → Move or remove the credit. Moving to a page must be done with permission from the maker.
  605. → Claim as your own. You may edit as much as you wish but it doesn't mean the theme is yours.
  606. → Take a chunk of the code and use it in your/other thememaker's code, unless permitted and credited.
  607. → Use as a base code.
  608.  
  609. */
  610.  
  611. </style>
  612.  
  613. {Custom CSS}
  614. {block:IfEndlessScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  615. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  616. {/block:IfEndlessScrolling}
  617.  
  618. </head>
  619.  
  620. <body>
  621.  
  622. <div id="background2"></div>
  623.  
  624. <div id="containuh">
  625. <div class="sidebar"><img src="{image:sidebar}"></div>
  626. <div id="container3">
  627. <div class="bannerlink">
  628. <a href="/">home</a>
  629. <a href="/ask">ask</a>
  630. {block:IfLink01}<a href="{text:link01}">{text:title01}</a>{/block:IfLink01}
  631. {block:IfLink02}<a href="{text:link02}">{text:title02}</a>{/block:IfLink02}
  632. {block:IfLink03}<a href="{text:link03}">{text:title03}</a>{/block:IfLink03}
  633. {block:IfLink04}<a href="{text:link04}">{text:title04}</a>{/block:IfLink04}
  634. </div>
  635. <div class="description">{description}</div>
  636. {block:IfNotEndlessScrolling}
  637. {block:Pagination}
  638. <div class="pagination">
  639. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  640. {block:JumpPagination length="5"}
  641. {block:CurrentPage}<span class="current_page" style="margin-left: 2px; margin-right: 2px; color: {color:hover}; background-color: {color:description}; padding: 4px 8px 4px 8px; border: 2px solid {color:hover};"><b>{PageNumber}</b></span>{/block:CurrentPage}
  642. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  643. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  644. </div>
  645. {/block:Pagination}
  646. {/block:IfNotEndlessScrolling}</div>
  647. </div>
  648.  
  649. <div id="posts">
  650.  
  651. {block:Posts}
  652.  
  653. <div class="postz">
  654. <div class="entry">
  655.  
  656. {block:Text}
  657. {block:Title}<h1>{Title}</h1>{/block:Title}
  658. {Body}
  659. {/block:Text}
  660.  
  661. {block:Photo}
  662. {block:IfBiggerPosts}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</div>{/block:IfBiggerPosts}
  663. {block:IfNotBiggerPosts}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}</div>{/block:IfNotBiggerPosts}
  664. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  665. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  666. {Caption}
  667. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  668. {/block:Photo}
  669.  
  670. {block:Photoset}
  671. {block:IfBiggerPosts}<div class="photo">{Photoset-500}</div>{/block:IfBiggerPosts}
  672. {block:IfNotBiggerPosts}<div class="photo">{Photoset-400}</div>{/block:IfNotBiggerPosts}
  673. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  674. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  675. {Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  676. {/block:Photoset}
  677.  
  678. {block:Quote}
  679. <div style="font-size: 14px; text-align:center;">"{Quote}"</div>
  680. {block:Source}
  681. <p align="right">{Source}{/block:Source}</p>
  682. {/block:Quote}
  683.  
  684. {block:Link}
  685. <div style="font-size: 14px; text-align:center; text-transform: uppercase; font-family: 'ubuntu condensed', sans-serif;"><a href="{URL}" {Target}>{Name} →</a></div>
  686. {block:Description}
  687. {Description}
  688. {/block:Description}
  689. {/block:Link}
  690.  
  691. {block:Chat}
  692. {block:Title}<h1>{Title}</h1>{/block:Title}
  693. <div class="chat">{block:Lines}
  694. {block:Label}
  695. <b>{Label}</b>
  696. {/block:Label}
  697. {Line}<br/>
  698. {/block:Lines}</div>
  699. {/block:Chat}
  700.  
  701. {block:Video}
  702. {block:IfBiggerPosts}<div class="photo">{Video-500}</div>{/block:IfBiggerPosts}
  703. {block:IfNotBiggerPosts}<div class="photo">{Video-400}</div>{/block:IfNotBiggerPosts}
  704. {block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}
  705. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  706. {Caption}
  707. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  708. {/block:Video}
  709.  
  710. {block:Audio}
  711. <div class="audiodesc">
  712. {block:TrackName}
  713. <b>Title:</b> {TrackName}<br>
  714. {/block:TrackName}
  715. {block:Artist}
  716. <b>Artist:</b> {Artist}<br>
  717. {/block:Artist}
  718. {block:Album}
  719. <b>Album:</b> {Album}<br>
  720. {/block:Album}
  721. {block:PlayCount}
  722. <b>Plays:</b> {PlayCount} </div>
  723. {/block:PlayCount}
  724. <div class="audioplay">{AudioPlayerBlack}</div>
  725. {block:AlbumArt}
  726. <div class="albumart"><img src="{AlbumArtURL}" width="80" height="80"></div>
  727. {/block:AlbumArt}
  728. <div class="albumart2"><img src="http://24.media.tumblr.com/tumblr_md46tfaw9F1rfymxfo1_400.jpg" width="80" height="80"></div>
  729. {/block:Audio}
  730.  
  731.  
  732. {block:Answer}
  733. <div class="askicon"><img src="{AskerPortraitURL-48}" width="48" height="48"></div>
  734. <div class="askb"></div>
  735. <div class="ask">{asker} asked:<br>{Question}</div>
  736. <div class="answer">{Answer}</div>
  737. {/block:Answer}
  738.  
  739. </div>
  740.  
  741.  
  742. {block:IndexPage}
  743. {block:Date}<div class="dates">Posted at <a href="{Permalink}">{12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</a>{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>{/block:Date}
  744. {block:IfTags}{block:HasTags}<div class="permalink">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfTags}{/block:IndexPage}
  745.  
  746. </div>
  747.  
  748. {block:PermalinkPage}
  749. <div class="permalink2">
  750. {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}
  751. {block:RebloggedFrom}<br>
  752. reblogged from: <a href="{ReblogRootURL}">{ReblogRootName}</a> via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  753. {block:HasTags}<br>{block:Tags}
  754. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  755. {block:PostNotes}
  756. {PostNotes}{/block:PostNotes}
  757. {/block:PermalinkPage}
  758.  
  759. {/block:Posts}
  760.  
  761. </div></div>
  762.  
  763. {block:ContentSource}
  764. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  765. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  766. {/block:SourceLogo}
  767. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  768. {/block:ContentSource}
  769.  
  770. <div class="credit"><a href="http://kibeommie.tumblr.com" title="credit">❦</a></div>
  771.  
  772. </body>
  773. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement