Advertisement
Jessicakim

Matsuokaa - theme #009

Aug 1st, 2012
3,529
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.29 KB | None | 0 0
  1. <!---- matsuokaa theme made by madarathemes
  2. don't take off the credits
  3. don't copy
  4. don't use this theme as a base ---->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9.  
  10. <!-- DEFAULTS -->
  11. <meta name="if:Caption" content="1"/>
  12. <meta name="if:Tags" content="0"/>
  13. <meta name="if:EndlessScrolling" content="0"/>
  14. <meta name="if:PostSize1" content="1"/>
  15. <meta name="if:PostSize2" content="0"/>
  16. <meta name="if:PostSize3" content="0"/>
  17.  
  18. <!-- DEFAULTS LINKS -->
  19. <meta name="text:Link1" content="/"/>
  20. <meta name="text:Link1 Title" content="Link 1"/>
  21. <meta name="text:Link2" content="http://"/>
  22. <meta name="text:Link2 Title" content="Link 2"/>
  23. <meta name="text:Link3" content="/"/>
  24. <meta name="text:Link3 Title" content="Link 3"/>
  25. <meta name="text:Link4" content="http://"/>
  26. <meta name="text:Link4 Title" content="Link 4"/>
  27.  
  28. <!-- DEFAULTS COLORS -->
  29. <meta name="color:Background" content="#eee"/>
  30. <meta name="color:Scrollbar" content="#ccccbb"/>
  31. <meta name="color:Text" content="#000"/>
  32. <meta name="color:Link" content="#aa8866"/>
  33. <meta name="color:Link Hover" content="#7788aa"/>
  34. <meta name="color:Blockquote Border" content="#aa8866"/>
  35. <meta name="color:Blockquote Text" content="#888"/>
  36. <meta name="color:Postbox" content="#ffffff"/>
  37. <meta name="color:Post Band" content="#8899aa"/>
  38. <meta name="color:Title" content="#aa8866"/>
  39. <meta name="color:Title Hover" content="#dddddd"/>
  40. <meta name="color:Asker BG" content="#ccccbb"/>
  41. <meta name="color:Ask BG" content="#eeeeee"/>
  42. <meta name="color:Question" content="#000000"/>
  43. <meta name="color:Whispered" content="#333333"/>
  44. <meta name="color:Permalink Box" content="#ccccbb"/>
  45. <meta name="color:Permalink Text" content="#ffffff"/>
  46. <meta name="color:Sidebar" content="#eee"/>
  47. <meta name="color:Navi Box" content="#f9f9f9"/>
  48. <meta name="color:Navi Text" content="#333"/>
  49. <meta name="color:Navi Border" content="#65717d"/>
  50. <meta name="color:Navi BG" content="#8899aa"/>
  51. <meta name="color:Title BG" content="#ccccbb"/>
  52. <meta name="color:Blog Title" content="#ffffff"/>
  53. <meta name="color:Pagination" content="#ccccbb"/>
  54. <meta name="color:Tag BG" content="#ccccbb"/>
  55. <meta name="color:Tag Links" content="#fff"/>
  56. <meta name="color:Tagged" content="#000"/>
  57.  
  58. <!-- DEFAULT IMAGE -->
  59. <meta name="image:Background" content="http://static.tumblr.com/uobboj6/ep6m83n9p/light_wool.png"/>
  60. <meta name="image:Sidebar" content="http://24.media.tumblr.com/tumblr_lz7n8wcH051qme912o1_1280.jpg"/>
  61. <meta name="image:Post Band" content=""/>
  62.  
  63.  
  64. <title>{Title}</title>
  65. <link rel="shortcut icon" href="{Favicon}">
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  67.  
  68. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfEndlessScrolling}
  69.  
  70. <style type="text/css">
  71.  
  72. @font-face {
  73. font-family: "04b03";
  74. src: url('https://dl.dropboxusercontent.com/u/109376002/tinytots.ttf');
  75. }
  76.  
  77. @font-face {
  78. font-family: "futura";
  79. src: url('https://dl.dropboxusercontent.com/u/109376002/futura__light_.ttf');
  80. }
  81.  
  82. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  83.  
  84. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  85.  
  86. ::-webkit-scrollbar-thumb:vertical {
  87. background-color: {color:Scrollbar};
  88. height:100px;
  89. }
  90.  
  91. ::-webkit-scrollbar {
  92. height:25px;
  93. width:7px;
  94. background-color: #fff;
  95. }
  96.  
  97. body {
  98. font-family:verdana;
  99. font-size:10px;
  100. color:{color:Text};
  101. background-color:{color:Background};
  102. background-image:url('{image:Background}');
  103. background-position: fixed;
  104. background-attachment:fixed;
  105. background-repeat:repeat;}
  106.  
  107. a:link,a:active,a:visited {
  108. text-decoration: none;
  109. color: {color:Link};
  110. -webkit-transition: all 0.5s ease-out;
  111. -moz-transition: all 0.5s ease-out;
  112. -o-transition: all 0.5s ease-out;
  113. }
  114.  
  115. a:hover {
  116. color: {color:Link Hover};
  117. -webkit-transition: all 0.5s ease-out;
  118. -moz-transition: all 0.5s ease-out;
  119. -o-transition: all 0.5s ease-out;
  120. }
  121.  
  122. blockquote {
  123. padding: 0px;
  124. padding-left: 5px;
  125. font: 11px arial;
  126. letter-spacing: 1px;
  127. margin-right: 2px;
  128. margin-left: 3px;
  129. border-left: 2px solid {color:Blockquote Border};
  130. background-color: transparent;
  131. color:{color:Blockquote Text};
  132. }
  133.  
  134. #entry {
  135. {block:IndexPage}{block:IfPostSize1}width:535px;{/block:IfPostSize1}
  136. {block:IfPostSize2}width:435px;{/block:IfPostSize2}
  137. {block:IfPostSize3}width:285px;{/block:IfPostSize3}{/block:IndexPage}
  138. {block:PermalinkPage}width:535px;{/block:PermalinkPage}
  139. overflow:hidden;
  140. z-index:1;
  141. }
  142.  
  143. #entry:hover .permalink {opacity: 1;}
  144.  
  145. #entry img {
  146. {block:IndexPage}{block:IfPostSize1}max-width:500px;{/block:IfPostSize1}
  147. {block:IfPostSize2}max-width:400px;{/block:IfPostSize2}
  148. {block:IfPostSize3}max-width:250px;{/block:IfPostSize3}{/block:IndexPage}
  149. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  150. }
  151.  
  152. #entry blockquote img{
  153. {block:IndexPage}{block:IfPostSize1}max-width:450px;{/block:IfPostSize1}
  154. {block:IfPostSize2}max-width:350px;{/block:IfPostSize2}
  155. {block:IfPostSize3}max-width:220px;{/block:IfPostSize3}{/block:IndexPage}
  156. {block:PermalinkPage}max-width:450px;{/block:PermalinkPage}
  157. }
  158.  
  159. #sidebar {
  160. position: fixed;
  161. float: left;
  162. top: 50px;
  163. margin-left:750px;
  164. {block:IndexPage}{block:IfPostSize1}margin-left:750px;{/block:IfPostSize1}
  165. {block:IfPostSize2}margin-left:650px;{/block:IfPostSize2}
  166. {block:IfPostSize3}margin-left:500px;{/block:IfPostSize3}{/block:IndexPage}
  167. {block:PermalinkPage}margin-left:750px;{/block:PermalinkPage}
  168. }
  169.  
  170. #postar{
  171. width:545px;
  172. {block:IndexPage}{block:IfPostSize1}width:545px;{/block:IfPostSize1}
  173. {block:IfPostSize2}width:445px;{/block:IfPostSize2}
  174. {block:IfPostSize3}width:295px;{/block:IfPostSize3}{/block:IndexPage}
  175. {block:PermalinkPage}width:545px;{/block:PermalinkPage}
  176. padding: 2px;
  177. padding-right:2px;
  178. margin-top: -10px;
  179. margin-left: 90px;
  180. background-color:{color:Post Band};
  181. background-image:url('{image:Post Band}');
  182. background-repeat:repeat;
  183. padding-bottom:10px;
  184. padding-top:10px;
  185. margin-bottom:-20px;
  186. }
  187.  
  188. #posts{
  189. float:left;
  190. width: 500px;
  191. {block:IndexPage}{block:IfPostSize1}width:500px;{/block:IfPostSize1}
  192. {block:IfPostSize2}width:400px;{/block:IfPostSize2}
  193. {block:IfPostSize3}width:250px;{/block:IfPostSize3}{/block:IndexPage}
  194. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  195. padding: 5px;
  196. margin-left:10px;
  197. margin-bottom:5px;
  198. color: {color:Text};
  199. background: {color:Postbox};
  200. }
  201.  
  202. .titulo{
  203. font: 18px 'cambria';
  204. text-align:left;
  205. margin-left:3px;
  206. }
  207.  
  208. .titulo a{
  209. color:{color:Title};
  210. text-decoration:none;
  211. -webkit-transition: all 0.5s ease-in;
  212. -moz-transition: all 0.5s ease-in;
  213. -o-transition: all 0.5s ease-in;
  214. }
  215.  
  216. .titulo a:hover{
  217. color:{color:Title Hover};
  218. -webkit-transition: all 0.5s ease-in;
  219. -moz-transition: all 0.5s ease-in;
  220. -o-transition: all 0.5s ease-in;
  221. }
  222.  
  223. .quote{
  224. font:18px 'Times New Roman';
  225. text-align: center;
  226. display:block;
  227. }
  228.  
  229. #audio{
  230. z-index:3;
  231. background: #000;
  232. display:block;
  233. margin-bottom:0px;
  234. }
  235.  
  236. .audiopic{
  237. opacity: 1;
  238. filter:alpha(opacity=100);
  239. -moz-opacity: 1;}
  240.  
  241. #audioborder{
  242. padding: 2px;
  243. border: 2px solid #000;
  244. background-color: #000;
  245. }
  246.  
  247. #ask {
  248. text-align: left;
  249. background: {color:Ask BG};
  250. padding: 10px;
  251. position: relative;
  252. font: 12px 'trebuchet ms';
  253. color: {color:Question};
  254. margin-bottom:3px;
  255. }
  256.  
  257. #ask p {margin:1px 1px;}
  258.  
  259. .asker{
  260. padding: 3px;
  261. background:{color:Asker BG};
  262. position:relative;
  263. font:8px '04b03';
  264. color:{color:Whispered};
  265. text-transform:uppercase;
  266. }
  267.  
  268. .notes {width:500px;
  269. padding: 0px;
  270. color: {color:Text};
  271. margin-top: 5px;
  272. margin-left: 10px;
  273. line-height: 15px;
  274. float:left;
  275. letter-spacing: 0px;
  276. font-family: trebuchet ms;
  277. font-size: 10px;}
  278.  
  279. li.notes {list-style:decimal; padding: 2px; margin: 2px; letter-spacing: 0px; text-transform:lowercase;}
  280.  
  281. #notes a{color: {color:Tag BG}; letter-spacing: 0px; text-transform:lowercase; font-family: trebuchet ms; font-size: 10px;}
  282.  
  283. .perma {
  284. float:right;
  285. width:50px;
  286. height:auto;
  287. padding:3px;
  288. color:{color:Permalink Text};
  289. background:{color:Permalink Box};
  290. margin-left:520px;
  291. {block:IfPostSize1}margin-left:520px;{/block:IfPostSize1}
  292. {block:IfPostSize2}margin-left:420px;{/block:IfPostSize2}
  293. {block:IfPostSize3}margin-left:270px;{/block:IfPostSize3}
  294. margin-top:20px;
  295. z-index:300;
  296. filter:alpha(opacity=80);
  297. opacity:0;
  298. font-size:8px;
  299. font-family:'04b03';
  300. text-transform:uppercase;
  301. text-align:center;
  302. letter-spacing: 1px;
  303. -webkit-transition-duration: .90s;
  304. position: absolute;
  305. }
  306.  
  307. .link:hover .perma {
  308. float:right;
  309. filter:alpha(opacity=30);
  310. opacity:99;
  311. width:50px;
  312. height:auto;
  313. padding:3px;
  314. color:{color:Permalink Text};
  315. background:{color:Permalink Box};
  316. margin-left:540px;
  317. {block:IfPostSize1}margin-left:540px;{/block:IfPostSize1}
  318. {block:IfPostSize2}margin-left:440px;{/block:IfPostSize2}
  319. {block:IfPostSize3}margin-left:290px;{/block:IfPostSize3}
  320. margin-top:20px;
  321. z-index:300;
  322. font-size:8px;
  323. font-family:'04b03';
  324. text-transform:uppercase;
  325. text-align:center;
  326. letter-spacing: 1px;
  327. -webkit-transition-duration: .90s;
  328. position: absolute;
  329. }
  330.  
  331. .menu a{
  332. float:left;
  333. width: 45px;
  334. height:13px;
  335. margin-left:5px;
  336. padding:5px;
  337. padding-top:5px;
  338. background: {color:Navi Box};
  339. font: 8px 'trebuchet ms';
  340. letter-spacing:1px;
  341. text-align:center;
  342. display:block;
  343. margin-top:10px;
  344. margin-bottom:3px;
  345. color: {color:Navi Text};
  346. text-decoration: none;
  347. text-transform:uppercase;
  348. -webkit-transition: all 0.5s ease-in;
  349. -moz-transition: all 0.5s ease-in;
  350. -o-transition: all 0.5s ease-in;
  351. }
  352.  
  353. .menu a:hover{
  354. float:left;
  355. width: 45px;
  356. height:13px;
  357. margin-left:5px;
  358. padding:5px;
  359. padding-top:5px;
  360. background: {color:Navi Box};
  361. border-right: 5px solid {color:Navi Border};
  362. font: 8px 'trebuchet ms';
  363. text-align:center;
  364. display:block;
  365. margin-bottom:3px;
  366. color: {color:Navi Text};
  367. text-decoration: none;
  368. text-transform:uppercase;
  369. -webkit-transition: all 0.5s ease-in;
  370. -moz-transition: all 0.5s ease-in;
  371. -o-transition: all 0.5s ease-in;
  372. }
  373.  
  374. .title{
  375. height:14px;
  376. background:{color:Title BG};
  377. font-family:'consolas';
  378. font-size:12px;
  379. color:{color:Blog Title};
  380. padding:5px;
  381. text-align:center;
  382. margin-top:3px;
  383. margin-bottom:5px;
  384. margin-left:0px;
  385. }
  386.  
  387. .title a{
  388. height:14px;
  389. background:{color:Title BG};
  390. font-family:'consolas';
  391. font-size:12px;
  392. color:{color:Blog Title};
  393. padding:5px;
  394. margin-top:-10px;
  395. margin-bottom:-10px;
  396. margin-left:0px;
  397. }
  398.  
  399. .side{
  400. width: 250px;
  401. height: auto;
  402. background:{color:Sidebar};
  403. color:{color:Text};
  404. font:11px; 'verdana';
  405. padding:4px;
  406. }
  407.  
  408. .navega {
  409. width:250px;
  410. height:auto;
  411. padding:0px;
  412. padding-top:-5px;
  413. background:{color:Navi BG};
  414. color:#000;
  415. padding-bottom:10px;
  416. margin-top:10px;
  417. z-index:300;
  418. filter:alpha(opacity=80);
  419. opacity:0;
  420. font-size:10px;
  421. font-family:'trebuchet ms';
  422. text-align:left;
  423. -webkit-transition-duration: .90s;
  424. position: absolute;
  425. border-left: 4px solid {color:Title BG};
  426. border-right: 4px solid {color:Title BG};
  427. }
  428.  
  429. .links:hover .navega{
  430. filter:alpha(opacity=30);
  431. opacity:99;
  432. width:250px;
  433. height:auto;
  434. padding:0px;
  435. background:{color:Navi BG};
  436. padding-top:-5px;
  437. padding-bottom:10px;
  438. color:#000;
  439. margin-top:15px;
  440. z-index:300;
  441. font-size:10px;
  442. font-family:'trebuchet ms';
  443. text-align:left;
  444. -webkit-transition-duration: .90s;
  445. position: absolute;
  446. border-left: 4px solid {color:Title BG};
  447. border-right: 4px solid {color:Title BG};
  448. }
  449.  
  450. .more{
  451. width:250px;
  452. height:10px;
  453. background:{color:Navi BG};
  454. color:#fff;
  455. font:8px '04b03';
  456. padding-top:4px;
  457. padding-bottom:4px;
  458. text-transform:uppercase;
  459. text-align:center;
  460. border-left: 4px solid {color:Title BG};
  461. border-right: 4px solid {color:Title BG};
  462. }
  463.  
  464. .pagination{
  465. text-align:right;
  466. font: 9px 'consolas';
  467. color:{color:Text};
  468. margin:3px;
  469. }
  470.  
  471. .pagination a{
  472. text-align:right;
  473. font: 9px 'consolas';
  474. color:{color:Pagination};
  475. margin:3px;
  476. }
  477.  
  478. .tag {
  479. height: auto;
  480. text-align: center;
  481. background: {color:Tag BG};
  482. text-transform: normal;
  483. margin-top: 5px;
  484. margin-bottom: 0px;
  485. position: relative;
  486. font: 10px 'trebuchet ms';
  487. color: {color:Tagged};
  488. opacity: 0.9;
  489. filter: alpha(opacity = 90);
  490. }
  491.  
  492. .tag a{
  493. color: {color:Tag Links};
  494. text-decoration:none;
  495. }
  496.  
  497. {CustomCSS}
  498.  
  499. </style>
  500. <script type="text/javascript"
  501. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  502. </script>
  503. <script type="text/javascript" language="javascript">
  504. $(function () {
  505. $('#scrlBotm').click(function () {
  506. $('html, body').animate({
  507. scrollTop: $(document).height()
  508. },
  509. 1500);
  510. return false;
  511. });
  512.  
  513. $('#scrlTop').click(function () {
  514. $('html, body').animate({
  515. scrollTop: '0px'
  516. },
  517. 1500);
  518. return false;
  519. });
  520. });
  521. </script>
  522.  
  523. </head>
  524.  
  525. <body>
  526.  
  527. <div id="sidebar">
  528.  
  529. <div class="side">
  530. <img src="{image:Sidebar}" width="250">
  531. <div class="title"><a href="/">{title}</a></div>
  532. <center>{description}</center>
  533. {block:IfNotEndlessScrolling}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">◀</a> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">▶</a>{/block:NextPage}</div>{/block:IfNotEndlessScrolling}
  534. </div>
  535. <div class="links"><div class="navega">
  536. <div class="menu"><a href="/" a title="home">Index</a></div>
  537. <div class="menu"><a href="/ask" a title="ask me">message</a></div>
  538. <div class="menu"><a href="/archive" a title="my past">archive</a></div>
  539. <div class="menu"><a href="http://madarathemes.tumblr.com/" a title="theme maker">theme</a></div>
  540. {block:IfLink1}<div class="menu"><a href="{text:Link1}" a title="{text:Link1 Title}">{text:Link1 Title}</a></div>{block:IfLink1}
  541. {block:IfLink2}<div class="menu"><a href="{text:Link2}" a title="{text:Link2 Title}">{text:Link2 Title}</a></div>{block:IfLink2}
  542. {block:IfLink3}<div class="menu"><a href="{text:Link3}" a title="{text:Link3 Title}">{text:Link3 Title}</a></div>{block:IfLink3}
  543. {block:IfLink4}<div class="menu"><a href="{text:Link4}" a title="{text:Link4 Title}">{text:Link4 Title}</a></div>{block:IfLink4}
  544. </div>
  545. <div class="more">links</div>
  546. </div></div>
  547.  
  548. <div id="postar">
  549. <table width="40%" border="0">
  550. <tr>
  551. <td align="center">
  552. {block:IfEndlessScrolling}<div class = "autopagerize_page_element" >{/block:IfEndlessScrolling}
  553. {block:Posts}
  554. <div id="entry">
  555. {block:IndexPage}<div class="link"><div class="perma">
  556. <a style="color:{color:Permalink Text};" href="{Permalink}">{NoteCount}</a><br><a style="color:{color:Permalink Text};" href="{ReblogURL}" target="_blank">Reblog</a>
  557. </div>
  558. {/block:IndexPage}
  559. <table width="500" border="0">
  560. <tr>
  561. <td>
  562. <div id="posts">
  563.  
  564. {block:Text}
  565. {block:Title}<div class="titulo"><a href="{Permalink}">■ {Title}</a></div>{/block:Title}
  566. {Body}
  567. {/block:Text}
  568.  
  569. {block:Photo}
  570. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="500px"/></a>{/block:IndexPage}
  571.  
  572.  
  573. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
  574. {block:IfCaption} {block:Caption}
  575. {Caption}
  576. {/block:Caption}{/block:IfCaption}
  577.  
  578. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  579. {Caption}
  580. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  581. {/block:Photo}
  582.  
  583. {block:Photoset}
  584.  
  585. {block:IndexPage}{block:IfPostSize1}{Photoset-500}{/block:IfPostSize1}
  586. {block:IfPostSize2}{Photoset-400}{/block:IfPostSize2}
  587. {block:IfPostSize3}{Photoset-250}{/block:IfPostSize3}{/block:IndexPage}
  588. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  589.  
  590. {block:IfCaption} {block:Caption}
  591. {Caption}
  592. {/block:Caption}{/block:IfCaption}
  593.  
  594. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  595. {Caption}
  596. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  597. {/block:Photoset}
  598.  
  599. {block:Quote}
  600. <div class="quote">"{Quote}"</div>
  601. {block:Source}
  602. <div align="right">- {Source}</div>
  603. {/block:Source}
  604. {/block:Quote}
  605.  
  606. {block:Link}
  607. <div class="titulo"><a href="{URL}" class="link" {Target}>{Name} →</a></div>
  608. {block:Description}
  609. {Description}
  610. {/block:Description}
  611. {/block:Link}
  612.  
  613. {block:Chat}
  614. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  615. <div style="margin-left:16px;">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  616. {/block:Chat}
  617.  
  618. {block:Audio}
  619.  
  620. {block:IfCaption}<div id="audio">{AudioPlayerBlack}</div>
  621. <div style="float:right;display: block; margin-top:3px;z-index:4;">{block:AlbumArt}<img src="{AlbumArtURL}" width="90px" height="90px" id="audioborder" class="audiopic"/>{/block:AlbumArt}</div>
  622.  
  623. {block:Caption}
  624. {Caption}
  625. {/block:Caption}{/block:IfCaption}
  626.  
  627. {block:IfNotCaption}{block:IndexPage}<div id="audio">{AudioPlayerBlack}</div>{/block:IndexPage}
  628. {block:PermalinkPage}<div id="audio">{AudioPlayerBlack}</div>
  629. <div style="float:right;display: block; margin-top:3px;z-index:4;">{block:AlbumArt}<img src="{AlbumArtURL}" width="90px" height="90px" id="audioborder" class="audiopic"/>{/block:AlbumArt}</div>
  630. {block:Caption}
  631. {Caption}
  632. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  633. {/block:Audio}
  634.  
  635. {block:Video}
  636.  
  637. {block:IndexPage}{block:IfPostSize1}{Video-500}{/block:IfPostSize1}
  638. {block:IfPostSize2}{Video-400}{/block:IfPostSize2}
  639. {block:IfPostSize3}{Video-250}{/block:IfPostSize3}{/block:IndexPage}
  640. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  641.  
  642. {block:IfCaption} {block:Caption}
  643. {Caption}
  644. {/block:Caption}{/block:IfCaption}
  645.  
  646. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  647. {Caption}
  648. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  649. {/block:Video}
  650.  
  651. {block:Answer}
  652. <div class="asker">{Asker} whispered : </div>
  653. <div id="ask" align="right">{Question}</div>
  654. <div style="margin-left:10px;"> {Answer}</div>
  655. {/block:Answer}
  656.  
  657. {block:IfTags} {block:IndexPage}<div class="tag">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:IndexPage}
  658. {/block:IfTags}
  659. </div>
  660.  
  661. {block:PermalinkPage}{block:Date}<div class="notes">
  662. <div style="background:{color:Postbox}; padding:5px; width:500px; margin-bottom:10px;">
  663.  
  664. <div style="background:#eee; width:490px;padding:5px;font-family: 'cambria'; font-size:16px;">
  665. {Month} {DayOfMonthWithZero}, {Year} - {12Hour}:{Minutes}{AmPm} [{TimeAgo}] </div><br>
  666.  
  667. <div style="margin-top: -5px;margin-left:3px;font-family: 'cambria'; font-size: 12px; text-transform:lowercase;">
  668. {NoteCountWithLabel}<br>
  669. {block:RebloggedFrom}
  670. <b>via:</b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
  671. <b>source:</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> <br>{/block:RebloggedFrom}
  672. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  673. </div></div>{/block:Date}
  674.  
  675. <div id="notes" style="margin-left:10px; width:490px;">
  676. {block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>{/block:PermalinkPage}
  677.  
  678. </td>
  679. </tr>
  680. </table>
  681. {block:IndexPage}</div>{block:IfTags}</div>{/block:IfTags}{/block:IndexPage}
  682. {block:Posts}{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
  683. </td>
  684. </tr>
  685. </table>
  686. </div>
  687.  
  688. {block:IfEndlessScrolling}<a id="scrlTop" title="Top" href="#" style="color:{color:Scrollbar}; font-size:16px; font-family: 'futura'; position: fixed; bottom: 10px; right: 10px;">TOP ▲</a>{/block:IfEndlessScrolling}
  689.  
  690.  
  691. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement