xmisa0923

tp

Aug 18th, 2012
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.56 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-------------------------------
  4.  
  5. MEDUSA VIRUS VERSION 1 BY NINPEN.TUMBLR.COM
  6. DO NOT REMOVE THE CREDIT.
  7. HOW TO INSTALL
  8.  
  9. 1. Click on customize theme then click on edit HTML
  10. 2. delete the entire code, and replace it with the code for this theme
  11. 3. Click on update preview then click on appearance.
  12. 4. Click save. Now refresh the screen. Now you can customize the appearance
  13. ___________________________________________________________________________
  14.  
  15. If there's a problem with the theme, or you need help, just ask me.
  16. --------------------------------->
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20. <meta name="if:normalposts" content=""/>
  21. <meta name="if:grayscale" content="0"/>
  22. <meta name="if:mediumposts" content=""/>
  23. <meta name="if:smallposts" content="1"/>
  24. <meta name="if:EndlessScroll" content=""/>
  25.  
  26. <meta name="color:navigation text" content="#fff"/>
  27. <meta name="color:navigation text hover" content="#fff72b"/>
  28.  
  29.  
  30. <meta name="color:info text" content="#fff"/>
  31. <meta name="color:info BG" content="#1f1d1d"/>
  32. <meta name="color:Link" content="#1f1d1d"/>
  33. <meta name="color:Link-hover" content="#555555"/>
  34. <meta name="color:Background" content ="#fcfcfc"/>
  35. <meta name="color:navigation BG" content="#000"/>
  36. <meta name="color:posts" content ="#ffffff"/>
  37. <meta name="color:description BG" content ="#ffffff"/>
  38. <meta name="color:description text" content ="#313131"/>
  39. <meta name="color:Text" content="#4e4e4e"/>
  40. <meta name="color:H1 text" content ="#666"/>
  41. <meta name="color:H2 text" content ="#1F1D1D"/>
  42. <meta name="color:H2 BG" content ="#fff"/>
  43. <meta name="color:H1 BG" content ="#fff"/>
  44. <meta name="color:navigation bottom BG" content ="#000"/>
  45.  
  46. <meta name="image:background image" content=""/>
  47. <meta name="image:portrait" content="http://static.tumblr.com/1f1tzta/BfLm7kqvy/untitled-2.png"/>
  48.  
  49. <meta name="text:Custom Link One" content=""/>
  50. <meta name="text:Custom Link One URL" content=""/>
  51. <meta name="text:Custom Link Two" content=""/>
  52. <meta name="text:Custom Link Two URL" content=""/>
  53. <meta name="text:Custom Link Three" content=""/>
  54. <meta name="text:Custom Link Three URL" content=""/>
  55. <meta name="text:Custom Link Four" content=""/>
  56. <meta name="text:Custom Link Four URL" content=""/>
  57.  
  58. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  59. <script type="text/javascript" src="http://static.tumblr.com/1f1tzta/8D5m7he1x/scripted.js"></script>
  60. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  61. <title>{Title}</title>
  62. <link rel="shortcut icon" href="{Favicon}" />
  63. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  64. <link href='http://fonts.googleapis.com/css?family=Quicksand:300' rel='stylesheet' type='text/css'>
  65.  
  66.  
  67. <style type="text/css">
  68. #scrollToTop:link,#scrollToTop:visited {
  69. color: transparent;
  70. background-color: transparent;
  71. display: none;
  72. position: fixed;
  73. top: 25px;
  74. right: 5px;
  75. }
  76.  
  77. ::-webkit-scrollbar {width: 7px; height: 4px; background: #ffffff; }
  78. ::-webkit-scrollbar-thumb { background-color: #FBE9F2;}
  79.  
  80. body {
  81. background-color: {color:Background};
  82. background-attachment: fixed;
  83. background-repeat: repeat;
  84. background-image: url({image:background image});
  85. }
  86.  
  87. body, div, p, textarea, submit, input{
  88. font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  89. color: {color:text};
  90. font-size: 10px;
  91. line-height: 13px;
  92. margin: 0px;
  93. }
  94.  
  95. a:link, a:active, a:visited{
  96. color: {color:Link};
  97. text-decoration: none;
  98. }
  99.  
  100. a:hover {
  101. color:{color:Link-hover};
  102. }
  103.  
  104. h1{
  105. border-bottom: 1pt solid #eee;
  106. line-height: 15pt;
  107. font-family: courier new;
  108. text-transform: uppercase;
  109. font-size: 9px;
  110. letter-spacing: 2px;
  111. margin-bottom: 7px;
  112. text-align: center;
  113. background-color:{color:h1 BG};
  114. color:{color:h1 text};
  115. }
  116.  
  117. h1 a{
  118. color:{color:h1 text};
  119. }
  120.  
  121. h2 {
  122. font-size: 8pt;
  123. font-weight:100;
  124. font-family: 'Lora', serif;
  125. font-style: italic;
  126. text-align:center;
  127. text-transform: none;
  128. letter-spacing: 1px;
  129. background-color:{color:h2 BG};
  130. color: {color:h2 text};
  131. }
  132.  
  133. .side {
  134. background-color:;
  135. padding: 5px;
  136. float: right;
  137. width: 160px;
  138. position:fixed;
  139. left: -600;
  140. bottom:350px;
  141. {block:IndexPage}
  142. {block:Ifnormalposts}margin-left:280px;{/block:Ifnormalposts}
  143. {block:Ifmediumposts}margin-left:230px;{/block:Ifmediumposts}
  144. {block:Ifsmallposts}margin-left:155px;{/block:Ifsmallposts}
  145. {/block:IndexPage}
  146. {block:PermalinkPage}margin-left:280px;{/block:PermalinkPage}
  147. }
  148.  
  149.  
  150. {block:ifshowdesconhover}#image:hover #desc {
  151. margin-left:15px;
  152. -webkit-transition: all 0.8s ease-out;
  153. -moz-transition: all 0.8s ease-out;
  154. transition: all 0.8s ease-out;
  155. }{/block:ifshowdesconhover}
  156.  
  157.  
  158. .portrait img{
  159. margin-bottom:5px;
  160. max-width:160px;
  161. background: hsl(0, 0%, 100%);
  162. border: 5px solid hsl(0, 0%, 97%);
  163. padding: 5px;
  164. outline: 5px solid hsl(330, 70%, 97%);
  165. box-shadow:0 0 0 10px hsl(0, 0%, 94%)),
  166. 0 0 0 15px hsl(0, 0%, 97%);
  167. }
  168.  
  169. #description{
  170. left:-5px;
  171. position:absolute;
  172. padding:7px;
  173. margin-top:10px;
  174. text-align:center;
  175. border-bottom:1px dotted #eee;
  176. background-color:{color:description BG};
  177. color:{color:description text};
  178. width:183px;
  179. opacity:1;
  180.  
  181. {block:ifshowdesconhover}margin-left:-180px;{/block:ifshowdesconhover}
  182. {block:ifnotshowdesconhover}margin-left:15px;{/block:ifnotshowdesconhover}
  183.  
  184. -webkit-transition: opacity 0.6s linear;
  185. -webkit-transition: all 0.6s ease-in-out;
  186. -moz-transition: all 0.6s ease-in-out;
  187. -o-transition: all 0.6s ease-in-out;
  188. }
  189.  
  190.  
  191.  
  192. #prev{
  193. position:fixed;
  194. left:-15px;
  195. width:50px;
  196. height:100px;
  197. bottom:350px;
  198. background-color:#000;
  199. border-top-right-radius:100px;
  200. border-bottom-right-radius:100px;
  201. }
  202.  
  203. .prev, .prev a{
  204. text-align:center;
  205. font-family: 'Quicksand', sans-serif;
  206. font-weight:100;
  207. text-transform:uppercase;
  208. font-size:30px;
  209. color:{color:navigation text};
  210. margin-top:45px;
  211. margin-left:0px;
  212. }
  213.  
  214. #next{
  215. position:fixed;
  216. right:-15px;
  217. width:50px;
  218. height:100px;
  219. bottom:350px;
  220. background-color:#000;
  221. border-top-left-radius:100px;
  222. border-bottom-left-radius:100px;
  223. }
  224.  
  225. .next, .next a{
  226. text-align:center;
  227. font-family: 'Quicksand', sans-serif;
  228. font-weight:100;
  229. text-transform:uppercase;
  230. font-size:30px;
  231. color:{color:navigation text};
  232. margin-top:45px;
  233. margin-left:0px;
  234. }
  235.  
  236. .blog {
  237. position: absolute;
  238. top:0px;
  239. left: 0px;
  240. width: 100%;
  241. height: 230px;
  242. overflow: visible;
  243. }
  244.  
  245. img{
  246. {block:Ifgrayscale}
  247. filter: grayscale(100%);
  248. -webkit-filter: grayscale(100%);
  249. -moz-filter: grayscale(100%);
  250. -ms-filter: grayscale(100%);
  251. -o-filter: grayscale(100%);
  252. {/block:Ifgrayscale}
  253. }
  254.  
  255. div#content{
  256. position: absolute;
  257. top: 10px;/***height / 2 ***/
  258. left: 50%;
  259. {block:IndexPage}
  260. {block:Ifnormalposts}margin-left:-280px;width:521px;{/block:Ifnormalposts}
  261. {block:Ifmediumposts}margin-left:-230px;width:421px;{/block:Ifmediumposts}
  262. {block:Ifsmallposts}margin-left:-155px;width:271px;{/block:Ifsmallposts}
  263. {/block:IndexPage}
  264. {block:PermalinkPage}margin-left:-280px;width:500px;{/block:PermalinkPage}
  265. }
  266.  
  267. div#entry{
  268. padding: 20px 20px 19px 20px;
  269. border: 1px solid #eee;
  270. margin-bottom: 35px;
  271. {block:IndexPage}
  272. {block:Ifnormalposts}width:500px;{/block:Ifnormalposts}
  273. {block:Ifmediumposts}width:400px;{/block:Ifmediumposts}
  274. {block:Ifsmallposts}width:250px;{/block:Ifsmallposts}
  275. {/block:IndexPage}
  276. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  277. background-color:{color:posts};
  278. }
  279.  
  280. .notes {
  281. color: black;
  282. padding: 5px;
  283. margin: 10px;
  284. }
  285.  
  286. .notes img a {
  287. border: 0px;
  288. }
  289.  
  290. .notes li {
  291. list-style-type: none;
  292. }
  293.  
  294. .postinfo {
  295.  
  296. }
  297.  
  298. .perma{
  299. text-align:center;
  300. font-family: 'Quicksand', sans-serif;
  301. text-transform:uppercase;
  302. font-size:14px;
  303. position:absolute;
  304. display: inline-block;
  305. padding:8px 10px 10px 10px;
  306. height:10px;
  307. width: 10px;
  308. background-color:#000;
  309. color:#fff;
  310. opacity:0;
  311. transition: all 0.6s ease-in-out 0s;
  312. -moz-transition: all 0.6s ease-in-out 0s;
  313. -webkit-transition: all 0.6s ease-in-out 0s;
  314. -o-transition: all 0.6s ease-in-out 0s;
  315. }
  316.  
  317. .postinfo a{
  318. color:#fff;
  319. }
  320.  
  321. #entry:hover .perma{
  322. opacity: 1.0;
  323. transition: all 0.6s ease-in-out 0s;
  324. -moz-transition: all 0.6s ease-in-out 0s;
  325. -webkit-transition: all 0.6s ease-in-out 0s;
  326. -o-transition: all 0.6s ease-in-out 0s;
  327. }
  328.  
  329. .askcontain {
  330. align: right;
  331. background: #trans;
  332. margin:0px 0px 5px 70px;
  333. position: relative;
  334. border-bottom: 1pt dotted #eee;
  335. padding-bottom: 3px;
  336. }
  337.  
  338. askborder {
  339. float: left;
  340. margin: 1px 4px 0 0;
  341. padding: 2px;
  342. background: #fafafa;
  343. }
  344.  
  345. .askingimage{
  346. position: relative;
  347. margin: 10px;
  348. margin-left: 0px;
  349. margin-top: 0px;
  350. padding: 5px;
  351. border: 1pt solid #eee;
  352. }
  353.  
  354.  
  355. .audiotext {
  356. padding: 10px;
  357. text-align: justify;
  358. position: relative;
  359. }
  360.  
  361. .audioplayer {
  362. opacity: 0.96;
  363. filter:alpha(opacity=0.96);
  364. width: 500px;
  365. position: relative;
  366. overflow: hidden;
  367. padding: 2px 0;
  368. background-color: {color:Background};
  369. }
  370.  
  371. .audiocont{
  372. position: absolute;
  373. left: 47px;
  374. top: 47px;
  375. padding:5px;
  376. width:25px;
  377. }
  378.  
  379. .audiocirc {
  380. width: 20px;
  381. overflow: hidden;
  382. height: 25px;
  383. }
  384.  
  385. .albumart {
  386. position: relative;
  387. width: 100px !important;
  388. height: 100px !important;
  389. margin: 0 !important;
  390. }
  391.  
  392. #albumart {
  393. width: 125px;
  394. height: 125px;
  395. }
  396.  
  397. blockquote{
  398. border-left:1px solid #a5a5a5;
  399. padding:3px;
  400. background-color:#fbfbfb;
  401. }
  402.  
  403. ul.chat {
  404. margin: 0;
  405. padding: 0;
  406. }
  407.  
  408. .chat li {
  409. list-style-type: none;
  410. margin-left: 0px;
  411. padding: 3px;
  412. }
  413.  
  414. .chat li.odd {
  415. background-color: #FBFBFB;
  416. margin-bottom: 3px;
  417. color: #1F1F1F;
  418. }
  419.  
  420. .chat li.even {
  421. background-color: #fff;
  422. margin-bottom: 3px;
  423. color: #1F1F1F;
  424. }
  425.  
  426. iframe#tumblr_controls{
  427. position:fixed !important;
  428. opacity:.4;
  429. transition: all 0.6s ease-in-out 0s;
  430. -moz-transition: all 0.6s ease-in-out 0s;
  431. -webkit-transition: all 0.6s ease-in-out 0s;
  432. -o-transition: all 0.6s ease-in-out 0s;
  433. }
  434.  
  435. iframe#tumblr_controls:hover{
  436. opacity:.9;
  437. transition: all 0.6s ease-in-out 0s;
  438. -moz-transition: all 0.6s ease-in-out 0s;
  439. -webkit-transition: all 0.6s ease-in-out 0s;
  440. -o-transition: all 0.6s ease-in-out 0s;
  441. }
  442.  
  443. .install_button{
  444. display:none;
  445. }
  446.  
  447.  
  448. #editthis{
  449. /* EDIT THIS STUFF TO POSITION YOUR MUSIC PLAYER */
  450. position:fixed;
  451. top:20px; /* YOU CAN CHANGE THIS TO BOTTOM */
  452. left:20px; /* YOU CAN CHANGE THIS TO RIGHT */
  453. z-index:99;}
  454.  
  455. /* I DON'T RECOMMEND TOUCHING THIS STUFF */
  456. #music1{
  457. position:fixed;
  458. padding:2px;
  459. -webkit-transition: all 0.5s ease-in-out;
  460. -moz-transition: all 0.5s ease-in-out;
  461. -o-transition: all 0.5s ease-in-out;}
  462.  
  463. #music1:hover #music2{
  464. opacity:0;
  465. margin-top:-25px;
  466. z-index:-1;}
  467.  
  468. #music1:hover #music3{
  469. opacity:1;
  470. margin-top:-5px;
  471. z-index:99;}
  472.  
  473. #music1:hover #musiclist{
  474. opacity:1;}
  475.  
  476. #music2{
  477. /* THIS IS THE GIF DIV */
  478. opacity:1;
  479. background-color:#fff;
  480. border:1px dotted #ccc;
  481. padding:6px;
  482. -webkit-transition: all 0.5s ease-in-out;
  483. -moz-transition: all 0.5s ease-in-out;
  484. -o-transition: all 0.5s ease-in-out;}
  485.  
  486. #music3{
  487. /* THIS IS THE ACTUAL MUSIC PLAYER DIV */
  488. opacity:0;
  489. position:fixed;
  490. background-color:#fff;
  491. border:1px dashed #ccc;
  492. width:55px;
  493. height:20px;
  494. z-index:99;
  495. margin-left:-5px;
  496. overflow:hidden;
  497. -webkit-transition: all 0.5s ease-in-out;
  498. -moz-transition: all 0.5s ease-in-out;
  499. -o-transition: all 0.5s ease-in-out;}
  500.  
  501. #musiclist{
  502. /* THIS IS THE PLAYLIST DIV */
  503. opacity:0;
  504. position:fixed;
  505. padding:6px;
  506. border:1px dashed #ccc;
  507. margin-left:10px;
  508. margin-top:10px;
  509. font-family:consolas;
  510. font-size:8px;
  511. background-color:#fff;
  512. width:120px;
  513. color:#999;
  514. text-transform:uppercase;
  515. -webkit-transition: all 0.5s ease-in-out;
  516. -moz-transition: all 0.5s ease-in-out;
  517. -o-transition: all 0.5s ease-in-out;}
  518.  
  519. #musiclist h1{
  520. /*THIS IS THE PLAYLIST TITLE SETTINGS*/
  521. font-family:consolas;
  522. font-size:11px;
  523. margin-top:0px;
  524. margin-bottom:2px;
  525. font-style:normal;
  526. font-weight:normal;
  527. color:#424242; /*THIS IS THE PLAYLIST TITLE COLOR*/
  528. border-bottom:1px dotted #ccc;
  529. text-align:left;
  530. text-transform:uppercase;}
  531.  
  532.  
  533. </style>
  534.  
  535. {block:IfEndlessScroll}
  536. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src=" " border="0"></a>{/block:IfEndlessScroll}
  537.  
  538. </head>
  539. <body>
  540.  
  541. <div id="editthis">
  542. <div id="music1">
  543. <div id="music2">
  544.  
  545. <!-- YOU CAN CHANGE THE MUSIC GIF BELOW. -->
  546. <img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"></div>
  547.  
  548. <div id="music3">
  549. <Div style="margin-top:4px;">
  550. <!-- YOUR MUSIC CODE GOES HERE, RIGHT AFTER THIS LINE. -->
  551. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://dl.dropbox.com/u/30975005/02.%20U-KISS%20-%20COINCIDENCE.mp3&t0=Coincidence&f1= https://dl.dropbox.com/u/30975005/04%20Let%27s%20Get.mp3&t1=Let\'s Get&f2=https://dl.dropbox.com/u/30975005/okay%20We%20Set%20off%21%21.mp3&t2=We Set Off&f3=https://dl.dropbox.com/u/30975005/Doradora.mp3&t3=Doradora&f4= https://dl.dropbox.com/u/30975005/hoon.mp3&t4=나란사람&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  552. </div>
  553. </div>
  554.  
  555. <div id="musiclist">
  556. <h1>Playlist</h1>
  557. <!-- PUT YOUR MUSIC TITLES HERE. BE SURE TO ADD A BREAK AFTER EACH ONE. -->
  558. 01. Coincidence <br>
  559. 02. Let's Get <br>
  560. 03. We Set Off <br>
  561. 04. Doradora <br>
  562. 05. 나란사람<br>
  563. </div>
  564.  
  565. </div>
  566. </div>
  567.  
  568.  
  569. <div class="blog">
  570. <div class="side">
  571. <div class="portrait"><center><a href="/"><img src="{image:portrait}"></a></center></div>
  572. <div id="description">{Description}</div>
  573. </div>
  574.  
  575.  
  576.  
  577. {block:IfNotEndlessScroll}
  578. {block:PreviousPage}
  579. <div id="prev">
  580. <div class="prev"><a href="{PreviousPage}"><</a>
  581. </div>
  582. </div>
  583. {/block:PreviousPage}
  584.  
  585. {block:NextPage}
  586. <div id="next">
  587. <div class="next"><a href="{NextPage}">></a>
  588. </div>
  589. </div>
  590. {/block:NextPage}
  591. {/block:IfNotEndlessScroll}
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598.  
  599. <div id="content">
  600. {block:Posts}
  601. <div id="entry">
  602.  
  603.  
  604. {block:Text}
  605. {block:IndexPage}
  606. <div class="postinfo">
  607. <div class="perma"><a href="{Permalink}">♔</a></div>
  608. </div>
  609. {/block:IndexPage}
  610.  
  611. {block:Title}<h1>{Title}</h1>{/block:Title}
  612. {Body}
  613. {/block:Text}
  614.  
  615.  
  616.  
  617.  
  618. {block:Link}
  619. {block:IndexPage}
  620. <div class="postinfo">
  621. <div class="perma"><a href="{Permalink}">♔</a></div>
  622. </div>
  623. {/block:IndexPage}
  624. <a href="{URL}" class="title"><h1>{Name}</h1></a>
  625. {block:Description}{Description}{/block:Description}
  626. {block:Link}
  627.  
  628.  
  629.  
  630.  
  631. {block:Photo}
  632. {block:IndexPage}
  633. <div class="postinfo">
  634. <div class="perma"><a href="{Permalink}">♔</a></div>
  635. </div>
  636. {/block:IndexPage}
  637.  
  638.  
  639. {block:IndexPage}<a href="{Permalink}"><img class="postimg" src="{PhotoURL-500}"
  640. {block:Ifnormalposts}width="500px"{/block:Ifnormalposts}
  641. {block:Ifmediumposts}width="400px"{/block:Ifmediumposts}
  642. {block:Ifsmallposts}width="250px"{/block:Ifsmallposts}alt="{PhotoAlt}"></a>{/block:IndexPage}
  643. {block:PermalinkPage}{LinkOpenTag}
  644. <img class="photo" src="{PhotoURL-500}" width="500px"
  645. alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
  646. {/block:photo}
  647.  
  648.  
  649.  
  650. {block:Photoset}
  651. {block:IndexPage}
  652. <div class="postinfo">
  653. <div class="perma"><a href="{Permalink}">♔</a></div>
  654. </div>
  655. {/block:IndexPage}
  656. {block:IndexPage}{block:Ifnormalposts}{Photoset-500}{/block:Ifnormalposts}
  657. {block:Ifmediumposts}{Photoset-400}{/block:Ifmediumposts}
  658. {block:Ifsmallposts}{Photoset-250}{/block:Ifsmallposts}
  659. {/block:IndexPage}
  660. {block:PermalinkPage}
  661. {Photoset-500}
  662. {/block:PermalinkPage}
  663. {/block:Photoset}
  664.  
  665.  
  666. {block:Quote}
  667. {block:IndexPage}
  668. <div class="postinfo">
  669. <div class="perma"><a href="{Permalink}">♔</a></div>
  670. </div>
  671. {/block:IndexPage}
  672.  
  673. <h2>"{Quote}"</h2>
  674. {block:Source}
  675. <div style="text-align:right;">- {Source}</div>
  676. {/block:Source}
  677. {/block:Quote}
  678.  
  679.  
  680. {block:Answer}
  681. {block:IndexPage}
  682. <div class="postinfo">
  683. <div class="perma"><a href="{Permalink}">♔</a></div>
  684. </div>
  685. {/block:IndexPage}
  686.  
  687. <a href="{Permalink}"><img src="{AskerPortraitURL-30}" align="left" class="askingimage">
  688. <div class="askcontain">{Asker} <i>asked:</i> {Question}</div>
  689. <div style="margin-left:72px;">{Answer}</div>
  690. {/block:answer}
  691.  
  692.  
  693.  
  694.  
  695.  
  696. {block:Chat}
  697. {block:IndexPage}
  698. <div class="postinfo">
  699. <div class="perma"><a href="{Permalink}">♔</a></div>
  700. </div>
  701. {/block:IndexPage}
  702.  
  703. {block:Title}
  704. <h3><a href="{Permalink}">{Title}</a></h3>
  705. {/block:Title}
  706. <ul class="chat">
  707. {block:Lines}
  708. <li class="{Alt} user_{UserNumber}">
  709. {block:Label}
  710. <span class="label"><b>{Label}</b>
  711. {/block:Label}
  712. {Line}
  713. </li>
  714. {/block:Lines}
  715. </ul>
  716. {/block:Chat}
  717.  
  718.  
  719.  
  720.  
  721.  
  722. {block:Audio}
  723.  
  724. {block:IndexPage}
  725. <div class="postinfo">
  726. <div class="perma"><a href="{Permalink}">♔</a></div>
  727. </div>
  728. {/block:IndexPage}
  729.  
  730.  
  731.  
  732. <h1>{block:TrackName}<span><span>{TrackName}</span></span>{/block:TrackName}</h1>
  733.  
  734. <div class="audiotext" style="margin-bottom: -8px !important;">
  735. <table><tr><td>
  736. <div class="albumart">
  737. {block:AlbumArt}
  738. <img src="{AlbumArtURL}" id="albumart" style="margin: 0;">
  739. {/block:AlbumArt}
  740. <div class="audiocont" style="-webkit-border-radius: 100px;border-radius: 100px;-moz-border-radius: 100px;background-color: #fdfdfd;overflow: hidden;">
  741. <div class="audiocirc">
  742. {AudioPlayerWhite}
  743. </div></div>
  744. </div>
  745. </td>
  746.  
  747. <td>
  748. <table style="width: 330px; position: absolute; top: 50px;right:-90px;">
  749. {block:Artist}<tr><td><b>ARTIST:</b>&nbsp;&nbsp;&nbsp;{Artist}</td></tr>{/block:Artist}
  750. {block:Album}<tr><td><b>ALBUM:</b>&nbsp;&nbsp;&nbsp;{Album}</tr>{/block:Album}
  751. </table>
  752. </td></tr></table>
  753. </div>
  754. <div style="margin-bottom:20px;"></div>
  755. {/block:Audio}
  756.  
  757.  
  758.  
  759.  
  760. {block:Video}
  761. {block:IndexPage}
  762. <div class="postinfo">
  763. <div class="perma"><a href="{Permalink}">♔</a></div>
  764. </div>
  765. {/block:IndexPage}
  766.  
  767. {block:IndexPage}{block:Ifnormalposts}{Video-500}{/block:Ifnormalposts}
  768. {block:Ifmediumposts}{Video-400}{/block:Ifmediumposts}
  769. {block:Ifsmallposts}{Video-250}{/block:Ifsmallposts}
  770. {/block:IndexPage}
  771. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  772. {/block:Video}
  773.  
  774. {block:PermalinkPage}
  775. {block:Caption}{Caption}{/block:Caption}
  776. {/block:PermalinkPage}
  777.  
  778. </div>
  779. {block:PostNotes}
  780. <div style="width:500px;overflow:hidden; margin-bottom:40px;">{PostNotes}</div>
  781. {/block:PostNotes}
  782.  
  783.  
  784. {block:ContentSource}
  785. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  786. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  787. {/block:SourceLogo}
  788. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  789. {/block:ContentSource}
  790.  
  791.  
  792. {/block:Posts}
  793.  
  794. </div></div>
  795.  
  796. <div id="navbot">
  797.  
  798. </div>
  799.  
  800. </body>
  801. </html>
Advertisement
Add Comment
Please, Sign In to add comment