colinfirth

n°11

Nov 8th, 2012
1,051
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.69 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4.  
  5. <!--
  6. n°11 by colinfirth.tumblr.com
  7. PLEASE DO NOT REMOVE THE CREDIT OR REDISTRIBUTE
  8. -->
  9.  
  10. <html>
  11. <head>
  12. <title>{title}</title>
  13.  
  14. <link rel="shortcut icon" href="{favicon}">
  15. <meta name="color:link" content="#d1b4b4"/>
  16. <meta name="color:link bg" content="#f2f2f2"/>
  17. <meta name="color:link bg hover" content="#242424"/>
  18. <meta name="color:link hover" content="#f2f2f2"/>
  19. <meta name="color:post" content="#ffffff"/>
  20. <meta name="color:back" content="#ffffff"/>
  21. <meta name="color:text" content="#242424"/>
  22. <meta name="text:body font" content="helvetica"/>
  23. <meta name="text:link font" content="helvetica"/>
  24. <meta name="text:title font" content="Old Standard TT"/>
  25. <meta name="text:font size" content="9px"/>
  26. <meta name="text:title size" content="18px"/>
  27. <meta name="text:link size" content="7px"/>
  28. <meta name="text:Tab Text desc" desccontent="—"/>
  29. <meta name="text:Tab Text links" desccontent="+"/>
  30.  
  31. <meta name="text:Link 1 title" content="" />
  32. <meta name="text:Link 1" content="" />
  33. <meta name="text:Link 2 title" content="" />
  34. <meta name="text:Link 2" content="" />
  35. <meta name="text:Link 3 title" content="" />
  36. <meta name="text:Link 3" content="" />
  37. <meta name="text:Link 4 title" content="" />
  38. <meta name="text:Link 4" content="" />
  39. <meta name="text:Link 5 title" content="" />
  40. <meta name="text:Link 5" content="" />
  41. <meta name="text:Link 6 title" content="" />
  42. <meta name="text:Link 6" content="" />
  43. <meta name="text:Link 7 title" content="" />
  44. <meta name="text:Link 7" content="" />
  45. <meta name="text:Link 8 title" content="" />
  46. <meta name="text:Link 8" content="" />
  47.  
  48. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic' rel='stylesheet' type='text/css'>
  49.  
  50. <style type="text/css">
  51.  
  52. iframe#tumblr_controls {
  53. right:3px !important; position: fixed !important; opacity: 0.1; filter:alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; z-index: 2000;
  54. }
  55.  
  56. iframe#tumblr_controls:hover {
  57. opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;
  58. }
  59.  
  60. .post {
  61. padding: 5px;
  62. margin-top: 30px;
  63. margin-bottom: 20px;
  64. background-color: {color:post};
  65. }
  66.  
  67.  
  68. body {
  69. background-image:url("{image:background}");
  70. background-position: center;
  71. background-attachment: fixed;
  72. background-repeat: repeat;
  73. text-align: justify;
  74. line-height: 100%;
  75. background-color: {color:back};
  76. font-family: {text:body font};
  77. font-size: {text:font size};
  78. color: {color:text};
  79. }
  80.  
  81.  
  82. a {
  83. text-decoration: none;
  84. transition: .5s linear;
  85. -o-transition: .5s linear;
  86. -moz-transition: .5s linear;
  87. -webkit-transition: .5s linear;
  88. color: {color:link};
  89. }
  90.  
  91.  
  92. a:hover {
  93. transition: .5s linear;
  94. -o-transition: .5s linear;
  95. -moz-transition: .5s linear;
  96. -webkit-transition: .5s linear;
  97. color: {color:link hover};
  98. }
  99.  
  100.  
  101. blockquote{
  102. margin-left:10px;
  103. padding-left:5px;
  104. border-left: 8px solid {color:border};
  105. }
  106.  
  107.  
  108. small {
  109. font-size: {text:font size};
  110. }
  111.  
  112.  
  113. #posts {
  114. background-image:url("{image:background}");
  115. width: 510px;
  116. left: 405px;
  117. height: auto;
  118. float: center;
  119. position: relative;
  120. top: 60px;
  121. margin-bottom: 110px;
  122. }
  123.  
  124.  
  125.  
  126. #sidebar {
  127. text-align: justify;
  128. width: 200px;
  129. overflow:hidden;
  130. margin-bottom:0px;
  131. margin-top:4px;
  132. position: fixed;
  133. top: 175px;
  134. left: 150px;
  135. float:right;
  136. background-color:{color:Sidebar Background};
  137. padding-bottom: 0px;
  138. padding-top: 0px;
  139. padding-right:0px;
  140. padding-left:0px;
  141. letter-spacing:0px;
  142. font-family: {font:Sidebar};
  143. font-size: {text:font size};
  144. line-height: 9px;
  145. text-transform:normal;
  146. color:{color:Nav Text};
  147. }
  148.  
  149.  
  150. .tabbed {
  151. position: relative;
  152. margin: 30px auto;
  153. width: 270px;
  154. }
  155.  
  156. .tabbed input {
  157. position: absolute;
  158. z-index: 1000;
  159. width: 30px;
  160. height: 20px;
  161. top: 0px;
  162. opacity: 0;
  163. }
  164.  
  165. .tabbed label {
  166. font-size: 10px;
  167. line-height: 2px;
  168. height: 10px;
  169. position: relative;
  170. margin-top:-25px;
  171. margin-left: 25px;
  172. padding: 10px;
  173. float: left;
  174. display: normal;
  175. width:40px;
  176. height:10px;
  177. font-family:{font:body};
  178. color: {color:tabbed Color};
  179. text-transform: uppercase;
  180. text-align: center;
  181. }
  182.  
  183. .tabbed label:after {
  184. desccontent: '';
  185. background: {color:sidebar background};
  186. position: absolute;
  187. bottom: -2px;
  188. left: 0;
  189. width: 200px;
  190. height: 10px;
  191. display: block;
  192. }
  193.  
  194. .tabbed input:hover + label {
  195. color: {color:links hover};
  196. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  197. }
  198.  
  199. .tabbed label:first-of-type {
  200. z-index: 2;
  201. }
  202.  
  203. .tab-label-2 {
  204. z-index: 3;
  205. }
  206.  
  207. .tab-label-3 {
  208. z-index: 2;
  209. }
  210.  
  211. .tab-label-4 {
  212. z-index: 1;
  213. }
  214.  
  215. .tabbed input:checked + label {
  216. background: {color:sidebar background};
  217. z-index: 6;
  218.  
  219. -webkit-animation: page 0.2s linear;
  220. -moz-animation: page 0.2s linear;
  221. -ms-animation: page 0.2s linear;
  222. -o-animation: page 0.2s linear;
  223. animation: page 0.2s linear;
  224. }
  225.  
  226. .clear-shadow {
  227. clear: both;
  228. }
  229.  
  230. .desccontent {
  231. background: transparent;
  232. position: relative;
  233. width: 200px;
  234. min-height: 2000px;
  235. margin-top:-10px;
  236. margin-left:-5px;
  237. z-index: 5;
  238. }
  239.  
  240. .desccontent div {
  241. position: absolute;
  242. top: 0;
  243. padding: 10px;
  244. z-index: 1;
  245. opacity: 0;
  246. -webkit-transition: all linear 0.3s;
  247. -moz-transition: all linear 0.3s;
  248. -o-transition: all linear 0.3s;
  249. -ms-transition: all linear 0.3s;
  250. transition: all linear 0.3s;
  251. }
  252.  
  253. .desccontent-2{ width: 200px;}
  254.  
  255.  
  256. .tabbed input.tab-selector-1:checked ~ .desccontent .desccontent-1,
  257. .tabbed input.tab-selector-2:checked ~ .desccontent .desccontent-2{
  258. margin-left: px;
  259. -webkit-transform: translateX(0px);
  260. -moz-transform: translateX(0px);
  261. -o-transform: translateX(0px);
  262. -ms-transform: translateX(0px);
  263. transform: translateX(0px);
  264. z-index: 5;
  265. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  266. filter: alpha(opacity=100);
  267. opacity: 1;
  268. -webkit-transition: all ease-out 0.4s 0.3s;
  269. -moz-transition: all ease-out 0.4s 0.3s;
  270. -o-transition: all ease-out 0.4s 0.3s;
  271. -ms-transition: all ease-out 0.4s 0.3s;
  272. transition: all ease-out 0.4s 0.3s;
  273. }
  274.  
  275. .desccontent-1 p {
  276. font-size: {text:font size};
  277. line-height: 90%;
  278. font-style: ;
  279. width:200px;
  280. padding:10px 5px 5px 5px;
  281. text-align: justify;
  282. overflow:hidden;
  283. background-color:{color:sidebar background};
  284. margin-top: -10px;
  285. color: ;
  286. font-family: {font:body};
  287.  
  288. }
  289. .desccontent-2 p {
  290. font-size: {text:font size};
  291. line-height: 90%;
  292. font-style: ;
  293. width:200px;
  294. padding:10px 5px 5px 5px;
  295. text-align: justify;
  296. overflow:hidden;
  297. background-color:{color:sidebar background};
  298. margin-top: -10px;
  299. margin-left:0px;
  300. color: ;
  301. font-family: {font:body};
  302. }
  303.  
  304. pagination {
  305. text-align: center;
  306. font-size: 8px;
  307. line-height: 500%;
  308. text-height: font-size;
  309. letter-spacing: 1px;
  310. text-transform: uppercase;
  311. font-family: {text:text font};
  312. color: {color:text};
  313. background-color: {color:sbar bg};
  314. }
  315.  
  316. .mainlinks {
  317. height: auto;
  318. line-height: 150%;
  319. margin-left: 0px;
  320. margin-bottom: 15px;
  321. text-transform: uppercase;
  322. text-align: center;
  323. letter-spacing: 1px;
  324. text-decoration: none;
  325. font-family: {text:link font};
  326. font-size: {text:link size};
  327. }
  328.  
  329. .mainlinks a {
  330. display: block;
  331. margin-bottom: 2px;
  332. width: 180px;
  333. text-align: center;
  334. padding: 2px;
  335. -webkit-transition: opacity 0.8s linear;
  336. -webkit-transition: all 0.5s ease-out;
  337. -moz-transition: all 0.5s ease-out;
  338. transition: all 0.5s ease-out;
  339. background-color: {color:link bg};
  340. font-family: {text:link font};
  341. font-size: {text:link size};
  342. color: {color:text};
  343. }
  344.  
  345.  
  346. .mainlinks a:hover {
  347. background-color: {color:link bg hover};
  348. color: {color:link hover};
  349. }
  350.  
  351. .links {
  352. line-height: 70%;
  353. text-transform: lowercase;
  354. font-weight: lighter;
  355. font-style: italic;
  356. letter-spacing: -1px;
  357. transition: .5s linear;
  358. -o-transition: .5s linear;
  359. -moz-transition: .5s linear;
  360. -webkit-transition: .5s linear;
  361. text-shadow:#bbbbbb 0px 1px 1px;
  362. letter-spacing: -1px;
  363. text-align: center;
  364. font-family: {text:title font};
  365. font-size: {text:title size};
  366. color: {color:link};
  367. }
  368.  
  369. .links:hover {
  370. transition: .5s linear;
  371. -o-transition: .5s linear;
  372. -moz-transition: .5s linear;
  373. -webkit-transition: .5s linear;
  374. color: {color:link hover};
  375. }
  376.  
  377. .title {
  378. line-height: 70%;
  379. text-transform: lowercase;
  380. font-weight: lighter;
  381. font-style: italic;
  382. letter-spacing: -1px;
  383. text-shadow:#bbbbbb 0px 1px 1px;
  384. text-align: center;
  385. font-family: {text:title font};
  386. font-size: {text:title size};
  387. }
  388.  
  389.  
  390. .date {
  391. background-color: {color:link bg};
  392. display:block;
  393. text-align: center;
  394. float:left;
  395. margin-bottom:-210px;
  396. margin-left: 525px;
  397. padding: 5px 5px 5px 5px;
  398. width: 85px;
  399. height: auto;
  400. letter-spacing: 1px;
  401. line-height: 150%;
  402. text-transform: uppercase;
  403. font-family: {text:link font};
  404. font-size: {text:link size};
  405. color:{color:text};
  406. -webkit-transition:all 0.5s;
  407. -moz-transition:all 0.5s;
  408. -ms-transition:all 0.5s;
  409. -o-transition:all 0.5s;
  410. transition:all 0.5s;
  411. }
  412.  
  413. .date a {
  414. color:{color:text};
  415. }
  416.  
  417.  
  418. .date a:hover {
  419. color: {color:link hover};
  420. }
  421.  
  422.  
  423. .tags {
  424. margin-top: 10px;
  425. line-height: 350%;
  426. letter-spacing: 1px;
  427. text-align: justify;
  428. text-transform: uppercase;
  429. font-family: {text:link font};
  430. font-size: {text:link size};
  431. }
  432.  
  433.  
  434. .tags a {
  435. padding: 4px;
  436. background-color: {color:link bg};
  437. color: {color:text};
  438. }
  439.  
  440.  
  441. .tags a:hover {
  442. background-color: {color:link bg hover};
  443. color: {color:link hover};
  444. }
  445.  
  446.  
  447. h1 {
  448. margin-top: 0px;
  449. text-shadow:#bbbbbb 0px 1px 1px;
  450. margin-left: -10px;
  451. line-height: 60%;
  452. text-transform: lowercase;
  453. font-weight: lighter;
  454. font-style: italic;
  455. letter-spacing: -1px;
  456. padding: 10px;
  457. font-family: {text:title font};
  458. font-size: {text:title size};
  459. color: {color:text};
  460. }
  461.  
  462.  
  463. h2 {
  464. opacity: 1;
  465. text-align: justify;
  466. font-weight: lighter;
  467. letter-spacing: 1px;
  468. text-transform: uppercase;
  469. padding-bottom: 15px;
  470. padding-left: 50px;
  471. padding-right: 50px;
  472. font-family: {text:link font};
  473. font-size: {text:link size};
  474. }
  475.  
  476.  
  477. h3 {
  478. font-style: none;
  479. line-height: 100%;
  480. letter-spacing: 1px;
  481. padding-top: 0px;
  482. font-weight: lighter;
  483. text-transform: uppercase;
  484. font-size: {text:link size};
  485. background:{color: post};
  486. color: {color:text};
  487. font-family: {text:link font};
  488. }
  489.  
  490.  
  491. h4 {
  492.  
  493. line-height: 100%;
  494. text-transform: lowercase;
  495. font-weight: lighter;
  496. font-style: italic;
  497. letter-spacing: -1px;
  498.  
  499. margin-top: -1px;
  500. padding-bottom: px;
  501. text-shadow:#bbbbbb 0px 1px 1px;
  502. font-family: {text:title font};
  503. font-size: {text:title size};
  504. color: {color:text};
  505. }
  506.  
  507.  
  508. h5 {
  509. font-style: none;
  510. letter-spacing: 1px;
  511. margin-top: -1px;
  512. font-weight: lighter;
  513. text-transform: uppercase;
  514. font-size: {text:link size};
  515. color: {color:text};
  516. font-family: {text:link font};
  517. }
  518.  
  519.  
  520. h6 {
  521. text-transform: uppercase;
  522. text-align: justify;
  523. letter-spacing: 1px;
  524. padding-left: 15px;
  525. padding-right: 15px;
  526. font-weight: lighter;
  527. font-size: {text:link size};
  528. font-family: {text:link font};
  529. }
  530.  
  531.  
  532. h7 {
  533. line-height: 100%;
  534. text-transform: lowercase;
  535. font-weight: lighter;
  536. font-style: italic;
  537. letter-spacing: -1px;
  538.  
  539. text-align: center;
  540. padding-bottom: px;
  541. text-shadow:#bbbbbb 0px 1px 1px;
  542. font-family: {text:title font};
  543. font-size: {text:title size};
  544. color: {color:text};
  545. }
  546.  
  547.  
  548.  
  549.  
  550.  
  551.  
  552. ol.notes {
  553. padding-left: 25px;
  554. padding-right: 25px;
  555. margin: 0px 0px;
  556. list-style-type: lower-roman;
  557. line-height: 125%;
  558. font-size: {text: link size};
  559. }
  560.  
  561.  
  562. ol.notes li.note {
  563. padding: 0px;
  564. font-size: {text: link size};
  565. }
  566.  
  567.  
  568. ol.notes li.note img {
  569. padding: 0 px !important;
  570. }
  571.  
  572.  
  573. ol.notes li.note img.avatar {
  574. vertical-align: -2px;
  575. width: 10px;
  576. height: 10px;
  577. -moz-border-radius: 10px;
  578. -webkit-border-radius: 10px;
  579. border-radius: 10px;
  580. }
  581.  
  582.  
  583. ol.notes li.note a img.avatar {
  584. padding: 0px;
  585. border-width: 0px;
  586. border: none;
  587. }
  588.  
  589.  
  590. ol.notes li.note img {
  591. padding: 0px;
  592. border-width: 0px;
  593. border: none;
  594. }
  595.  
  596.  
  597. ol.notes li.note span.action {
  598. font-weight: normal;
  599. }
  600.  
  601.  
  602. ol.notes li.note.answer_content {
  603. font-weight: normal;
  604. }
  605.  
  606.  
  607. ol.notes li.note.blockquote {
  608. padding: 1px 1px;
  609. margin: 1px 0px 0px 1px;
  610. }
  611.  
  612.  
  613. ol.notes li.note.blockquote a {
  614. text-decoration: none;
  615. }
  616.  
  617. .playbutton {
  618. width: 20px;
  619. height: 30px;
  620. overflow: hidden;
  621. position: relative;
  622. margin-top: 22px;
  623. margin-left: 20px;
  624. z-index: 1000;
  625. margin: 15px 24px 13px 16px;
  626. }
  627.  
  628.  
  629. .playbox {
  630. margin-top: 10px;
  631. margin-left: 10px;
  632. opacity: 0.75;
  633. background-color: #e4e4e4;
  634. position: absolute;
  635. z-index: 1000;
  636. -webkit-border-radius: 14px;
  637. -moz-border-radius: 100px;
  638. border-radius: 100px;
  639. }
  640.  
  641.  
  642. .audio{
  643. position:absolute;
  644. width:40px;
  645. height:40px;
  646. }
  647.  
  648.  
  649. .audioimg{
  650. width: 80px;
  651. height: 80px;
  652. position:absolute;
  653. }
  654.  
  655.  
  656. .audioimg img{
  657. float:left;
  658. opacity:1;
  659. width: 80px;
  660. }
  661.  
  662.  
  663. .audioinfo{
  664. line-height: 65%;
  665. letter-spacing: 1px;
  666. margin-bottom: 1px;
  667. margin-left:102px;
  668. height: 45px;
  669. display:block;
  670. width:382px;
  671. text-align: center;
  672. padding-top: 35px;
  673. padding-left: 7px;
  674. padding-right:10px;
  675. letter-spacing: 1px;
  676. text-align: center;
  677. text-transform: uppercase;
  678. background-color:{color:link bg};
  679. color: {color:text};
  680. font-family: {text:link font};
  681. font-size: {text:link size};
  682. }
  683.  
  684.  
  685.  
  686. </style></head>
  687. <body>
  688.  
  689.  
  690.  
  691. <div id="sidebar">
  692. <Center><h1><a href="/" title="home">{Title}</a></h1></center>
  693. {block:Description}<section class="tabbed">
  694. <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
  695. <label for="tab-1" class="tab-label-1">{text:Tab Text desc}</label>
  696.  
  697. <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
  698. <label for="tab-2" class="tab-label-2">{text:Tab Text links}</label>
  699.  
  700. <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
  701.  
  702. <div class="clear-shadow"></div>
  703.  
  704. <div class="desccontent">
  705.  
  706. <div class="desccontent-1">
  707. {description}<br>
  708. <center>
  709. <pagination>{block:PreviousPage}
  710. <a href="{PreviousPage}">«</a>
  711. {/block:PreviousPage} {currentpage} / {totalpages}
  712. {block:NextPage}
  713. <a href="{NextPage}">»</a>
  714. {/block:NextPage}
  715. </pagination>
  716. </center>
  717. </span></div>
  718.  
  719. <BR><div class="desccontent-2">
  720. <!------- EDIT BELOW THIS LINE ---->
  721. <span class="mainlinks">
  722. {block:ifLink1}<a href="{text:link 1}">{text:link 1 title}</a>{/block:ifLink1}
  723. {block:ifLink2}<a href="{text:link 2}">{text:link 2 title}</a>{/block:ifLink2}
  724. {block:ifLink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:ifLink3}
  725. {block:ifLink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:ifLink4}
  726. {block:ifLink5}<a href="{text:link 5}">{text:link 5 title}</a>{/block:ifLink5}
  727. {block:ifLink6}<a href="{text:link 6}">{text:link 6 title}</a>{/block:ifLink6}
  728. {block:ifLink7}<a href="{text:link 7}">{text:link 7 title}</a>{/block:ifLink7}
  729. {block:ifLink8}<a href="{text:link 8}">{text:link 8 title}</a>{/block:ifLink8}
  730. </span>
  731. <!------- DO NOT EDIT BELOW THIS LINE ---->
  732. </p>
  733. </div>
  734. </div>
  735. </section>
  736. </div>{/block:Description}
  737. </div>
  738. </div>
  739. </div>
  740. </div>
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747. <div id="posts">
  748. {block:Posts}
  749. <div class="post">
  750.  
  751. <div class="date">
  752. {block:Date}<a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}</a> @ {24HourWithZero}:{Minutes}{block:NoteCount}<br><a href="{Permalink}">♡{NoteCountWithLabel}</a>{/block:NoteCount}
  753. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">from</a> /{block:ContentSource} <a href="{SourceURL}">orig.</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:Date}</div>
  754.  
  755.  
  756.  
  757.  
  758.  
  759.  
  760. {block:Text}{block:Title}<center><div class="title">{Title}</div></center>{/block:Title}
  761. {Body}{/block:Text}
  762.  
  763. {block:Photo}
  764. <center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</center>
  765. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  766.  
  767.  
  768. {block:Photoset}{Photoset-500}<p>
  769. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  770.  
  771.  
  772. {block:Quote}<h2>{Quote}</h2><p>
  773. {block:Source}<div style="text-align: right;"><h3>― {Source}</h3></div>{/block:Source}{/block:Quote}
  774.  
  775.  
  776. {block:Link}<a href="{URL}"><center><div class="links">{Name}</div></center></a>{block:Description}{Description}{/block:Description}{/block:Link}
  777.  
  778.  
  779. {block:Chat}{block:Title}<center><div class="title">{Title}</div></center>{/block:Title}
  780. {block:Lines}<div style="font-weight: lighter; text-transform: uppercase; font-family: {text:link font}; color: {color:text}; font-size: {text:link size}; letter-spacing: 1px">{block:Label}<span style="color: {color:text}; font-weight: ;"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}<br></div>{/block:Lines}{/block:Chat}
  781.  
  782.  
  783. {block:Audio}
  784. <div class="audio">
  785. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div></div>
  786. <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  787. <div class="audioinfo">{block:TrackName}{TrackName} - {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div>{/block:Audio}
  788.  
  789.  
  790. {block:Video}
  791. {Video-500}<p>
  792. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  793.  
  794.  
  795. {block:Answer}<div style="line-height: 50%; text-transform: lowercase; font-weight: lighter; font-style: italic; text-shadow:#bbbbbb 0px 1px 1px; letter-spacing: -1px; font-family: {text:title font}; font-size: {text:title size};">{Asker} said:</div><br><h6>{Question}<br></h6><p>{Answer}{/block:Answer}
  796.  
  797.  
  798.  
  799. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}" target="_self">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  800. </div>
  801.  
  802. {/block:Posts}
  803.  
  804. {block:PermalinkPage}{block:PostNotes}<div style="padding-top: 25px; padding-bottom: 25px; background: {color:post};">{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  805. </div>
  806.  
  807. <div style="position: fixed; bottom: 8px; left: 10px"><a href="http://colinfirth.tumblr.com/"><div style="color: {color:text}">&copy;</div></a>
  808.  
  809. </body>
Advertisement
Add Comment
Please, Sign In to add comment