Advertisement
Jessicakim

Okotte - theme #008.2

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