Advertisement
candycaiine

Aura Theme

Sep 16th, 2013
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.77 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <!--
  7. ╔═══════════════════════════════════════════════════════════════════╗
  8.  
  9. ---------------------------Aura Theme--------------------------------
  10.  
  11. by lloyd/cocaine.tumblr.com
  12.  
  13.  
  14.  
  15.  
  16. Note: Do not remove credit/this, remove it at YOUR own risk.
  17.  
  18. If you choose to remove it, im not gonna threaten you or anything but just imagine someone taking your work which you spent alot of time on and just removing all your credit and claiming it as their own. not nice eh?
  19.  
  20. ╚═══════════════════════════════════════════════════════════════════╝
  21. -->
  22. <meta name="color:link" content="#000000"/>
  23. <meta name="color:hover" content="#818486"/>
  24. <meta name="color:blockquote" content="#efefef"/>
  25. <meta name="color:border" content="#efefef"/>
  26. <meta name="color:background" content="#ffffff"/>
  27. <meta name="color:post background" content="#ffffff"/>
  28. <meta name="image:background" content="0"/>
  29. <meta name="image:sidebar" content="0"/>
  30. <meta name="if:cursive title" content="1"/>
  31. <meta name="if:no sidebar" content="1"/>
  32. <meta name="if:faded images" content="1"/>
  33. <meta name="if:shadow" content="0"/>
  34. <meta name="if:show sidebar image" content="0">
  35. <meta name="if:rounded corners" content="1"/>
  36. <meta name="if:white tumblr controls" content="1"/>
  37. <meta name="if:show title" content="1"/>
  38. <meta name="if:show description" content="1"/>
  39. <meta name="if:custom font" content="1">
  40. <meta name="if:custom cursor" content="1">
  41. <meta name="if:cross cursor" content="0">
  42. <meta name="text:Link One Title" content="" />
  43. <meta name="text:Link One" content="" />
  44. <meta name="text:Link Two Title" content="" />
  45. <meta name="text:Link Two" content="" />
  46. <meta name="text:Link Three Title" content="" />
  47. <meta name="text:Link Three" content="" />
  48.  
  49. <title>{Title} {block:PostTitle} : {PostTitle}{/block:PostTitle}</title>
  50. <link rel="shortcut icon" href="{Favicon}">
  51. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  52.  
  53.  
  54. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/fxpo5zq/XZum5p9k0/standard.css">
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. @font-face {
  60. font-family:titulo;
  61. src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');
  62. }
  63.  
  64. body {
  65. color: #777;
  66. background:{color:background}
  67. url({image:background});
  68. background-repeat: repeat;
  69. background-attachment: fixed;
  70. {block:ifcustomfont}
  71. font-family: consolas;
  72. line-height:110%;
  73. font-size: 10px;
  74. {/block:ifcustomfont}
  75.  
  76. {block:ifnotcustomfont}
  77. font-family: helvetica;
  78. font-size: 9px;
  79. line-height:120%;
  80. {/block:ifnotcustomfont}
  81.  
  82. {block:ifcrosscursor}
  83. cursor: crosshair;
  84. {/block:ifcrosscursor}
  85. }
  86.  
  87. {block:ifcustomcursor}
  88.  
  89. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress;}
  90.  
  91. {/block:ifcustomcursor}
  92.  
  93.  
  94. ::-webkit-scrollbar-thumb{
  95. background-color: {color:link};
  96. border: 2px solid {color:background};
  97. height:auto;
  98. -moz-border-radius: 10px;
  99. border-radius: 10px;
  100. }
  101.  
  102. ::-webkit-scrollbar {
  103. height:auto;
  104. width:9px;
  105. background-color: #999999;
  106. border: 4px solid {color:background};
  107. }
  108.  
  109.  
  110.  
  111. #infscr-loading {
  112. position: absolute;
  113. bottom: 0;
  114. left: 25%;
  115. }
  116. a:link, a:active, a:visited{
  117.  
  118. color:{color:Link};
  119. text-decoration: none;
  120.  
  121. }
  122. a:hover {
  123. color:{color:Hover};
  124.  
  125. text-decoration: none;
  126. {block:ifcrosscursor}
  127. cursor: crosshair;
  128. {/block:ifcrosscursor}
  129. {block:ifcustomcursor}
  130. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  131. {/block:ifcustomcursor}
  132. }
  133.  
  134.  
  135. #content {
  136. {block:ifcrosscursor}
  137. cursor: crosshair;
  138. {/block:ifcrosscursor}
  139. {block:ifcustomcursor}
  140. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur);
  141. {/block:ifcustomcursor}
  142. {block:indexpage}
  143. padding:7px;
  144. width:500px;
  145. margin-left:470px;
  146. {/block:indexpage}
  147.  
  148. {block:permalinkpage}
  149. background:{color:post background};
  150. width: 500px;
  151. margin-left:485px;
  152. {/block:permalinkpage}
  153. background:{color:content background};
  154. }
  155.  
  156.  
  157.  
  158. {block:ifwhitetumblrcontrols}
  159.  
  160. iframe#tumblr_controls {
  161. position:fixed !important;-webkit-filter: invert(100%) ;
  162. -moz-transition: all 0.8s ease-out;
  163. -webkit-transition: opacity 0.7s linear;
  164. -webkit-transition: all 0.8s ease-out;
  165. transition: all 0.8s ease-out;
  166. opacity: 0.5;}
  167.  
  168. {/block:ifwhitetumblrcontrols}
  169.  
  170.  
  171. iframe#tumblr_controls {
  172. top:2px !important;
  173. right:3px !important;
  174. position: fixed !important;
  175. -webkit-transition: opacity 0.7s linear;
  176. opacity: 0.5;
  177. -webkit-transition: all 0.8s ease-out;
  178. -moz-transition: all 0.8s ease-out;
  179. transition: all 0.8s ease-out;
  180. }
  181.  
  182. iframe#tumblr_controls:hover {
  183. -webkit-transition: opacity 0.7s linear;
  184. opacity: 1;
  185. -webkit-transition: all 0.4s ease-out;
  186. -moz-transition: all 0.4s ease-out;
  187. transition: all 0.4s ease-out;
  188. }
  189.  
  190. ::selection {
  191. background:#f1f1f1;
  192. color: #777;
  193. }
  194.  
  195. ::-moz-selection {
  196. background:#f1f1f1;
  197. color: #777;
  198. }
  199.  
  200.  
  201. #note3 {
  202. width: 500px;
  203. text-align:left;
  204. }
  205.  
  206. #information {
  207. padding: 5px;
  208. line-height:115%;
  209. }
  210.  
  211. #sidebar {
  212. background:transparent;
  213. display: block;
  214. text-align:right;
  215. margin-top:175px;
  216. height:auto;
  217. width:175px;
  218. margin-left:270px;
  219. position:fixed;
  220. padding: 5px;
  221. }
  222.  
  223. #sidebar img {
  224. {block:iffadedimages}
  225. opacity:0.8;
  226. filter:alpha(opacity=80);
  227. -webkit-transition: all ease-in 250ms;
  228. -moz-transition: all ease-in 250ms;
  229. -o-transition: all ease-in 250ms;
  230. -ms-transition: all ease-in 250ms;
  231. transition: all ease-in 250ms;
  232. {/block:iffadedimages}
  233. padding-top:1px;
  234. }
  235.  
  236. #sidebar:hover img {
  237. {block:iffadedimages}
  238. opacity:0.9;
  239. filter:alpha(opacity=90);
  240. -webkit-transition: all ease-in 250ms;
  241. -moz-transition: all ease-in 250ms;
  242. -o-transition: all ease-in 250ms;
  243. -ms-transition: all ease-in 250ms;
  244. transition: all ease-in 250ms;
  245. {/block:iffadedimages}
  246. -webkit-transition: all ease-in 250ms;
  247. -moz-transition: all ease-in 250ms;
  248. -o-transition: all ease-in 250ms;
  249. -ms-transition: all ease-in 250ms;
  250. transition: all ease-in 250ms;
  251. }
  252.  
  253. .titulo {
  254. {block:ifcursivetitle}
  255. letter-spacing:0px;
  256. text-transform:lowercase;
  257. font-size:22px;
  258. font-family:titulo;
  259. {block:ifnotnosidebar}
  260. margin-bottom:-8px;
  261. {/block:ifnotnosidebar}
  262. {/block:ifcursivetitle}
  263.  
  264. {block:ifnotcursivetitle}
  265. letter-spacing:1px;
  266. text-transform:uppercase;
  267. font-size:15px;
  268. font-family:courier new;
  269. {block:ifnotnosidebar}
  270. margin-bottom:-7px;
  271. {/block:ifnotnosidebar}
  272. {/block:ifnotcursivetitle}
  273.  
  274. padding:0px 0px 0px 10px;
  275. line-height:100%;
  276. text-align:left;
  277. text-shadow:
  278. -1px 0 {color:post background},
  279. 0 1px {color:post background},
  280. 1px 0 {color:post background},
  281. 0 -1px {color:post background};
  282. }
  283.  
  284.  
  285. .titulo a{
  286. color:#777;
  287. }
  288.  
  289. .links {
  290. text-align:center;
  291. padding-right:5px;
  292. font-family:consolas;
  293. font-size:8px;
  294. text-transform:uppercase;
  295. line-height: 115%;
  296. letter-spacing:1px;
  297.  
  298. }
  299.  
  300. .des{
  301. font-family:consolas;
  302. font-style:italic;
  303. {block:ifroundedcorners}-moz-border-radius: 5px;
  304. border-radius: 5px;
  305. {/block:ifroundedcorners}
  306. border: 1px solid {color:border};
  307. text-align:left;
  308. padding: 5px;
  309. padding-left:10px;
  310. letter-spacing:0px;
  311. font-size:9px;
  312. text-transform:lowercase;
  313. background:{color:post background};
  314. {block:ifshadow}
  315. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  316. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  317. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  318. {/block:ifshadow}
  319. }
  320.  
  321.  
  322. ol.notes img {
  323. width: 16px;
  324. display: inline;
  325. position: relative;
  326. top: 3px;
  327. }
  328.  
  329. .entry {
  330. {block:ifroundedcorners}-moz-border-radius: 5px;
  331. border-radius: 5px;
  332. {/block:ifroundedcorners}
  333. border: 1px solid {color:border};
  334. float: left;
  335. {block:indexpage}
  336. width: 200px;
  337. margin: 13px;
  338. {/block:indexpage}
  339.  
  340. {block:permalinkpage}
  341. width: 500px;
  342. padding:10px;
  343. margin-top:20px;
  344. {/block:permalinkpage}
  345. padding:6px;
  346. display: block;
  347. background:{color:post background};
  348. {block:ifshadow}
  349. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  350. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  351. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  352. {/block:ifshadow}
  353. position: relative;
  354. }
  355.  
  356. .entry img {
  357. display: block;
  358. max-width: 100%;
  359. {block:iffadedimages}
  360.  
  361. opacity: .7;
  362. filter:alpha(opacity=10);
  363. -moz-opacity: 0.1;
  364. -moz-transition: all .9s ease;
  365. -o-transition: all .9s ease;
  366. transition: all .9s ease;
  367. -webkit-transition: all .9s ease;
  368.  
  369. {/block:iffadedimages}
  370. {block:ifroundedcorners}-moz-border-radius: 5px;
  371. border-radius: 5px;
  372. {/block:ifroundedcorners}
  373. {block:permalinkpage}
  374. width: 500px;
  375. {/block:permalinkpage}
  376. }
  377. .entry:hover img {
  378. {block:iffadedimages}
  379.  
  380. opacity: .9;
  381. filter:alpha(opacity=10);
  382. -moz-opacity: 0.1;
  383. -moz-transition: all .9s ease;
  384. -o-transition: all .9s ease;
  385. transition: all .9s ease;
  386. -webkit-transition: all .9s ease;
  387.  
  388. {/block:iffadedimages}
  389. -webkit-transition: all ease-in 250ms;
  390. -moz-transition: all ease-in 250ms;
  391. -o-transition: all ease-in 250ms;
  392. -ms-transition: all ease-in 250ms;
  393. transition: all ease-in 250ms;
  394. }
  395.  
  396. #pagination{
  397. display:none;
  398. }
  399.  
  400.  
  401. .perms {
  402. border-bottom: 1px solid {color:border};
  403. color:#777;
  404. font-size:8px;
  405. opacity: 0;
  406. -webkit-transition-duration: .75s;top:0px;
  407. width:200px;
  408. height:22px;
  409. padding-bottom:4px;
  410. background-color: #fff;
  411. position: absolute;
  412. margin-top:6px;
  413. text-align:center;
  414. text-transform:uppercase;
  415. font-family:consolas;
  416. letter-spacing:1px;
  417. display:block;
  418. }
  419.  
  420. .entry:hover .perms {
  421. opacity:0.9;
  422. z-index:999999;
  423. padding-top:4px;}
  424.  
  425.  
  426. blockquote, q {
  427. padding-left:5px;padding-top:7px;
  428. padding-right:5px;padding-bottom:7px;
  429. margin-left:5px; margin-right:5px;
  430. border-left: 2px solid #ccc;
  431. border-right: 2px solid #ccc;
  432. background-color:#fafafa;
  433. text-align:left;
  434. font-size: 8px;
  435. text-transform: uppercase;
  436. margin-left:-5px;
  437. width:99%;
  438. height: auto;
  439. {block:ifroundedcorners}-moz-border-radius: 5px;
  440. border-radius: 5px;
  441. {/block:ifroundedcorners}
  442. border: 1px solid {color:border};
  443. }
  444.  
  445. .quote {
  446. font-family: arial;
  447. font-size: 20px;
  448. color: {color:link};
  449. float: left;
  450. margin-right: 5px;
  451. }
  452.  
  453. li.drawer a {
  454. margin: 0px 5px;}
  455.  
  456. .label {
  457. text-transform:uppercase;
  458. color:{color:Link}
  459. }
  460.  
  461. .question {
  462. text-align:left;
  463. padding-left:5px;padding-top:7px;
  464. padding-right:5px;padding-bottom:7px;
  465. border-left: 2px solid {color:Link};
  466. border-right: 2px solid {color:Link};
  467. background-color:#fafafa;
  468. }
  469.  
  470. .answer {
  471. text-align:left;
  472. padding-left:5px;padding-top:7px;
  473. padding-right:5px;padding-bottom:7px;
  474. }
  475.  
  476. .text {
  477. padding: 10px;
  478. }
  479.  
  480. #pp {
  481. text-align: center;
  482. width: 100%;
  483. padding-top: 2px;
  484. }
  485.  
  486.  
  487.  
  488. .permahover {
  489. text-align: center;
  490. line-height:9px;
  491. opacity: 0.0;
  492. filter: alpha(opacity = 0);
  493. font-size: 9px;
  494. text-transform: uppercase;
  495. -webkit-transition-duration: .75s;
  496. }
  497.  
  498. .entry:hover .permahover {
  499. text-align: center;
  500. opacity: 1;
  501. filter: alpha(opacity = 50);
  502.  
  503.  
  504. }
  505.  
  506.  
  507. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  508. padding-bottom : 0px;}
  509.  
  510. #newHeader {
  511. padding-bottom: 2px;
  512. text-align: center;
  513.  
  514. }
  515.  
  516. div.panel {
  517. width: 260px;
  518. padding: 15px 20px;
  519. color: #333;
  520. text-align: center;
  521. line-height: 22px;
  522. display: none;
  523.  
  524. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
  525. }
  526. div.panel p {
  527. margin: 10px 0;
  528. }
  529. div.panel p a, div.textPost p a, div.audioPost p a {
  530. color: #333;
  531. text-decoration: none;
  532. border-bottom: 1px dotted;
  533. font-style: italic;
  534. font-weight: bold;
  535. }
  536. .video embed, .video object, .video iframe {
  537. {block:IndexPage}
  538. width:200px /**/ !important;
  539. {/block:IndexPage}
  540. height:auto !important;
  541. }
  542.  
  543. #album
  544. {
  545. {block:ifroundedcorners}-moz-border-radius: 5px;
  546. border-radius: 5px;
  547. {/block:ifroundedcorners}
  548. border: 1px solid {color:border};
  549. margin:10px;
  550. float:left;
  551.  
  552. {block:IndexPage}
  553. width:80px;
  554. height:80px;
  555. {/block:IndexPage}
  556.  
  557. {block:PermalinkPage}
  558. width:360px;
  559. height:360px;
  560. {/block:PermalinkPage}
  561. }
  562.  
  563.  
  564. #infos {
  565. font-size: 8px;
  566. text-transform: uppercase;
  567. float:left;
  568. margin-top:10px;
  569. padding:5px;
  570.  
  571. {block:IndexPage}
  572. border-left: 1px solid {color:border};
  573. background-color: transparent;
  574. width:83px;
  575. height: 70px;
  576. {/block:IndexPage}
  577.  
  578. {block:PermalinkPage}
  579. border-left: 1px solid {color:border};
  580. background-color: transparent;
  581. width:95px;
  582. height: 350px;
  583. margin-bottom:20px;
  584. {/block:PermalinkPage}
  585. }
  586.  
  587. #player{
  588. float:left;
  589. width:29px;
  590. padding-left:2px;
  591. padding-top:5px;
  592. padding-bottom:10px;
  593. height:15px;
  594. background-color:#fff;
  595. overflow-x:hidden;
  596. overflow-y:hidden;
  597. opacity: .9;
  598. filter:alpha(opacity=10);
  599. -moz-opacity: 0.1;
  600. -moz-transition: all .9s ease;
  601. -o-transition: all .9s ease;
  602. transition: all .9s ease;
  603. -webkit-transition: all .9s ease;
  604.  
  605. {block:IndexPage}
  606. margin-top:35px;
  607. margin-left:-65px;
  608. {/block:IndexPage}
  609.  
  610. {block:PermalinkPage}
  611. margin-top:175px;
  612. margin-left:-205px;
  613. {/block:PermalinkPage}
  614.  
  615. }
  616.  
  617. </style>
  618.  
  619. <script type="text/javascript">
  620. $(window).load(function(){
  621. $("p").remove(":contains('Source:')");
  622. $("p").remove(":contains('via ')");
  623. });
  624. </script>
  625.  
  626.  
  627. <script type="text/javascript">
  628. $(document).ready(function(){
  629. $(".hide").hide();
  630. $(".show").click(function(){
  631. $(this).next(".hide").slideToggle('fast');
  632. }); });
  633. </script>
  634.  
  635.  
  636. </head>
  637. <body>
  638. </script><script src="http://static.tumblr.com/jkg9xxi/gBCmsyr4m/gbreauhbfuhenwuafbi.js"></script>
  639. <div id="sidebar">
  640. <div id="information">
  641.  
  642. {block:ifnotnosidebar}<div class="des">
  643. {block:ifshowsidebarimage}<center><a title="/" href="/"><img src="{image:sidebar}" width="150px" style="margin-left:-5px; {block:ifroundedcorners}-moz-border-radius: 5px;
  644. border-radius: 5px;
  645. {/block:ifroundedcorners} ""></a></center>{/block:ifshowsidebarimage}
  646. {block:ifshowdescription}
  647. <div style="padding-top:2px; padding-bottom:2px;">{description}</div>{/block:ifshowdescription}</div>{/block:ifnotnosidebar}
  648. <div class="links"><div style="padding-top:2px;">
  649. <a href="/">home</a>
  650. <a href="/ask">message</a>
  651. {block:IfLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a> {/block:ifLinkOneTitle}
  652. {block:ifLinkTwoTitle}<a href="{text:Link Two}"> {text:Link Two Title}</a>{/block:ifLinkTwoTitle}
  653. {block:ifLinkThreeTitle}<a href="{text:Link Three}"> {text:Link Three Title}</a>{/block:ifLinkThreeTitle}
  654. <a href="http://cocaine.tumblr.com/">theme</a> </div>
  655. </div>
  656.  
  657. </div></div>
  658.  
  659.  
  660. <div id="content">
  661. {block:Posts}
  662. <div class="entry">
  663.  
  664. {block:Text}
  665. <div class="text">
  666. <div style="text-transform:uppercase">{block:Title}
  667. <a href="{Permalink}">{Title}</a>
  668. {/block:Title}</div>
  669. {Body}
  670. {block:indexpage}
  671. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  672. {/block:indexpage}
  673.  
  674. </div>
  675. {/block:Text}
  676.  
  677. {block:Photo}
  678.  
  679. {block:IndexPage}<div class="perms">
  680. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  681. </div> {/block:IndexPage}
  682.  
  683. {block:indexpage}
  684. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>{LinkCloseTag}
  685. {/block:indexpage}
  686. {block:permalinkpage}
  687. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PermalinkPage} width=500px"/>{LinkCloseTag}
  688. {/block:permalinkpage}
  689.  
  690. {/block:Photo}
  691.  
  692. {block:Photoset}
  693.  
  694. {block:IndexPage}<div class="perms">
  695. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  696. </div> {/block:IndexPage}
  697.  
  698. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="200" style="padding-bottom:5px;"/></a>
  699. {/block:Photos}
  700. {/block:Photoset}
  701.  
  702.  
  703. {block:Quote}
  704. <div class="text">
  705. <div class="quote">&#10077;</div>
  706. <span style="text-transform:uppercase;letter-spacing:1px;"> {Quote} </span>
  707. {block:Source}
  708. <div class="source"><div style="text-align:right; color:{color:link}">{Source}</div></div>
  709. {/block:Source}
  710. {block:indexpage}
  711. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  712. {/block:indexpage}
  713. </div>{/block:Quote}
  714.  
  715. {block:Link}
  716. <div class="text">
  717. <span style="text-transform:uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  718. {block:Description}
  719. <div class="description">{Description}</div>
  720. {/block:Description}
  721. {block:indexpage}
  722. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  723. {/block:indexpage}
  724. </div>{/block:Link}
  725.  
  726. {block:Chat}
  727. <div class="text">
  728. {block:Title}
  729. <a href="{Permalink}">{Title}</a>
  730. {/block:Title}
  731. <ul class="chat">
  732. {block:Lines}
  733. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  734.  
  735. {Line} </li>
  736. {/block:Lines}
  737. </ul>
  738. {block:indexpage}
  739. <div class="permahover"><br><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  740. {/block:indexpage}
  741. </div>{/block:Chat}
  742.  
  743. {block:Video}
  744.  
  745. {block:IndexPage}<div class="perms">
  746. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  747. </div> {/block:IndexPage}
  748.  
  749. {block:IndexPage}<div style="width:200px; overflow-y:hidden; overflow-x:scroll;">{Video-250} </div>{/block:IndexPage}
  750.  
  751. {block:permalinkpage}
  752. {Video-500}
  753. {/block:permalinkpage}
  754.  
  755. {/block:Video}
  756.  
  757.  
  758. {block:Audio}
  759. <div id="album">{block:AlbumArt}<img width="80px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  760. <div id="player"><div style="margin-top:-3px;">{AudioPlayerWhite}</div></div>
  761. <div id="infos">
  762. <span style="letter-spacing:1px; color:{color:link};">{block:TrackName}{TrackName}{/block:TrackName}</span><br>
  763. {block:Artist}
  764. {Artist}
  765. {/block:Artist}
  766. <br>
  767. {block:Album}
  768. {Album}
  769. {/block:Album}<br>
  770. {PlayCountWithLabel}
  771. </div>
  772.  
  773.  
  774. {block:IndexPage}
  775. <div class="perms">
  776. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br> with <a href="{permalink}">{notecountwithlabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  777. </div>
  778. {/block:IndexPage}
  779.  
  780. {/block:Audio}
  781.  
  782. {block:Answer}<div class="text">
  783. <div class="question">
  784. <span style="text-transform:uppercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer">{Answer}</div>
  785. {block:indexpage}
  786. <div class="permahover"><p><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a> </p></div>
  787. {/block:indexpage}
  788. </div>{/block:Answer}
  789.  
  790.  
  791. {block:PermalinkPage}
  792. <div id="note3"><div style="text-align:right; text-transform:uppercase;">
  793. {block:NoteCount}<br>{block:Date}Posted {TimeAgo}{/block:Date} with {NoteCountwithLabel}
  794. {block:HasTags}/ tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:NoteCount}</div>
  795.  
  796. {block:PostNotes}
  797. {PostNotes}
  798. {/block:PostNotes}
  799. </div>
  800. {/block:PermalinkPage}
  801. </div>
  802. {/block:Posts}
  803. </div>
  804. </div>
  805. {block:Pagination}
  806. <ul id="pagination">
  807. {block:PreviousPage}
  808. <li><a href="{PreviousPage}"></a></li>
  809. {/block:PreviousPage}
  810. {block:JumpPagination length="5"}
  811. {block:CurrentPage}
  812. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  813. {/block:CurrentPage}
  814. {block:JumpPage}
  815. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  816. {/block:JumpPage}
  817. {/block:JumpPagination}
  818. {block:NextPage}
  819. <li><a id="nextPage" href="{NextPage}"></a></li>
  820. {/block:NextPage}
  821. </ul>
  822. {/block:Pagination}
  823.  
  824. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  825. <script src="http://static.tumblr.com/fxpo5zq/HCHm5q8gs/infinitescroll.js"></script>
  826. {block:IndexPage}
  827. <script type="text/javascript">
  828. $(window).load(function () {
  829. $('#content').masonry(),
  830. $('.masonryWrap').infinitescroll({
  831. navSelector : '#pagination',
  832. nextSelector : '#pagination a#nextPage',
  833. itemSelector : ".entry",
  834. bufferPx : 100,
  835. loadingText : "<em></em>",
  836. },
  837. function() { $('#content').masonry({ appendedContent: $(this) }); }
  838. );
  839. });
  840. </script>
  841. {/block:IndexPage}
  842.  
  843. <script type="text/javascript">
  844.  
  845. $('.show').click(function(e){
  846. e.preventDefault();
  847. $('.panel').stop(true,true);
  848. var target = $(this).attr('href');
  849. if($('.panel').is(':visible')){
  850. if($(target).is(':visible')){
  851. $(target).slideUp();
  852. return false;
  853. }else{
  854. $('.panel:visible').slideUp(400, function(){
  855. $(target).slideDown();
  856. });
  857. }
  858. }else {
  859. $(target).slideDown();
  860. }
  861. });
  862.  
  863. </script>
  864. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/OTlme21c1/like_script.js"></script>
  865. <script type="text/javascript" src="http://static.tumblr.com/fxpo5zq/hPeme202n/like.js"></script>
  866. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  867. </body>
  868.  
  869. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/c9Sle1h85/jquery.collapser.js"></script>
  870. <script type="text/javascript">
  871. $(document).ready(function(){
  872. $('#button').collapser({
  873. target: '#hidden',
  874. effect: 'slide',
  875. changeText: 0
  876. });
  877. });
  878. </script>
  879.  
  880.  
  881. </div>
  882.  
  883. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement