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

Custom Theme - #1

By: sherlocked on May 1st, 2012  |  syntax: HTML  |  size: 19.27 KB  |  hits: 26  |  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. <!--
  2.  
  3.  custom theme by first-avenger
  4.  for bethany/coralteen :~)
  5.  
  6.  FEATURES:
  7.  - 300px photos (500px on permalink page)
  8.  - 4 custom links
  9.  - If transparent sidebar
  10.  - If transparent description
  11.  - If circle links uppercase
  12.  - If circle links rotate on hover
  13.  - Sidebar/background image
  14.  
  15.  NOTE:
  16.  - There is no 300px setting for
  17.  photosets, so the photoset is 250px.
  18.  
  19. -->
  20.  
  21. <head>
  22.  
  23. {block:IndexPage}
  24.  
  25. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  26.  
  27. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  28.  
  29. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  30.  
  31. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  32.  
  33. <script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>
  34.  
  35. <script>
  36. jQuery(window).load(function(){
  37. var $wall = $('#posts');
  38. $wall.imagesLoaded(function(){
  39. $wall.masonry({
  40. singleMode: true,
  41. columnWidth: 318,
  42. itemSelector: '#entries'
  43. });
  44. });
  45. $wall.infinitescroll({
  46. navSelector : '#page-nav',
  47. nextSelector : '#page-nav a',
  48. itemSelector : '#entries',
  49. },
  50.  
  51. function( newElements ){
  52. $(newElements).hide();
  53. setTimeout(function(){
  54. $wall.masonry({ appendedContent: $(newElements) });
  55. },2000);
  56. setTimeout(function(){
  57. $(newElements).fadeIn('fast');
  58. },2100);
  59. },1000);
  60. });
  61. </script>
  62.  
  63. <script>
  64. $.fn.imagesLoaded = function(callback){
  65. var elems = this.find('img'),
  66. len = elems.length,
  67. _this = this;
  68. if ( !elems.length ) {
  69. callback.call( this );}
  70. elems.bind('load',function(){
  71. if (--len <= 0){
  72. callback.call( _this );}
  73. }).each(function(){
  74. // cached images don't fire load sometimes, so we reset src.
  75. if (this.complete || this.complete === undefined){
  76. var src = this.src;
  77. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  78. // data uri bypasses webkit log warning (thx doug jones)
  79. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  80. this.src = src;}
  81. });
  82. return this;};
  84. </script>
  85.  
  86. {/block:IndexPage}
  87.  
  88. <title>{Title}</title>
  89.  
  90. <style type="text/css">body{ cursor: url(http://i.imgur.com/ZOrzC.png), auto;} a, a:hover{cursor:url(http://i.imgur.com/ZOrzC.png), auto;}</style>
  91.  
  92. <meta name="color:Background" content="#FFFFFF"/>
  93. <meta name="color:Sidebar" content="#FFFFFF"/>
  94. <meta name="color:Posts" content="#FFFFFF"/>
  95. <meta name="color:Text" content="#000000"/>
  96. <meta name="color:Links" content="#000000"/>
  97. <meta name="color:Hover" content="#555555"/>
  98. <meta name="color:Scrollbar" content="#555555"/>
  99. <meta name="color:Permalink" content="#555555"/>
  100.  
  101. <meta name="color:Circle1" content="#F7DEBF"/>
  102. <meta name="color:Circle2" content="#C4FDB3"/>
  103. <meta name="color:Circle3" content="#9FDEEE"/>
  104. <meta name="color:Circle4" content="#C191FF"/>
  105.  
  106. <meta name="color:Circle1 Hover" content="#FFBC6B"/>
  107. <meta name="color:Circle2 Hover" content="#67FF38"/>
  108. <meta name="color:Circle3 Hover" content="#67D3EE"/>
  109. <meta name="color:Circle4 Hover" content="#A158FF"/>
  110.  
  111. <meta name="if:Transparent Sidebar" content="1" />
  112. <meta name="if:Transparent Description" content="1" />
  113. <meta name="if:Circle Links Uppercase" content="1" />
  114. <meta name="if:Circle Rotate" content="1" />
  115.  
  116. <meta name="image:Background" content=""/>
  117. <meta name="image:Sidebar" content=""/>
  118.  
  119. <meta name="text:Body Font" content="Verdana"/>
  120. <meta name="text:Font Size" content="9"/>
  121.  
  122. <meta name="text:Link One Title" content="link 1" />
  123. <meta name="text:Link One" content="" />
  124. <meta name="text:Link Two Title" content="link 2" />
  125. <meta name="text:Link Two" content="" />
  126. <meta name="text:Link Three Title" content="link 3" />
  127. <meta name="text:Link Three" content="" />
  128. <meta name="text:Link Four Title" content="link 4" />
  129. <meta name="text:Link Four" content="" />
  130.  
  131. <style type="text/css">
  132.  
  133. body{
  134. margin:0px;
  135. background-color: {color:Background};
  136. background-image:url({image:Background});
  137. background-attachment:fixed !important;
  138. background-repeat: repeat;
  139. }
  140.  
  141. body, div, p, textarea, submit, input{
  142. font-family: {Text:Body Font};
  143. font-size: {Text:Font Size}px;
  144. color:{color:Text};
  145. }
  146.  
  147. p{
  148. margin:0px;
  149. margin-top:1px;
  150. }
  151.  
  152. a:link, a:active, a:visited{
  153. color: {color:Links};
  154. text-decoration: none;
  155. -webkit-transition: all .6s ease-out;
  156. -moz-transition: all .6s ease-out;
  157. -o-transition: all .6s ease-out;
  158. transition: all .6s ease-out;
  159. }
  160.  
  161. a:hover{
  162. color: {color:Hover};
  163. text-decoration: none;
  164. -webkit-transition: all .6s ease-out;
  165. -moz-transition: all .6s ease-out;
  166. -o-transition: all .6s ease-out;
  167. transition: all .6s ease-out;
  168. }
  169.  
  170. #content{
  171. position: relative;
  172. width: 1200px;
  173. overflow: auto;
  174. overflow-y:hidden;
  175. }
  176.  
  177. #posts{
  178. float: left;
  179. {block:IndexPage}
  180. margin-left: 450px;
  181. {/block:IndexPage}
  182. {block:PermalinkPage}
  183. margin-left: 450px;
  184. {/block:PermalinkPage}
  185. margin-top: 10px;
  186. width: 670px;
  187. height: auto;
  188. padding: 3px;
  189. background-color: transparent;
  190. }
  191.  
  192. #entries{
  193. {block:IndexPage}
  194. float: left;
  195. width: 300px;
  196. margin: 3px;
  197. padding: 5px;
  198. padding-bottom: 3px;
  199. background-color: {color:Posts};
  200. {/block:IndexPage}
  201. {block:PermalinkPage}
  202. float: left;
  203. width: 500px;
  204. background-color: {color:Posts};
  205. {/block:PermalinkPage}
  206. }
  207.  
  208. #sidebar{
  209. position: fixed;
  210. float: left;
  211. width: 200px;
  212. height: 200px;
  213. padding: 3px;
  214. margin-top: 100px;
  215. margin-left: 160px;
  216. border-radius: 100px;
  217. font-family: {text:Body Font};
  218. font-size: {text:Font Size}px;
  219. background-color: {color:Sidebar};
  220. {block:IfTransparentSidebar}
  221. background-color: transparent;
  222. {/block:IfTransparentSidebar}
  223. }
  224.  
  225. #sidebar img{
  226. width: 200px;
  227. height: 200px;
  228. border-radius: 100px;
  229. }
  230.  
  231. #desc{
  232. position: relative;
  233. float: left;
  234. width: 200px;
  235. height: auto;
  236. padding: 2px;
  237. margin-top: 5px;
  238. font-family: {text:Body Font};
  239. background-color: {color:Sidebar};
  240. {block:IfTransparentDescription}
  241. background-color: transparent;
  242. {/block:IfTransparentDescription}
  243. }
  244.  
  245. #links{
  246. position: fixed;
  247. float: left;
  248. width: 60px;
  249. margin-top: 90px;
  250. margin-left: 100px;
  251. }
  252.  
  253. .link1{
  254. float: left;
  255. width: 38px;
  256. height: 25px;
  257. padding: 4px;
  258. padding-top: 15px;
  259. margin-top: 5px;
  260. margin-left: 29px;
  261. -moz-border-radius: 65px;
  262. border-radius: 65px;
  263. text-align: center;
  264. background-color: {color:Circle1};
  265. -webkit-transition: all .6s ease-out;
  266. -moz-transition: all .6s ease-out;
  267. -o-transition: all .6s ease-out;
  268. transition: all .6s ease-out;
  269. }
  270.  
  271. .link2{
  272. float: left;
  273. width: 38px;
  274. height: 25px;
  275. padding: 4px;
  276. padding-top: 15px;
  277. margin-top: 10px;
  278. margin-left: 5px;
  279. -moz-border-radius: 65px;
  280. border-radius: 65px;
  281. text-align: center;
  282. background-color: {color:Circle2};
  283. -webkit-transition: all .6s ease-out;
  284. -moz-transition: all .6s ease-out;
  285. -o-transition: all .6s ease-out;
  286. transition: all .6s ease-out;
  287. }
  288.  
  289. .link3{
  290. float: left;
  291. width: 38px;
  292. height: 25px;
  293. padding: 4px;
  294. padding-top: 15px;
  295. margin-top: 12px;
  296. margin-left: 5px;
  297. -moz-border-radius: 65px;
  298. border-radius: 65px;
  299. text-align: center;
  300. background-color: {color:Circle3};
  301. -webkit-transition: all .6s ease-out;
  302. -moz-transition: all .6s ease-out;
  303. -o-transition: all .6s ease-out;
  304. transition: all .6s ease-out;
  305. }
  306.  
  307. .link4{
  308. float: left;
  309. width: 38px;
  310. height: 25px;
  311. padding: 4px;
  312. padding-top: 15px;
  313. margin-top: 10px;
  314. margin-left: 25px;
  315. -moz-border-radius: 65px;
  316. border-radius: 65px;
  317. text-align: center;
  318. background-color: {color:Circle4};
  319. -webkit-transition: all .6s ease-out;
  320. -moz-transition: all .6s ease-out;
  321. -o-transition: all .6s ease-out;
  322. transition: all .6s ease-out;
  323. }
  324.  
  325. .link1 a, .link2 a, .link3 a, .link4 a{
  326. font-family: tinytots;
  327. font-size: 8px;
  328. {block:IfCircleLinksUppercase}
  329. text-transform: uppercase;
  330. {/block:IfCircleLinksUppercase}
  331. }
  332.  
  333. .link1:hover, .link2:hover, .link3:hover, .link4:hover{
  334. -webkit-transition: all .6s ease-out;
  335. -moz-transition: all .6s ease-out;
  336. -o-transition: all .6s ease-out;
  337. transition: all .6s ease-out;
  338. {block:IfCircleRotate}
  339. transform: rotate(360deg);
  340. -moz-transform: rotate(360deg);
  341. -webkit-transform: rotate(360deg);
  342. -o-transform: rotate(360deg);
  343. {/block:IfCircleRotate}
  344. }
  345.  
  346. {block:IfNotCircleRotate}
  347.  
  348. .link1:hover{
  349. -webkit-transition: all .6s ease-out;
  350. -moz-transition: all .6s ease-out;
  351. -o-transition: all .6s ease-out;
  352. transition: all .6s ease-out;
  353. background-color: {color:Circle1 Hover};
  354. }
  355.  
  356. .link2:hover{
  357. -webkit-transition: all .6s ease-out;
  358. -moz-transition: all .6s ease-out;
  359. -o-transition: all .6s ease-out;
  360. transition: all .6s ease-out;
  361. background-color: {color:Circle2 Hover};
  362. }
  363.  
  364. .link3:hover{
  365. -webkit-transition: all .6s ease-out;
  366. -moz-transition: all .6s ease-out;
  367. -o-transition: all .6s ease-out;
  368. transition: all .6s ease-out;
  369. background-color: {color:Circle3 Hover};
  370. }
  371.  
  372. .link4:hover{
  373. -webkit-transition: all .6s ease-out;
  374. -moz-transition: all .6s ease-out;
  375. -o-transition: all .6s ease-out;
  376. transition: all .6s ease-out;
  377. background-color: {color:Circle4 Hover};
  378. }
  379.  
  380. {/block:IfNotCircleRotate}
  381.  
  382. .perma{
  383. position: absolute;
  384. float: left;
  385. width: auto;
  386. height: auto;
  387. margin-top: 10px;
  388. margin-left: 10px;
  389. opacity: 0;
  390. -webkit-transition: all .6s ease-out;
  391. -moz-transition: all .6s ease-out;
  392. -o-transition: all .6s ease-out;
  393. transition: all .6s ease-out;
  394. }
  395.  
  396. #entries:hover .perma{
  397. opacity: 1;
  398. -webkit-transition: all .6s ease-out;
  399. -moz-transition: all .6s ease-out;
  400. -o-transition: all .6s ease-out;
  401. transition: all .6s ease-out;
  402. }
  403.  
  404. .titles{
  405. text-align: center;
  406. font-family: cambria;
  407. font-style: italic;
  408. font-size: 15px;
  409. margin-top: 4px;
  410. margin-bottom: 0px;
  411. }
  412.  
  413. .texts{
  414. {block:IndexPage}
  415. width: 280px;
  416. {/block:IndexPage}
  417. {block:PermalinkPage}
  418. width: 280px;
  419. {/block:PermalinkPage}
  420. height: auto;
  421. padding: 5px;
  422. margin-top: 0px;
  423. margin-left: 5px;
  424. padding-bottom: 2px;
  425. text-align: justify;
  426. }
  427.  
  428. #all{
  429. width: 300px;
  430. height: auto;
  431. padding: 10px;
  432. }
  433.  
  434. #player{
  435. position: absolute;
  436. display: block;
  437. width: 30px;
  438. height: 20;
  439. padding: 10px;
  440. margin-top: 12px;
  441. margin-left: 13px;
  442. opacity: 0.6;
  443. border-radius: 50px;
  444. overflow: hidden;
  445. background-color: #FFF;
  446. -webkit-transition: all .7s ease-out;
  447. -moz-transition: all .7s ease-out;
  448. -o-transition: all .7s ease-out;
  449. transition: all .7s ease-out;
  450. }
  451.  
  452. #player:hover{
  453. opacity: 1;
  454. -webkit-transition: all .7s ease-out;
  455. -moz-transition: all .7s ease-out;
  456. -o-transition: all .7s ease-out;
  457. transition: all .7s ease-out;
  458. }
  459.  
  460. #playerr{
  461. position: relative;
  462. float: left;
  463. margin-left: 2px;
  464. margin-top: 4px;
  465. width: 20px;
  466. overflow: hidden;
  467. }
  468.  
  469. #albumimage{
  470. width: 70px;
  471. height: auto;
  472. padding: 2px;
  473. padding-bottom: 0px;
  474. margin-left: 0px;
  475. margin-top: 0px;
  476. background-color: #EEE;
  477. border: 1px solid #DDD;
  478. }
  479.  
  480. #albumimage img{
  481. width: 70px;
  482. opacity: 1;
  483. }
  484.  
  485. #caption{
  486. position: absolute;
  487. width: auto;
  488. height: auto;
  489. padding: 5px;
  490. margin-top: -78px;
  491. margin-left: 90px;
  492. background-color: transparent;
  493. }
  494.  
  495. #wholeanswer{
  496. position: relative;
  497. float: left;
  498. width: 290px;
  499. height: auto;
  500. padding: 5px;
  501. margin-top: 2px;
  502. margin-left: 0px;
  503. }
  504.  
  505. #question{
  506. width: 280px;
  507. height: auto;
  508. padding: 5px;
  509. margin-top: 2px;
  510. margin-left: 0px;
  511. text-align: center;
  512. background-color: {color:Question Background Color};
  513. }
  514.  
  515. #answer{
  516. float: left;
  517. width: 280px;
  518. margin-top: 5px;
  519. text-align: justify;
  520. margin-bottom: 5px;
  521. background-color: transparent;
  522. }
  523.  
  524. .textperma{
  525. position: relative;
  526. float: left;
  527. width: 293px;
  528. height: 5px;
  529. padding: 2px;
  530. margin-top: 3px;
  531. border-top: 1px solid {color:Permalink};
  532. background-color: transparent;
  533. }
  534.  
  535. .textperma2{
  536. position: relative;
  537. float: left;
  538. width: 293px;
  539. height: 5px;
  540. padding: 2px;
  541. margin-top: -10px;
  542. margin-left: 260px;
  543. margin-bottom: 5px;
  544. background-color: transparent;
  545. }
  546.  
  547. blockquote{
  548. padding: 0px 0px 0px 5px;
  549. margin: 0px 0px 0px 1px;
  550. border-left: 2px solid {color:Text};
  551. }
  552.  
  553. ul, ol, li{
  554. list-style: none;
  555. margin-left: 1px;
  556. padding: 0px;
  557. }
  558.  
  559. a img{
  560. border: 0px;
  561. }
  562.  
  563. .notes img{
  564. width: 10px;
  565. position: relative;
  566. top: 3px;
  567. }
  568.  
  569. {CustomCSS}
  570.  
  571. @font-face {font-family:tinytots;src: url(http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf) format("truetype");}
  572.  
  573. iframe#tumblr_controls{
  574. top: 0% !important;
  575. right: 0% !important;
  576. position: fixed !important;
  577. opacity: 0.5;
  578. }
  579.  
  580. ::-webkit-scrollbar-thumb:vertical{
  581. background-color:{color:Scrollbar};
  582. background-image: url({image:Background});
  583. height:auto;
  584. }
  585.  
  586. ::-webkit-scrollbar-thumb:horizontal{
  587. background-color: {color:Background};
  588. background-image: url({image:Background});
  589. height: 10px;
  590. }
  591.  
  592. ::-webkit-scrollbar {
  593. height: 7px;
  594. width: 4px;
  595. background-color: {color:Background};
  596. }
  597.  
  598. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  599. display: none;
  600. }::-webkit-scrollbar-thumb:vertical{
  601. background-color:{color:Scrollbar};
  602. background-image: url({image:Background});
  603. height:auto;
  604. }
  605.  
  606. ::-webkit-scrollbar-thumb:horizontal{
  607. background-color: {color:Background};
  608. background-image: url({image:Background});
  609. height: 10px;
  610. }
  611.  
  612. ::-webkit-scrollbar {
  613. height: 7px;
  614. width: 4px;
  615. background-color: {color:Background};
  616. }
  617.  
  618. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  619. display: none;
  620. }
  621.  
  622. </style>
  623.  
  624. <link rel="shortcut icon" href="{Favicon}">
  625. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  626. <meta name="viewport" content="width=820" />
  627.  
  628. </head>
  629.  
  630. <body>
  631.  
  632. <div id="content">
  633.  
  634. <div id="sidebar">
  635.  
  636. <center><img src="{image:sidebar}"><center>
  637.  
  638. <div id="desc">{Description}</div>
  639.  
  640. </div>
  641.  
  642. <div id="links">
  643. <div class="link1"><a href="{text:Link One}">{text:Link One Title}</a></div>
  644. <div class="link2"><a href="{text:Link Two}">{text:Link Two Title}</a></div>
  645. <div class="link3"><a href="{text:Link Three}">{text:Link Three Title}</a></div>
  646. <div class="link4"><a href="{text:Link Four}">{text:Link Four Title}</a></div>
  647. </div>
  648.  
  649. <div id="posts">
  650. {block:Posts}
  651. <div id="entries">
  652.  
  653. {block:Text}
  654. {block:IndexPage}
  655. <div class="titles">{Title}</div>
  656. <div class="texts">{Body}</div>
  657. <div class="textperma">Posted {TimeAgo} with <a href="{Permalink}">{NoteCountWithLabel}</a></p></div>
  658. <div class="textperma2"><p><a href="{ReblogURL}" target="_blank">Reblog</a></p></div>
  659. {/block:IndexPage}
  660. {block:PermalinkPage}
  661. <div class="titles">{Title}</div>
  662. <div class="texts">{Body}</div>
  663. {/block:PermalinkPage}
  664. {/block:Text}
  665.  
  666. {block:Photo}
  667. {block:IndexPage}
  668. <div class="perma"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/ycitmg1/zaxm3d770/relobg.png"></a></div>
  669. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=300px/></a></center>{LinkCloseTag}
  670. {/block:IndexPage}
  671. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/></center>{LinkCloseTag}
  672. {block:Caption}{Caption}{/block:Caption}
  673. {/block:PermalinkPage}
  674. {/block:Photo}
  675.  
  676. {block:Link}
  677. {block:IndexPage}
  678. <div class="titles"><a href="{URL}" class="title">{Name}</a></div>
  679. <div class="texts"><blockquote>{Description}</blockquote></div>
  680. <div class="textperma">Posted {TimeAgo} with <a href="{Permalink}">{NoteCountWithLabel}</a></p></div>
  681. <div class="textperma2"><p><a href="{ReblogURL}" target="_blank">Reblog</a></p></div>
  682. {/block:IndexPage}
  683. {block:PermalinkPage}<a href="{URL}" class="title">{Name}</a>
  684. {block:Description}{Description}{/block:Description}
  685. {/block:PermalinkPage}
  686. {/block:Link}
  687.  
  688. {block:Quote}
  689. {block:IndexPage}
  690. <div class="titles">{Quote}</div>
  691. <div class="texts"><center><b>{Source}</b><center></div>
  692. <div class="textperma">Posted {TimeAgo} with <a href="{Permalink}">{NoteCountWithLabel}</a></p></div>
  693. <div class="textperma2"><p><a href="{ReblogURL}" target="_blank">Reblog</a></p></div>
  694. {/block:IndexPage}
  695. {block:PermalinkPage}
  696. <div class="titles">{Quote}</div>
  697. <center><b>- {Source}</b><center>
  698. {/block:PermalinkPage}
  699. {/block:Quote}
  700.  
  701. {block:Chat}
  702. {block:IndexPage}
  703. <div class="titles">{Title}</div>
  704. <div class="texts">
  705. <ul class="chat">
  706. {block:Lines}
  707. <li class="user_{UserNumber}">
  708. {block:Label}<i>{Label}</i>{/block:Label}
  709. {Line}</li>
  710. {/block:Lines}
  711. </ul>
  712. </div>
  713. <div class="textperma">Posted {TimeAgo} with <a href="{Permalink}">{NoteCountWithLabel}</a></p></div>
  714. <div class="textperma2"><p><a href="{ReblogURL}" target="_blank">Reblog</a></p></div>
  715. {/block:IndexPage}
  716. {block:PermalinkPage}
  717. <div class="titles">{Title}</div>
  718. <div class="texts">
  719. <ul class="chat">
  720. {block:Lines}
  721. <li class="user_{UserNumber}">
  722. {block:Label}<i>{Label}</i>{/block:Label}
  723. {Line}</li>
  724. {/block:Lines}
  725. </ul>
  726. </div>
  727. {/block:PermalinkPage}
  728. {/block:Chat}
  729.  
  730. {block:Audio}
  731. {block:IndexPage}
  732. <div id="wholemusic">
  733. <div id="player"><div id="playerr">{AudioPlayerWhite}</div></div>
  734. {block:AlbumArt}<div id="albumimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  735. <div id="caption"><p>
  736. <p>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}</p>
  737. <p>{block:TrackName}<b>Songs:</b> {TrackName}{/block:TrackName}</p>
  738. <p><b>Plays:</b> {PlayCount}</p>
  739. <p><b>Posted:</b> <a href="{ReblogURL}" target="_blank">{TimeAgo}</a></p>
  740. <p><b>Notes:</b> <a href="{Permalink}">{NoteCount}</a></p>
  741. </div>
  742. </div>
  743. {/block:IndexPage}
  744. {block:PermalinkPage}
  745. <div id="wholemusic">
  746. <div id="player"><div id="playerr">{AudioPlayerWhite}</div></div>
  747. {block:AlbumArt}<div id="albumimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  748. <div id="caption"><p>
  749. <p>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}</p>
  750. <p>{block:TrackName}<b>Songs:</b> {TrackName}{/block:TrackName}</p>
  751. <p><b>Plays:</b> {PlayCount}</p>
  752. <p><b>Posted:</b> <a href="{ReblogURL}" target="_blank">{TimeAgo}</a></p>
  753. <p><b>Notes:</b> <a href="{Permalink}">{NoteCount}</a></p>
  754. </div>
  755. </div>
  756. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  757. {/block:Audio}
  758.  
  759. {block:Video}
  760. {block:IndexPage}
  761. <center>{Video-300}</center>
  762. <div class="textperma">Posted {TimeAgo} with <a href="{Permalink}">{NoteCountWithLabel}</a></p></div>
  763. <div class="textperma2"><p><a href="{ReblogURL}" target="_blank">Reblog</a></p></div>
  764. {/block:IndexPage}
  765. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  766. {/block:Video}
  767.  
  768. {block:Answer}
  769. {block:IndexPage}
  770. <div class="wholeanswer">
  771. <div id="question">{Asker}: {Question}</div>
  772. </div>
  773. <div class="answer">{Answer}</div>
  774. <div class="textperma">Posted {TimeAgo} with <a href="{Permalink}">{NoteCountWithLabel}</a></p></div>
  775. <div class="textperma2"><p><a href="{ReblogURL}" target="_blank">Reblog</a></p></div>
  776. {/block:IndexPage}
  777. {block:PermalinkPage}
  778. <div class="wholeanswer">
  779. <div id="question">{Asker}: {Question}</div>
  780. </div>
  781. <div class="answer">{Answer}</div>
  782. {/block:PermalinkPage}
  783. {/block:Answer}
  784.  
  785. {block:Photoset}
  786. {block:IndexPage}
  787. <div class="perma"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/ycitmg1/zaxm3d770/relobg.png"></a></div>
  788. {Photoset-250}
  789. {block:Caption}<blockquote><small>{Caption}</small></blockquote>{/block:Caption}
  790. {/block:IndexPage}
  791. {block:PermalinkPage}
  792. {Photoset-500}
  793. {block:Caption}<blockquote>{Caption}</blockquote>{/block:Caption}
  794. {/block:PermalinkPage}
  795. {/block:Photoset}
  796.  
  797. {block:PostNotes}
  798. <p>{NoteCountWithLabel}</p>
  799. {block:HasTags}<p>{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</p>{/block:HasTags}
  800. <div id="postnotes">{PostNotes}</div><br>
  801. {/block:PostNotes}
  802.  
  803. </div>
  804. {/block:Posts}
  805. </div>
  806.  
  807. <div style="position: fixed; float: left; bottom: 2px; margin-left: 1250px; font-family: georgia; font-size: 13px; opacity: 0.5;"><a href="http://first-avenger.tumblr.com">FA</a></div>
  808.  
  809. </div>
create a new version of this paste RAW Paste Data