Advertisement
Jessicakim

Okotte - theme #008

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