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

Aura

By: adessive on Jul 31st, 2012  |  syntax: None  |  size: 11.71 KB  |  hits: 5,387  |  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.     .       .                          
  6.    / \      |               o          
  7.   /___\  .-.| .-. .--..--.  ..    ._.-.
  8.  /     \(   |(.-' `--.`--.  | \  / (.-'
  9. '       ``-'`-`--'`--'`--'-' `-`'   `--'
  10. please do not delete any credits and/or
  11. redistribute the following code thank you -->
  12.  
  13. <head><title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}"/>
  22. {/block:Description}
  23.  
  24. <meta name="color:background" content="#fff"/>
  25. <meta name="color:primary" content="#5f5f5f"/>
  26. <meta name="color:secondary" content="#e9e9e9"/>
  27. <meta name="color:tertiary" content="#000"/>
  28. <meta name="color:link" content="#a8a8a8"/>
  29. <meta name="color:link hover" content="#000"/>
  30. <meta name="text:font size" content="12px"/>
  31. <meta name="text:title font size" content="20px"/>
  32. <meta name="font:body" content="courier new"/>
  33. <meta name="if:show rss" content="1"/>
  34. <meta name="if:image fade" content="1"/>
  35. <meta name="if:endless scrolling" content="0"/>
  36.  
  37. <style type="text/css">
  38. body {background:{color:background}; font-family:{font:body}; font-size:{text:font size}; text-align:justify; color:{color:primary};}
  39.  
  40. a {text-decoration:none; color:{color:link}; -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in; -o-transition:0.3s ease-in; transition:0.3s ease-in;}
  41. a:hover {color:{color:link hover};}
  42.  
  43. h3 {font-weight:bold; text-transform:none; margin-top:0px; margin-bottom:-8px;}
  44.  
  45. .all {padding-top:40px;} .wrap {margin:0px auto; padding-top:30px; {block:permalinkpage}width:500px;{/block:permalinkpage}} .posts {{block:permalinkpage}width:500px;{/block:permalinkpage} padding-left:8px; padding-bottom:30px;} .post {margin:10px; {block:indexpage}max-width:400px;{/block:indexpage} {block:permalinkpage}width:500px;{/block:permalinkpage} float:left; position:relative;}
  46.  
  47. .permalink {margin-top:5px; opacity:0; -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in; -o-transition:0.3s ease-in; transition:0.3s ease-in;} .post:hover .permalink {opacity:.8;}
  48.  
  49. .head {padding-left:25px; padding-right:25px; border-bottom:1px solid {color:secondary}; } .head a {font-size:9px; text-transform:uppercase;} #topfixed {position:fixed; z-index:2; background:{color:background}; top:0px; left:0px; width:100%;} .descrip {padding-left:25px; padding-right:25px; margin-top:1px; background:{color:secondary};} .divide {border-left:1px solid {color:secondary}; margin-left:20px; margin-right:20px; display:inline;}
  50.  
  51. #credit {position:fixed; bottom:0px; padding-right:25px; right:0px; z-index:8;} #credit a {font-size:9px; text-transform:uppercase; background:{color:background}; color:{color:tertiary};} #credit a:hover {background:{color:tertiary}; color:{color:secondary};}
  52.  
  53. .question {background:{color:secondary};} .arrow {margin-left:8px; border-color:{color:secondary} transparent transparent transparent; z-index:1; border-style:solid; border-width:7px; width:0; height:0;} .player {background:#000; {block:permalinkpage}width:500px;{/block:permalinkpage}} .notes {font-weight:bold; font-size:9px; text-transform:uppercase;}
  54. ol.notes {padding-left:40px; margin-top:10px; list-style-type:none; font-weight:normal; font-size:{text:font size}; text-transform:none;}
  55. ol.notes li.note {padding-top:2px; opacity:.8; -moz-transition:0.1s ease-in; -webkit-transition:0.1s ease-in; -o-transition:0.1s ease-in; transition:0.1s ease-in;} ol.notes li.note:hover {opacity:1;} ol.notes li.note img.avatar {width:14px; height:14px;}
  56.  
  57. .label {font-weight:bold; font-size:9px; font-family:{font:title};}
  58. ul, ol {margin-left:-40px!important; list-style:none; font-size:9px;}
  59.  
  60. img {border:0px; {block:ifimagefade}opacity:.8;{/block:ifimagefade} {block:permalinkpage}opacity:1;{/block:permalinkpage} -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in; -o-transition:0.3s ease-in; transition:0.3s ease-in;}
  61. {block:ifimagefade}{block:indexpage}img:hover {opacity:1;}{/block:indexpage}{/block:ifimagefade}
  62.  
  63. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  64. #infscr-loading {display:none;}
  65. .navigation{{block:ifendlessscrolling}display:none;{/block:ifendlessscrolling}{block:ifnotendlessscrolling}font-size:9px; width:100%; background:{color:background}; position:fixed; bottom:0px; padding-left:25px; left:0px; z-index:5; border-top:1px solid {color:secondary}; width:100%;{/block:ifnotendlessscrolling}} .navigation a {text-transform:uppercase; font-size:9px;}
  66.  
  67. ::-webkit-scrollbar{width:6px; height:6px;}
  68. ::-webkit-scrollbar-button:start:decrement
  69. ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:transparent;}
  70. ::-webkit-scrollbar-track-piece{background:{color:background};}
  71. ::-webkit-scrollbar-thumb:vertical{height:50px; background:#f9f9f9;}
  72. ::-webkit-scrollbar-thumb:horizontal{width:6px; background:#f9f9f9;} ::-webkit-scrollbar-thumb:horizontal:hover {width:6px; background:{color:secondary};} ::-webkit-scrollbar-thumb:vertical:hover {background:{color:secondary};}
  73.  
  74. iframe#tumblr_controls {position:fixed!important; margin-top:30px;}
  75.  
  76. {CustomCSS}
  77. </style>
  78.  
  79. <script src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  80. <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  81. {block:ifendlessscrolling}<script src="http://static.tumblr.com/twte3d7/H82lxkzfb/infinitescroll.js"></script>{/block:ifendlessscrolling}
  82.  
  83. <script>
  84. $(function(){
  85. var $container = $('.posts');
  86. $container.imagesLoaded(function(){
  87. $container.masonry({
  88. itemSelector: '.post',
  89. columnWidth: 220
  90. });
  91. });
  92. $container.infinitescroll({
  93. navSelector : '.navigation', // selector for the paged navigation
  94. nextSelector : '.navigation a#next', // selector for the NEXT link (to page 2)
  95. itemSelector : '.post', // selector for all items you'll retrieve
  96. loading: {
  97. finishedMsg: '<em></em>',
  98. }
  99. },
  100. // trigger Masonry as a callback
  101. function( newElements ) {
  102. // hide new items while they are loading
  103. var $newElems = $( newElements ).css({ opacity: 0 });
  104. // ensure that images load before adding to masonry layout
  105. $newElems.imagesLoaded(function(){
  106. // show elems now they're ready
  107. $newElems.animate({ opacity: 1 });
  108. $container.masonry( 'appended', $newElems, true );
  109. });
  110. }
  111. );
  112. });
  113. </script>
  114. </head>
  115.  
  116. <body>
  117.  
  118. <div id="credit"><a href="http://adessive.tumblr.com">Theme</a></div>
  119.  
  120. <div class="wrap"><div class="all"><div id="topfixed"><div class="head"><a href="/">{title}</a><div class="divide"></div><a href="/archive">{lang:Archive}</a><div class="divide"></div>{block:AskEnabled}<a href="/ask">Message</a><div class="divide"></div>{/block:AskEnabled}{block:SubmissionsEnabled}<a href="/submit">Submit</a><div class="divide"></div>{/block:SubmissionsEnabled}{block:IfShowRSS}<a href="{RSS}">RSS</a><div class="divide"></div>{/block:IfShowRSS}{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><div class="divide"></div>{/block:Pages}{/block:HasPages}</div>{block:description}<div class="descrip">{description}</div>{/block:description}</div>
  121.  
  122. <div class="posts">{block:Posts}<div class="post">{block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body}{block:indexpage}<div class="permalink">{block:date}<a href="{permalink}">{24Hour}:{Minutes}{AmPm}</a>{/block:date}</div>{/block:indexpage}{/block:Text}
  123.  
  124. {block:Photo}<div id="photo">{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}{block:IndexPage}<a href="{Permalink}">{block:Post1}<img src="{PhotoURL-400}">{/block:Post1}{block:Post2}<img src="{PhotoURL-500}" width="180px">{/block:Post2}{block:Post3}<img src="{PhotoURL-500}" width="180px">{/block:Post3}{block:Post4}<img src="{PhotoURL-500}" width="180px">{/block:Post4}{block:Post5}<img src="{PhotoURL-400}">{/block:Post5}{block:Post6}<img src="{PhotoURL-500}" width="180px">{/block:Post6}{block:Post7}<img src="{PhotoURL-500}" width="180px">{/block:Post7}{block:Post8}<img src="{PhotoURL-500}" width="180px">{/block:Post8}{block:Post9}<img src="{PhotoURL-500}" width="180px">{/block:Post9}{block:Post10}<img src="{PhotoURL-500}" width="180px">{/block:Post10}{block:Post11}<img src="{PhotoURL-500}" width="180px">{/block:Post11}{block:Post12}<img src="{PhotoURL-500}" width="180px">{/block:Post12}{block:Post13}<img src="{PhotoURL-500}" width="180px">{/block:Post13}{block:Post14}<img src="{PhotoURL-500}" width="180px">{/block:Post14}{block:Post15}<img src="{PhotoURL-500}" width="180px">{/block:Post15}{/block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/>{/block:PermalinkPage}</div>{/block:Photo}
  125.  
  126. {block:Photoset}{block:IndexPage}{Photoset-250}<div class="permalink">{block:date}<a href="{permalink}">{24Hour}:{Minutes}{AmPm}</a>{/block:date}</div>{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:Photoset}
  127.  
  128. {block:Quote}{Quote}{block:Source}<div style="opacity:.5; margin-bottom:10px;">{Source}</div>{/block:Source}{block:indexpage}<div class="permalink">{block:date}<a href="{permalink}">{24Hour}:{Minutes}{AmPm}</a>{/block:date}</div>{/block:indexpage}{/block:Quote}
  129.  
  130. {block:Link}<h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>{block:Description}<div class="description">{Description}</div>{/block:Description}{block:indexpage}<div class="permalink">{block:date}<a href="{permalink}">{24Hour}:{Minutes}{AmPm}</a>{/block:date}</div>{/block:indexpage}{/block:Link}
  131.  
  132. {block:Chat}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/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}</ul>{block:indexpage}<div class="permalink">{block:date}<a href="{permalink}">{24Hour}:{Minutes}{AmPm}</a>{/block:date}</div>{/block:indexpage}{/block:Chat}
  133.  
  134. {block:Video}{block:indexpage}{Video-250}{/block:indexpage}{block:permalinkpage}{Video-500}{/block:permalinkpage}{block:indexpage}<div class="permalink">{block:date}<a href="{permalink}">{24Hour}:{Minutes}{AmPm}</a>{/block:date}</div>{/block:indexpage}{/block:Video}
  135.  
  136. {block:Audio}<div class="player">{AudioPlayerBlack}</div>{block:Caption}<div class="caption">{caption}</div>{/block:Caption}{block:indexpage}<div class="permalink">{block:date}<a href="{permalink}">{24Hour}:{Minutes}{AmPm}</a>{/block:date}</div>{/block:indexpage}{/block:Audio}
  137.  
  138. {block:Answer}<div class="question">{Asker}: {Question}</div><div style="position:absolute; margin-top:0px;"><div class="arrow"></div></div>{answer}{block:indexpage}<div class="permalink">{block:date}<a href="{permalink}">{24Hour}:{Minutes}{AmPm}</a>{/block:date}</div>{/block:indexpage}{/block:Answer}
  139.  
  140. {block:PermalinkPage}<div class="notes">{block:caption}{caption}{/block:caption}<br>Posted {block:Date}{ShortDayOfWeek} {ShortMonth} {DayOfMonthWithZero} at {12Hour}:{Minutes}{AmPm}{/block:Date} with {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}</div>{/block:Posts}</div>
  141.  
  142. {block:indexpage}<div class="navigation">{block:Pagination}{block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span><div class="divide"></div>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a><div class="divide"></div>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" id="next">Next</a>{/block:NextPage}{/block:Pagination}</div>{/block:indexpage}</div></div></body></html>
create a new version of this paste RAW Paste Data