API tools faq
paste
Advertisement
themesbygeorgia

Theme #55 - Seafoam

themesbygeorgia
Jan 23rd, 2016
4,057
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.64 KB | None | 0 0
raw download clone embed print report
  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. <head>
  4.  
  5. <!--Theme #55 - Seafoam by wonderfullythemes
  6. please don't intefere with the credit or break any of my rules, thanks!-->
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  14. <script>
  15. $(document).ready(function(){
  16.  
  17. $(".about").click(function(){
  18. $(".description").fadeToggle("slow");
  19. $(".morelinks").fadeOut("slow");
  20. });
  21.  
  22. $(".map").click(function(){
  23. $(".morelinks").fadeToggle("slow");
  24. $(".description").fadeOut("slow");
  25. });
  26.  
  27. });
  28. </script>
  29.  
  30.  
  31. <!--INFINITE SCROLL-->
  32. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  33.  
  34. <!--MASONRY -->
  35. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  36.  
  37. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  38.  
  39.  
  40. <stsss>
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42. <script>
  43. (function($){
  44. $(document).ready(function(){
  45. $("a[title]").style_my_tooltips({
  46. tip_follows_cursor:true,
  47. tip_delay_time:200,
  48. tip_fade_speed:300,
  49. attribute:"title"
  50. });
  51. });
  52. })(jQuery);
  53. </script>
  54.  
  55.  
  56. {block:IndexPage}
  57. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  58. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  59.  
  60. <script type="text/javascript">
  61. $(window).load(function(){
  62. var $wall = $('#entries');
  63. $wall.imagesLoaded(function(){
  64. $wall.masonry({
  65. itemSelector: '#post, #post_photo',
  66. isAnimated : false
  67. });
  68. });
  69.  
  70. $wall.infinitescroll({
  71. navSelector : '#pagination',
  72. nextSelector : '#pagination a',
  73. itemSelector : '#post, #post_photo',
  74. bufferPx : 2000,
  75. debug : false,
  76. errorCallback: function() {
  77. $('#scroll').fadeOut('normal');
  78. }},
  79. function( newElements ) {
  80. var $newElems = $( newElements );
  81. $newElems.hide();
  82. $newElems.imagesLoaded(function(){
  83. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  84. });
  85. }); $('#entries').show(500);
  86. });
  87. </script>
  88. {/block:IndexPage}
  89.  
  90. <meta name="color:Background" content="#fff" />
  91. <meta name="color:Link" content="#1bcc5c" />
  92. <meta name="color:Hover" content="#444" />
  93. <meta name="color:Text" content="#444" />
  94. <meta name="color:NavLinks" content="#fff" />
  95. <meta name="color:NavLinks BG" content="#000" />
  96. <meta name="color:NavLinks Hover" content="#000" />
  97. <meta name="color:NavLinks BG Hover" content="#fff" />
  98. <meta name="color:Description Text" content="#444" />
  99. <meta name="color:Description Background" content="#fff" />
  100. <meta name="color:MoreLinks" content="#ccc" />
  101. <meta name="color:MoreLinks BG" content="#444" />
  102. <meta name="color:MoreLinks Hover" content="#ccc" />
  103. <meta name="color:MoreLinks BG Hover" content="#444" />
  104. <meta name="color:Footer Background" content="#ddd" />
  105. <meta name="color:Footer Text" content="#444" />
  106. <meta name="color:NoteCount BG" content="#000" />
  107. <meta name="color:NoteCount Border" content="#000" />
  108. <meta name="color:NoteCount Link" content="#fff" />
  109. <meta name="color:NoteCount Hover" content="#fff" />
  110. <meta name="color:Scrollbar" content="#444" />
  111. <meta name="color:Tooltip Background" content="#000" />
  112. <meta name="color:Tooltip Text" content="#fff" />
  113.  
  114. <meta name="image:Sidebar" content="" />
  115.  
  116. <meta name="if:CustomCursor" content="1" />
  117. <meta name="if:OneColumn" content="0" />
  118. <meta name="if:ThreeColumns" content="0" />
  119.  
  120. <meta name="text:Link1" content="/" />
  121. <meta name="text:Link1 Text" content="Link one" />
  122. <meta name="text:Link2" content="/" />
  123. <meta name="text:Link2 Text" content="Link two" />
  124. <meta name="text:Link3" content="/" />
  125. <meta name="text:Link3 Text" content="Link three" />
  126. <meta name="text:Link4" content="/" />
  127. <meta name="text:Link4 Text" content="Link four" />
  128.  
  129.  
  130. <style type="text/css">
  131.  
  132. html {
  133. {block:IfCustomCursor}
  134. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  135. {/block:IfCustomCursor}
  136. }
  137.  
  138. ::-webkit-scrollbar-thumb {
  139. height:auto;
  140. background-color:{color:Scrollbar};
  141. }
  142.  
  143. ::-webkit-scrollbar {
  144. height:4px;
  145. width:8px;
  146. padding-right:2px;
  147. background-color:transparent;
  148. }
  149.  
  150.  
  151. #s-m-t-tooltip {
  152. max-width:200px;
  153. font-family:'calibri';
  154. font-size:10px;
  155. background-color:{color:Tooltip Background};
  156. color:{color:Tooltip Text};
  157. line-height:10px;
  158. display:none;
  159. position:absolute;
  160. letter-spacing:1px;
  161. text-transform:uppercase;
  162. padding:8px;
  163. margin:15px 0px 0px 15px;
  164. z-index:99999999999999;
  165. }
  166.  
  167. body {
  168. background-color:{color:Background};
  169. color:{color:Text};
  170. font-family:'corbel';
  171. font-size:11px;
  172. text-decoration:none;
  173. text-transform:none;
  174. margin:0px;
  175. {block:IfCustomCursor}
  176. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  177. {/block:IfCustomCursor}
  178. }
  179.  
  180. a {
  181. color:{color:Link};
  182. text-decoration:none;
  183. -moz-transition-duration:0.7s;
  184. -webkit-transition-duration:0.7s;
  185. -o-transition-duration:0.7s;
  186. }
  187.  
  188. a:hover {
  189. {block:IfCustomCursor}
  190. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  191. {/block:IfCustomCursor}
  192. color:{color:Hover};
  193. -moz-transition-duration:0.7s;
  194. -webkit-transition-duration:0.7s;
  195. -o-transition-duration:0.7s;
  196. }
  197.  
  198. h1 {
  199. margin:0;
  200. padding:0;
  201. }
  202.  
  203. h2 {
  204. margin:0;
  205. padding:0;
  206. font-family:arial black;
  207. color:{color:Link};
  208. }
  209.  
  210. h2 a {
  211. color:{color:Link};
  212. }
  213.  
  214. li {
  215. list-style:square;
  216. }
  217.  
  218. blockquote {
  219. border-left:1px solid {color:Text};
  220. padding-left:10px;
  221. margin-left:5px;
  222. }
  223.  
  224. img, blockquote, li, h2 {
  225. max-width:100%;
  226. }
  227.  
  228. /*--SIDEBAR--*/
  229. #sidebar {
  230. width:175px;
  231. height:175px;
  232. position:fixed;
  233. margin-top:250px;
  234. margin-left:100px;
  235. }
  236.  
  237. /* Effect 12: circle */
  238. .cl-effect-12 a::before,
  239. .cl-effect-12 a::after {
  240. position: absolute;
  241. top: 50%;
  242. left: 50%;
  243. width: 20px;
  244. height: 20px;
  245. border: 2px solid rgba(0,0,0,0.2);
  246. border-radius: 50%;
  247. content: '';
  248. opacity: 0;
  249. -webkit-transition: -webkit-transform 0.7s, opacity 0.7s;
  250. -moz-transition: -moz-transform 0.7s, opacity 0.7s;
  251. transition: transform 0.7s, opacity 0.7s;
  252. -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
  253. -moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
  254. transform: translateX(-50%) translateY(-50%) scale(0.2);
  255. }
  256.  
  257. .cl-effect-12 a::after {
  258. width: 30px;
  259. height: 30px;
  260. border-width: 4px;
  261. -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
  262. -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
  263. transform: translateX(-50%) translateY(-50%) scale(0.8);
  264. }
  265.  
  266. .cl-effect-12 a:hover::before,
  267. .cl-effect-12 a:hover::after,
  268. .cl-effect-12 a:focus::before,
  269. .cl-effect-12 a:focus::after {
  270. opacity: 1;
  271. -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  272. -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  273. transform: translateX(-50%) translateY(-50%) scale(1);
  274. }
  275.  
  276. .title {
  277. position:absolute;
  278. width:217px;
  279. font-family:'corbel';
  280. margin-top:10px;
  281. font-size:14px;
  282. letter-spacing:4px;
  283. line-height:20px;
  284. text-align:center;
  285. text-transform:uppercase;
  286. }
  287.  
  288. .sidebarpic img {
  289. width:175px;
  290. height:175px;
  291. }
  292.  
  293. .links {
  294. height:175px;
  295. font-family:'calibri';
  296. position:absolute;
  297. width:43px;
  298. left:175px;
  299. }
  300.  
  301. .links a {
  302. padding:15.2px;
  303. background:{color:NavLinks BG};
  304. color:{color:NavLinks};
  305. display:block;
  306. }
  307.  
  308. .links a:hover {
  309. background:{color:NavLinks BG Hover};
  310. color:{color:NavLinks Hover};
  311. }
  312.  
  313. .about:hover {cursor:crosshair;}
  314. .map:hover {cursor:crosshair;}
  315.  
  316. .description {
  317. padding:20px;
  318. position:absolute;
  319. top:0;
  320. max-height:135px;
  321. overflow-y:scroll;
  322. font-size:11px;
  323. background: {color:Description Background};
  324. display:none;
  325. color:{color:Description Text};
  326. -moz-transition-duration:0.7s;
  327. -webkit-transition-duration:0.7s;
  328. -o-transition-duration:0.7s;
  329. }
  330.  
  331. .morelinks {
  332. font-family:'calibri';
  333. width:175px;
  334. position:absolute;
  335. padding:0px;
  336. top:0;
  337. max-height:175px;
  338. display:none;
  339. }
  340.  
  341. .morelinks a {
  342. letter-spacing:2px;
  343. text-transform:uppercase;
  344. padding:15.2px;
  345. display:block;
  346. background:{color:MoreLinks BG};
  347. color:{color:MoreLinks};
  348. }
  349.  
  350. .morelinks a:hover {
  351. padding-left:30px;
  352. color:{color:MoreLinks Hover};
  353. background:{color:MoreLinks BG Hover};
  354. }
  355.  
  356. /*--POSTS--*/
  357. #entries {
  358. width:700px;
  359. margin:auto;
  360. position:relative;
  361. top:30px;
  362. left:350px;
  363. float:left;
  364. {block:IfOneColumn}
  365. width:300px;
  366. {/block:IfOneColumn}
  367. {block:IfThreeColumns}
  368. width:1000px;
  369. {/block:IfThreeColumns}
  370. }
  371.  
  372. #post {
  373. width:250px;
  374. margin-bottom:0px;
  375. padding:30px;
  376. {block:IfOneColumn}
  377. margin-bottom:20px;
  378. {/block:IfOneColumn}
  379. }
  380.  
  381. /*--POST TYPES--*/
  382. .user {
  383. position:relative;
  384. text-transform:uppercase;
  385. letter-spacing:1px;
  386. margin-bottom:10px;
  387. }
  388.  
  389. .user a {
  390. padding:7px;
  391. background:{color:NavLinks BG};
  392. color:{color:NavLinks};
  393. }
  394.  
  395. .question {
  396. padding-left:20px;
  397. position:relative;
  398. max-width:100%;
  399. }
  400.  
  401. .answer {
  402. text-align:left;
  403. margin-top:20px;
  404. max-width:100%;
  405. padding-bottom:5px;
  406. }
  407.  
  408. .mark {
  409. text-align:left;
  410. font-family:georgia;
  411. font-size:50px;
  412. color:{color:Link};
  413. }
  414.  
  415. .words {
  416. margin-top:-30px;
  417. text-indent:15px;
  418. font-size:12px;
  419. font-style:italic;
  420. }
  421.  
  422. .playerbuttonbg {
  423. position: absolute;
  424. left: 20px;
  425. top: 20px;
  426. width: 19px;
  427. height: 19px;
  428. background-color: #000;
  429. padding: 10px;
  430. opacity: .4;
  431. filter: alpha(opacity=40);
  432. -moz-opacity: 0.4;
  433. -khtml-opacity: 0.4;
  434. transition: opacity .7s ease-in-out;
  435. -moz-transition: opacity .7s ease-in-out;
  436. -webkit-transition: opacity .7s ease-in-out;
  437. }
  438.  
  439. .playerbuttonbg:hover {
  440. opacity: 1;
  441. filter: alpha(opacity=100);
  442. -moz-opacity: 1;
  443. -khtml-opacity: 1;
  444. }
  445.  
  446. .newplayerbutton {
  447. position: relative;
  448. width: 19px;
  449. height: 19px;
  450. overflow: hidden;
  451. }
  452.  
  453. .playerbuttonhug {
  454. position: absolute;
  455. top: -18px;
  456. left: -13px;
  457. }
  458.  
  459. .tumblr_audio_player {
  460. height: 54px;
  461. width: 200px;
  462. -moz-transform: scale(0.60, 0.60);
  463. -webkit-transform: scale(0.60, 0.60);
  464. -o-transform: scale(0.60, 0.60);
  465. -ms-transform: scale(0.60, 0.60);
  466. transform: scale(0.60, 0.60);
  467. -moz-transform-origin: top left;
  468. -webkit-transform-origin: top left;
  469. -o-transform-origin: top left;
  470. -ms-transform-origin: top left;
  471. transform-origin: top left;
  472. }
  473.  
  474. .audioimgwrapper {
  475. position: absolute;
  476. left: 0px;
  477. top: 0px;
  478. overflow: hidden;
  479. width: 79px;
  480. height: 79px;
  481. }
  482.  
  483. .audioimgwrapper img {
  484. width: 100%;
  485. height: auto;
  486. }
  487.  
  488. .trackdetails {
  489. width: auto;
  490. display:inline-block;
  491. margin-left: 90px;
  492. min-height: 85px;
  493. }
  494.  
  495. .audiowrapper {
  496. position: relative;
  497. display:inline-block;
  498. }
  499.  
  500. /*--from two column base code. link on my main blog--*/
  501.  
  502. .video-container {
  503. position:relative;
  504. padding-bottom:56.25%;
  505. padding-top: 30px;
  506. height:0;
  507. overflow:hidden;}
  508.  
  509. .video-container iframe,
  510. .video-container object,
  511. .video-container embed {
  512. position: absolute;
  513. top: 0;
  514. left: 0;
  515. width: 100%;
  516. height: 100%;}
  517.  
  518. .chat {
  519. line-height:12px;
  520. }
  521.  
  522. .chat ul {
  523. padding:0px 5px;
  524. line-height:15px;
  525. }
  526.  
  527. .chat li {
  528. list-style:none;
  529. }
  530.  
  531. .label{
  532. color:{color:Link};
  533. text-transform:uppercase;
  534. letter-spacing:1px;
  535. font-size:10px;
  536. font-family:'calibri';
  537. }
  538.  
  539. {block:IfInfiniteScroll}
  540. #scroll{
  541. bottom:-20px;
  542. position: absolute;
  543. left: 50%;
  544. width:10px;
  545. height:5px;
  546. overflow:hidden;
  547. margin-bottom:80px;}
  548. {/block:IfInfiniteScroll}
  549.  
  550. /*--INFO AND TAGS--*/
  551. .wowpost {
  552. moz-transition-duration:0.7s;
  553. -webkit-transition-duration:0.7s;
  554. -o-transition-duration:0.7s;
  555. }
  556.  
  557. {block:IndexPage}
  558. #post:hover .wowpost {
  559. opacity:.4;
  560. moz-transition-duration:0.7s;
  561. -webkit-transition-duration:0.7s;
  562. -o-transition-duration:0.7s;
  563. }
  564. {/block:IndexPage}
  565.  
  566. #post:hover #info {
  567. opacity:1;
  568. -moz-transition-duration:0.7s;
  569. -webkit-transition-duration:0.7s;
  570. -o-transition-duration:0.7s;
  571. }
  572.  
  573. #info {
  574. font-family:'calibri';
  575. opacity:0;
  576. position:absolute;
  577. top:50%;
  578. left:50%;
  579. margin-left:-40px;
  580. margin-top:-10px;
  581. z-index:2000;
  582. letter-spacing:1px;
  583. text-transform:uppercase;
  584. font-style:none;
  585. font-size:9px;
  586. color:{color:Text};
  587. -moz-transition-duration:0.7s;
  588. -webkit-transition-duration:0.7s;
  589. -o-transition-duration:0.7s;
  590. width:250px;
  591. }
  592.  
  593. .heart {
  594. padding:5px;
  595. background-color:{color:NoteCount BG};
  596. border:1px solid {color:NoteCount Border};
  597. width:70px;
  598. text-align:center;
  599. }
  600.  
  601. .heart a {
  602. color:{color:NoteCount Link};
  603. }
  604.  
  605. .heart a:hover {
  606. text-decoration:none;
  607. color:{color:NoteCount Hover};
  608. }
  609.  
  610. #perma {
  611. font-size:10px;
  612. margin-top:10px;
  613. background-color:{color:Footer Background};
  614. color:{color:Footer Text};
  615. padding:10px;
  616. width:230px;
  617. text-transform:uppercase;
  618. font-family:'calibri';
  619. letter-spacing:1px;
  620. }
  621.  
  622. #footer {
  623. background:{color:Footer Background};
  624. margin-top:5px;
  625. width:240px;
  626. letter-spacing:2px;
  627. font-size:10px;
  628. font-family:'calibri';
  629. padding:7px;
  630. position:absolute;
  631. text-transform:uppercase;
  632. color:{color:Footer Text};
  633. -moz-transition-duration:0.7s;
  634. -webkit-transition-duration:0.7s;
  635. -o-transition-duration:0.7s;
  636. }
  637.  
  638. #post:hover #footer {
  639. background-color:{color:Footer Background};
  640. color:{color:Footer Text};
  641. -moz-transition-duration:0.7s;
  642. -webkit-transition-duration:0.7s;
  643. -o-transition-duration:0.7s;
  644. }
  645.  
  646. /*--PAGINATION--*/
  647. #pagination {
  648. margin-bottom:60px;
  649. font-family:'calibri';
  650. text-align:center;
  651. width:100%;
  652. font-size:11px;
  653. text-transform:uppercase;
  654. line-height:10px;
  655. }
  656.  
  657. #pagination a {
  658. color:{color:Link};
  659. }
  660.  
  661. /*--CREDIT--*/
  662. #spectrum {
  663. bottom:9px;
  664. right:7px;
  665. font-size:8px;
  666. font-family:'calibri';
  667. letter-spacing:1px;
  668. text-transform:uppercase;
  669. position:fixed;
  670. }
  671.  
  672. #scroll{
  673. bottom:-20px;
  674. position: absolute;
  675. left: 50%;
  676. width:10px;
  677. height:5px;
  678. overflow:hidden;
  679. margin-bottom:80px;
  680. }
  681.  
  682. {CustomCSS}</style></head><body>
  683.  
  684. <div id="sidebar">
  685. <div class="links">
  686. <a href="/ask" title="ask">01.</a>
  687. <a class="about" title="about">02.</a>
  688. <a class="map" title="links">03.</a>
  689. <a href="/archive" title="archive">04.</a>
  690. </div>
  691. <div class="sidebarpic"><img src="{image:Sidebar}" /></div>
  692.  
  693. <div class="description">{Description}</div>
  694.  
  695. <div class="morelinks">
  696. <a href="{text:Link1}">{text:Link1 Text}</a>
  697. <a href="{text:Link2}">{text:Link2 Text}</a>
  698. <a href="{text:Link3}">{text:Link3 Text}</a>
  699. <a href="{text:Link4}">{text:Link4 Text}</a>
  700. </div>
  701.  
  702. <div class="title">
  703. <nav class="cl-effect-12">
  704. <a href="/" title="refresh">{Title}</a>
  705. </nav>
  706. </div>
  707. </div>
  708.  
  709. <div id="entries">{block:Posts}
  710. {block:ContentSource}
  711. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  712. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  713. {/block:SourceLogo}
  714. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  715. {/block:ContentSource}
  716. <div id="post">
  717.  
  718. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}
  719.  
  720. {block:IndexPage}
  721. <div id="footer">
  722. {block:Date}posted <a href="{Permalink}" {block:NoteCount}title="{NoteCountWithLabel}"{/block:NoteCount}>{TimeAgo}</a>{/block:Date} | <a href="{ReblogURL}">reblog</a></div>
  723. {/block:IndexPage}
  724.  
  725. {/block:Text}
  726.  
  727. {block:Photo}{block:IndexPage}
  728.  
  729. <div class="wowpost"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></div>
  730.  
  731. <div id="info">
  732. {block:NoteCount}
  733. <div class="heart">
  734. <a href="{Permalink}" title="{block:Date}Posted {TimeAgo}{/block:Date}">{NoteCountWithLabel}</a>
  735. </div>
  736. {/block:NoteCount}
  737. </div>
  738.  
  739. {/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</a>{/block:Photo}
  740.  
  741. {block:Photoset}{block:IndexPage}
  742.  
  743. <div class="wowpost">
  744. {Photoset-250}</div>
  745.  
  746. <div id="info">
  747. {block:NoteCount}
  748. <div class="heart">
  749. <a href="{Permalink}" title="{block:Date}Posted {TimeAgo}{/block:Date}">{NoteCountWithLabel}</a>
  750. </div>
  751. {/block:NoteCount}
  752. </div>
  753.  
  754. {/block:IndexPage}
  755. {block:PermalinkPage}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  756.  
  757. {block:Quote}
  758. <div class="mark">&#147;</div>
  759. <div class="words">{Quote}</div>
  760. <div style="margin-top:-15px;text-align:right;font-size:50px;font-family:georgia;float:right;color:{color:Link}">&#148;</div>
  761. {block:Source}<br><br> —{Source}{/block:Source}
  762.  
  763. {block:IndexPage}
  764. <div id="footer">
  765. {block:Date}Posted <a href="{Permalink}" {block:NoteCount}title="{NoteCountWithLabel}"{/block:NoteCount}>{TimeAgo}</a>{/block:Date} | <a href="{ReblogURL}">reblog</a></div>
  766. {/block:IndexPage}
  767.  
  768. {/block:Quote}
  769.  
  770. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{block:IndexPage}
  771. <div id="footer">
  772. {block:Date}posted <a href="{Permalink}" {block:NoteCount}title="{NoteCountWithLabel}"{/block:NoteCount}>{TimeAgo}</a>{/block:Date} | <a href="{ReblogURL}">reblog</a></div>
  773. {/block:IndexPage}{/block:Link}
  774.  
  775. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ul>{block:Lines}
  776. <li class="person{UserNumber}">{block:Label}
  777. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}
  778. <div id="footer">
  779. {block:Date}Posted <a href="{Permalink}" {block:NoteCount}title="{NoteCountWithLabel}"{/block:NoteCount}>{TimeAgo}</a>{/block:Date} | <a href="{ReblogURL}">reblog</a></div>
  780. {/block:IndexPage}{/block:Chat}
  781.  
  782. {block:Audio}
  783. {block:AudioPlayer}
  784. <div class="audiowrapper">
  785. {block:AlbumArt}
  786. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  787. {/block:AlbumArt}
  788.  
  789. <div class="playerbuttonbg">
  790. <div class="newplayerbutton">
  791. <div class="playerbuttonhug">
  792.  
  793. {AudioPlayerBlack}
  794.  
  795. </div>
  796. </div>
  797. </div>
  798.  
  799. <div class="trackdetails">
  800.  
  801. {block:TrackName} {TrackName}</a><br>{/block:TrackName}
  802. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  803. {block:Album}Album: {Album}<br>{/block:Album}
  804. {PlayCountWithLabel}
  805.  
  806. </div>
  807. </div>
  808. {/block:AudioPlayer}
  809.  
  810. {block:IndexPage}
  811. <div id="footer">
  812. {block:Date}Posted <a href="{Permalink}" {block:NoteCount}title="{NoteCountWithLabel}"{/block:NoteCount}>{TimeAgo}</a>{/block:Date} | <a href="{ReblogURL}">reblog</a></div>
  813. {/block:IndexPage}
  814. {/block:Audio}
  815.  
  816. {block:Video}{block:IndexPage}<div class="video-container">{Video-250}</div>
  817.  
  818. <div id="info">
  819. {block:NoteCount}
  820. <div class="heart">
  821. <a href="{Permalink}" title="{block:Date}Posted {TimeAgo}{/block:Date}">{NoteCountWithLabel}</a>
  822. </div>
  823. {/block:NoteCount}
  824. </div>
  825.  
  826. {/block:IndexPage}
  827. {block:PermalinkPage}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Video}
  828.  
  829. {block:Answer}
  830. <div class="user">{Asker}</div>
  831. <div class="question">{Question}</div>
  832.  
  833. <div class="answer">{Answer}</div>
  834.  
  835. {block:IndexPage}
  836. <div id="footer">
  837. {block:Date}Posted <a href="{Permalink}" {block:NoteCount}title="{NoteCountWithLabel}"{/block:NoteCount}>{TimeAgo}</a>{/block:Date} | <a href="{ReblogURL}">reblog</a></div>
  838. {/block:IndexPage}
  839. {/block:Answer}
  840.  
  841.  
  842.  
  843. {block:PermalinkPage}
  844. <div id="perma">
  845. {block:Date}Posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date} {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  846. {block:RebloggedFrom}<br> +<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp;{/block:RebloggedFrom}
  847. {block:RebloggedFrom} +<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
  848.  
  849. <br>
  850.  
  851. {block:HasTags}Filed under: {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  852.  
  853.  
  854. </div>
  855. {/block:PermalinkPage}
  856.  
  857. </div>
  858.  
  859. {block:PostNotes}{PostNotes}{/block:PostNotes}
  860.  
  861.  
  862.  
  863.  
  864. {/block:Posts}
  865.  
  866. </div>
  867.  
  868.  
  869. <div id="spectrum">
  870. <a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes">theme</a>
  871. </div>
  872.  
  873. {block:IndexPage}
  874. {block:Pagination}
  875. <div id="pagination">
  876. {block:NextPage}
  877. <a id="nextPage" href="{NextPage}"></a>
  878. {/block:NextPage}
  879. {block:PreviousPage}
  880. <a href="{PreviousPage}"></a>
  881. {/block:PreviousPage}
  882. </div>
  883. {/block:Pagination}
  884. {/block:IndexPage}
  885.  
  886.  
  887. </body>
  888. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!