Advertisement
irwie

[ retired ] flawless

Feb 1st, 2015
1,003
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.81 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!----------------------------------------------- THEME 01: FLAWLESS
  6.  
  7. » do not remove credit
  8. » do not steal anything
  9. » do not redistribute
  10. » edit as much as you want
  11.  
  12. CREDIT: REGERI.TUMBLR.COM ----------------------------------------->
  13.  
  14. <meta name="image:background image" content="" />
  15. <meta name="image:header image" content="http://static.tumblr.com/eekqh2v/1zonj3p8p/bg_6.png" />
  16.  
  17. <meta name="color:background color" content="#ffffff" />
  18.  
  19. <meta name="color:header borders" content="#a0a0a0" />
  20. <meta name="color:header title" content="#000000" />
  21. <meta name="color:description text" content="#555555" />
  22. <meta name="color:description bold" content="#3e3e3e" />
  23. <meta name="color:description italic" content="#3e3e3e" />
  24. <meta name="color:description strikethrough" content="#707070" />
  25. <meta name="color:description links" content="#909090" />
  26. <meta name="color:description links hover" content="#cccccc" />
  27. <meta name="color:navigation links" content="#555555" />
  28. <meta name="color:navigation links borders" content="#000000" />
  29. <meta name="color:navigation links background" content="ffffff" />
  30. <meta name="color:navigation links hover" content="000000" />
  31. <meta name="color:navigation links hover background" content="f2f2f2" />
  32.  
  33. <meta name="color:scrollbar" content="#707070" />
  34. <meta name="color:selected text" content="#000000" />
  35. <meta name="color:selected text highlight" content="#ffffff" />
  36. <meta name="color:tooltips background" content="ffffff" />
  37. <meta name="color:tooltips border" content="#a0a0a0" />
  38. <meta name="color:tooltips text" content="#555555" />
  39.  
  40. <meta name="color:title text" content="#000000" />
  41. <meta name="color:title background" content="#f4f4f4" />
  42. <meta name="color:post borders" content="#a0a0a0" />
  43. <meta name="color:post background" content="ffffff" />
  44. <meta name="color:text" content="#555555" />
  45. <meta name="color:bold" content="#3e3e3e" />
  46. <meta name="color:italic" content="#3e3e3e" />
  47. <meta name="color:strikethrough" content="#707070" />
  48. <meta name="color:links" content="#909090" />
  49. <meta name="color:links hover" content="#cccccc" />
  50. <meta name="color:pre background" content="#f2f2f2" />
  51. <meta name="color:pre border" content="#cccccc" />
  52. <meta name="color:blockquote" content="#707070" />
  53.  
  54. <meta name="color:default album art" content="#d6d6d6" />
  55. <meta name="color:audio info background" content="#f2f2f2" />
  56. <meta name="color:link post background" content="#efefef" />
  57. <meta name="color:link post fill" content="#ffffff" />
  58. <meta name="color:chat label" content="#7e7e7e" />
  59. <meta name="color:chat odd background" content="#f6f6f6" />
  60. <meta name="color:chat even background" content="#f1f1f1" />
  61. <meta name="color:chat odd text" content="#939393" />
  62. <meta name="color:chat even text" content="#7c7c7c" />
  63.  
  64. <meta name="color:display navigation icon" content="#555555" />
  65. <meta name="color:post timestamp" content="#555555" />
  66. <meta name="color:post info icons" content="#555555" />
  67. <meta name="color:post info icons hover" content="#a0a0a0" />
  68. <meta name="color:post src links" content="#555555" />
  69. <meta name="color:post src links hover" content="#a0a0a0" />
  70. <meta name="color:quote post icon" content="#bdbdbd" />
  71. <meta name="color:link post icon" content="#bdbdbd" />
  72. <meta name="color:audio info icons" content="#bdbdbd" />
  73. <meta name="color:pagination" content="#555555" />
  74. <meta name="color:pagination icons hover" content="#a0a0a0" />
  75.  
  76. <meta name="text:link one url" content="" />
  77. <meta name="text:link one name" content="one" />
  78. <meta name="text:link two url" content="" />
  79. <meta name="text:link two name" content="two" />
  80. <meta name="text:link three url" content="" />
  81. <meta name="text:link three name" content="three" />
  82. <meta name="text:billy music code" content="" />
  83.  
  84. <meta name="select:header border width" content="1px" title="1px">
  85. <meta name="select:header border width" content="2px" title="2px">
  86.  
  87. <meta name="if:400px posts" content="1" />
  88. <meta name="if:500px posts" content="0" />
  89. <meta name="if:show title" content="1" />
  90. <meta name="if:show description" content="1" />
  91. <meta name="if:translucency" content="0" />
  92. <meta name="if:navigation on click" content="1" />
  93. <meta name="if:infinite scroll" content="0" />
  94. <meta name="if:lazy load" content="0" />
  95. <meta name="if:hide captions" content="0" />
  96. <meta name="if:monochrome" content="0" />
  97. <meta name="if:faded photos" content="0" />
  98. <meta name="if:color on hover" content="0" />
  99. <meta name="if:music player" content="0" />
  100. <meta name="if:white header img hover" content="1" />
  101. <meta name="if:circular asker portraits" content="1" />
  102. <meta name="if:white tumblr controls" content="1" />
  103.  
  104. <title>{Title}</title>
  105. <link rel="shortcut icon" href="{Favicon}" />
  106. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  107. {block:Description}
  108. <meta name="description" content="{MetaDescription}" />
  109. {/block:Description}
  110.  
  111. <!----------------------------------------------------------------->
  112.  
  113. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  114.  
  115. <!----------------------------------------------------------------->
  116.  
  117. <link href="http://static.tumblr.com/eekqh2v/JmAnj2m54/style-my-tooltips.css" type="text/css" />
  118. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  119. <script src="http://static.tumblr.com/eekqh2v/CxPnj2m48/jquery.style-my-tooltips.js"></script>
  120.  
  121. <script type="text/javascript">
  122. (function($){
  123. $(document).ready(function(){
  124. $("[title]").style_my_tooltips({
  125. tip_follows_cursor:true,
  126. tip_delay_time:200,
  127. tip_fade_speed:300
  128. });
  129. });
  130. })(jQuery);
  131. </script>
  132.  
  133. <!----------------------------------------------------------------->
  134.  
  135. {block:ifnavigationonclick}
  136. <script type="text/javascript">
  137. $(document).ready(function(){
  138. $("#showlinks").click(function(){
  139. $(".vshowlinks").toggle();
  140. if ($("#nav").hasClass("visnav") ) {
  141. $("#nav").animate({
  142. "marginTop":"65px",
  143. "opacity":"0"}, 400, function(){
  144. $("#nav").removeClass("visnav");
  145. $("#nav").addClass("invisnav");
  146. });
  147. } else {
  148. $("#nav").animate({
  149. "marginTop":"15px",
  150. "opacity":"1"}, 400);
  151. $("#nav").removeClass("invisnav");
  152. $("#nav").addClass("visnav");
  153. }
  154. });
  155. });
  156. </script>
  157. {/block:ifnavigationonclick}
  158.  
  159. <!----------------------------------------------------------------->
  160.  
  161. {block:ifinfinitescroll}
  162. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  163. {/block:ifinfinitescroll}
  164.  
  165. <!----------------------------------------------------------------->
  166.  
  167. {block:iflazyload}
  168. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  169. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  170. <script type="text/javascript" charset="utf-8">
  171. var $j = jQuery.noConflict();
  172. $j(function() {
  173. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  174. $j("img").lazyload({
  175. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  176. effect: "fadeIn",
  177. });
  178. });
  179. </script>
  180. {/block:iflazyload}
  181.  
  182. <!----------------------------------------------------------------->
  183.  
  184. <style type="text/css">
  185.  
  186. body {
  187. font-family:arial;
  188. color:{color:text};
  189. font-size:10px;
  190. line-height:140%;
  191. background-color:{color:background color};
  192. background-image:url({image:background image});
  193. background-attachment:fixed;
  194. background-position:center top;
  195. margin:0;
  196. word-wrap:break-word;
  197. }
  198.  
  199. img {
  200. border:0;
  201. max-width:100%;
  202. }
  203.  
  204. h1 {
  205. font-size:9px;
  206. font-weight:bold;
  207. text-transform:uppercase;
  208. letter-spacing:1px;
  209. {block:iftranslucency}
  210. background-color:rgba(255, 255, 255, 0.5);
  211. {/block:iftranslucency}
  212. {block:ifnottranslucency}
  213. background-color:{color:title background};
  214. {/block:ifnottranslucency}
  215. color:{color:title text};
  216. padding:4px;
  217. }
  218.  
  219. ul {
  220. list-style:square;
  221. }
  222.  
  223. ol {
  224. list-style:decimal-leading-zero;
  225. }
  226.  
  227. b, strong {
  228. color:{color:bold};
  229. }
  230.  
  231. i, em {
  232. color:{color:italic};
  233. }
  234.  
  235. strike {
  236. color:{color:strikethrough};
  237. }
  238.  
  239. pre {
  240. background-color:{color:pre background};
  241. padding:7px 10px;
  242. border:1px solid {color:pre border};
  243. word-wrap:break-word;
  244. }
  245.  
  246. a {
  247. color:{color:links};
  248. text-decoration:none;
  249. -webkit-transition:all 0.4s ease;
  250. -moz-transition:all 0.4s ease;
  251. -o-transition:all 0.4s ease;
  252. transition:all 0.4s ease;
  253. }
  254.  
  255. a:hover {
  256. color:{color:links hover};
  257. -webkit-transition:all 0.4s ease;
  258. -moz-transition:all 0.4s ease;
  259. -o-transition:all 0.4s ease;
  260. transition:all 0.4s ease;
  261. }
  262.  
  263. #tumblr_controls {
  264. position:fixed!important;
  265. {block:ifwhitetumblrcontrols}
  266. -webkit-filter:invert(100%);
  267. filter:invert(100%);
  268. {/block:ifwhitetumblrcontrols}
  269. }
  270.  
  271. /*----------------------------tooltips----------------------------*/
  272.  
  273. #s-m-t-tooltip {
  274. max-width:300px;
  275. z-index:9999999;
  276. margin:20px 14px 7px 12px;
  277. padding:2px 8px;
  278. {block:iftranslucency}
  279. background-color:rgba(255, 255, 255, 0.6);
  280. {/block:iftranslucency}
  281. {block:ifnottranslucency}
  282. background-color:{color:tooltips background};
  283. {/block:ifnottranslucency}
  284. border:1px solid {color:tooltips border};
  285. font-size:8px;
  286. color:{color:tooltips text};
  287. text-transform:uppercase;
  288. letter-spacing:1px;
  289. -moz-border-radius:0;
  290. -webkit-border-radius:0;
  291. border-radius:0;
  292. -moz-box-shadow:none;
  293. -webkit-box-shadow:none;
  294. box-shadow:none;
  295. }
  296.  
  297. /*-----------------------------select-----------------------------*/
  298.  
  299. ::selection {
  300. color:{color:selected text};
  301. background:{color:selected text highlight};
  302. }
  303.  
  304. ::-moz-selection {
  305. color:{color:selected text};
  306. background:{color:selected text highlight};
  307. }
  308.  
  309. /*----------------------------scrollbar----------------------------*/
  310.  
  311. ::-webkit-scrollbar-thumb {
  312. border:3px solid rgba(0, 0, 0, 0);
  313. background-clip:padding-box;
  314. background-color:{color:scrollbar};
  315. height:6px;
  316. }
  317.  
  318. ::-webkit-scrollbar {
  319. width:7px;
  320. height:18px;
  321. }
  322.  
  323. /*------------------------------header------------------------------*/
  324.  
  325. #header {
  326. {block:if400pxposts}
  327. width:550px;
  328. margin-left:-275px;
  329. {/block:if400pxposts}
  330. {block:if500pxposts}
  331. width:650px;
  332. margin-left:-325px;
  333. {/block:if500pxposts}
  334. position:fixed;
  335. margin-top:40px;
  336. left:50%;
  337. margin-top:-90px;
  338. z-index:999;
  339. }
  340.  
  341. #header-img {
  342. position:absolute;
  343. background-image:url({image:header image});
  344. background-size:cover;
  345. background-position:center;
  346. border:2px solid {color:header borders};
  347. height:118px;
  348. width:118px;
  349. border-radius:100%;
  350. {block:if400pxposts}
  351. margin-left:550px;
  352. {/block:if400pxposts}
  353. {block:if500pxposts}
  354. margin-left:650px;
  355. {/block:if500pxposts}
  356. }
  357.  
  358. #header-imgbg {
  359. position:absolute;
  360. background-color:rgba(0, 0, 0, 0.5);
  361. {block:ifwhiteheaderimghover}
  362. background-color:rgba(255, 255, 255, 0.5);
  363. {/block:ifwhiteheaderimghover}
  364. height:118px;
  365. width:118px;
  366. border-radius:100%;
  367. -webkit-transform:scale(0,0);
  368. -moz-transform:scale(0,0);
  369. -ms-transform:scale(0,0);
  370. transform:scale(0,0);
  371. -webkit-transition:all 0.4s ease 0.1s;
  372. -moz-transition:all 0.4s ease 0.1s;
  373. -o-transition:all 0.4s ease 0.1s;
  374. transition:all 0.4s ease 0.1s;
  375.  
  376. }
  377.  
  378. #header-img:hover #header-imgbg {
  379. height:118px;
  380. width:118px;
  381. -webkit-transform:scale(1,1);
  382. -moz-transform:scale(1,1);
  383. -ms-transform:scale(1,1);
  384. transform:scale(1,1);
  385. -webkit-transition:all 0.4s ease;
  386. -moz-transition:all 0.4s ease;
  387. -o-transition:all 0.4s ease;
  388. transition:all 0.4s ease;
  389.  
  390. }
  391.  
  392. {block:ifshowtitle}
  393. #header-title {
  394. position:absolute;
  395. width:105px;
  396. text-align:center;
  397. margin-top:80px;
  398. color:{color:header title};
  399. text-transform:uppercase;
  400. font-size:9px;
  401. letter-spacing:1px;
  402. padding:8px;
  403. opacity:0;
  404. -webkit-transition:all 0.4s ease;
  405. -moz-transition:all 0.4s ease;
  406. -o-transition:all 0.4s ease;
  407. transition:all 0.4s ease;
  408. }
  409.  
  410. #header-img:hover #header-title {
  411. margin-top:45px;
  412. opacity:1;
  413. -webkit-transition:all 0.4s ease 0.1s;
  414. -moz-transition:all 0.4s ease 0.1s;
  415. -o-transition:all 0.4s ease 0.1s;
  416. transition:all 0.4s ease 0.1s;
  417. }
  418. {/block:ifshowtitle}
  419.  
  420. {block:ifshowdescription}
  421. #desc {
  422. width:110px;
  423. height:auto;
  424. position:absolute;
  425. padding:5px 9px;
  426. border-left:{select:header border width} solid {color:header borders};
  427. {block:if400pxposts}
  428. margin-left:610px;
  429. {/block:if400pxposts}
  430. {block:if500pxposts}
  431. margin-left:710px;
  432. {/block:if500pxposts}
  433. margin-top:220px;
  434. text-align:center;
  435. opacity:0;
  436. visibility:hidden;
  437. color:{color:description text};
  438. -webkit-transition:all 0.5s ease;
  439. -moz-transition:all 0.5s ease;
  440. -o-transition:all 0.5s ease;
  441. transition:all 0.5s ease;
  442. }
  443.  
  444. #desc strong, #desc b {
  445. color:{color:description bold};
  446. }
  447.  
  448. #desc em, #desc i {
  449. color:{color:description italic};
  450. }
  451.  
  452. #desc strike {
  453. color:{color:description strikethrough};
  454. }
  455.  
  456. #desc a {
  457. color:{color:description links};
  458. }
  459.  
  460. #desc a:hover {
  461. color:{color:description links hover};
  462. }
  463.  
  464. #header:hover #desc {
  465. margin-top:120px;
  466. opacity:1;
  467. visibility:visible;
  468. -webkit-transition:all 0.5s ease;
  469. -moz-transition:all 0.5s ease;
  470. -o-transition:all 0.5s ease;
  471. transition:all 0.5s ease;
  472. }
  473.  
  474. {/block:ifshowdescription}
  475.  
  476. #header-hline {
  477. border-bottom:{select:header border width} solid {color:header borders};
  478. {block:if400pxposts}
  479. width:580px;
  480. {/block:if400pxposts}
  481. {block:if500pxposts}
  482. width:680px;
  483. {/block:if500pxposts}
  484. position:absolute;
  485. margin-top:60px;
  486. margin-left:-30px;
  487. }
  488.  
  489. #header-vline {
  490. position:absolute;
  491. border-left:{select:header border width} solid {color:header borders};
  492. height:3000px;
  493. margin-top:20px;
  494. margin-left:40px;
  495. }
  496.  
  497. #header-bg {
  498. position:absolute;
  499. width:700px;
  500. height:100px;
  501. margin-left:-50px;
  502. margin-top:-40px;
  503. background-color:{color:background color};
  504. background-image:url({image:background image});
  505. background-position:center top;
  506. z-index:-1;
  507. }
  508.  
  509. {block:ifnavigationonclick}
  510.  
  511. #showlinks {
  512. position:absolute;
  513. width:70px;
  514. text-align:center;
  515. margin-top:33px;
  516. margin-left:-30px;
  517. font-size:20px;
  518. cursor:pointer;
  519. }
  520.  
  521. .fa-plus, .fa-minus {
  522. color:{color:display navigation icon};
  523. }
  524.  
  525. .invisnav {
  526. display:none;
  527. }
  528.  
  529. .visnav {
  530. display:block;
  531. }
  532.  
  533. {/block:ifnavigationonclick}
  534.  
  535. #nav {
  536. position:absolute;
  537. {block:if400pxposts}
  538. width:518px;
  539. {/block:if400pxposts}
  540. {block:if500pxposts}
  541. width:618px;
  542. {/block:if500pxposts}
  543. height:35px;
  544. {block:ifnavigationonclick}
  545. opacity:0;
  546. margin-top:65px;
  547. {/block:ifnavigationonclick}
  548. {block:ifnotnavigationonclick}
  549. margin-top:15px;
  550. {block:ifnotnavigationonclick}
  551. margin-left:36px;
  552. text-align:center;
  553. }
  554.  
  555. #nav .links {
  556. font-size:8px;
  557. text-transform:uppercase;
  558. letter-spacing:1px;
  559. {block:if400pxposts}
  560. width:80px;
  561. {/block:if400pxposts}
  562. {block:if500pxposts}
  563. width:101px;
  564. {/block:if500pxposts}
  565. padding:6px 5px 5px 5px;
  566. {block:iftranslucency}
  567. background-color:rgba(255, 255, 255, 0.4);
  568. {/block:iftranslucency}
  569. {block:ifnottranslucency}
  570. background-color:{color:navigation links background};
  571. {/block:ifnottranslucency}
  572. border:1px solid {color:navigation links borders};
  573. color:{color:navigation links};
  574. display:inline-block;
  575. margin-top:13px;
  576. margin-right:4px;
  577. {block:iftranslucency}
  578. -webkit-box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.8);
  579. -moz-box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.8);
  580. box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.8);
  581. {/block:iftranslucency}
  582. {block:ifnottranslucency}
  583. -webkit-box-shadow:inset 0 0 0 0 {color:navigation links hover background};
  584. -moz-box-shadow:inset 0 0 0 0 {color:navigation links hover background};
  585. box-shadow:inset 0 0 0 0 {color:navigation links hover background};
  586. {/block:ifnottranslucency}
  587. -webkit-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
  588. -moz-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
  589. -o-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
  590. transition:all 0.5s cubic-bezier(0, .50, .50, 1);
  591. }
  592.  
  593. #nav .links:hover {
  594. color:{color:navigation links hover};
  595. {block:iftranslucency}
  596. -webkit-box-shadow:inset 0 -25px 0 0 rgba(255, 255, 255, 0.8);
  597. -moz-box-shadow:inset 0 -25px 0 0 rgba(255, 255, 255, 0.8);
  598. box-shadow:inset 0 -25px 0 0 rgba(255, 255, 255, 0.8);
  599. {/block:iftranslucency}
  600. {block:ifnottranslucency}
  601. -webkit-box-shadow:inset 0 -25px 0 0 {color:navigation links hover background};
  602. -moz-box-shadow:inset 0 -25px 0 0 {color:navigation links hover background};
  603. box-shadow:inset 0 -25px 0 0 {color:navigation links hover background};
  604. {/block:ifnottranslucency}
  605. -webkit-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
  606. -moz-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
  607. -o-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
  608. transition:all 0.5s cubic-bezier(0, .50, .50, 1);
  609. }
  610.  
  611. /*---------------------------music player---------------------------*/
  612.  
  613. {block:ifmusicplayer}
  614. #billy {
  615. height:40px;
  616. width:40px;
  617. border-radius:100%;
  618. border:{select:header border width} solid {color:header borders};
  619. background-color:rgba(255, 255, 255, 0.4);
  620. position:absolute;
  621. margin-top:39px;
  622. margin-left:-73px;
  623. -webkit-transition:all 0.4s ease;
  624. -moz-transition:all 0.4s ease;
  625. -o-transition:all 0.4s ease;
  626. transition:all 0.4s ease;
  627. }
  628.  
  629. #billyp {
  630. height:20px;
  631. width:20px;
  632. overflow:hidden;
  633. position:absolute;
  634. left:50%;
  635. top:50%;
  636. margin-left:-10px;
  637. margin-top:-10px;
  638. }
  639.  
  640. #billypb {
  641. position:absolute;
  642. margin-left:-20px;
  643. }
  644. {/block:ifmusicplayer}
  645.  
  646. /*------------------------------posts------------------------------*/
  647.  
  648. #container {
  649. position:relative;
  650. {block:if400pxposts}
  651. width:440px;
  652. {/block:if400pxposts}
  653. {block:if500pxposts}
  654. width:540px;
  655. {/block:if500pxposts}
  656. left:50%;
  657. {block:if400pxposts}
  658. margin-left:-200px;
  659. {/block:if400pxposts}
  660. {block:if500pxposts}
  661. margin-left:-250px;
  662. {/block:if500pxposts}
  663. margin-top:130px;
  664. }
  665.  
  666. .posts {
  667. {block:iftranslucency}
  668. background-color:rgba(255, 255, 255, 0.5);
  669. {/block:iftranslucency}
  670. {block:ifnottranslucency}
  671. background-color:{color:post background};
  672. {/block:ifnottranslucency}
  673. margin-bottom:40px;
  674. {block:if400pxposts}
  675. width:400px;
  676. {/block:if400pxposts}
  677. {block:if500pxposts}
  678. width:500px;
  679. {/block:if500pxposts}
  680. padding:18px;
  681. border:1px solid {color:post borders};
  682. }
  683.  
  684. #container .body {
  685. text-align:justify;
  686. margin-bottom:-2px;
  687. }
  688.  
  689. .caption {
  690. text-align:justify;
  691. margin-bottom:-10px;
  692. margin-top:10px;
  693. }
  694.  
  695. .chat ul {
  696. list-style:none;
  697. margin:0;
  698. padding:0;
  699. text-align:justify;
  700. }
  701.  
  702. .chat .odd {
  703. {block:iftranslucency}
  704. background-color:rgba(255, 255, 255, 0.4);
  705. {/block:iftranslucency}
  706. {block:ifnottranslucency}
  707. background-color:{color:chat odd background};
  708. {/block:ifnottranslucency}
  709. color:{color:chat odd text};
  710. padding:5px;
  711. }
  712. .chat .even {
  713. {block:iftranslucency}
  714. background-color:rgba(255, 255, 255, 0.8);
  715. {/block:iftranslucency}
  716. {block:ifnottranslucency}
  717. background-color:{color:chat even background};
  718. {/block:ifnottranslucency}
  719. color:{color:chat even text};
  720. padding:5px;
  721. }
  722.  
  723. .label {
  724. font-size:9px;
  725. text-transform:uppercase;
  726. letter-spacing:1px;
  727. font-weight:bold;
  728. color:{color:chat label};
  729. }
  730.  
  731. blockquote {
  732. border-left:solid 1px {color:blockquote};
  733. margin-top:-5px;
  734. margin-left:14px;
  735. padding-left:13px;
  736. width:92%;
  737. }
  738.  
  739. .photos {
  740. margin-bottom:-4px;
  741. {block:ifcoloronhover}
  742. -webkit-filter:grayscale(100%);
  743. filter:grayscale(100%);
  744. -webkit-transition:all 0.6s ease;
  745. -moz-transition:all 0.6s ease;
  746. -o-transition:all 0.6s ease;
  747. transition:all 0.6s ease;
  748. {/block:ifcoloronhover}
  749. {block:ifmonochrome}
  750. -webkit-filter:grayscale(100%);
  751. filter:grayscale(100%);
  752. {/block:ifmonochrome}
  753. {block:iffadedphotos}
  754. opacity:0.8;
  755. -webkit-filter:grayscale(20%);
  756. filter:grayscale(20%);
  757. -webkit-transition:all 0.7s ease;
  758. -moz-transition:all 0.7s ease;
  759. -o-transition:all 0.7s ease;
  760. transition:all 0.7s ease;
  761. {/block:iffadedphotos}
  762. }
  763.  
  764. .photos:hover {
  765. {block:ifcoloronhover}
  766. -webkit-filter:grayscale(0%);
  767. filter:grayscale(0%);
  768. -webkit-transition:all 0.7s ease;
  769. -moz-transition:all 0.7s ease;
  770. -o-transition:all 0.7s ease;
  771. transition:all 0.7s ease;
  772. {/block:ifcoloronhover}
  773. {block:iffadedphotos}
  774. opacity:1;
  775. -webkit-filter:grayscale(0%);
  776. filter:grayscale(0%);
  777. -webkit-transition:all 0.6s ease;
  778. -moz-transition:all 0.6s ease;
  779. -o-transition:all 0.6s ease;
  780. transition:all 0.6s ease;
  781. {/block:iffadedphotos}
  782. }
  783.  
  784. .quotewrap {
  785. position:relative;
  786. margin-top:-9px;
  787. }
  788.  
  789. .quotewrap p {
  790. margin:0;
  791. display:inline;
  792. }
  793.  
  794. .quotesource {
  795. font-size:8px;
  796. text-transform:uppercase;
  797. letter-spacing:1px;
  798. display:block;
  799. margin-top:7px;
  800. margin-bottom:-2px;
  801. }
  802.  
  803. .fa-quote-left {
  804. color:{color:quote post icon};
  805. float:left;
  806. font-size:12px;
  807. height:10px;
  808. width:24px;
  809. padding:10px 0 5px 11px;
  810. margin-top:-5px;
  811. margin-left:-3px;
  812. margin-right:4px;
  813. }
  814.  
  815. .playerwrapper {
  816. position:absolute;
  817. background-color:#fff;
  818. border-radius:100%;
  819. margin:27px;
  820. z-index:10;
  821. opacity:0.4;
  822. -webkit-transition:all 0.6s ease;
  823. -moz-transition:all 0.6s ease;
  824. -o-transition:all 0.6s ease;
  825. transition:all 0.6s ease;
  826. }
  827.  
  828. .playerwrapper:hover {
  829. z-index:10;
  830. opacity:1;
  831. -webkit-transition:all 0.6s ease;
  832. -moz-transition:all 0.6s ease;
  833. -o-transition:all 0.6s ease;
  834. transition:all 0.6s ease;
  835. }
  836.  
  837. .audioplayer {
  838. position:relative;
  839. width:26px;
  840. height:26px;
  841. overflow:hidden;
  842. margin:10px;
  843. z-index:10;
  844. }
  845.  
  846. .albumart {
  847. float:left;
  848. position:relative;
  849. display:inline-block;
  850. }
  851.  
  852. .noart {
  853. width:100px;
  854. height:100px;
  855. background-color:{color:default album art};
  856. position:absolute;
  857. display:inline-block;
  858. z-index:-1;
  859. }
  860.  
  861. .audioinfo {
  862. font-size:9px;
  863. letter-spacing:1px;
  864. text-transform:uppercase;
  865. line-height:200%;
  866. {block:if400pxposts}
  867. width:280px;
  868. margin-left:101px;
  869. {/block:if400pxposts}
  870. {block:if500pxposts}
  871. width:380px;
  872. margin-left:101px;
  873. {/block:if500pxposts}
  874. padding:10px;
  875. left:50%;
  876. text-align:center;
  877. margin-bottom:-5px;
  878. }
  879.  
  880. .infoline {
  881. {block:if400pxposts}
  882. width:280px;
  883. {/block:if400pxposts}
  884. {block:if500pxposts}
  885. width:380px;
  886. {/block:if500pxposts}
  887. height:18px;
  888. padding:3px;
  889. position:relative;
  890. margin-bottom:5px;
  891. {block:iftranslucency}
  892. background-color:rgba(255, 255, 255, 0.5);
  893. {/block:iftranslucency}
  894. {block:ifnottranslucency}
  895. background-color:{color:audio info background};
  896. {/block:ifnottranslucency}
  897. }
  898.  
  899. .fa-music, .fa-microphone, .fa-headphones {
  900. color:{color:audio info icons};
  901. float:left;
  902. background-color:rgba(255, 255, 255, 0.5);
  903. font-size:12px;
  904. height:12px;
  905. width:24px;
  906. padding:6px 0;
  907. margin-top:-3px;
  908. margin-left:-3px
  909. }
  910.  
  911. .linkp {
  912. {block:if400pxposts}
  913. width:390px;
  914. {/block:if400pxposts}
  915. {block:if500pxposts}
  916. width:490px;
  917. {/block:if500pxposts}
  918. height:13px;
  919. padding:5px;
  920. {block:iftranslucency}
  921. background-color:rgba(255, 255, 255, 0.5);
  922. {/block:iftranslucency}
  923. {block:ifnottranslucency}
  924. background-color:{color:link post background};
  925. {/block:ifnottranslucency}
  926. font-size:9px;
  927. text-transform:uppercase;
  928. letter-spacing:1px;
  929. color:{color:links};
  930. {block:iftranslucency}
  931. -webkit-box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.4);
  932. -moz-box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.4);
  933. box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.4);
  934. {/block:iftranslucency}
  935. {block:ifnottranslucency}
  936. -webkit-box-shadow:inset 0 0 0 0 {color:link post fill};
  937. -moz-box-shadow:inset 0 0 0 0 {color:link post fill};
  938. box-shadow:inset 0 0 0 0 {color:link post fill};
  939. {/block:ifnottranslucency}
  940. -webkit-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
  941. -moz-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
  942. -o-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
  943. transition:all 0.7s cubic-bezier(0, .50, .50, 1);
  944. }
  945.  
  946. .linkp:hover {
  947. color:{color:links};
  948. {block:iftranslucency}
  949. {block:if400pxposts}
  950. -webkit-box-shadow:inset 400px 0 0 0 rgba(255, 255, 255, 0.4);
  951. -moz-box-shadow:inset 400px 0 0 0 rgba(255, 255, 255, 0.4);
  952. box-shadow:inset 400px 0 0 0 rgba(255, 255, 255, 0.4);
  953. {/block:if400pxposts}
  954. {block:if500pxposts}
  955. -webkit-box-shadow:inset 500px 0 0 0 rgba(255, 255, 255, 0.4);
  956. -moz-box-shadow:inset 500px 0 0 0 rgba(255, 255, 255, 0.4);
  957. box-shadow:inset 500px 0 0 0 rgba(255, 255, 255, 0.4);
  958. {/block:if500pxposts}
  959. {/block:iftranslucency}
  960. {block:ifnottranslucency}
  961. {block:if400pxposts}
  962. -webkit-box-shadow:inset 400px 0 0 0 {color:link post fill};
  963. -moz-box-shadow:inset 400px 0 0 0 {color:link post fill};
  964. box-shadow:inset 400px 0 0 0 {color:link post fill};
  965. {/block:if400pxposts}
  966. {block:if500pxposts}
  967. -webkit-box-shadow:inset 500px 0 0 0 {color:link post fill};
  968. -moz-box-shadow:inset 500px 0 0 0 {color:link post fill};
  969. box-shadow:inset 500px 0 0 0 {color:link post fill};
  970. {/block:if500pxposts}
  971. {/block:ifnottranslucency}
  972. -webkit-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
  973. -moz-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
  974. -o-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
  975. transition:all 0.7s cubic-bezier(0, .50, .50, 1);
  976. }
  977.  
  978. .fa-external-link {
  979. color:{color:link post icon};
  980. float:left;
  981. background-color:rgba(255, 255, 255, 0.5);
  982. font-size:12px;
  983. height:17px;
  984. width:18px;
  985. padding:6px 0 0 7px;
  986. margin-top:-5px;
  987. margin-left:-5px;
  988. }
  989.  
  990. .asker {
  991. display:inline;
  992. }
  993.  
  994. .asker img {
  995. border:2px solid {color:post borders};
  996. {block:ifcircularaskerportraits}
  997. border-radius:100%;
  998. {/block:ifcircularaskerportraits}
  999. }
  1000.  
  1001. .ask {
  1002. display:inline;
  1003. position:absolute;
  1004. {block:if400pxposts}
  1005. width:345px;
  1006. {/block:if400pxposts}
  1007. {block:if500pxposts}
  1008. width:445px;
  1009. {/block:if500pxposts}
  1010. height:48px;
  1011. text-align:center;
  1012. padding:0 5px;
  1013. overflow:auto;
  1014. }
  1015.  
  1016. .ask p {
  1017. margin:0;
  1018. display:inline;
  1019. }
  1020.  
  1021. /*----------------------------post info----------------------------*/
  1022.  
  1023. .info {
  1024. float:left;
  1025. position:relative;
  1026. margin-left:-105px;
  1027. width:55px;
  1028. padding:7px;
  1029. }
  1030.  
  1031. .timestamp {
  1032. font-size:12px;
  1033. text-transform:uppercase;
  1034. letter-spacing:2px;
  1035. text-align:center;
  1036. font-weight:bold;
  1037. margin-bottom:3px;
  1038. color:{color:post timestamp};
  1039. }
  1040.  
  1041. .iconwrap {
  1042. width:55px;
  1043. text-align:center;
  1044. }
  1045.  
  1046. .icons {
  1047. padding:2px;
  1048. display:inline;
  1049. font-size:11px;
  1050. }
  1051.  
  1052. .fa-pencil, .fa-tags, .fa-link {
  1053. color:{color:post info icons};
  1054. -webkit-transition:all 0.4s ease;
  1055. -moz-transition:all 0.4s ease;
  1056. -o-transition:all 0.4s ease;
  1057. transition:all 0.4s ease;
  1058. }
  1059.  
  1060. .fa-pencil:hover, .fa-tags:hover, .fa-link:hover {
  1061. color:{color:post info icons hover};
  1062. -webkit-transition:all 0.4s ease;
  1063. -moz-transition:all 0.4s ease;
  1064. -o-transition:all 0.4s ease;
  1065. transition:all 0.4s ease;
  1066. }
  1067.  
  1068. .sources {
  1069. text-align:center;
  1070. font-size:8px;
  1071. text-transform:uppercase;
  1072. letter-spacing:1px;
  1073. margin-top:3px;
  1074. }
  1075.  
  1076. .sources a {
  1077. color:{color:post src links};
  1078. -webkit-transition:all 0.4s ease;
  1079. -moz-transition:all 0.4s ease;
  1080. -o-transition:all 0.4s ease;
  1081. transition:all 0.4s ease;
  1082. }
  1083.  
  1084. .sources a:hover {
  1085. color:{color:post src links hover};
  1086. -webkit-transition:all 0.4s ease;
  1087. -moz-transition:all 0.4s ease;
  1088. -o-transition:all 0.4s ease;
  1089. transition:all 0.4s ease;
  1090. }
  1091.  
  1092. /*---------------------------post notes---------------------------*/
  1093.  
  1094. ol.notes {
  1095. {block:iftranslucency}
  1096. background-color:rgba(255, 255, 255, 0.5);
  1097. {/block:iftranslucency}
  1098. {block:ifnottranslucency}
  1099. background-color:{color:post background};
  1100. {/block:ifnottranslucency}
  1101. margin-top:-20px;
  1102. {block:if400pxposts}
  1103. width:400px;
  1104. {/block:if400pxposts}
  1105. {block:if500pxposts}
  1106. width:500px;
  1107. {/block:if500pxposts}
  1108. padding:18px;
  1109. border:1px solid {color:post borders};
  1110. list-style-type:none;
  1111. }
  1112.  
  1113. ol.notes li.note {
  1114. padding:10px;
  1115. }
  1116.  
  1117. ol.notes li.note img.avatar {
  1118. vertical-align:-5px;
  1119. margin-right:10px;
  1120. width:16px;
  1121. height:16px;
  1122. }
  1123.  
  1124. ol.notes li.note span.action {
  1125. font-weight:none;
  1126. }
  1127.  
  1128. ol.notes li.note .answer_content {
  1129. font-weight:normal;
  1130. }
  1131.  
  1132. ol.notes li.note blockquote {
  1133. border-color:{color:blockquote};
  1134. padding:4px 10px;
  1135. margin:10px 0px 0px 7px;
  1136. }
  1137.  
  1138. ol.notes li.note blockquote a {
  1139. text-decoration:none;
  1140. }
  1141.  
  1142. /*----------------------------pagination----------------------------*/
  1143.  
  1144. {block:ifnotinfinitescroll}
  1145. #pagination {
  1146. width:100px;
  1147. position:fixed;
  1148. {block:if400pxposts}
  1149. margin-left:510px;
  1150. {/block:if400pxposts}
  1151. {block:if500pxposts}
  1152. margin-left:610px;
  1153. {/block:if500pxposts}
  1154. bottom:40px;
  1155. color:{color:pagination};
  1156. }
  1157.  
  1158. .fa-angle-double-left, .fa-angle-double-right {
  1159. color:{color:pagination};
  1160. -webkit-transition:all 0.4s ease;
  1161. -moz-transition:all 0.4s ease;
  1162. -o-transition:all 0.4s ease;
  1163. transition:all 0.4s ease;
  1164. }
  1165.  
  1166. .fa-angle-double-left:hover, .fa-angle-double-right:hover {
  1167. color:{color:pagination icons hover};
  1168. -webkit-transition:all 0.4s ease;
  1169. -moz-transition:all 0.4s ease;
  1170. -o-transition:all 0.4s ease;
  1171. transition:all 0.4s ease;
  1172. }
  1173. {/block:ifnotinfinitescroll}
  1174.  
  1175. /*-----------------------------credit-----------------------------*/
  1176.  
  1177. #credit {
  1178. position:fixed;
  1179. right:10px;
  1180. bottom:10px;
  1181. height:12px;
  1182. width:7px;
  1183. font-size:9px;
  1184. font-weight:bold;
  1185. border:1px solid {color:header borders};
  1186. border-radius:100%;
  1187. padding:5px 8px;
  1188. {block:iftranslucency}
  1189. background-color:rgba(255, 255, 255, 0.4);
  1190. {/block:iftranslucency}
  1191. {block:ifnottranslucency}
  1192. background-color:{color:navigation links background};
  1193. {/block:ifnottranslucency}
  1194. color:{color:navigation links};
  1195. -webkit-transition:all 0.4s ease;
  1196. -moz-transition:all 0.4s ease;
  1197. -o-transition:all 0.4s ease;
  1198. transition:all 0.4s ease;
  1199. }
  1200.  
  1201. #credit:hover {
  1202. {block:iftranslucency}
  1203. background-color:rgba(255, 255, 255, 0.7);
  1204. {/block:iftranslucency}
  1205. {block:ifnottranslucency}
  1206. background-color:{color:navigation links hover background};
  1207. {/block:ifnottranslucency}
  1208. color:{color:navigation links hover};
  1209. -webkit-transition:all 0.4s ease;
  1210. -moz-transition:all 0.4s ease;
  1211. -o-transition:all 0.4s ease;
  1212. transition:all 0.4s ease;
  1213. }
  1214.  
  1215. {CustomCSS}
  1216.  
  1217. </style>
  1218. </head>
  1219. <body>
  1220.  
  1221. <a href="http://regeri.tumblr.com" target="_blank"><div id="credit">R</div></a>
  1222.  
  1223. <!-----------------------------header----------------------------->
  1224.  
  1225. <div id="header">
  1226. {block:ifmusicplayer}
  1227. <div id="billy">
  1228. <div id="billyp">
  1229. <div id="billypb">{text:billy music code}</div>
  1230. </div>
  1231. </div>
  1232. {/block:ifmusicplayer}
  1233. <div id="header-bg"></div>
  1234. {block:ifnavigationonclick}
  1235. <p id="showlinks" style="width:20px; margin-left:-5px;"><span class="vshowlinks" style="font-size:13px;"><i class="fa fa-plus"></i></span><span class="vshowlinks" style="display:none; font-size:13px;"><i class="fa fa-minus"></i></span></p>
  1236. {/block:ifnavigationonclick}
  1237. <div id="nav" class="invisnav">
  1238. <a href="/"><div class="links">home</div></a>
  1239. <a href="/ask"><div class="links">ask</div></a>
  1240. <a href="{text:link one url}"><div class="links">{text:link one name}</div></a>
  1241. <a href="{text:link two url}"><div class="links">{text:link two name}</div></a>
  1242. <a href="{text:link three url}"><div class="links">{text:link three name}</div></a>
  1243. </div>
  1244. <div id="header-img">
  1245. {block:ifshowtitle}
  1246. <div id="header-imgbg"></div>
  1247. <div id="header-title">{Title}</div>
  1248. {/block:ifshowtitle}
  1249. </div>
  1250. {block:ifshowdescription}
  1251. <div id="desc">{Description}</div>
  1252. {/block:ifshowdescription}
  1253. <div id="header-hline"></div>
  1254. <div id="header-vline"></div>
  1255. </div>
  1256.  
  1257. <!------------------------------posts------------------------------>
  1258.  
  1259. <div id="container">
  1260. {block:IndexPage}
  1261. {block:ifnotinfinitescroll}
  1262. {block:Pagination}
  1263. <div id="pagination">
  1264. {block:PreviousPage}
  1265. <a href="{PreviousPage}"><span style="font-size:13px; position:absolute; display:inline-block;"><i class="fa fa-angle-double-left"></i></span></a>
  1266. {/block:PreviousPage}
  1267. <span style="font-size:8px; text-transform:uppercase; letter-spacing:1px; position:absolute display:inline-block; margin-left:15px; margin-right:6px;">{CurrentPage} of {TotalPages}</span>
  1268. {block:NextPage}
  1269. <a href="{NextPage}"><span style="font-size:13px; position:absolute; display:inline-block;"><i class="fa fa-angle-double-right"></i></span></a>
  1270. {/block:NextPage}
  1271. </div>
  1272. {/block:Pagination}
  1273. {block:ifnotinfinitescroll}
  1274. {/block:IndexPage}
  1275.  
  1276. {block:Posts}
  1277.  
  1278. {block:IndexPage}
  1279. <div class="info">
  1280. {block:Date}
  1281. <div class="timestamp" title="posted @{24HourWithZero}:{Minutes}">
  1282. {DayOfMonthWithZero} {ShortMonth}
  1283. </div>
  1284. {/block:Date}
  1285. <div class="iconwrap">
  1286. {block:NoteCount}
  1287. <div class="icons">
  1288. <i class="fa fa-pencil" title="with {NoteCountWithLabel}"></i>
  1289. </div>
  1290. {/block:NoteCount}
  1291. {block:HasTags}
  1292. <div class="icons">
  1293. <i class="fa fa-tags" title="{block:Tags}#{Tag}&nbsp;{/block:Tags}"></i>
  1294. </div>
  1295. {/block:HasTags}
  1296. <div class="icons">
  1297. <a href="{Permalink}" target="_blank"><i class="fa fa-link" title="view post"></i></a>
  1298. </div>
  1299. </div>
  1300.  
  1301. {block:RebloggedFrom}
  1302. <div class="sources">
  1303. <a href="{ReblogParentUrl}" title="{ReblogParentName}">via</a> {block:ContentSource}+ <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}
  1304. </div>
  1305. {/block:RebloggedFrom}
  1306. </div>
  1307. {/block:IndexPage}
  1308.  
  1309. {block:PermalinkPage}
  1310. <div class="info">
  1311. {block:Date}
  1312. <div class="timestamp" title="posted @{24HourWithZero}:{Minutes}">
  1313. {DayOfMonthWithZero} {ShortMonth}
  1314. </div>
  1315. {/block:Date}
  1316. <div class="iconwrap">
  1317. {block:NoteCount}
  1318. <div class="icons">
  1319. <i class="fa fa-pencil" title="with {NoteCountWithLabel}"></i>
  1320. </div>
  1321. {/block:NoteCount}
  1322. {block:HasTags}
  1323. <div class="icons">
  1324. <i class="fa fa-tags" title="{block:Tags}#{Tag}&nbsp;{/block:Tags}"></i>
  1325. </div>
  1326. {/block:HasTags}
  1327. {block:Date}
  1328. <div class="icons">
  1329. <a href="{Permalink}" target="_blank"><i class="fa fa-link" title="view post"></i></a>
  1330. </div>
  1331. {/block:Date}
  1332. </div>
  1333.  
  1334. {block:RebloggedFrom}
  1335. <div class="sources">
  1336. <a href="{ReblogParentUrl}" title="{ReblogParentName}">via</a> {block:ContentSource}+ <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}
  1337. </div>
  1338. {/block:RebloggedFrom}
  1339. </div>
  1340. {/block:PermalinkPage}
  1341.  
  1342. <div class="posts">
  1343.  
  1344. {block:Photo}
  1345. <div class="photos">
  1346. {block:if400pxposts}
  1347. <img src="{PhotoURL-400}" />
  1348. {/block:if400pxposts}
  1349. {block:if500pxposts}
  1350. <img src="{PhotoURL-500}" />
  1351. {/block:if500pxposts}
  1352. </div>
  1353. {block:ifnothidecaptions}
  1354. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1355. {/block:ifnothidecaptions}
  1356. {/block:Photo}
  1357.  
  1358. {block:Photoset}
  1359. <div class="photos">
  1360. {block:if400pxposts}
  1361. {Photoset-400}
  1362. {/block:if400pxposts}
  1363. {block:if500pxposts}
  1364. {Photoset-500}
  1365. {/block:if500pxposts}
  1366. </div>
  1367. {block:ifnothidecaptions}
  1368. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1369. {/block:ifnothidecaptions}
  1370. {/block:Photoset}
  1371.  
  1372. {block:Video}
  1373. {block:if400pxposts}
  1374. {Video-400}
  1375. {/block:if400pxposts}
  1376. {block:if500pxposts}
  1377. {Video-500}
  1378. {/block:if500pxposts}
  1379. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1380. {/block:Video}
  1381.  
  1382. {block:Audio}
  1383. <div class="playerwrapper">
  1384. <div class="audioplayer">
  1385. {AudioPlayerWhite}
  1386. </div>
  1387. </div>
  1388. <div class="albumart">
  1389. <div class="noart"></div>
  1390. {block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}
  1391. </div>
  1392. <div class="audioinfo">
  1393. <div class="infoline"><i class="fa fa-music" title="track name"></i>{block:TrackName}{TrackName}{/block:TrackName}</div>
  1394. <div class="infoline"><i class="fa fa-microphone" title="artist"></i>{block:Artist}{Artist}{/block:Artist}</div>
  1395. <div class="infoline"><i class="fa fa-headphones" title="play count"></i>{PlayCountWithLabel}</div>
  1396. </div>
  1397. {block:ifnothidecaptions}
  1398. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1399. {/block:ifnothidecaptions}
  1400. {/block:Audio}
  1401.  
  1402. {block:Quote}
  1403. <div class="quotewrap">
  1404. <i class="fa fa-quote-left"></i><span style="display:inline; font-size:8px; text-transform:uppercase; letter-spacing:1px;"><p align="justify" style="margin-bottom:-2px;">{Quote}</p></span>
  1405. {block:Source}<center><span class="quotesource">&mdash; {Source}</p></center>{/block:Source}
  1406. </div>
  1407. {/block:Quote}
  1408.  
  1409. {block:Text}
  1410. {block:Title}<center><h1>{Title}</h1></center>{/block:Title}
  1411. <div class="body">{Body}</div>
  1412. {/block:Text}
  1413.  
  1414. {block:Answer}
  1415. <div class="asker"><img src="{AskerPortraitURL-48}" /></div>
  1416. <div class="ask"><span style="text-transform:uppercase; font-size:8px; letter-spacing:1px;"><b>{Asker} asked:</b></span> {Question}</div>
  1417. <div class="body">{Answer}</div>
  1418. {/block:Answer}
  1419.  
  1420. {block:Chat}
  1421. {block:Title}<center><h1>{Title}</h1></center>{/block:Title}
  1422. <div class="chat">
  1423. <ul>
  1424. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  1425. </ul>
  1426. </div>
  1427. {/block:Chat}
  1428.  
  1429. {block:Link}
  1430. <a href="{URL}"><div class="linkp"><i class="fa fa-external-link"></i><center>{Name}</center></div></a>
  1431. {block:Description}
  1432. <div class="body">{Description}</div>
  1433. {/block:Description}
  1434. {/block:Link}
  1435. </div>
  1436.  
  1437. {block:PostNotes}
  1438. {PostNotes-16}
  1439. {/block:PostNotes}
  1440.  
  1441. {/block:Posts}
  1442.  
  1443. {block:ContentSource}
  1444. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1445. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1446. {/block:SourceLogo}
  1447. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1448. {/block:ContentSource}
  1449.  
  1450. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1451.  
  1452. </div>
  1453. </div>
  1454.  
  1455. </body>
  1456. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement