whattheweasley

Theme 22: Mercury

Nov 12th, 2012
654
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.23 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- DO NOT REMOVE THE FOLLOWING
  6. ♡ Theme 22: Mercury by Rachael: pevensied @ tumblr.com ♡
  7. • if you're using my theme, please keep credit in tact.
  8. • this theme isn't a base theme, do not redistribute.
  9. • edit to your heart's consent, but this will always be MY theme
  10. -->
  11.  
  12. <body>
  13. <head>
  14.  
  15. <meta name="color:background" content="#fff" />
  16. <meta name="color:entries" content="#fff" />
  17. <meta name="color:description" content="#fff" />
  18.  
  19. <meta name="color:titles" content="#aa5533" />
  20. <meta name="color:text" content="#aa8866" />
  21. <meta name="color:description text" content="#aa8866" />
  22. <meta name="color:borders" content="#4b4a46" />
  23. <meta name="color:link" content="#ffbb88" />
  24. <meta name="color:link hover" content="#ffcc77" />
  25. <meta name="color:right border" content="#CFCFCF" />
  26. <meta name="color:right background" content="#eee" />
  27. <meta name="color:navigation hover" content="#e2e0d3" />
  28. <meta name="color:selection" content="#664444" />
  29.  
  30. <meta name="font:body" content="helvetica" />
  31.  
  32. <meta name="image:sidebar" content="http://i.imgur.com/bBEKB.png"/>
  33. <meta name="image:background" content="" />
  34. <meta name="image:right background" content="http://static.tumblr.com/z5o2pr2/XUwm98jn0/a.png"/>
  35.  
  36. <meta name="if:show tags" content="0" />
  37. <meta name="if:show captions" content="0" />
  38. <meta name="if:show post info" content="0" />
  39. <meta name="if:show description" content="0" />
  40. <meta name="if:show navigation links" content="0" />
  41. <meta name="if:fading tumblr controls" content="1" />
  42. <meta name="if:fading images" content="0" />
  43. <meta name="if:fade in monochrome images" content="1" />
  44. <meta name="if:quick reblog" content="1" />
  45. <meta name="text:title font size" content="19"/>
  46. <meta name="text:link one" content="/"/>
  47. <meta name="text:link one name" content="link 1"/>
  48. <meta name="text:link two" content="/"/>
  49. <meta name="text:link two name" content="link 2"/>
  50. <meta name="text:link three" content="/"/>
  51. <meta name="text:link three name" content="link 3"/>
  52. <meta name="text:link four" content="/"/>
  53. <meta name="text:link four name" content="link 4"/>
  54.  
  55.  
  56.  
  57. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  58.  
  59. <title>{title}</title>
  60.  
  61. {block:Description}
  62. <meta name="description" content="{MetaDescription}" />
  63. {/block:Description}
  64.  
  65. <link rel="shortcut icon" href="{Favicon}" />
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  67. <link href='http://fonts.googleapis.com/css?family=Quicksand:300' rel='stylesheet' type='text/css'>
  68.  
  69. <style type="text/css">
  70.  
  71. /* Fonts
  72.  
  73. !Fact, if you click on the file link below, you can download this font and upload it at http://tumblr.com/themes/upload_static_file on your own bandwith. Please do so, do not just copy and paste it. */
  74.  
  75. @font-face {
  76. font-family: "Quicksand";
  77. src: url('http://static.tumblr.com/z5o2pr2/zSAm979ab/quicksand_book.otf');
  78. }
  79.  
  80.  
  81. @font-face {
  82. font-family: "Symbols";
  83. src: url('http://static.tumblr.com/z5o2pr2/P51m979m4/websymbols-regular-webfont.ttf');
  84. }
  85.  
  86.  
  87. /* ---------- scroll bar --------- */
  88. ::-webkit-scrollbar-thumb:vertical {
  89. background-color: {color:selection};
  90. height: 50px;
  91. }
  92. ::-webkit-scrollbar-thumb:horizontal {
  93. background-color: {color:selection};
  94. height: 10px;
  95. }
  96.  
  97.  
  98. ::-webkit-scrollbar {
  99. height: 10px;
  100. width: 5px;
  101. background-color: #transparent;
  102. }
  103.  
  104. /* ---------- color selection --------- */
  105.  
  106. ::-moz-selection {color: #eeeeee;background: {color:selection};}
  107.  
  108. ::selection {color:#eeeeee;background: {color:selection};}
  109.  
  110. /* ---------- follow/dash fade --------- */
  111. {block:ifFadingTumblrControls}
  112. iframe#tumblr_controls {
  113. top:0px !important;
  114. right:3px !important;
  115. position: fixed !important;
  116. -webkit-transition: opacity 0.7s linear;
  117. opacity: 0.4;
  118. -webkit-transition: all 0.8s ease-out;
  119. -moz-transition: all 0.8s ease-out;
  120. transition: all 0.8s ease-out;}
  121.  
  122. iframe#tumblr_controls:hover{
  123. -webkit-transition: opacity 0.7s linear;
  124. opacity: 1;
  125. -webkit-transition: all 0.4s ease-out;
  126. -moz-transition: all 0.4s ease-out;
  127. transition: all 0.4s ease-out;}
  128. {/block:ifFadingTumblrControls}
  129.  
  130. {block:ifnotFadingTumblrControls}
  131. iframe#tumblr_controls {
  132. top:0px !important;
  133. right:3px !important;
  134. position: fixed !important;
  135. }
  136. {/block:ifnotFadingTumblrControls}
  137. /* Body */
  138. body {
  139. color:{color:text};
  140. background-color:{color:background};
  141. background-image: url('{image:background}');
  142. background-position: center;
  143. background-attachment:fixed;
  144. background-repeat: repeat;
  145. font:11px {font:body};
  146. line-height:110%;
  147. text-align:justify}
  148.  
  149. a:link, a:active, a:visited{
  150. color: {color:link};
  151. text-decoration:none;
  152. -webkit-transition: all 0.7s
  153. ease-out;-moz-transition: all 0.7s ease-out;
  154. transition: all 0.7s ease-out;
  155. }
  156.  
  157. a:hover{
  158. color:{color:link hover};
  159. background-color: transparent;
  160. }
  161.  
  162. /* entries */
  163. #container {
  164. width:950px;
  165. float:right;
  166. }
  167.  
  168. #entries{
  169. margin-left:-70px;
  170. margin-top:20px;
  171. width:507px}
  172.  
  173. #posts{
  174. overflow:hidden;
  175. background-color:{color:entries};
  176. padding:2px;
  177. margin-bottom:35px;
  178. -webkit-transition: all 0.7s ease-out;
  179. ease-out;-moz-transition: all 0.7s ease-out;
  180. transition: all 0.7s ease-out;
  181. z-index:9999;
  182. border:1px solid {color:borders};
  183. }
  184. #posts:hover #info {
  185. opacity:1.0;
  186. margin-left:507px;
  187. }
  188. {block:ifNotShowTags}
  189. #posts:hover #tags {
  190. opacity:1;
  191. margin-top:1px;
  192. }
  193. {/block:ifNotShowTags}
  194. /* Images */
  195.  
  196. #entries img {
  197. {block:iffadingimages}opacity: .8;{/block:iffadingimages}
  198. -webkit-transition: all 0.5s ease-out;
  199. -moz-transition: all 0.5s ease-out;
  200. transition: all 0.5s ease-out;
  201. }
  202.  
  203. #entries img:hover {
  204. opacity: 1;
  205. {block:ifFadeInMonochromeImages}
  206. -webkit-filter: grayscale(1);
  207. -moz-filter: grayscale(100%);
  208. -ms-filter: grayscale(100%);
  209. -o-filter: grayscale(100%);
  210. filter: grayscale(100%);
  211. filter: url(grayscale.svg);
  212. filter: gray;
  213. {/block:ifFadeInMonochromeImages}
  214. -webkit-transition: all 0.5s ease-out;
  215. -moz-transition: all 0.5s ease-out;
  216. transition: all 0.5s ease-out;
  217. }
  218. .trans {
  219. {block:iffadingimages}opacity: .8;{/block:iffadingimages}
  220. -webkit-transition: all 0.5s ease-out;
  221. -moz-transition: all 0.5s ease-out;
  222. transition: all 0.5s ease-out;
  223. margin-bottom:-1px;
  224. }
  225.  
  226. .trans:hover {
  227. opacity: 1;
  228. {block:ifFadeInMonochromeImages}
  229. -webkit-filter: grayscale(1);
  230. -moz-filter: grayscale(100%);
  231. -ms-filter: grayscale(100%);
  232. -o-filter: grayscale(100%);
  233. filter: grayscale(100%);
  234. filter: url(grayscale.svg);
  235. filter: gray;
  236. {/block:ifFadeInMonochromeImages}
  237. -webkit-transition: all 0.5s ease-out;
  238. -moz-transition: all 0.5s ease-out;
  239. transition: all 0.5s ease-out;
  240. }
  241.  
  242. /* Sidebar & Description */
  243.  
  244. .left {
  245. right:5px;
  246. margin-top:-20px;
  247. width:410px;
  248. border-left:5px solid {color:right border};
  249. height:150%;
  250. position:fixed;
  251. background-color:{color:right background};
  252. background-image: url('{image:right background}');
  253. background-attachment:fixed;
  254. background-repeat: repeat;
  255. z-index:-4;
  256. }
  257.  
  258. .description {
  259. background-color:#383737;
  260. font-family:calibri, helvetica, sans-serif;
  261. position:fixed;
  262. right:200px;
  263. margin-top:140px;
  264. width:190px;
  265. font-size:9px;
  266. z-index:9999;
  267. }
  268.  
  269. {block:ifnotshowdescription}
  270. .description:hover .hatter {
  271. margin-left:153px;
  272. }
  273. {/block:ifnotshowdescription}
  274.  
  275. .description:hover .hovert {
  276. opacity:0;
  277. margin-left:-10px;
  278. -webkit-transition: all 0.9s ease-out;
  279. -moz-transition: all 0.9s ease-out;
  280. transition: all 0.9s ease-out;
  281. }
  282. {block:ifnotshownavigationlinks}
  283. .description:hover #effie {
  284. margin-top:1px;
  285. }
  286. {/block:ifnotshownavigationlinks}
  287.  
  288. #sidebar {
  289. width:150px;
  290. position:fixed;
  291. overflow:hidden;
  292. border-left:0px solid;
  293. border-right:0px solid;
  294. padding:2px;
  295. height:150px;
  296. border:1px solid #6E6E6E;
  297. }
  298.  
  299. #sidebarimg img {
  300. width: 150px;
  301. margin-left:0px;
  302. margin-top:0px;
  303. height: auto;
  304. text-align:center;
  305. }
  306. .hatter {
  307. background-color:{color:description};
  308. width:100px;
  309. height:137px;
  310. font:10px calibri, san serif;
  311. position: fixed;
  312. text-align:justify;
  313. vertical-align:middle;
  314. margin-top:-151px;
  315. {block:ifnotShowDescription}
  316. margin-left:0px;
  317. {/block:ifnotShowDescription}
  318. {block:ifshowdescription}
  319. margin-left:153px;
  320. {/block:ifshowdescription}
  321. padding:5px;
  322. z-index:-5;
  323. overflow:scroll;
  324. display:list-item;
  325. -webkit-transition: all 2s;
  326. -moz-transition: all 2s;
  327. transition: all 2s;
  328. }
  329.  
  330. .dext {
  331. text-align:justify;
  332. padding:2px;
  333. }
  334.  
  335. .hovert {
  336. position:absolute;
  337. font-family:calibri,helvetica,san serif;
  338. font-size:10px;
  339. color:#fff;
  340. opacity:0.5;
  341. margin-top:0px;
  342. margin-left:2px;
  343. -webkit-transition: all 0.9s ease-out;
  344. -moz-transition: all 0.9s ease-out;
  345. transition: all 0.9s ease-out;
  346. }
  347.  
  348.  
  349. /* Navigation Links */
  350.  
  351. #effie {
  352. position:fixed;
  353. width: 200px;
  354. margin-left: 15px;
  355. {block:ifnotshownavigationlinks}
  356. margin-top:-80px;
  357. {/block:ifnotshownavigationlinks}
  358. {block:ifshownavigationlinks}
  359. margin-top:1px;
  360. {/block:ifshownavigationlinks}
  361. -webkit-transition: all 2s;
  362. -moz-transition: all 2s;
  363. transition: all 2s;
  364. {block:ifnotshownavigationlinks}z-index:-3;{/block:ifnotshownavigationlinks}
  365. }
  366.  
  367. #effie a {
  368. width:35px;
  369. display:inline-block;
  370. margin-left:-2px;
  371. margin-bottom: 0px;
  372. line-height:20px;
  373. background-color:{color:description};
  374. font:10px calibri, helvetica, sans serif;
  375. text-transform: uppercase;
  376. color:{color:text};
  377. text-align:center;
  378. padding:3px;
  379. text-decoration:none;
  380. -webkit-transition: all 0.7s linear;
  381. -moz-transition: all 0.7s linear;
  382. transition: all 0.7s linear;
  383. }
  384. #effie a:hover {
  385. color:#fff;
  386. background-color:{color:navigation hover};
  387. }
  388. #effie:hover {
  389. opacity:1;
  390. }
  391.  
  392.  
  393.  
  394. h1{
  395. color:{color:titles};
  396. font-family: 'Quicksand', sans serif;
  397. font-size:20px;
  398. line-height:20px;
  399. letter-spacing:1px;
  400. font-weight:normal;
  401. text-transform:case;
  402. margin:0px;
  403. padding:4px;
  404. text-align:left
  405. }
  406.  
  407. h2{
  408. color:{color:titles};
  409. font-family:'Quicksand', sans-serif;
  410. font-size:16px;
  411. line-height:18px;
  412. letter-spacing:-1px;
  413. font-weight:normal;
  414. text-transform:case;
  415. margin:0px;
  416. padding:0px;
  417. margin-bottom:1px;
  418. text-align:center
  419. }
  420.  
  421. h3{
  422. font:normal 11px calibri,helvetica,sans serif;
  423. display:inline-block;
  424. padding:2px;
  425. color:{color:link hover};
  426. margin:0px;
  427. width:35px;
  428. text-transform:uppercase;
  429. }
  430.  
  431. /* Post info & Tags */
  432. #tags {
  433. display:block;
  434. width:350px;
  435. padding-top:3px;
  436. padding-bottom: 2px;
  437. margin-left:150px;
  438. {block:ifShowTags}
  439. margin-top:5px
  440. opacity:1;
  441. {/block:ifShowtags}
  442. {block:ifnotShowTags}
  443. {block:IndexPage} margin-top:-10px;{/block:IndexPage}
  444. {block:PermalinkPage}margin-top:1px;{/block:PermalinkPage}
  445. {block:IndexPage}opacity:0;{/block:IndexPage}
  446. {block:PermalinkPage}opacity:1;{/block:PermalinkPage}
  447. {/block:ifnotShowTags}
  448. position:absolute;
  449. background-color:transparent;
  450. font:10px calibri, helvetica, sans serif;
  451. text-transform:lowercase;
  452. text-align:right;
  453. font-style:italic;
  454. -webkit-transition: all 0.7s ease-out;
  455. -moz-transition: all 0.7s ease-out;
  456. transition: all 0.7s ease-out;
  457.  
  458. }
  459.  
  460. #info {
  461. width:90px;
  462. overflow:hidden;
  463. position: absolute;
  464. {block:ifnotShowPostInfo}
  465. {block:IndexPage}margin-left:470px;{/block:IndexPage}
  466. {block:PermalinkPage}margin-left:507px;{/block:PermalinkPage}
  467. {block:IndexPage}opacity:0;{/block:IndexPage}
  468. {block:PermalinkPage}opacity:1;{/block:PermalinkPage}
  469. {/block:ifnotShowPostInfo}
  470. {block:ifShowPostInfo}
  471. margin-left:507px;
  472. {/block:ifShowPostInfo}
  473. margin-top:0px;
  474. background-color: transparent;
  475. color:{color:text};
  476. text-align:left;
  477. text-transform:case;
  478. padding: 3px;
  479. font:10px calibri;
  480. -webkit-transition: all 1.5s ease-in-out;
  481. -moz-transition: all 1.5s ease-in-out;
  482. transition: all 1.5s ease-in-out;
  483. }
  484. #info a:hover {
  485. color:{color:link hover};
  486. }
  487.  
  488. .symbol {
  489. font-family:'Symbols';
  490. letter-spacing:0px;
  491. text-transform:uppercase;
  492. }
  493.  
  494.  
  495. /* Pagination */
  496.  
  497. #leftarrow{position: fixed; top: 45%; left: 20px; width: 30px; font-size: 75px; z-index: 2; line-height: 75px}
  498. #leftarrow a{color:{color:text}
  499. ; font-size: 75px!important}
  500. #leftarrow a:hover{color:{color:link hover};}
  501. #rightarrow{position: fixed; top: 45%; right: 30px; width: 30px; font-size: 75 z-index: 2; line-height: 75px}
  502. #rightarrow a{color:{color:text}
  503. ; font-size: 75px!important}
  504. #rightarrow a:hover{color:{color:link hover};}
  505.  
  506.  
  507. #credit {
  508. position:fixed;
  509. width:90px;
  510. right:1px;
  511. bottom:1px;
  512. padding:2px;
  513. line-height:11px;
  514. letter-spacing:0px;
  515. font:10px Calibri, Tahoma, Helvetica, Sans-Serif;
  516. color: {color:text};
  517. background-color:#fff;
  518. text-align:center;
  519. }
  520.  
  521. /* Ask Posts */
  522.  
  523. .askposts {
  524. background-color:{color:entries};
  525. border-bottom:1px solid {color:text};
  526. width:100%
  527. }
  528. .askposts .top {
  529. border-bottom:1px solid {color:borders};
  530. width:100%
  531. }
  532.  
  533. .askposts .question {
  534. font:11px calibri, helvetica, sans serif;
  535. }
  536.  
  537. .askposts .asker {
  538. background: transparent;
  539. border:1px solid {color:borders};
  540. opacity:2;
  541. padding:2px;
  542. }
  543. .askposts .questioner {
  544. font:14px calibri, helvetica, sans serif;
  545. letter-spacing:1px;
  546. text-transform:lowercase;
  547. }
  548.  
  549. .answer {
  550. margin-top:10px;
  551. padding:5px;
  552. }
  553.  
  554.  
  555. /* Audio Posts */
  556. .albumart{
  557. width:110px; height:110px;
  558. position:relative;
  559. background-image:url('http://static.tumblr.com/z5o2pr2/f6Bm6eu6g/audio.png');
  560. }
  561. .albumart img{
  562. width:110px; height:110px;
  563. }
  564. .albumart:hover .audio {
  565. -webkit-transform: rotate(360deg);
  566. }
  567.  
  568.  
  569. .audio{
  570. width:28px;
  571. height:28px;
  572. overflow:hidden;
  573. position:relative;
  574. margin-top:-70px;
  575. margin-left:40px;
  576. z-index:3;
  577. }
  578.  
  579. .awrap{
  580. width:110;
  581. height:110;
  582. float:left;
  583. }
  584.  
  585. .ainfo{
  586. float:right;
  587. text-align:left;
  588. width:385px;
  589. }
  590.  
  591.  
  592. blockquote {
  593. margin-left: 10px;
  594. border-left:1px dotted;;
  595. padding-left:8px;
  596. }
  597. blockquote img, blockquote a img {
  598. max-width: 480px
  599. }
  600.  
  601. b, strong{
  602. color:{color:titles}
  603. }
  604. i, em {
  605. color:{color:link hover};
  606. }
  607. p{
  608. margin-top:3px; margin-bottom:3px
  609. }
  610.  
  611. img a{border:none; width:100%}
  612.  
  613.  
  614. .user_1 .label {
  615. color:{color:text};
  616. }
  617. .user_2 .label {
  618. color:{color:titles};
  619. }
  620. ul.chat, .chat ol, .chat li {
  621. list-style:none;
  622. margin:0px;
  623. padding:0px;
  624. }
  625.  
  626.  
  627. .notes {
  628. max-width: 510px;
  629. text-align: left;
  630. padding: 10px;
  631. text-decoration: none;
  632. line-height: 180%;
  633. }
  634.  
  635. .notes a {
  636. text-transform: lowercase;
  637. }
  638.  
  639. .notes img {
  640. width: 12px;
  641. height: 12px;
  642. padding:1px;
  643. border: 1px solid {color:borders};
  644. }
  645.  
  646.  
  647. </style>
  648. <style type="text/css">{CustomCSS}</style>
  649. </head>
  650.  
  651. <body>
  652.  
  653. {block:Pagination}
  654. {block:PreviousPage}<div id="leftarrow"><a href="{PreviousPage}">&laquo;</a></div>{/block:PreviousPage}
  655. {block:NextPage}<div id="rightarrow"><a href="{NextPage}">&raquo;</a></div>{/block:NextPage}
  656. {/block:Pagination}
  657.  
  658. <div class="left"></div>
  659. <div class="description">
  660.  
  661. <div id="sidebar">
  662. {block:ifnotShowDescription}<div class="hovert">HOVER</div>{/block:ifnotShowDescription}
  663. <div id="sidebarimg">
  664.  
  665. <center><img class="simage" src="{image:sidebar}" style="height:150px; width: 150px;"/></center>
  666. <div class="hatter"><div class="dext">{Description}</div>
  667. </div>
  668.  
  669. </div>
  670. <div id="effie">
  671. <a href="/">index</a>
  672. <a href="/ask">ask</a>
  673. {block:IfLinkOneName}<a href="{text:link one}">{text:link one name}</a>{/block:IfLinkOneName}
  674. {block:IfLinkTwoName}<br><a href="{text:link two}">{text:link two name}</a>{/block:IfLinkTwoName}
  675. {block:IfLinkThreeName}<a href="{text:link three}">{text:link three name}</a>{/block:IfLinkThreeName}
  676. {block:IfLinkFourName}<a href="{text:link Four}">{text:link Four name}</a>{/block:IfLinkFourName}
  677.  
  678.  
  679. </div>
  680. </div>
  681.  
  682. </div>
  683.  
  684.  
  685. <div id="credit"><a target="blank"href="http://pevensied.tumblr.com/"><font color="{color:text}">theme by pevensied</a></font></div>
  686.  
  687. <div id="container">
  688.  
  689. <div id="entries">
  690.  
  691. {block:Posts}
  692. <div id="posts">
  693. {block:date}
  694. <div id="info">
  695.  
  696. <a href="{permalink}">{TimeAgo}</a><br>
  697. {NoteCount} notes
  698. {block:RebloggedFrom} <br>from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  699. source: <a href="{ReblogRootUrl}">{ReblogRootName}</a>
  700. {/block:RebloggedFrom}
  701. {block:ContentSource}
  702. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  703. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  704. {/block:SourceLogo}
  705. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  706. {/block:ContentSource}<br>
  707. {block:ifquickreblog}<a class="symbol" href="{ReblogUrl}">J</a>{/block:ifquickreblog}
  708. </div>
  709. {/block:date}
  710.  
  711.  
  712. {block:Title}<h1>{title}&nbsp;</h1>{/block:Title}
  713. {block:Text}{Body}{/block:Text}
  714.  
  715. {block:Quote}<h2>“{quote}”</h2>{/block:Quote}
  716. {block:Source}<center><div class="source">— {Source}</div></center>{/block:Source}
  717.  
  718. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  719. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  720.  
  721. {block:Photo}<div class="trans">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/>{LinkCloseTag}</div>
  722. {block:ifshowcaptions}{block:Caption}
  723. {Caption}
  724. {/block:Caption}{/block:ifshowcaptions}
  725. {block:ifnotshowcaptions}
  726. {block:PermalinkPage}{block:Caption}
  727. {Caption}
  728. {/block:Caption}{/block:PermalinkPage}
  729. {/block:ifnotshowcaptions}{/block:Photo}
  730.  
  731. {block:Photoset}
  732. <div class="trans">{Photoset-500}</div>
  733. {block:ifshowcaptions}{block:Caption}
  734. {Caption}
  735. {/block:Caption}{/block:ifshowcaptions}
  736. {block:ifnotshowcaptions}
  737. {block:PermalinkPage}{block:Caption}
  738. {Caption}
  739. {/block:Caption}{/block:PermalinkPage}
  740. {/block:ifnotshowcaptions}
  741. {/block:Photoset}
  742.  
  743. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  744. {/block:Chat}
  745.  
  746. {block:Video}{Video-500}
  747. {block:ifshowcaptions}{block:Caption}
  748. {Caption}
  749. {/block:Caption}{/block:ifshowcaptions}
  750. {block:ifnotshowcaptions}
  751. {block:PermalinkPage}{block:Caption}
  752. {Caption}
  753. {/block:Caption}{/block:PermalinkPage}
  754. {/block:ifnotshowcaptions}{/block:Video}
  755.  
  756. {block:Answer}
  757. <div class="askposts">
  758. <table style="padding-bottom:5px;margin-bottom:5px;">
  759. <tr>
  760. <td style="vertical-align:top;padding-right:10px;"><img class="asker" src="{AskerPortraitURL-40}"></td>
  761. <td style="vertical-align:top;"><div class="questioner">{Asker} said</div><div class="question">{Question}</div></td>
  762. </table>
  763. </div>
  764. <div class="answer">{Answer}</div>
  765.  
  766. {/block:Answer}
  767.  
  768. {block:Audio}
  769. <div style="min-height:110px;">
  770. <div class="awrap">
  771. <div class="albumart">
  772. {block:AlbumArt}
  773. <img src="{AlbumArtURL}">
  774. {/block:AlbumArt}
  775. </div>
  776. <div class="audio">{AudioPlayerWhite}</div>
  777. <div class="audio_back"></div>
  778. </div>
  779. <div class="ainfo">
  780. <h3>Plays:</h3>{FormattedPlayCount}<br>
  781. {block:TrackName}
  782. <h3>Song:</h3>{TrackName}
  783. {/block:TrackName}
  784. {block:Artist}
  785. <br><h3>Artist:</h3>{Artist}
  786. {/block:Artist}
  787. {block:Album}<br><h3>Album:</h3>{Album}{/block:Album}<br>
  788. {block:ifshowcaptions}{block:Caption}
  789. {Caption}
  790. {/block:Caption}{/block:ifshowcaptions}
  791. {block:ifnotshowcaptions}
  792. {block:PermalinkPage}{block:Caption}
  793. {Caption}
  794. {/block:Caption}{/block:PermalinkPage}
  795. {/block:ifnotshowcaptions}
  796. </div>
  797. </div>{/block:Audio}
  798. {block:HasTags}
  799.  
  800. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  801. {/block:HasTags}
  802.  
  803.  
  804. </div>
  805.  
  806. {/block:Posts}
  807. {block:PostNotes}
  808. <div class="notes">{PostNotes}</div>
  809. {/block:PostNotes}
  810.  
  811. </div>
  812. </div>
  813.  
  814. </body>
  815. </html>
Advertisement
Add Comment
Please, Sign In to add comment