Advertisement
letsrp

Magic - Theme #22

May 1st, 2014
2,112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.75 KB | None | 0 0
  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. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}" />
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  10. <meta name="description" content="{MetaDescription}" />
  11.  
  12. <!-- DEFAULT VARIABLES -->
  13. <meta name="color:background" content="#e0e8cd" />
  14. <meta name="color:text" content="#ffffff" />
  15. <meta name="color:link" content="#ffffff" />
  16. <meta name="color:hover" content="#ffffff" />
  17. <meta name="color:post" content="#77bfb0" />
  18. <meta name="color:accent" content="#60a596" />
  19. <meta name="color:title" content="#ffffff" />
  20. <meta name="color:nav" content="#cad5af" />
  21. <meta name="color:ask text" content="#4b8c7e" />
  22.  
  23. <!-- IMAGES -->
  24. <meta name="image:background" content=""/>
  25. <meta name="image:header" content=""/>
  26. <meta name="image:header 2" content=""/>
  27. <meta name="image:sidebar" content=""/>
  28.  
  29. <!-- ADMINS ICON -->
  30. <meta name="image:admin1" content=""/>
  31. <meta name="image:admin2" content=""/>
  32. <meta name="image:admin3" content=""/>
  33.  
  34. <!-- LINKS -->
  35. <meta name="text:link 1 url" content="/"/>
  36. <meta name="text:link 1" content="home"/>
  37. <meta name="text:link 2 url" content="/"/>
  38. <meta name="text:link 2" content="message"/>
  39. <meta name="text:link 3 url" content="/"/>
  40. <meta name="text:link 3" content="link"/>
  41. <meta name="text:link 4 url" content="/"/>
  42. <meta name="text:link 4" content="link"/>
  43. <meta name="text:link 5 url" content="/"/>
  44. <meta name="text:link 5" content="link"/>
  45.  
  46. <!-- UPDATES -->
  47. <meta name="text:date1" content=""/>
  48. <meta name="text:update1" content=""/>
  49. <meta name="text:date2" content=""/>
  50. <meta name="text:update2" content=""/>
  51. <meta name="text:date3" content=""/>
  52. <meta name="text:update3" content=""/>
  53.  
  54. <!-- ABOUT ADMINS -->
  55. <meta name="text:admin1" content=""/>
  56. <meta name="text:admin2" content=""/>
  57. <meta name="text:admin3" content=""/>
  58.  
  59. <!-- IFS -->
  60. <meta name="if:show tags" content="0"/>
  61. <meta name="if:tiny cursor" content="0"/>
  62.  
  63. <style type="text/css">
  64.  
  65. /* ------------ BODY & LINKS -------------- */
  66.  
  67. body{
  68. background-color:{color:background};
  69. background-image: url('{image:background}');
  70. background-attachment:fixed;
  71. color:{color:text};
  72. font-family:'Trebuchet ms';
  73. font-size:11px;
  74. line-height:12px;
  75. text-align:justify;
  76. -webkit-transition: background 0.5s ease-in;
  77. transition: background 0.5s ease-in;
  78. }
  79.  
  80. a:link, a:active, a:visited{
  81. color: {color:link};
  82. text-decoration:none;
  83. -webkit-transition-duration: .90s;
  84. }
  85.  
  86. a:hover{
  87. color:{color:hover};
  88. -webkit-transition-duration: .90s;}
  89.  
  90. {block:iftinycursor}
  91. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}{/block:iftinycursor}
  92.  
  93. ::-webkit-scrollbar {width: 7px;}
  94. ::-webkit-scrollbar-track {background-color: {color:background};}
  95. ::-webkit-scrollbar-thumb {background-color: {color:accent};}
  96.  
  97. strong{
  98. color:{color:background};
  99. }
  100.  
  101. /* ------------ HEADER -------------- */
  102.  
  103. .flopflip {
  104. -webkit-perspective: 1000;
  105. -moz-perspective: 1000;
  106. -o-perspective: 1000;
  107. position:fixed;
  108. border-top:20px solid {color:background};
  109. margin-left:250px;
  110. z-index:999;
  111. margin-top:-8px;
  112. width: 800px;
  113. height: 130px;
  114. }
  115.  
  116. .fliptheswitch {
  117. -webkit-transition: all .5s ease-in-out;
  118. -moz-transition: all .5s ease-in-out;
  119. -o-transition: all .5s ease-in-out;
  120. -ms-transition: all .5s ease-in-out;
  121. transition: all .5s ease-in-out;
  122. -webkit-transform-style: preserve-3d;
  123. -moz-transform-style: preserve-3d;
  124. -o-transform-style: preserve-3d;
  125. width: 800px;
  126. height: 130px;
  127. }
  128.  
  129. .flopflip:hover .fliptheswitch {
  130. -webkit-transform: rotateX(180deg);
  131. -moz-transform: rotateX(180deg);
  132. -o-transform: rotateX(180deg);
  133. }
  134.  
  135. .uno {
  136. overflow: hidden;
  137. background-color:{color:post};
  138. background-image:url('{image:header}');
  139. -webkit-transition: all .5s ease-in-out;
  140. -moz-transition: all .5s ease-in-out;
  141. -o-transition: all .5s ease-in-out;
  142. -ms-transition: all .5s ease-in-out;
  143. transition: all .5s ease-in-out;
  144. -moz-backface-visibility: hidden;
  145. -webkit-backface-visibility: hidden;
  146. -o-backface-visibility: hidden;
  147. position: absolute;
  148. }
  149.  
  150. .dos {
  151. overflow: hidden;
  152. -webkit-transform: rotateX(180deg);
  153. -moz-transform: rotateX(180deg);
  154. -o-transform: rotateX(180deg);
  155. opacity: 0;
  156. -webkit-transition: all .5s ease-in-out;
  157. -moz-transition: all .5s ease-in-out;
  158. -o-transition: all .5s ease-in-out;
  159. -ms-transition: all .5s ease-in-out;
  160. transition: all .5s ease-in-out;
  161. -moz-backface-visibility: hidden;
  162. -webkit-backface-visibility: hidden;
  163. -o-backface-visibility: hidden;
  164. position: absolute;
  165. width: 800px;
  166. height: 130px;
  167. overflow: auto;
  168. }
  169.  
  170. .flopflip:hover .dos {
  171. -webkit-transition: all .5s ease-in-out;
  172. -moz-transition: all .5s ease-in-out;
  173. -o-transition: all .5s ease-in-out;
  174. -ms-transition: all .5s ease-in-out;
  175. transition: all .5s ease-in-out;
  176. opacity: 1;
  177. background-color: {color:accent};
  178. }
  179.  
  180. #duele{
  181. position:absolute;
  182. background-color:{color:post};
  183. background-image:url('{image:header 2}');
  184. margin:6px;
  185. width:780px;
  186. height:110px;
  187. padding:4px;
  188. }
  189.  
  190. /* ------------ UPDATES -------------- */
  191.  
  192. #uptit{
  193. position:absolute;
  194. height:17px;
  195. width:80px;
  196. margin-top:44px;
  197. font-family:arial;
  198. text-transform:uppercase;
  199. letter-spacing:2px;
  200. line-height:16px;
  201. color:{color:title};
  202. font-size:8px;
  203. text-align:center;
  204. background-color:{color:accent};
  205. -webkit-transform: rotate(270deg);
  206. -moz-transform: rotate-(270deg);
  207. }
  208.  
  209. #update{
  210. position:absolute;
  211. height:76px;
  212. width:150px;
  213. margin-top:12px;
  214. overflow:auto;
  215. line-height:13px;
  216. margin-left:55px;
  217. padding-right:5px;
  218. padding-top:4px;
  219. }
  220.  
  221. .up{
  222. background-color:{color:accent};
  223. padding:1px;
  224. }
  225.  
  226. /* ------------ ADMINS -------------- */
  227.  
  228. #adtit{
  229. position:absolute;
  230. height:17px;
  231. width:80px;
  232. margin-top:44px;
  233. font-family:arial;
  234. text-transform:uppercase;
  235. letter-spacing:2px;
  236. line-height:16px;
  237. color:{color:title};
  238. font-size:8px;
  239. margin-left:200px;
  240. text-align:center;
  241. background-color:{color:accent};
  242. -webkit-transform: rotate(270deg);
  243. -moz-transform: rotate-(270deg);
  244. }
  245.  
  246. #ad1{
  247. position:absolute;
  248. height:72px;
  249. width:72px;
  250. padding:4px;
  251. margin-top:12px;
  252. line-height:10px;
  253. margin-left:255px;
  254. background-color:{color:accent};
  255. }
  256.  
  257. #add1{
  258. width:72px;
  259. height:73px;
  260. position:fixed;
  261. margin-top:-74px;
  262. -webkit-transition: all .5s ease-in-out;
  263. -moz-transition: all .5s ease-in-out;
  264. -o-transition: all .5s ease-in-out;
  265. -ms-transition: all .5s ease-in-out;
  266. transition: all .5s ease-in-out;
  267. color:transparent;
  268. text-align:center;
  269. font-size:10px;
  270. }
  271.  
  272. #add1:hover{
  273. background-color:{color:background};
  274. font-size:10px;
  275. opacity:0.8;
  276. width:72px;
  277. height:73px;
  278. color:{color:ask text};
  279. }
  280.  
  281. #ad1 img{
  282. width:72px;
  283. height:72px;
  284. }
  285.  
  286. #ad2{
  287. position:absolute;
  288. height:72px;
  289. width:72px;
  290. padding:4px;
  291. margin-top:12px;
  292. line-height:10px;
  293. margin-left:340px;
  294. background-color:{color:accent};
  295. }
  296.  
  297. #add2{
  298. width:72px;
  299. height:73px;
  300. position:fixed;
  301. margin-top:-74px;
  302. -webkit-transition: all .5s ease-in-out;
  303. -moz-transition: all .5s ease-in-out;
  304. -o-transition: all .5s ease-in-out;
  305. -ms-transition: all .5s ease-in-out;
  306. transition: all .5s ease-in-out;
  307. color:transparent;
  308. text-align:center;
  309. font-size:10px;
  310. }
  311.  
  312. #add2:hover{
  313. background-color:{color:background};
  314. opacity:0.8;
  315. width:72px;
  316. height:73px;
  317. color:{color:ask text};
  318. }
  319.  
  320. #ad2 img{
  321. width:72px;
  322. height:72px;
  323. }
  324.  
  325. #ad3{
  326. position:absolute;
  327. height:72px;
  328. width:72px;
  329. padding:4px;
  330. margin-top:12px;
  331. line-height:10px;
  332. margin-left:425px;
  333. background-color:{color:accent};
  334. }
  335.  
  336. #add3{
  337. width:72px;
  338. height:73px;
  339. position:fixed;
  340. margin-top:-74px;
  341. -webkit-transition: all .5s ease-in-out;
  342. -moz-transition: all .5s ease-in-out;
  343. -o-transition: all .5s ease-in-out;
  344. -ms-transition: all .5s ease-in-out;
  345. transition: all .5s ease-in-out;
  346. color:transparent;
  347. text-align:center;
  348. font-size:10px;
  349. }
  350.  
  351. #add3:hover{
  352. background-color:{color:background};
  353. opacity:0.8;
  354. width:72px;
  355. height:73px;
  356. color:{color:ask text};
  357. }
  358.  
  359. #ad3 img{
  360. width:72px;
  361. height:72px;
  362. }
  363.  
  364. /* ------------ SIDE -------------- */
  365.  
  366. #tri{
  367. width:261px;
  368. height:100%;
  369. margin-left:250px;
  370. margin-top:160px;
  371. position:fixed;
  372. }
  373.  
  374. #sbar{
  375. position:fixed;
  376. background-color:{color:post};
  377. padding:10px;
  378. margin-top:-276px;
  379. margin-left:-10px;
  380. width:241px;
  381. height:350px;
  382. }
  383.  
  384. #sbar img{
  385. width:241px;
  386. height:350px;
  387. }
  388.  
  389. #angel{
  390. position:fixed;
  391. padding:10px;
  392. margin-top:112px;
  393. width:241px;
  394. height:330px;
  395. }
  396.  
  397. .desc{
  398. background-color:{color:accent};
  399. border-left:4px solid {color:nav};
  400. -webkit-border-top-left-radius: 10px;
  401. -webkit-border-bottom-left-radius: 10px;
  402. -moz-border-radius-topleft: 10px;
  403. -moz-border-radius-bottomleft: 10px;
  404. border-top-left-radius: 10px;
  405. border-bottom-left-radius: 10px;
  406. -webkit-transition: all .3s ease-in-out;
  407. -moz-transition: all .3s ease-in-out;
  408. -o-transition: all .3s ease-in-out;
  409. -ms-transition: all .3s ease-in-out;
  410. transition: all .3s ease-in-out;
  411. font-family:'Trebuchet ms';
  412. font-size:11px;
  413. line-height:12px;
  414. padding:8px;
  415. height:230px;
  416. width:120px;
  417. }
  418.  
  419. #angel:hover .desc{
  420. background-color:{color:accent};
  421. border-left:4px solid {color:nav};
  422. -webkit-border-top-left-radius: 10px;
  423. -webkit-border-bottom-left-radius: 10px;
  424. -moz-border-radius-topleft: 10px;
  425. -moz-border-radius-bottomleft: 10px;
  426. border-top-left-radius: 10px;
  427. border-bottom-left-radius: 10px;
  428. font-family:'Trebuchet ms';
  429. font-size:11px;
  430. line-height:12px;
  431. margin-left:-149px;
  432. padding:8px;
  433. height:230px;
  434. width:120px;
  435. }
  436.  
  437.  
  438. /* ------------ MENU -------------- */
  439.  
  440. .menu {
  441. float: left;
  442. width:265px;
  443. position:relative;
  444. }
  445.  
  446. .menu1 {
  447. background-color:{color:accent};
  448. float:left;
  449. margin-right:3px;
  450. display: inline-block;
  451. width:129px;
  452. height:25px;
  453. margin-bottom:3px;
  454. font-family:arial;
  455. text-transform:uppercase;
  456. text-align:center;
  457. letter-spacing:2px;
  458. line-height:16px;
  459. color:{color:title};
  460. font-size:8px;
  461. line-height:25px;
  462. }
  463.  
  464. .menu2 {
  465. background-color:{color:nav};
  466. float:left;
  467. margin-right:3px;
  468. display: inline-block;
  469. width:129px;
  470. height:25px;
  471. margin-bottom:3px;
  472. font-family:arial;
  473. text-transform:uppercase;
  474. text-align:center;
  475. letter-spacing:2px;
  476. line-height:16px;
  477. color:{color:title};
  478. font-size:8px;
  479. line-height:25px;
  480. }
  481.  
  482. /* ------------ PAGINATION -------------- */
  483.  
  484. #pag{
  485. background-color:{color:accent};
  486. border-bottom:4px solid {color:nav};
  487. line-height:22px;
  488. text-align:center;
  489. font-size:11px;
  490. position:fixed;
  491. margin-top:462px;
  492. width:261px;
  493. height:22px;
  494. }
  495.  
  496. /* ------------ POSTS -------------- */
  497.  
  498. #entries{
  499. width: 500px;
  500. margin-left:530px;
  501. margin-top:160px;
  502. position:absolute;
  503. padding-bottom:20px;
  504. }
  505.  
  506. .post{
  507. padding:10px;
  508. background-color:{color:post};
  509. font-size:11px;
  510. font-family:'Trebuchet ms';
  511. float:left;
  512. margin-bottom:20px;
  513. width: 500px;
  514. }
  515.  
  516. /* ------------ TITLES -------------- */
  517.  
  518. #tit{
  519. font-family: 'calibri';
  520. font-size:20px;
  521. text-align:left;
  522. text-transform:lowercase;
  523. color:{color:title};
  524. font-style:italic;
  525. letter-spacing:-1px;
  526. margin-top:5px;
  527. margin-bottom:10px;
  528. }
  529.  
  530. #ltit{
  531. font-family: 'calibri';
  532. background-color:{color:accent};
  533. font-size:10px;
  534. text-align:left;
  535. text-transform:uppercase;
  536. letter-spacing: 5px;
  537. margin-top:3px;
  538. margin-bottom:5px;
  539. padding:10px;
  540. }
  541.  
  542. #quo{
  543. font-size:12px;
  544. color:{color:text};
  545. text-align:left;
  546. padding:3px;
  547. line-height:13px;
  548. font-style:italic;
  549. }
  550.  
  551. #source{
  552. margin-top:3px;
  553. text-align:right;
  554. margin-bottom:5px;
  555. font-size:9px;
  556. text-transform:lowercase;
  557. font-family:arial;
  558. }
  559.  
  560.  
  561. /* ------------ QUESTIONS -------------- */
  562.  
  563. #asker{
  564. width:400px;
  565. height:10px;
  566. font-family:calibri;
  567. font-size:18px;
  568. text-align:left;
  569. text-transform:lowercase;
  570. font-style:italic;
  571. letter-spacing:-1px;
  572. line-height:11px;
  573. margin-left:10px;
  574. padding-bottom:2px;
  575. }
  576.  
  577. #asker a{
  578. color:{color:link};
  579. }
  580.  
  581. #asker a:hover{
  582. color:{color:hover};
  583. }
  584.  
  585. #question{
  586. background-color:{color:background};
  587. border-top:3px solid {color:nav};
  588. font-size:11px;
  589. font-family:arial;
  590. line-height:90%;
  591. color:{color:ask text};
  592. margin: 0 0 11px 0;
  593. padding: 10px 15px;
  594. position:relative;
  595. }
  596.  
  597. #answer{
  598. font-size:10px;
  599. }
  600.  
  601. /* ------------ PERMA & TAGS -------------- */
  602.  
  603. #perma{
  604. background-color:{color:accent};
  605. width:510px;
  606. height:15px;
  607. padding-right:10px;
  608. overflow:auto;
  609. text-align: left;
  610. line-height:15px;
  611. margin-left:-10px;
  612. margin-top:-10px;
  613. margin-bottom:10px;
  614. }
  615.  
  616. #data{
  617. font-size:7px;
  618. text-transform:uppercase;
  619. margin-left:-500px;
  620. font-family:arial;
  621. color:{color:text};
  622. -webkit-transition-duration:0.7s;
  623. -o-transition-duration:0.7s;
  624. -moz-transition-duration:0.7s;
  625. }
  626.  
  627. .post:hover #data{
  628. font-size:7px;
  629. text-transform:uppercase;
  630. margin-left:0px;
  631. text-align:right;
  632. font-family:arial;
  633. color:{color:text};
  634. }
  635.  
  636. #data a{
  637. color:{color:link};
  638. }
  639.  
  640. #data a:hover{
  641. color:{color:hover};
  642. }
  643.  
  644. #tags{
  645. margin-top:5px;
  646. text-align:left;
  647. text-transform:lowercase;
  648. background-color:{color:background};
  649. color:{color:text};
  650. font-size:9px;
  651. text-indent:10px;
  652. font-style:italic;
  653. -webkit-transition:0.3s linear;
  654. font-family:calibri;
  655. }
  656.  
  657. #tags a{
  658. color:{color:link};
  659. }
  660.  
  661. #tags a:hover{
  662. color:{color:hover};
  663. }
  664.  
  665.  
  666. /* ------------ BLOCKQUOTE & P -------------- */
  667.  
  668. blockquote{
  669. padding-left:5px;
  670. margin-left:20px;
  671. margin-right:20px;
  672. border-left:3px solid {color:background};
  673. margin-top:3px;
  674. margin-bottom:3px;
  675. }
  676.  
  677. p{
  678. margin-top:6px;
  679. margin-bottom:6px;}
  680.  
  681. pre{
  682. color:{color:accent};
  683. background-color:{color:background};
  684. text-align:center;
  685. font-size:10px;
  686. text-transform:uppercase;
  687. padding:3px;
  688. }
  689.  
  690. /* ------------ AUDIO -------------- */
  691.  
  692. .audio{
  693. opacity: 1.0;
  694. position:relative;
  695. overflow:hidden;
  696. min-height:130px;
  697. font-size: 10px;
  698. }
  699.  
  700. .player{
  701. position:absolute;
  702. z-index:3;
  703. background:#000000;
  704. margin-top:45px;
  705. margin-left:73px;
  706. opacity:0.75;
  707. filter:alpha(opacity=75);
  708. border:0px #000000 solid;
  709. border-radius: 100px;}
  710.  
  711. .audioplayer{
  712. border: 0px solid {color:perma};
  713. width:363px;
  714. height:15px;
  715. overflow:hidden;
  716. padding:5px;
  717. padding-bottom:13px;
  718. margin-right:5px;
  719. margin-top: 5px;}
  720.  
  721. .audioinfo{
  722. margin-top: 15px;
  723. margin-left:120px;
  724. line-height:10px;
  725. font-size:10px!important;
  726. font-style: normal;}
  727.  
  728. .audiocaption{
  729. margin-left:20px;}
  730.  
  731. .audiocaption img{
  732. max-width:330px!important;}
  733.  
  734. .audiocaption blockquote img{
  735. max-width:320px!important;}
  736.  
  737. .audiocaption blockquote blockquote img{
  738. max-width:310px!important;}
  739.  
  740. /* ------------ CHAT -------------- */
  741.  
  742. .user_1 .label {color:{color:text}; font-weight:bold;}
  743. .user_2 .label {color:{color: text}; font-weight:bold;}
  744. .user_3 .label {color:{color:text}; font-weight:bold;}
  745. .user_4 .label {color:{color:text}; font-weight:bold;}
  746. .user_5 .label {color:{color: text}; font-weight:bold;}
  747. .user_6 .label {color:{color:text}; font-weight:bold;}
  748. .user_7 .label {color:{color:text}; font-weight:bold;}
  749. .user_8 .label {color:{color: text}; font-weight:bold;}
  750. .user_9 .label {color:{color:text}; font-weight:bold;}
  751. .user_10 .label {color:{color:text}; font-weight:bold;}
  752.  
  753. .ul.chat {}
  754. .chat ol {}
  755. .chat li {
  756. list-style:none;
  757. margin-left:-30px;
  758. padding:-5px;
  759. margin-bottom:3px;
  760. }
  761.  
  762. /* ------------ NOTES -------------- */
  763.  
  764. .notes{
  765. margin-left:-15px;
  766. margin-top:30px;
  767. width: 500px;
  768. font-size:10px;
  769. }
  770.  
  771. .notes a:hover{
  772. color:{color:link};
  773. }
  774.  
  775. ol.notes{
  776. list-style-type:none;
  777. }
  778.  
  779. ol.notes li.note{
  780. padding-bottom:7px;
  781. margin-bottom:12px;
  782. }
  783.  
  784. ol.notes li.note img.avatar{
  785. vertical-align:-6px;
  786. }
  787.  
  788. ol.notes li.note img{
  789. padding:2px;
  790. border-radius:10px;
  791. }
  792.  
  793. ol.notes li.note blockquote{
  794. padding-left:5px;
  795. margin-left:30px;
  796. }
  797.  
  798.  
  799.  
  800. {CustomCSS}
  801. </style>
  802. </head>
  803. <body>
  804.  
  805.  
  806. <div class="flopflip">
  807. <div class="fliptheswitch">
  808. <div class="uno"><div style="width:800px; height:130px;"></div></div>
  809. <div class="dos"><div style="width:800px; height:130px;">
  810. <div id="duele">
  811. <div style="margin-top:4px;margin-left:114px;">
  812.  
  813. <div id="uptit">updates</div>
  814. <div id="update">
  815. <span class="up">{text:date1}</span>{text:update1}<p>
  816. <span class="up">{text:date2}</span>{text:update2}<p>
  817. <span class="up">{text:date3}</span>{text:update3}<p>
  818. </div>
  819.  
  820. <div id="adtit">admins</div>
  821.  
  822. <div id="ad1"><img src="{image:admin1}">
  823. <div id="add1"><div style="padding:4px;">{text:admin1}</div></div></div>
  824. <div id="ad2"><img src="{image:admin2}">
  825. <div id="add2"><div style="padding:4px;">{text:admin2}</div></div></div>
  826. <div id="ad3"><img src="{image:admin3}">
  827. <div id="add3"><div style="padding:4px;">{text:admin3}</div></div></div>
  828. </div></div></div></div></div></div>
  829.  
  830. <div id="tri">
  831. <div class="menu">
  832.  
  833. <div class="menu1"><a href="{text:link 1 url}">{text:link 1}</a></div>
  834. <div class="menu2"><a href="{text:link 2 url}">{text:link 2}</a></div>
  835. <div class="menu2"><a href="{text:link 3 url}">{text:link 3}</a></div>
  836. <div class="menu2"><a href="{text:link 4 url}">{text:link 4}</a></div>
  837. <div class="menu2"><a href="{text:link 5 url}">{text:link 5}</a></div>
  838. <div class="menu2"><a href="http://letsrp.tumblr.com/">theme</a></div>
  839. </div>
  840.  
  841. <div id="angel">
  842. <div class="desc">
  843. {Description}</div>
  844. <div id="sbar"><img src="{image:sidebar}"></div></div>
  845. <div id="pag">
  846. {block:PreviousPage}
  847. <a href="{PreviousPage}">prev </a> //
  848. {/block:PreviousPage}
  849. {block:NextPage}
  850. <a href="{NextPage}"> next</a>
  851. {/block:NextPage}
  852. </div></div></div></div>
  853.  
  854. <div id="entries">
  855. {block:Posts}
  856. <div class="post">
  857. <div id="perma"><div id="data">
  858. {block:Date}posted <a href="{Permalink}">{Timeago}</a>{/block:Date}{block:NoteCount}, with {NoteCount} notes {/block:NoteCount}{block:RebloggedFrom}/ via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>
  859. {/block:ContentSource}</div></div>
  860.  
  861. {block:Title}<div id="tit">{Title}</div>{/block:Title}
  862. {block:Text}{Body}{/block:Text}
  863.  
  864. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}"width=500px>
  865. <br>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  866.  
  867. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  868.  
  869. {block:Quote}<div id="quo">"{Quote}"</div>
  870. {block:Source}<div id="source">— {Source}</div>{/block:Source}{/block:Quote}
  871.  
  872. {block:Link}<div id="ltit"><a href="{URL}" class="link" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
  873. {/block:Link}
  874.  
  875. {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><br>{/block:Chat}
  876.  
  877. {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}
  878. <br><div class="audioplayer">{AudioPlayerWhite}</div>
  879. </div><br><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
  880.  
  881. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  882.  
  883. {block:Answer}
  884. <div id="asker">asked by {Asker};</div><div id="question">{Question}</div><div id="answer">{Answer}</div>{/block:Answer}
  885.  
  886. {block:IfShowTags}{block:HasTags}<div id="tags">tagged as: {block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}</div><br>{/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  887.  
  888. </div>
  889. </div>
  890. </div>
  891. </body>
  892. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement