API tools faq
paste
Advertisement
letsrp

Happy People - Theme #18

letsrp
Jan 15th, 2014
1,515
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!-- letsrp @ tumblr.com -->
  4.  
  5. <html>
  6. <head>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}" />
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  11. <meta name="description" content="{MetaDescription}" />
  12. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' rel='stylesheet' type='text/css'>
  13.  
  14. <!-- DEFAULT VARIABLES -->
  15. <meta name="color:background" content="#9d4b74" />
  16. <meta name="color:text" content="#eaeaea" />
  17. <meta name="color:link" content="#ffffff" />
  18. <meta name="color:hover" content="#752d51" />
  19. <meta name="color:post" content="#b66a90" />
  20. <meta name="color:accent" content="#69c9ce" />
  21. <meta name="color:title" content="#ffffff" />
  22. <meta name="color:perma" content="#69c9ce" />
  23. <meta name="color:scroll" content="#752d51" />
  24. <meta name="color:bold" content="#752d51" />
  25.  
  26. <meta name="image:sbar" content=""/>
  27. <meta name="image:sbar 2" content=""/>
  28. <meta name="image:background" content=""/>
  29.  
  30. <meta name="image:admin 1" content="" />
  31. <meta name="image:admin 2" content="" />
  32. <meta name="image:admin 3" content="" />
  33.  
  34. <meta name="text:admin 1" content="" />
  35. <meta name="text:admin 2" content="" />
  36. <meta name="text:admin 3" content="" />
  37.  
  38. <meta name="text:date 1" content=""/>
  39. <meta name="text:update 1" content=""/>
  40. <meta name="text:date 2" content=""/>
  41. <meta name="text:update 2" content=""/>
  42. <meta name="text:date 3" content=""/>
  43. <meta name="text:update 3" content=""/>
  44.  
  45. <meta name="text:player" content=""/>
  46.  
  47. <meta name="if:show tags" content="0"/>
  48. <meta name="if:tiny cursor" content="1"/>
  49. <meta name="if:sbar 2" content="1"/>
  50.  
  51. <meta name="text:link 1" content="" />
  52. <meta name="text:link 1 url" content="" />
  53. <meta name="text:link 2" content="" />
  54. <meta name="text:link 2 url" content="" />
  55. <meta name="text:link 3" content="" />
  56. <meta name="text:link 3 url" content="" />
  57. <meta name="text:link 4" content="" />
  58. <meta name="text:link 4 url" content="" />
  59.  
  60. <style type="text/css">
  61.  
  62. /* ------------ BODY & LINKS -------------- */
  63.  
  64. body{
  65. background-color:{color:background};
  66. background-image: url('{image:background}');
  67. background-attachment:fixed;
  68. color:{color:text};
  69. font-family:arial;
  70. font-size:10px;
  71. line-height:9px;
  72. text-align:justify;
  73. }
  74.  
  75. a:link, a:active, a:visited{
  76. color: {color:link};
  77. text-decoration:none;
  78. -webkit-transition-duration: .90s;
  79. }
  80.  
  81. a:hover{
  82. color:{color:hover};
  83. -webkit-transition-duration: .90s;}
  84.  
  85. {block:iftinycursor}
  86. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}{/block:iftinycursor}
  87.  
  88. ::-webkit-scrollbar {width: 6px;}
  89. ::-webkit-scrollbar-track {background-color: {color:post};}
  90. ::-webkit-scrollbar-thumb {background-color: {color:scroll};}
  91.  
  92. b{
  93. color:{color:bold};
  94. }
  95.  
  96. /* ------------ SIDE -------------- */
  97.  
  98. #side{
  99. width:450px;
  100. position:fixed;
  101. margin-top:150px;
  102. margin-left:65px;
  103. }
  104.  
  105. #head1 {
  106. background-color:{color:accent};
  107. width:200px;
  108. padding:15px;
  109. height:10px;
  110. margin-bottom:2px;
  111. position:absolute;
  112. font-family: 'Yanone Kaffeesatz';
  113. text-shadow:rgba(0,0,0,.07)2px 2px;
  114. font-size: 45px;
  115. line-height:8px;
  116. font-style: italic;
  117. text-transform:uppercase;
  118. text-align:center;
  119. color:{color:title};
  120. }
  121.  
  122. #sim{
  123. width:220px;
  124. height:290px;
  125. background-color:{color:post};
  126. position:absolute;
  127. margin-top:42px;
  128. padding:5px;
  129. }
  130.  
  131. #sim img{
  132. width:220px;
  133. height:290px;
  134. }
  135.  
  136. #desc {
  137. position:absolute;
  138. text-align:justify;
  139. color:{color:text};
  140. padding:20px;
  141. background-color:{color:post};
  142. width:120px;
  143. height:260px;
  144. margin-left:232px;
  145. overflow:auto;
  146. }
  147.  
  148. #head2 {
  149. background-color:{color:accent};
  150. width:130px;
  151. padding:15px;
  152. height:10px;
  153. margin-top:302px;
  154. margin-left:232px;
  155. position:absolute;
  156. }
  157.  
  158. .pagi{
  159. margin-top:-4px;
  160. }
  161.  
  162. #pag{
  163. text-align:center;
  164. text-transform: uppercase;
  165. border-radius: 50px;
  166. line-height:12px;
  167. font-size:9px;
  168. }
  169.  
  170. #pag a{
  171. border-radius:50px;
  172. margin-left:2px;
  173. background-color: {color:background};
  174. color: {color:link};
  175. line-height: 1;
  176. padding:5px 5px;
  177. text-align: center;
  178. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  179. -moz-transition: all 0.8s ease-out;
  180. -webkit-transition: all 0.8s ease-out;
  181. -o-transition: all 0.8s ease-out;
  182. -ms-transition: all 0.8s ease-out;
  183. transition: all 0.8s ease-out;
  184. display:inline-block;
  185. }
  186.  
  187. #pag a:hover{
  188. border-radius: 60px;
  189. margin-left:2px;
  190. background-color: {color:background};
  191. color: {color:link};
  192. line-height: 1;
  193. padding:5px 5px;
  194. text-align: center;
  195. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  196. -webkit-transition: all 0.8s ease-out;
  197. -o-transition: all 0.8s ease-out;
  198. -ms-transition: all 0.8s ease-out;
  199. transition: all 0.8s ease-out;}
  200.  
  201. #pag span.atual{
  202. border-radius: 60px;
  203. margin-left:2px;
  204. background-color:{color:post};
  205. color: {color:link};
  206. line-height: 1;
  207. padding: 5px 5px;
  208. text-align: center;
  209. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  210. -moz-transition: all 0.8s ease-out;
  211. -webkit-transition: all 0.8s ease-out;
  212. -o-transition: all 0.8s ease-out;
  213. -ms-transition: all 0.8s ease-out;
  214. transition: all 0.8s ease-out;
  215. }
  216.  
  217. /* ------------ MENU -------------- */
  218.  
  219. #linkss{
  220. position:absolute;
  221. width:387px;
  222. height:10px;
  223. padding:3px;
  224. margin-top:344px;
  225. background-color: {color:post};
  226. text-align:center;
  227. border-bottom:2px solid {color:accent};
  228. color:{color:link};
  229. letter-spacing:1px;
  230. font-size:10px;
  231. font-family:monospace;
  232. line-height:10px;
  233. text-transform: uppercase;
  234. }
  235.  
  236. #linkss a{
  237. color:{color:link};
  238. }
  239.  
  240. #linkss a:hover{
  241. color:{color:hover};
  242. }
  243.  
  244. /* ------------ SLIDER -------------- */
  245.  
  246. .blurb{
  247. font-family: 'Yanone Kaffeesatz';
  248. text-shadow:rgba(0,0,0,.07)2px 2px;
  249. font-size: 30px;
  250. line-height:19px;
  251. text-align:center;
  252. text-transform:uppercase;
  253. padding-bottom:6px;
  254. color:{color:link};
  255. -webkit-transition-duration: .60s;
  256. }
  257.  
  258. .blurb:hover{
  259. font-family: 'Yanone Kaffeesatz';
  260. text-shadow:rgba(0,0,0,.07)2px 2px;
  261. font-size: 30px;
  262. line-height:19px;
  263. text-align:center;
  264. text-transform:uppercase;
  265. padding-bottom:6px;
  266. color:{color:hover};
  267. }
  268.  
  269. #sl{
  270. text-align:left;
  271. position:fixed;
  272. margin-left:1070px;
  273. background-color:{color:post};
  274. width:101px;
  275. padding:5px;
  276. margin-top:215px;
  277. z-index:999;
  278. font-size:9px;
  279. }
  280.  
  281. #slide{
  282. width:93px;
  283. height:93px;
  284. margin-bottom:13px;
  285. }
  286.  
  287. #slide img{
  288. width:93px;
  289. height:93px;
  290. padding:3px;
  291. border:1px solid {color:accent};
  292. }
  293.  
  294. #slide1{
  295. height:22px;
  296. overflow:hidden;
  297. line-height:8px;
  298. -webkit-transition: all 0.4s ease-in-out;
  299. -moz-transition: all 0.4s ease-in-out;
  300. -o-transition: all 0.4s ease-in-out;
  301. }
  302.  
  303. #slide1:hover{
  304. height:150px;
  305. -webkit-transition: all 0.4s ease-in-out;
  306. -moz-transition: all 0.4s ease-in-out;
  307. -o-transition: all 0.4s ease-in-out;
  308. }
  309.  
  310. #slide2{
  311. height:22px;
  312. overflow:hidden;
  313. line-height:8px;
  314. -webkit-transition: all 0.4s ease-in-out;
  315. -moz-transition: all 0.4s ease-in-out;
  316. -o-transition: all 0.4s ease-in-out;
  317. }
  318.  
  319. #slide2 im{
  320. height:30px
  321. width:30px;
  322. -webkit-transition: all 0.4s ease-in-out;
  323. -moz-transition: all 0.4s ease-in-out;
  324. -o-transition: all 0.4s ease-in-out;
  325. }
  326.  
  327. #slide2:hover{
  328. height:170px;
  329. -webkit-transition: all 0.4s ease-in-out;
  330. -moz-transition: all 0.4s ease-in-out;
  331. -o-transition: all 0.4s ease-in-out;
  332. }
  333.  
  334. #slide3{
  335. height:20px;
  336. text-align:center;
  337. overflow:hidden;
  338. -webkit-transition: all 0.4s ease-in-out;
  339. -moz-transition: all 0.4s ease-in-out;
  340. -o-transition: all 0.4s ease-in-out;
  341. }
  342.  
  343. #slide3:hover{
  344. height:38px;
  345. -webkit-transition: all 0.4s ease-in-out;
  346. -moz-transition: all 0.4s ease-in-out;
  347. -o-transition: all 0.4s ease-in-out;
  348. }
  349.  
  350. /* ------------ ENTRIES -------------- */
  351.  
  352. #entries{
  353. width: 500px;
  354. margin-top:0px;
  355. margin-left:490px;
  356. position:relative;
  357. }
  358.  
  359. .post{
  360. padding:15px 15px 4px 15px;
  361. background-color:{color:post};
  362. float:left;
  363. margin:10px;
  364. width: 500px;
  365. -webkit-transition-duration:0.7s;
  366. -o-transition-duration:0.7s;
  367. -moz-transition-duration:0.7s;
  368. }
  369.  
  370. .post:hover{
  371. padding:15px 15px 15px 15px;
  372. background-color:{color:post};
  373. float:left;
  374. margin:10px;
  375. width: 500px;
  376. }
  377.  
  378. /* ------------ TITLES -------------- */
  379.  
  380. #tit{
  381. color:{color:title};
  382. text-transform: uppercase;
  383. font-family: arial;
  384. font-size: 12px;
  385. letter-spacing: 2px;
  386. height:35px;
  387. text-align:left;
  388. line-height:35px;
  389. }
  390.  
  391. #ltit{
  392. text-transform: uppercase;
  393. font-family: arial;
  394. font-size: 12px;
  395. letter-spacing: 2px;
  396. height:35px;
  397. text-align:left;
  398. line-height:35px;
  399. }
  400.  
  401. #quo{
  402. font-size:14px;
  403. color:{color:text};
  404. text-align:left;
  405. padding:3px;
  406. line-height:13px;
  407. }
  408.  
  409. #source{
  410. margin-top:3px;
  411. text-align:right;
  412. margin-bottom:5px;
  413. font-size:9px;
  414. font-family:calibri;
  415. }
  416.  
  417. h1 {
  418. letter-spacing:1px;
  419. font-size:10px;
  420. line-height:100%;
  421. text-align:justify;
  422. font-weight:normal;
  423. padding:2px;
  424. margin-top:10px;
  425. }
  426.  
  427. #blogtitle {
  428. text-transform: uppercase;
  429. font-family: Raleway;
  430. font-size: 40px;
  431. letter-spacing: -3px;
  432. line-height:20px;
  433. text-align:center;
  434. color:{color:title};
  435. }
  436.  
  437. .qu {
  438. text-transform: uppercase;
  439. font-family: arial narrow;
  440. font-size: 9px;
  441. letter-spacing: 7px;
  442. margin-top: 6px; text-align:center;
  443. color:{color:title};
  444. }
  445.  
  446. /* ------------ QUESTIONS -------------- */
  447.  
  448. .perguntou {
  449. display: block;
  450. background: {color:background};
  451. padding: 5px;
  452. font-size: 9px;
  453. text-transform: uppercase;
  454. -webkit-border-top-left-radius: 3px;
  455. -webkit-border-top-right-radius: 3px;
  456. -moz-border-radius-topleft: 3px;
  457. -moz-border-radius-topright: 3px;
  458. border-top-left-radius: 3px;
  459. border-top-right-radius: 3px;
  460. border-bottom:2px solid {color:accent};
  461. }
  462.  
  463. .seta-baixo {
  464. float: right;
  465. margin-right: 25px;
  466. border-left: 10px solid transparent;
  467. border-right: 10px solid transparent;
  468. border-top: 10px solid {color:accent};
  469. }
  470. .fotinha {
  471. border: solid {color:background}; 3px;
  472. width: 30px;
  473. height: 30px;
  474. float: right;
  475. margin-right: -25px;
  476. margin-top: 13px;
  477. margin-bottom: 5px;
  478. }
  479.  
  480. .resp {
  481. width: 435px;
  482. margin-top: -20px;
  483. margin-bottom: 23px;
  484. }
  485.  
  486. /* ------------ PERMA & TAGS -------------- */
  487.  
  488. #info{
  489. display:block;
  490. text-transform: uppercase;
  491. font-family: monospace;
  492. font-size: 8px;
  493. letter-spacing: 5px;
  494. line-height:15px;
  495. height:13px;
  496. text-align:center;
  497. -webkit-transition-duration:0.7s;
  498. -o-transition-duration:0.7s;
  499. -moz-transition-duration:0.7s;
  500. opacity:0;
  501. }
  502.  
  503. .post:hover #info{
  504. display:block;
  505. background-color: {color:perma};
  506. color:{color:text};
  507. text-transform: uppercase;
  508. font-family: monospace;
  509. font-size: 8px;
  510. letter-spacing: 5px;
  511. text-align:center;
  512. margin-top:4px;
  513. opacity:10;
  514. }
  515.  
  516. #info a{
  517. color:{color:link};
  518. }
  519.  
  520. #info a:hover{
  521. color:{color:hover};
  522. }
  523.  
  524. #tags{
  525. margin-right:7px;
  526. text-align:center;
  527. text-transform:lowercase;
  528. font-size:9px;
  529. font-style:italic;
  530. opacity:1;
  531. margin-top:-10px;
  532. -webkit-transition:0.3s linear;
  533. outline: none;
  534. font-family:calibri;
  535. opacity:0;
  536. }
  537.  
  538. .post:hover #tags{
  539. margin-right:7px;
  540. text-align:center;
  541. text-transform:lowercase;
  542. font-size:9px;
  543. font-style:italic;
  544. opacity:1;
  545. -webkit-transition:0.3s linear;
  546. outline: none;
  547. font-family:calibri;
  548. opacity:10;
  549. margin-top:2px;
  550. }
  551.  
  552. /* ------------ BLOCKQUOTE & P -------------- */
  553.  
  554. blockquote{
  555. padding-left:3px;
  556. margin-left:10px;
  557. margin-right:10px;
  558. border-left:2px solid {color:accent};
  559. margin-top:1px;
  560. margin-bottom:1px;
  561. }
  562.  
  563. p{
  564. margin-top:6px;
  565. margin-bottom:6px;}
  566.  
  567. pre{
  568. color:{color:text};
  569. font-size:12px;
  570. margin-left:10px;
  571. padding:10px;
  572. }
  573.  
  574. /* ------------ AUDIO -------------- */
  575.  
  576. .audio{
  577. opacity: 1.0;
  578. position:relative;
  579. overflow:hidden;
  580. min-height:130px;
  581. font-size: 10px;
  582. font-family: calibri;
  583. }
  584.  
  585. .player{
  586. position:absolute;
  587. z-index:3;
  588. background:#000000;
  589. margin-top:45px;
  590. margin-left:73px;
  591. opacity:0.75;
  592. filter:alpha(opacity=75);
  593. border:0px #000000 solid;
  594. border-radius: 100px;}
  595.  
  596. .audioplayer{
  597. border: 0px solid {color:perma};
  598. width:363px;
  599. height:15px;
  600. overflow:hidden;
  601. padding:5px;
  602. padding-bottom:13px;
  603. margin-right:5px;
  604. margin-top: 5px;}
  605.  
  606. .audioinfo{
  607. margin-top: 15px;
  608. margin-left:120px;
  609. line-height:10px;
  610. font-family: calibri;
  611. font-size:10px!important;
  612. font-style: normal;}
  613.  
  614. .audiocaption{
  615. margin-left:20px;}
  616.  
  617. .audiocaption img{
  618. max-width:330px!important;}
  619.  
  620. .audiocaption blockquote img{
  621. max-width:320px!important;}
  622.  
  623. .audiocaption blockquote blockquote img{
  624. max-width:310px!important;}
  625.  
  626. /* ------------ CHAT -------------- */
  627.  
  628. .user_1 .label {color:{color:text}; font-weight:bold;}
  629. .user_2 .label {color:{color: text}; font-weight:bold;}
  630. .user_3 .label {color:{color:text}; font-weight:bold;}
  631. .user_4 .label {color:{color:text}; font-weight:bold;}
  632. .user_5 .label {color:{color: text}; font-weight:bold;}
  633. .user_6 .label {color:{color:text}; font-weight:bold;}
  634. .user_7 .label {color:{color:text}; font-weight:bold;}
  635. .user_8 .label {color:{color: text}; font-weight:bold;}
  636. .user_9 .label {color:{color:text}; font-weight:bold;}
  637. .user_10 .label {color:{color:text}; font-weight:bold;}
  638.  
  639. .ul.chat {}
  640. .chat ol {}
  641. .chat li {
  642. list-style:none;
  643. margin-left:-30px;
  644. padding:-5px;
  645. margin-bottom:3px;
  646. }
  647.  
  648. /* ------------ NOTES -------------- */
  649.  
  650. .notes{
  651. margin-left:-15px;
  652. margin-top:30px;
  653. width: 500px;
  654. font-size:10px;
  655. }
  656.  
  657. .notes a:hover{
  658. color:{color:link};
  659. }
  660.  
  661. ol.notes{
  662. list-style-type:none;
  663. }
  664.  
  665. ol.notes li.note{
  666. padding-bottom:7px;
  667. margin-bottom:12px;
  668. }
  669.  
  670. ol.notes li.note img.avatar{
  671. vertical-align:-6px;
  672. }
  673.  
  674. ol.notes li.note img{
  675. padding:2px;
  676. }
  677.  
  678. ol.notes li.note blockquote{
  679. padding-left:5px;
  680. margin-left:30px;
  681. }
  682.  
  683. /* ------------ CREDIT -------------- */
  684.  
  685. .credit {
  686. position:fixed;
  687. bottom:4px;
  688. right:10px;
  689. font-size: 8px;
  690. text-transform:uppercase;
  691. letter-spacing: 2px;
  692. padding: 5px;
  693. font-family:calibri;
  694. }
  695.  
  696. .credit a{
  697. color:{color:link};
  698. opacity:0.9;
  699. }
  700.  
  701. .credit a:hover{
  702. color:{color:hover};
  703. }
  704.  
  705. {CustomCSS}
  706. </style>
  707. </head>
  708. <body>
  709.  
  710. <div id="side">
  711. <div id="head1">{Title}</div>
  712. <div id="sim"><img src="{image:sbar}"></div>
  713.  
  714. <div id="desc">{Description}</div>
  715. <div id="head2">
  716.  
  717. <div class="pagi">
  718. {block:IndexPage}
  719. <div id="pag">{block:Pagination}
  720. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}{block:JumpPagination length="5"}{block:CurrentPage}<span class="atual">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div></center>
  721. {/block:IndexPage}</div></div>
  722.  
  723. <div id="linkss">
  724. <a href="{text:link 1 url}">{text:link 1}</a> •
  725. <a href="{text:link 2 url}">{text:link 2}</a> •
  726. <a href="{text:link 3 url}">{text:link 3}</a> •
  727. <a href="{text:link 4 url}">{text:link 4}</a>
  728. </div></div>
  729.  
  730. {block:IfSbar2}
  731. <div id="sl">
  732. <div id="slide"><img src="{image:sbar 2}"></div>
  733.  
  734. <div id="slide1"><div class="blurb">updates</div>
  735. <b>{text:date 1}</b> {text:update 1}<br>
  736. <b>{text:date 2}</b> {text:update 2}<br>
  737. <b>{text:date 3}</b> {text:update 3}<br>
  738. </div>
  739.  
  740. <div id="slide2"><div class="blurb">admins</div>
  741. <img src="{image:admin 1}" style="float:left;width:30px;height:30px;"> {text:admin 1} <br><br>
  742. <img src="{image:admin 2}" style="float:left;width:30px;height:30px;"> {text:admin 2} <br><br>
  743. <img src="{image:admin 3}" style="float:left;width:30px;height:30px;"> {text:admin 3} </div>
  744.  
  745.  
  746. <div id="slide3"><div class="blurb">playing</div>
  747. {text:player}
  748. </div></div>
  749. {/block:IfSbar2}
  750.  
  751. </div></div>
  752. <div id="entries">
  753. {block:Posts}
  754. <div class="post">
  755.  
  756. {block:Title}<div id="tit">{Title}</div>{/block:Title}
  757. {block:Text}{Body}{/block:Text}
  758.  
  759. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">
  760. <br>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  761.  
  762. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  763.  
  764. {block:Quote}<div id="quo">"{Quote}"</div>
  765. {block:Source}<div id="source">— {Source}</div>{/block:Source}{/block:Quote}
  766.  
  767. {block:Link}<div id="ltit"><a href="{URL}" class="link" {Target}>✘ {Name}</a></div>{block:Description}{Description}{/block:Description}
  768. {/block:Link}
  769.  
  770. {block:Chat}{block:Title}<div id="tit">{Title}</div>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul><br>{/block:Chat}
  771.  
  772. {block:Audio}<div class="audio"><span style="position:absolute; width:60px; height:60px; margin-left:-15px;">{block:AlbumArt}<img src="{AlbumArtURL}" width="70px" height="70px" align="left" style="margin-left:50px; margin-top: 16px; opacity: 0.7; border-radius: 0px;" />{/block:AlbumArt}</span><div class="audioinfo"><b>Title:</b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br /><b>Artist:</b> <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br /><b>Album:</b> <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br />{block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">Click Here</a><br />{/block:ExternalAudio}<b>Played:</b> {FormattedPlayCount}
  773. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  774. </div><br><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  775.  
  776. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  777.  
  778. {block:Answer}<div class="perguntou"> asked by {Asker} <br> {Question}</div><div class="seta-baixo"></div><div class="fotinha"><img src="{AskerPortraitURL-30}"></div><br></br><div class="resp">{Answer}</div>{/block:Answer}
  779.  
  780. <div id="info">
  781. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} · </a>
  782. {block:RebloggedFrom} <a href="{ReblogParentURL}">via · </a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"><a href="{SourceURL}">source · </a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}<a href="{Permalink}">{NoteCount}</a> </div>
  783.  
  784. {block:IfShowTags}{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}</div><br>{/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div><//div>
  785.  
  786. <div class="credit" align="right"><a href="http://letsrp.tumblr.com/">theme</a><//div><//div>
  787.  
  788. </body>
  789. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!