Don't like ads? PRO users don't see any ads ;-)

Bolero theme

By: ninpen on Mar 29th, 2012  |  syntax: None  |  size: 20.09 KB  |  hits: 5,102  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-------------------------------
  5. BOLERO BY NINPEN.TUMBLR.COM
  6. DO NOT REMOVE THE CREDIT.
  7.  
  8.  
  9. HOW TO INSTALL
  10.  
  11. 1. Click on customize theme then click on edit HTML
  12. 2. delete the entire code, and replace it with the code for this theme
  13. 3. Click on update preview then click on appearance.
  14. 4. Click save. Now refresh the screen. Now you can customize the appearance
  15. ___________________________________________________________________________
  16. If there's a problem with the theme, or you need help, just ask me.
  17.  
  18. --------------------------------->
  19.  
  20.  
  21.  
  22.  
  23. <title>{Title}</title>
  24. <head>
  25.  
  26.  
  27. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  28. <meta name="image:portrait" content=""/>
  29. <meta name="image:Background" content=""/>
  30.  
  31.  
  32. <meta name="if:400px" content="1"/>
  33. <meta name="if:500px" content=""/>
  34. <meta name="if:250px" content=""/>
  35. <meta name="if:EndlessScroll" content=""/>
  36. <meta name="if:showCaption" content="0"/>
  37. <meta name="if:grayscale" content="0"/>
  38.  
  39. <meta name="color:navigation BG" content="#fff"/>
  40. <meta name="color:navigation bar Text" content="#eb9b9b"/>
  41. <meta name="color:navigation hover text" content="#e07373"/>
  42. <meta name="color:navigation hover BG" content="#fff"/>
  43.  
  44. <meta name="color:description text" content="#d1c0b3"/>
  45. <meta name="color:description BG" content="#fff"/>
  46. <meta name="color:border" content="#fafafa"/>
  47.  
  48. <meta name="color:bold" content="#ff7d7d"/>
  49. <meta name="color:italic" content="#c3d847"/>
  50. <meta name="color:underline" content="#4dbce9"/>
  51.  
  52. <meta name="color:Posts" content="#fff"/>
  53. <meta name="color:side" content="#fff"/>
  54. <meta name="color:link" content="#fc5e5e"/>
  55. <meta name="color:link hover" content="#ff96ae"/>
  56. <meta name="color:Background" content="#fff"/>
  57. <meta name="color:text" content="#aaaaaa"/>
  58.  
  59. <meta name="color:postdate viasource" content="#61d2d6"/>
  60. <meta name="color:postdate day" content="#ffb7b2"/>
  61.  
  62. <meta name="color:H1 text" content ="#fff"/>
  63. <meta name="color:H2 text" content ="#ff8e8d"/>
  64. <meta name="color:H2 BG" content ="#fff"/>
  65. <meta name="color:H1 BG" content ="#ffb7b2"/>
  66. <meta name="color:chat line 1" content="#FFF8F8"/>
  67. <meta name="color:chat line 2" content="#fff"/>
  68.  
  69. <meta name="text:Custom Link One" content=""/>
  70. <meta name="text:Custom Link One URL" content=""/>
  71. <meta name="text:Custom Link Two" content=""/>
  72. <meta name="text:Custom Link Two URL" content=""/>
  73. <meta name="text:Custom Link Three" content=""/>
  74. <meta name="text:Custom Link Three URL" content=""/>
  75. <meta name="text:Custom Link Four" content=""/>
  76. <meta name="text:Custom Link Four URL" content=""/>
  77. <meta name="text:Custom Link Five" content=""/>
  78. <meta name="text:Custom Link Five URL" content=""/>
  79.  
  80. {block:IfEndlessScroll}
  81. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>  {/block:IfEndlessScroll}
  82. <script type="text/javascript" src="http://static.tumblr.com/1f1tzta/0wvmlf1xq/scripted.js"></script>
  83. <link rel="shortcut icon" href="{Favicon}">
  84. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  85. <link rel="shortcut icon" href="{Favicon}">
  86. <title>{Title}</title>
  87. <link rel="shortcut icon" href="{Favicon}">
  88.  
  89.  
  90. <style type="text/css">
  91. #scrlTop{
  92. z-index:1;
  93. position: fixed;
  94. bottom: 50%;
  95. right: 0px;
  96. font:7px trebuchet ms;
  97. letter-spacing:1px;
  98. text-transform:uppercase;
  99. padding:7px;
  100. background:{color:h1 bg};
  101. color:{color:posts};
  102. }
  103.  
  104. ::-webkit-scrollbar {width: 3px; height: 4px; background: #ffffff; }
  105. ::-webkit-scrollbar-thumb { background-color: #eb9b9b;}
  106.    
  107. 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;}
  108.  
  109. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.5s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  110.  
  111.  
  112. body{
  113. font:10px consolas;
  114. line-height:16px;
  115. background-attachment: fixed;
  116. background-repeat: repeat;
  117. background-image:url('{image:Background}');
  118. background-color: {color:Background};
  119. color: {color:Text};
  120. cursor: url('http://img69.imageshack.us/img69/7673/cursorw.png'), auto;
  121. }
  122.  
  123. h1 {
  124. font:10px consolas;
  125. letter-spacing:1px;
  126. text-transform:uppercase;
  127. text-align:center;
  128. padding:10px;
  129. color:{color:h1 text};
  130. background-color :{color:h1 BG};
  131. }
  132.  
  133. h2 {
  134. padding:0 10px;
  135. font-family:"Times New Roman", Times, serif;
  136. font-size: 14px;
  137. text-align:Center;
  138. font-weight:normal;
  139. letter-spacing:1px;
  140. font-style: italic;
  141. color:{color:h2 text};
  142. background-color :{color:h2 BG};
  143. }
  144.  
  145. a:link, a:active, a:visited{
  146. color:{color:link};
  147. text-decoration: none;
  148. }
  149.  
  150. a:hover {
  151. color:{color:link hover};
  152. -webkit-transition-duration: 0.5s;
  153. }
  154.  
  155. .source{
  156. font:8px consolas;
  157. text-transform:uppercase;
  158. letter-spacing:1px;
  159. text-align:right;
  160. }
  161.  
  162. b {
  163. font-weight: bold;
  164. letter-spacing:1px;
  165. color:{color:bold};
  166. }
  167.  
  168. i {
  169. font-style: italic;
  170. letter-spacing:1px;
  171. color:{color:italic};
  172. }
  173.  
  174. u {
  175. text-decoration:none;
  176. letter-spacing:1px;
  177. border-bottom:1px solid {color:bold};
  178. color:{color:underline};
  179. }
  180.  
  181. img{
  182. display:block;
  183. max-width:100%;
  184. {block:Ifgrayscale}
  185. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  186. filter: gray;
  187. -webkit-filter: grayscale(100%);
  188. {/block:Ifgrayscale}
  189. }
  190.  
  191. {block:Ifgrayscale}
  192. .photoset .html_photoset {
  193. -webkit-filter: grayscale(100%);
  194. }
  195. {/block:Ifgrayscale}
  196.  
  197. #sidebar{
  198. bottom: 30px;
  199. width: 300px;
  200. line-height: 12px;
  201. position: fixed;
  202. background-color:{color:side};
  203. {block:IndexPage}
  204. {block:If500px}left:780px;{/block:If500px}
  205. {block:If400px}left:680px;{/block:If400px}
  206. {block:If250px}left:480px;{/block:If250px}
  207. {/block:IndexPage}
  208. {block:PermalinkPage}left:780px;{/block:PermalinkPage}
  209. }
  210.  
  211. .desc {
  212. background-color:{color:description BG};
  213. color: {color:description text};
  214. }
  215.  
  216. .sideone{
  217. display:inline-block;
  218. float:left;
  219. }
  220.  
  221. .sideone img {
  222. max-width:80px;
  223. padding: 5px;
  224. margin:3px;
  225. border: 3px double {color:border};
  226. background:{color:posts};
  227. -webkit-transition: 0.7s ease-in-out;
  228. -moz-transition: 0.7s ease-in-out;
  229. -o-transition: 0.7s ease-in-out;
  230. }
  231.  
  232. .sideone img:hover {
  233. filter: blur(3px);
  234. -webkit-filter: blur(3px);
  235. -moz-filter: blur(3px);
  236. -o-filter: blur(3px);
  237. -ms-filter: blur(3px);
  238. -webkit-transition: 0.7s ease-in-out;
  239. -moz-transition: 0.7s ease-in-out;
  240. -o-transition: 0.7s ease-in-out;
  241. }
  242.  
  243. .navi img{
  244. opacity:.5;
  245. padding:0;
  246. border: 0px double {color:border};
  247. display:inline-block;
  248. }
  249.  
  250. .navi img:hover{
  251. filter: blur(0px);
  252. -webkit-filter: blur(0px);
  253. -moz-filter: blur(0px);
  254. -o-filter: blur(0px);
  255. -ms-filter: blur(0px);
  256. }
  257.  
  258. .navi{
  259. z-index:1;
  260. display:inline-block;
  261. background:{color:posts};
  262. margin-left:20px;
  263. }
  264.  
  265. #navigation{
  266. display:inline-block;
  267. text-align:center;
  268. }
  269.  
  270. #navigation b{
  271. color:{color:border};
  272. font:10px calibri;
  273. }
  274.  
  275. #navigation a{
  276. font: 7px cambria;
  277. letter-spacing:1px;
  278. text-transform:uppercase;
  279. text-decoration: none;
  280. padding:3px;
  281. color: {color:navigation bar Text};
  282. background-color: {color:navigation Links BG};
  283. -webkit-transition: all 0.5s ease;
  284. -moz-transition: all 0.5s ease;
  285. -o-transition: all 0.5s ease;
  286. }
  287.  
  288. #navigation a:hover{
  289. color: {color:navigation hover text};
  290. background-color: {color:navigation hover BG};
  291. -webkit-transition: all 0.5s ease;
  292. -moz-transition: all 0.5s ease;
  293. -o-transition: all 0.5s ease;
  294. }
  295.  
  296. .tooltip {
  297. position: relative;
  298. }
  299.  
  300. .tooltip span {
  301. margin-left: -999em;
  302. position: absolute;
  303. }
  304.  
  305. .tooltip:hover span {
  306. font:7px trebuchet ms;
  307. position: absolute;
  308. left: 1em;
  309. top: 2em;
  310. z-index: 99;
  311. margin-left: 0;
  312. padding:5px;
  313. }      
  314.        
  315. .name {
  316. background:#fafafa;
  317. color:#ccc;
  318. }
  319.  
  320. #center{
  321. margin-left:204px;
  322. {block:IndexPage}
  323. {block:If500px}width:500px;{/block:If500px}
  324. {block:If400px}width:400px;{/block:If400px}
  325. {block:If250px}width:200px;{/block:If250px}
  326. {/block:IndexPage}
  327. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  328. }
  329.  
  330. .entry{
  331. margin-bottom:30px;
  332. padding:10px 10px 5px 10px;
  333. border:3px double {color:border};
  334. background:{color:posts};
  335. overflow:hidden;
  336. {block:IndexPage}
  337. {block:If500px}width:500px;{/block:If500px}
  338. {block:If400px}width:400px;{/block:If400px}
  339. {block:If250px}width:200px;{/block:If250px}
  340. {/block:IndexPage}
  341. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  342. }
  343.  
  344. #postdate{
  345. padding:0 5px 3px 15px;
  346. letter-spacing: 1px;
  347. text-transform: uppercase;
  348. text-align: left;
  349. width:100%;
  350. margin:0 0 10px -10px;
  351. border-bottom:3px double {color:border};
  352. background-color: {color:posts};
  353. }
  354.  
  355. #postdate b{
  356. font-family: courier new;
  357. text-transform: uppercase;
  358. font-size: 24px;
  359. font-weight:normal;
  360. letter-spacing: -2px;
  361. color:{color:postdate day};
  362. }
  363.  
  364. #postdate i{
  365. font:8px calibri;
  366. letter-spacing: 2px;
  367. text-transform: uppercase;
  368. color:{color:text};
  369. }
  370.  
  371. #postdate i a{
  372. color:{color:postdate viasource};
  373. }
  374.  
  375. #pages{
  376. margin-top:-30px;
  377. margin-bottom:10px;
  378. width:100%;
  379. text-align:center;
  380. padding:10px;
  381. font:9px courier new;
  382. letter-spacing:1px;
  383. text-transform:uppercase;
  384. }
  385.  
  386. {block:PermalinkPage}
  387. #tag{
  388. padding:5px;
  389. font:8px courier new;
  390. letter-spacing:1px;
  391. line-height:12px;
  392. text-transform:uppercase;
  393. text-align:center;
  394. margin-bottom:20px;
  395. }
  396.  
  397. #tag one {
  398. font:7px trebuchet ms;
  399. text-transform:lowercase !important;
  400. margin:0 5px;
  401. }
  402.  
  403. #tag two a{
  404. font:8px courier new;
  405. letter-spacing:1px;
  406. line-height:12px;
  407. text-transform:uppercase;
  408. }
  409.  
  410. #perm{
  411. font:italic 7px trebuchet ms;
  412. line-height:7px;
  413. text-transform:uppercase;
  414. letter-spacing:1px;
  415. padding:3px 5px;
  416. position: relative;
  417. top:0px;
  418. border-bottom:1px solid;
  419. border-top:1px solid;
  420. color:{color:text};
  421. border-color:{color:border};
  422. background:{color:perma BG};
  423. }
  424. {/block:PermalinkPage}
  425.  
  426. #question{
  427. background:#fafafa;
  428. padding:5px;
  429. }
  430.  
  431. #question b a{
  432. padding:2px 5px;
  433. font:7px trebuchet ms;
  434. text-transform:uppercase;
  435. letter-spacing:1px;
  436. background:{color:bold};
  437. color:{color:posts};
  438. }
  439.  
  440. #question i {
  441. margin-left:-5px;
  442. padding:2px 5px;
  443. font:italic 7px trebuchet ms;
  444. text-transform:uppercase;
  445. letter-spacing:1px;
  446. background:{color:italic};
  447. color:{color:posts};
  448. }
  449.  
  450. #albumcover{
  451. float:left;
  452. width:150px;
  453. max-width:150px;
  454. {block:IndexPage}
  455. {block:If250px}width:86px;max-width:86px;{/block:If250px}
  456. {/block:IndexPage}
  457. }
  458.  
  459. #albumcover img{
  460. border-radius:3px 0 0 3px;
  461. }
  462.  
  463. .audio{
  464. padding:20px;
  465. background:{color:audioBG};
  466. border:1px solid {color:border};
  467. border-radius:0 3px 3px 0;
  468. width:110px;
  469. height:108px;
  470. margin-left:150px;
  471. {block:IndexPage}
  472. {block:If250px}margin-left:85px;width:45px;height:45px;{/block:If250px}
  473. {/block:IndexPage}
  474. }
  475.  
  476. .player{
  477. width:18px;
  478. overflow:hidden;
  479. position:relative;
  480. opacity:.3;
  481. left:40px;
  482. top:35px;
  483. {block:IndexPage}
  484. {block:If250px}left:10px;top:10px;{/block:If250px}
  485. {/block:IndexPage}
  486. }
  487.  
  488. #audiotop{
  489. background:;
  490. position:relative;
  491. top:0;
  492. margin:30px 0 0 100px;
  493. width:302px;
  494. {block:IndexPage}
  495. {block:If250px}width:250px;margin:10px 0 0 15px;{/block:If250px}
  496. {block:If400px}margin:30px 0 0 45px;{/block:If400px}
  497. {block:If500px}margin:30px 0 0 100px;{/block:If500px}
  498. {/block:IndexPage}
  499. {block:PermalinkPage}margin:30px 0 0 100px;{/block:PermalinkPage}
  500. }
  501.  
  502. #audiotext{
  503. margin:30px 0 30px 0px;
  504. border-bottom:1px solid #FBF6F0;
  505. border-top:1px solid #FBF6F0;
  506. background:{color:posts};
  507. text-align:center;
  508. padding:10px 2px;
  509. color:{color:description text};
  510. }
  511.  
  512. #audiotext b{
  513. font:8px courier new;
  514. letter-spacing:1px;
  515. text-transform:uppercase;
  516. }
  517.  
  518. #audiotext i{
  519. font:7px trebuchet ms;
  520. letter-spacing:1px;
  521. text-transform:uppercase;
  522. }
  523.  
  524. blockquote {
  525. padding: 5px;
  526. border-left:1px solid {color:bold};
  527. background:{color:border};
  528. }
  529.  
  530. ul, ol, li{
  531. list-style:none;
  532. margin:0px;
  533. padding:0px;
  534. }
  535.  
  536. ul.chat {
  537. margin: 0;
  538. padding: 0;
  539. }
  540.  
  541. .chat li {
  542. list-style-type: none;
  543. margin-left: 0px;
  544. padding: 10px;
  545. font:7px trebuchet ms;
  546. letter-spacing:1px;
  547. text-transform:uppercase;
  548. }
  549.  
  550. .chat li.odd {
  551. margin-bottom: 3px;
  552. background-color:{color:chat line 1};
  553. color: {color:text};
  554. }
  555.  
  556. .chat li.even {
  557. margin-bottom: 3px;
  558. background-color:{color:chat line 2};
  559. color: {color:text};
  560. }
  561.  
  562. ul{
  563. list-style-type:square;
  564. }
  565.  
  566. li{
  567. list-style-type:square;
  568. font-family:calibri;
  569. }
  570.  
  571. #postnotes{
  572. margin-top:0;
  573. width:100%;
  574. padding:1px 6px;
  575. }
  576.  
  577. ol.notes li.note {
  578. list-style-type:none;
  579. border-top:1px solid {color:border};
  580. padding: 10px;
  581. font:7px trebuchet ms;
  582. letter-spacing:1px;
  583. text-transform:uppercase;
  584. color:{color:text};
  585. }
  586.  
  587. ol.notes li.note img.avatar {
  588. list-style-type:none;
  589. vertical-align: -4px;
  590. margin-right: 10px;
  591. width: 16px;
  592. height: 16px;
  593. }
  594.  
  595. ol.notes li.note span.action {
  596. list-style-type:none;
  597. font-weight:normal;
  598. }
  599.  
  600. ol.notes li.note .answer_content {
  601. list-style-type:none;
  602. font-weight: normal;
  603. }
  604.  
  605. ol.notes li.note blockquote {
  606. border-color: {color:border};
  607. padding: 4px 10px;
  608. margin: 10px 0px 0px 25px;
  609. }
  610.  
  611. ol.notes li.note blockquote a {
  612. text-decoration: none;
  613. }
  614. </style>
  615.  
  616. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  617. <script type="text/javascript">
  618. $(function() {
  619.     $.fn.scrollToTop = function() {
  620.     $(this).hide().removeAttr("href");
  621.     if ($(window).scrollTop() != "0") {
  622.         $(this).fadeIn("slow")
  623.     }
  624.     var scrollDiv = $(this);
  625.     $(window).scroll(function() {
  626.         if ($(window).scrollTop() == "0") {
  627.         $(scrollDiv).fadeOut("slow")
  628.         } else {
  629.         $(scrollDiv).fadeIn("slow")
  630.         }
  631.     });
  632.     $(this).click(function() {
  633.         $("html, body").animate({
  634.         scrollTop: 0
  635.         }, "slow")
  636.     })
  637.     }
  638. });
  639. $(function() {
  640.     $("#scrlTop").scrollToTop();
  641. });
  642. </script>
  643.  
  644.  
  645. {block:IfEndlessScroll}
  646. <a id="scrlTop" href="#">Back to top</a>
  647. {/block:IfEndlessScroll}
  648.  
  649.  
  650. </head>
  651.  
  652. <body>
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659. <div id="sidebar">
  660. <div class="sideone">
  661. <img src="{image:portrait}" /><br>
  662. <div class="navi">
  663. <a href="/"><img src="http://static.tumblr.com/kcuzms7/wnPmi390c/1360662099_045.png"></a>
  664. <a href="/ask"><img src="http://static.tumblr.com/kcuzms7/zELmi3919/1360662173_004.png"></a>
  665. <a href="/archive"><img src="http://static.tumblr.com/kcuzms7/a94mi3921/1360662151_025.png"></a>
  666. </div>
  667. </div>
  668. <div class="desc">{description}<br>
  669. <div id="navigation">
  670. {block:IfCustomLinkOne}<a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}"> {text:Custom Link One}</a> <b>?</b> {/block:IfCustomLinkOne}
  671. {block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}"> {text:Custom Link Two}</a> <b>?</b> {/block:IfCustomLinkTwo}
  672. {block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}"> {text:Custom Link Three} <b>?</b> </a>{/block:IfCustomLinkThree}
  673. {block:IfCustomLinkFour}<a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}"> {text:Custom Link Four}</a> <b>?</b> {/block:IfCustomLinkFour}
  674. {block:IfCustomLinkFive}<a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}"> {text:Custom Link Five}</a> {/block:IfCustomLinkFive}
  675. </div>    
  676. </div>
  677. </div>
  678.  
  679.  
  680.  
  681.  
  682.  
  683.  
  684.  
  685.  
  686. <div id="center">
  687. <div class="autopagerize_page_element">
  688. {block:Posts}
  689. <div class="entry">
  690.  
  691. <div id="postdate">
  692. <b><a href="{Permalink}">{DayOfWeek}</a></b><font style="font-family: georgia;">,</font> </font>
  693. <br> <i>{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} &mdash; {block:RebloggedFrom} <a class="tooltip" href="{ReblogParentURL}">Via<span class="name">{ReblogParentName}<span></a> /
  694. <a class="tooltip" href="{ReblogRootURL}">source<span class="name">{ReblogRootName}<span></a>
  695. {/block:RebloggedFrom}  </i></div>
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702. {block:Text}
  703. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}{Body}
  704. {block:IfshowCaption}
  705. {block:Caption}
  706. {Caption}{/block:Caption}
  707. {/block:Caption}
  708. {/block:IfshowCaption}  
  709. {/block:Text}
  710.  
  711.  
  712.  
  713.  
  714. {block:Photo}
  715. {block:IndexPage}
  716. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a>{LinkCloseTag}
  717.  
  718.  
  719. {block:IfshowCaption}
  720. {block:Caption}
  721. {Caption}{/block:Caption}
  722. {/block:Caption}
  723. {/block:IfshowCaption}
  724. {/block:IndexPage}
  725.  
  726. {block:permalinkpage}
  727. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  728. {block:Caption}
  729. {Caption}{/block:Caption}
  730. {/block:Caption}
  731. {/block:permalinkpage}
  732. {/block:Photo}
  733.  
  734.  
  735.  
  736. {block:Photoset}
  737. {block:IndexPage}
  738. {block:If400px}{Photoset-400}{/block:If400px}
  739. {block:If500px}{Photoset-500}{/block:If500px}
  740.  
  741. {block:IfshowCaption}
  742. {block:Caption}
  743. {Caption}{/block:Caption}
  744. {/block:Caption}
  745. {/block:IfshowCaption}
  746. {/block:IndexPage}
  747.  
  748. {block:permalinkpage}
  749. {Photoset-500}
  750. {block:Caption}
  751. {Caption}{/block:Caption}
  752. {/block:permalinkpage}
  753. {/block:Photoset}
  754.  
  755.  
  756.  
  757. {block:Quote}
  758. <h2>"{Quote}"</h2>{block:Source}
  759. <div class="source">{Source}{/block:Source}</div>
  760. {block:IfshowCaption}
  761. {block:Caption}
  762. {Caption}{/block:Caption}
  763. {/block:Caption}
  764. {/block:IfshowCaption}
  765. {/block:Quote}
  766.  
  767.  
  768.  
  769. {block:Link}
  770. <a href="{URL}"><h1>{Name}</h1></a>{block:Description}{Description}{/block:Description}
  771. {block:IfshowCaption}
  772. {block:Caption}
  773. {Caption}{/block:Caption}
  774. {/block:Caption}
  775. {/block:IfshowCaption}
  776. {/block:Link}
  777.  
  778.  
  779.  
  780.  
  781. {block:Chat}{block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line}</li>{/block:Lines}
  782. {/block:Chat}
  783.  
  784.  
  785.  
  786. {block:Video}
  787. {block:If400px}{Video-400}{/block:If400px}
  788. {block:If500px}{Video-500}{/block:If500px}
  789.  
  790.  
  791. {block:IfshowCaption}
  792. {block:Caption}
  793. {Caption}{/block:Caption}
  794. {/block:Caption}
  795. {/block:IfshowCaption}
  796. {/block:IndexPage}
  797.  
  798. {block:PermalinkPage}
  799. {Video-500}
  800.  
  801. {block:Caption}
  802. {Caption}{/block:Caption}
  803. {/block:PermalinkPage}
  804. {/block:Video}
  805.  
  806.  
  807.  
  808. {block:Answer}
  809. <div id="question"><b><a href="{Permalink}">{Asker}</a></b> <i>asked</i>
  810. {Question}</div>{Answer}
  811. {/block:answer}
  812.  
  813.  
  814.  
  815.  
  816. {block:Audio}
  817. <div id="audiotop">
  818. <div id="albumcover">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  819. <div class="audio"><div class="player">{AudioPlayerWhite} </div></div>
  820. </div>
  821.  
  822.  
  823. <div id="audiotext">
  824. {block:TrackName}<b>Song:</b> <i>{TrackName}</i>{/block:TrackName}<br>
  825. {block:Artist}<b>ARTIST:</b> <i>{Artist}</i>{/block:Artist}<br>
  826. {block:Album}<b>ALBUM:</b> <i>{Album}</i>{/block:Album}<br>
  827. {block:PlayCount}<b>Plays:</b><i>{FormattedPlayCount}</i> {/block:PlayCount}
  828. </div>
  829. {block:PermalinkPage}
  830. {block:Caption}
  831. {Caption}{/block:Caption}
  832. {/block:PermalinkPage}
  833. {/block:Audio}
  834.  
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841. {block:PermalinkPage}
  842. <div id="perm">
  843. <p>{block:Date}<b><a href="{Permalink}">{ShortMonth} {DayOfMonth}</a></b> / {TimeAgo}{/block:Date} / <b>{NoteCountWithLabel}</b>
  844. <span style="float:right;">{block:RebloggedFrom} <a href="{ReblogParentURL}">Via</a> / <a href="{ReblogRootURL}">Source</a> {/block:RebloggedFrom}</span>
  845. </p>
  846. </div>
  847.  
  848.  
  849. {block:HasTags}
  850. <div id="tag">
  851. {block:Tags}<one>x</one><two><a href="{TagURL}">{Tag}</a></two>{/block:Tags}</div>
  852. {/block:HasTags}
  853. {/block:PermalinkPage}
  854.  
  855. <div id="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  856. </div>
  857.  
  858.  
  859. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  860.  
  861.  
  862. {/block:Posts}
  863. </div>
  864.  
  865.  
  866.  
  867.  
  868. {block:IfNotEndlessScroll}
  869. {block:Pagination}
  870. <div id="pages">
  871.  
  872. {block:PreviousPage}
  873. <a href="{PreviousPage}">Prev</a> /
  874. {/block:PreviousPage}
  875.  
  876.  
  877. {block:NextPage}
  878. <a href="{NextPage}">Next</a>
  879. {/block:NextPage}
  880.  
  881.  
  882. </div>
  883. {/block:Pagination}
  884. {/block:IfNotEndlessScroll}
  885.  
  886.  
  887. </div>
  888. </body>
  889. </html>