Advertisement
midori501

Love Ya - SS501 Tumblr Theme

May 24th, 2013
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.60 KB | None | 0 0
  1. <html>
  2.     <head>
  3.         <title>{Title}</title>
  4.         <link rel="shortcut icon" href="{Favicon}">
  5.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6.         <!--<link href="http://mad-pixels.net/extra/tthemescss/dejavu.css" rel="stylesheet" type="text/css"/>
  7.         <link href="dejavu.css" rel="stylesheet" type="text/css"/>-->
  8.         <link href='http://fonts.googleapis.com/css?family=Wallpoet|Allerta+Stencil' rel='stylesheet' type='text/css'>
  9.         {block:Description}
  10.             <meta name="description" content="{MetaDescription}" />
  11.         {/block:Description}
  12.        
  13.         <!--default variables-->
  14.         <meta name="color:bgborder" content="#752521" />
  15.         <meta name="color:contentbg" content="#812821" />
  16.         <meta name="color:altfont" content="#6f6854" />
  17.         <meta name="color:askbox" content="#3d0a07" />
  18.         <meta name="color:footerbg" content="#671f1b" />
  19.        
  20.         <meta name="image:RightBackground" content="http://25.media.tumblr.com/ed843233598e894bce7f7adb216a85d0/tumblr_mhf812aqPX1r0j2u4o6_250.gif" />
  21.        
  22.         <meta name="image:MainCircleTop" content="http://mad-pixels.net/extra/tthemescss/large01.gif" />
  23.         <meta name="image:MainCircleBottom" content="http://mad-pixels.net/extra/tthemescss/large02.gif" />
  24.        
  25.         <meta name="image:navI" content="http://25.media.tumblr.com/tumblr_m6j9ielsc61r0j2u4o1_250.gif" />
  26.         <meta name="image:navII" content="http://24.media.tumblr.com/tumblr_m6j7v0yOp81r0j2u4o4_250.gif" />
  27.         <meta name="image:navIII" content="http://24.media.tumblr.com/tumblr_m6j9ielsc61r0j2u4o3_250.gif" />
  28.         <meta name="image:navIV" content="http://24.media.tumblr.com/tumblr_m6j3edwt7h1r0j2u4o2_250.gif" />
  29.         <meta name="image:navV" content="http://25.media.tumblr.com/tumblr_m6j9ielsc61r0j2u4o6_250.gif" />
  30.        
  31.         <meta name="text:positionmaincircle" content="0px" />
  32.         <meta name="text:positionmaincirclebottom" content="0px" />
  33.         <meta name="text:positionnavI" content="-80px -25px" />
  34.         <meta name="text:positionnavII" content="-80px -25px" />
  35.         <meta name="text:positionnavIII" content="-80px -25px" />
  36.         <meta name="text:positionnavIV" content="-95px -25px" />
  37.         <meta name="text:positionnavV" content="-100px -25px" />
  38.         <meta name="text:link1url" content="/tags" />
  39.         <meta name="text:link1title" content="Tags" />
  40.         <meta name="text:link2url" content="/links" />
  41.         <meta name="text:link2title" content="Links" />
  42.        
  43.         <style type="text/css">
  44.             /* google font family
  45. font-family: 'Codystar', cursive;
  46. font-family: 'Sirin Stencil', cursive;
  47. font-family: 'Wallpoet', cursive;
  48. font-family: 'Fredericka the Great', cursive;
  49. font-family: 'Allerta Stencil', sans-serif;
  50. */
  51. body{
  52. padding-top:20px;
  53. background:#000;
  54. }
  55. h1,h2,h3{
  56. font-family: 'Wallpoet', cursive;
  57. }
  58. a{
  59. color:#fff;
  60. text-decoration:none;
  61. transition: color 1s;
  62. -moz-transition:color 1s;
  63. -webkit-transition:color 1s;
  64. -o-transition:color 1s;
  65. }
  66.  
  67. #content a:hover{
  68. color:{color:altfont};
  69. }
  70.  
  71. .ptext h1,h2,h3{
  72. text-align:center;
  73. }
  74.  
  75. .ptext li {
  76. text-align:center;
  77. width:400px;
  78. background:{color:bgborder};
  79. font-family: 'Wallpoet', cursive;
  80. margin-bottom:5px;
  81. }
  82. .ptext a{
  83. display:block;
  84. }
  85.  
  86. .ptext a:hover{
  87. color:{color:altfont} !important;
  88. background:{color:askbox};
  89. transition: background 1s;
  90. -moz-transition:background 1s;
  91. -webkit-transition:background 1s;
  92. -o-transition:background 1s;
  93. }
  94.  
  95. .access{
  96. visibility:hidden;
  97. }
  98. #rightbg{
  99. float:right;
  100. width:250px;
  101. height:100%;
  102. z-index:-2;
  103. background:#fff;
  104. background-image:url('{image:RightBackground}');
  105. position:fixed;
  106. right:0px;
  107. top:0px;
  108. border-left:solid 5px {color:bgborder};
  109. }
  110. #sidebar{
  111. position:fixed;
  112. }
  113.  
  114. .barimage{
  115. width:315px;
  116. height:315px;
  117. background:rgba(140,175,130,0);
  118. background-image:url('{image:MainCircleTop}');
  119. background-position:{text:positionmaincircle};
  120. border-radius: 315px;
  121. -moz-border-radius:315px;
  122. -webkit-border-radius:315px;
  123. transition: opacity 1s;
  124. -moz-transition:opacity 1s;
  125. -webkit-transition:opacity 1s;
  126. -o-transition:opacity 1s;
  127. }
  128.  
  129. .barimage:hover{
  130. opacity:0;
  131. }
  132. .barimage2{
  133. z-index:-1;
  134. width:315px;
  135. height:315px;
  136. background:rgba(140,175,130,0);
  137. background-image:url('{image:MainCircleBottom}');
  138. background-position:{text:positionmaincirclebottom};
  139. border-radius: 315px;
  140. -moz-border-radius:315px;
  141. -webkit-border-radius:315px;
  142. border-style:solid;
  143. border-width:5px;
  144. border-color:{color:bgborder};
  145. }
  146.  
  147. ul{
  148. list-style-type:none;
  149. }
  150.  
  151. .nav {
  152. padding-left:10px;
  153. font-family: 'Wallpoet', cursive;
  154. }
  155.  
  156. .I{
  157. z-index:2;
  158. position:absolute;
  159. margin-left:200px;
  160. margin-top:-20px;
  161. text-align:center;
  162. line-height:72px;
  163. display:block;
  164. text-transform:uppercase;
  165. font-size:9px;
  166. width:72px;
  167. height:72px;
  168. background-image:url('{image:navI}');
  169. background-position:{text:positionnavI};
  170. border-radius: 76px;
  171. -moz-border-radius:76px;
  172. -webkit-border-radius:76px
  173. transition:1s;
  174. -moz-transition:1s;
  175. -webkit-transition:1s;
  176. -o-transition:1s;
  177. border-style:solid;
  178. border-width:4px;
  179. border-color:rgba(0,0,0,0);
  180. }
  181.  
  182. .I:hover{
  183. border-color:{color:bgborder};
  184. }
  185.  
  186. .II{
  187. z-index:2;
  188. position:absolute;
  189. margin-left:262px;
  190. margin-top:42px;
  191. text-align:center;
  192. line-height:72px;
  193. display:block;
  194. text-transform:uppercase;
  195. font-size:9px;
  196. width:72px;
  197. height:72px;
  198. background-image:url('{image:navII}');
  199. background-position:{text:positionnavII};
  200. border-radius: 76px;
  201. -moz-border-radius:76px;
  202. -webkit-border-radius:76px;
  203. transition:1s;
  204. -moz-transition:1s;
  205. -webkit-transition:1s;
  206. -o-transition:1s;
  207. border-style:solid;
  208. border-width:4px;
  209. border-color:rgba(0,0,0,0);
  210. }
  211.  
  212. .II:hover{
  213. border-color:{color:bgborder};
  214. }
  215.  
  216. .III{
  217. z-index:2;
  218. position:absolute;
  219. margin-left:286px;
  220. margin-top:112px;
  221. text-align:center;
  222. line-height:72px;
  223. display:block;
  224. text-transform:uppercase;
  225. font-size:9px;
  226. width:72px;
  227. height:72px;
  228. background-image:url('{image:navIII}');
  229. background-position:{text:positionnavIII};
  230. border-radius: 76px;
  231. -moz-border-radius:76px;
  232. -webkit-border-radius:76px;
  233. transition:1s;
  234. -moz-transition:1s;
  235. -webkit-transition:1s;
  236. -o-transition:1s;
  237. border-style:solid;
  238. border-width:4px;
  239. border-color:rgba(0,0,0,0);
  240. }
  241.  
  242. .III:hover{
  243. border-color:{color:bgborder};
  244. }
  245.  
  246. .IV{
  247. z-index:2;
  248. position:absolute;
  249. margin-left:262px;
  250. margin-top:198px;
  251. text-align:center;
  252. line-height:72px;
  253. display:block;
  254. text-transform:uppercase;
  255. font-size:9px;
  256. width:72px;
  257. height:72px;
  258. background-image:url('{image:navIV}');
  259. background-position:{text:positionnavIV};
  260. border-radius: 76px;
  261. -moz-border-radius:76px;
  262. -webkit-border-radius:76px;
  263. transition:1s;
  264. -moz-transition:1s;
  265. -webkit-transition:1s;
  266. -o-transition:1s;
  267. border-style:solid;
  268. border-width:4px;
  269. border-color:rgba(0,0,0,0);
  270. }
  271.  
  272. .IV:hover{
  273. border-color:{color:bgborder};
  274. }
  275.  
  276. .V{
  277. z-index:2;
  278. position:absolute;
  279. margin-left:200px;
  280. margin-top:260px;
  281. text-align:center;
  282. line-height:72px;
  283. display:block;
  284. text-transform:uppercase;
  285. font-size:9px;
  286. width:72px;
  287. height:72px;
  288. background-image:url('{image:navV}');
  289. background-position:{text:positionnavV};
  290. border-radius: 76px;
  291. -moz-border-radius:76px;
  292. -webkit-border-radius:76px;
  293. transition:1s;
  294. -moz-transition:1s;
  295. -webkit-transition:1s;
  296. -o-transition:1s;
  297. border-style:solid;
  298. border-width:4px;
  299. border-color:rgba(0,0,0,0);
  300. }
  301.  
  302. .V:hover{
  303. border-color:{color:bgborder};
  304. }
  305.  
  306. .pgnav{
  307. margin-left:140px;
  308. width:50px;
  309. font-family:times new roman;
  310. font-size:25px;
  311. font-family: 'Allerta Stencil', sans-serif;
  312. }
  313. .prvpg{
  314. float:left;
  315. }
  316. .prvpg:hover{
  317. color:{color:bgborder};
  318. }
  319. .nxtpg{
  320. float:right;
  321. }
  322.  
  323. .nxtpg:hover{
  324. color:{color:bgborder}
  325. }
  326.  
  327. .about h1{
  328. width:315px;
  329. text-align:center;
  330. text-transform:uppercase;
  331. padding-top:15px;
  332. font-family: 'Wallpoet', cursive;
  333. color:#fff;
  334. }
  335. #description{
  336. font-family:courier;
  337. font-size:12px;
  338. margin-left:10px;
  339. margin-top:-20px;
  340. text-align:center;
  341. width:305px;
  342. color:#fff;
  343. }
  344. #content{
  345. position:absolute;
  346. float:left;
  347. z-index:1;
  348. width:500px;
  349. padding-left:5px;
  350. padding-right:5px;
  351. margin-left:390px;
  352. margin-top:-30px;
  353. padding-top:30px;
  354. background:{color:contentbg};
  355. }
  356.  
  357.  
  358. #posts{
  359. width:500px;
  360. }
  361.  
  362. #posts p{
  363. font-size:12px;
  364. }
  365.  
  366. #posts h3{
  367. font-family: 'Wallpoet', cursive;
  368. font-size:16px;
  369. }
  370.  
  371. /*.ptext {
  372. border-top:solid 4px;
  373. }*/
  374. li.post{
  375. list-style-type:none;
  376. width:500px;
  377. margin-left:-40px;
  378. padding-bottom:10px;
  379. margin-top:-10px;}
  380.  
  381. li.post.photo img{
  382. position:relative;
  383. margin:0 auto;
  384. }
  385. .postfooter{
  386. padding-left:5px;
  387. background: {color:footerbg};
  388. }
  389.  
  390. .postfooter img{
  391. float:right;
  392. padding-left:5px;
  393. }
  394. .postfooter a{
  395. line-height:24px;
  396. text-transform:uppercase;
  397. text-decoration:none;
  398. color:{color:altfont};
  399. padding-left:1px;
  400. font-size:9px;
  401. }
  402.  
  403. .postfooter a:hover{
  404. color:{color:askbox};
  405. }
  406.  
  407. .permbutt{
  408. z-index:-1;
  409. position:relative;
  410. margin-left:495px;
  411. margin-top:-10px;
  412. margin-bottom:-20px;
  413. width:70px;
  414. min-height:16px;
  415. padding-right:5px;
  416. padding-left:10px;
  417. padding-bottom:1px;
  418. border-radius: 10px;
  419. -moz-border-radius:10px;
  420. -webkit-border-radius:10px;
  421. font-family: 'Wallpoet', cursive;
  422. font-size:12px;
  423. background:{color:contentbg};
  424. }
  425. .permbutt p{
  426. margin:0px;
  427. text-align:right;
  428. }
  429.  
  430. ol.notes{
  431. list-style-type:none;
  432. margin-left:-75px;
  433. width:500px;
  434. }
  435.  
  436. .asked{
  437. z-index:1;
  438. margin-top:10px;
  439. padding-top:10px;
  440. padding-right:10px;
  441. width:40px;
  442. position:relative;
  443. float:left;
  444. }
  445. .asked img{
  446. border-radius: 40px;
  447. -moz-border-radius:40px;
  448. -webkit-border-radius:40px;;
  449. }
  450.  
  451. .answered{
  452. padding-top:17px;
  453. padding-left:6px;
  454. position:relative;
  455. width:480px;
  456. }
  457. .asker{
  458. text-transform:uppercase;
  459. text-decoration:none;
  460. }
  461.  
  462. .ask{
  463. padding-top:5px;
  464. color:#fff;
  465. }
  466. .question{
  467. padding-left:70px;
  468. padding-bottom:5px;
  469. }
  470. .ask h3{
  471. font-size:12px;
  472. }
  473. .box h3{
  474. text-align:left;
  475. font-size:12px !important;
  476. color:{color:altfont};
  477. }
  478. .box{
  479. margin-top:10px;
  480. z-index:0;
  481. background: {color:askbox};
  482. }
  483.  
  484. .chat ul{
  485. font-family: 'Wallpoet', cursive;
  486. width:420px;
  487. list-style-type:none;
  488. }
  489.  
  490. .label{
  491. text-transform:uppercase;
  492. font-size:15px;
  493. font-weight:bold;
  494. }
  495. .chat{
  496. padding-bottom:10px;
  497. }
  498. .chat .odd{
  499. background:rgba(0,0,0,0.2);
  500. }
  501.  
  502. ol .notes li {
  503. width:490px;
  504. border:solid 1px;
  505. background:rgba(0,0,0,0.2);
  506. }
  507.  
  508. .tumblrbtns{
  509. z-index:3;
  510. position:absolute;
  511. margin-bottom:-30px;
  512. margin-top:15px;
  513. }
  514.  
  515. .likebtn{
  516. position:relative;
  517. padding-top:5px;
  518. margin-left:542px;
  519. }
  520.  
  521. .reblogbtn{
  522. position:relative;
  523. margin-left:560px;
  524. margin-top:-19px;
  525. }
  526.  
  527. .asklikebtn{
  528. position:relative;
  529. margin-left:560px;
  530. padding-top:5px;
  531. }
  532.  
  533. .link{
  534. font-family: 'Wallpoet', cursive;
  535. }
  536.  
  537.         </style>
  538.     </head>
  539. <body>
  540.         <div id="rightbg"><a class="access" href="#content">Jump to content </a></div>
  541.         <div id="sidebar">
  542.  
  543.             <div class="nav">
  544.                 <a class="I" href="/">Home</a>
  545.                 <a class="II" href="/ask">Message</a><
  546.                 <a class="III" href="/archive">Archive</a>
  547.                 <a class="IV" href="{text:link1url}">{text:link1title}</a>
  548.                 <a class="V" href="{text:link2url}"> {text:link2title} </a>
  549.                
  550.                 <div class="barimage2"><div class="barimage"></div>  </div>
  551.             </div>
  552.             <div class="pgnav">
  553.                     {block:PreviousPage}
  554.                         <a class="prvpg" href="{PreviousPage}">&#171;</a>
  555.                     {/block:PreviousPage}
  556.                     {block:NextPage}
  557.                         <a class="nxtpg" href="{NextPage}">&#187;</a>
  558.                     {/block:NextPage}
  559.             </div>
  560.        
  561.         <div class="about"><h1>{Title}</h1>
  562.         {block:Description}
  563.             <p id="description">{Description}</p>
  564.         {/block:Description}
  565.         </div>
  566.         </div>
  567.     <div id="content">
  568.         <ol id="posts">
  569.             {block:Posts}
  570.                
  571.                 {block:Answer}
  572.                 <li class="post answer">
  573.                     {block:Date}
  574.                     <div class="permbutt">
  575.                     <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
  576.                     </div>
  577.                     {/block:Date}
  578.                     <div class="tumblrbtns"><div class="asklikebtn">{LikeButton size="15"}</div></div>
  579.                
  580.                 <div class="asked"><img src="{AskerPortraitURL-40}"/> </div> <div class="answered"> <div class="box"><h3><div class="ask">{Asker} said:</div><div class="question">{Question}</div> </h3></div>
  581.                         <p>{Answer}</p> </div>
  582.                 <div class="postfooter">
  583.                         {block:Tags} <a href="{TagURL}"> {Tag} </a>{/block:Tags}
  584.                 </div>{/block:Answer}
  585.                
  586.                 </li>
  587.                 {block:Text}
  588.                     <li class="post text">
  589.                     {block:Date}
  590.                 <div class="permbutt">
  591.                 <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
  592.                 </div>
  593.                 {/block:Date}
  594.                 <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>               
  595.                         {block:Title}
  596.                             <h3><a href="{Permalink}">{Title}</a></h3>
  597.                         {/block:Title}
  598.                        
  599.                         <div class="ptext">{Body} </div>
  600.                         <div class="postfooter">
  601.                         {block:Tags} <a href="{TagURL}"> {Tag} </a>{/block:Tags}
  602.                 {block:RebloggedFrom}
  603.                 <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" alt="{ReblogRootName}"/></a>
  604.                 <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" alt="{ReblogParentName}"/></a>
  605.                 {/block:RebloggedFrom}</div>
  606.                 {/block:Text}
  607.                     </li>  
  608.                    
  609.                
  610.  
  611.                 {block:Photo}
  612.                     <li class="post photo">
  613.                     {block:Date}
  614.                 <div class="permbutt">
  615.                 <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
  616.                 </div>
  617.                 {/block:Date}
  618.                 <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
  619.                  <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> {block:HighRes} {/block:HighRes}
  620.  
  621.                         {block:Caption}
  622.                             <div class="caption">{Caption}</div>
  623.  
  624.                         {/block:Caption}
  625.                         <div class="postfooter">
  626.                         {block:Tags} <a href="{TagURL}"> {Tag} </a>{/block:Tags}
  627.                 {block:RebloggedFrom}
  628.                 <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" alt="{ReblogRootName}"/></a>
  629.                 <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" alt="{ReblogParentName}"/></a>
  630.                 {/block:RebloggedFrom}</div>
  631.                     </li>
  632.                    
  633.                 {/block:Photo}
  634.  
  635.                 {block:Photoset}
  636.                     <li class="post photoset">
  637.                     {block:Date}
  638.                 <div class="permbutt">
  639.                 <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
  640.                 </div>
  641.                 {/block:Date}
  642.                 <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
  643.                         {Photoset-500}
  644.  
  645.                         {block:Caption}
  646.                             <div class="caption">{Caption}</div>
  647.                         {/block:Caption}
  648.                         <div class="postfooter">
  649.                         {block:Tags} <a href="{TagURL}"> {Tag} </a>{/block:Tags}
  650.                 {block:RebloggedFrom}
  651.                 <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" alt="{ReblogRootName}"/></a>
  652.                 <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" alt="{ReblogParentName}"/></a>
  653.                 {/block:RebloggedFrom}</div>
  654.                     </li>
  655.                 {/block:Photoset}
  656.  
  657.                 {block:Quote}
  658.                     <li class="post quote">
  659.                     {block:Date}
  660.                 <div class="permbutt">
  661.                 <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
  662.                 </div>
  663.                 {/block:Date}
  664.                         "{Quote}"
  665.  
  666.                         {block:Source}
  667.                             <div class="source">{Source}</div>
  668.                         {/block:Source}
  669.                         <div class="postfooter">
  670.                     </li>
  671.                 {/block:Quote}
  672.  
  673.                 {block:Link}
  674.                     <li class="post link">
  675.                     {block:Date}
  676.                 <div class="permbutt">
  677.                 <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
  678.                 </div>
  679.                 {/block:Date}
  680.                 <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
  681.                         <a href="{URL}" class="link" {Target}>{Name}</a>
  682.  
  683.                         {block:Description}
  684.                             <div class="description">{Description}</div>
  685.                         {/block:Description}
  686.                         <div class="postfooter">
  687.                     </li>
  688.                 {/block:Link}
  689.  
  690.                 {block:Chat}
  691.                     <li class="post chat">
  692.                     {block:Date}
  693.                 <div class="permbutt">
  694.                 <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
  695.                 </div>
  696.                 {/block:Date}
  697.                 <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
  698.                         {block:Title}
  699.                             <h3><a href="{Permalink}">{Title}</a></h3>
  700.                         {/block:Title}
  701.  
  702.                         <ul class="chat">
  703.                             {block:Lines}
  704.                                 <li class="{Alt} user_{UserNumber}">
  705.                                     {block:Label}
  706.                                         <span class="label">{Label}</span>
  707.                                     {/block:Label}
  708.  
  709.                                     {Line}
  710.                                    
  711.                                 </li>
  712.                             {/block:Lines}
  713.                         </ul>
  714.                         <div class="postfooter">
  715.                         {block:Tags} <a href="{TagURL}"> {Tag} </a>{/block:Tags}
  716.                 {block:RebloggedFrom}
  717.                 <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" alt="{ReblogRootName}"/></a>
  718.                 <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" alt="{ReblogParentName}"/></a>
  719.                 {/block:RebloggedFrom}</div>
  720.                     </li>
  721.                 {/block:Chat}
  722.  
  723.                 {block:Video}
  724.                     <li class="post video">
  725.                     {block:Date}
  726.                 <div class="permbutt">
  727.                 <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
  728.                 </div>
  729.                 {/block:Date}
  730.                 <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
  731.                         {Video-500}
  732.  
  733.                         {block:Caption}
  734.                             <div class="caption">{Caption}</div>
  735.                         {/block:Caption}
  736.                         <div class="postfooter">
  737.                     </li>
  738.                 {/block:Video}
  739.  
  740.                 {block:Audio}
  741.                     <li class="post audio">
  742.                     {block:Date}
  743.                 <div class="permbutt">
  744.                 <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
  745.                 </div>
  746.                 {/block:Date}
  747.                 <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
  748.                         {AudioPlayerBlack}
  749.  
  750.                         {block:Caption}
  751.                             <div class="caption">{Caption}</div>
  752.                         {/block:Caption}
  753.                         <div class="postfooter">
  754.                     </li>
  755.                 {/block:Audio}
  756.                 {block:PostNotes} {PostNotes}{/block:PostNotes}
  757.             {/block:Posts}
  758.         </ol>
  759.     </div>
  760.        
  761.     </body>
  762. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement