Advertisement
adessive

Elevated

Jul 12th, 2012
8,079
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.03 KB | None | 0 0
  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. Inspired by "Syndex" marckremers -->
  14.  
  15. <head><title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}"/>
  24. {/block:Description}
  25.  
  26. <meta name="color:background" content="#fff"/>
  27. <meta name="color:primary" content="#222"/>
  28. <meta name="color:secondary" content="#f1f1f1"/>
  29. <meta name="color:tertiary" content="#000"/>
  30. <meta name="color:link" content="#636363"/>
  31. <meta name="color:link hover" content="#000"/>
  32. <meta name="color:text post background" content="#222"/>
  33. <meta name="color:text post color" content="#f0f0f0"/>
  34. <meta name="text:font size" content="11px"/>
  35. <meta name="font:body" content="courier new"/>
  36. <meta name="text:photo max height" content="150px"/>
  37. <meta name="text:photo max width" content="220px"/>
  38. <meta name="text:text width" content="200px"/>
  39. <meta name="text:text heighth" content="150px"/>
  40. <meta name="if:show rss" content="1"/>
  41. <meta name="if:image fade" content="1"/>
  42. <meta name="if:rounded borders" content="1"/>
  43. <meta name="if:endless scrolling" content="0"/>
  44.  
  45. <style type="text/css">
  46. body {background:{color:background}; font-family:{font:body}; font-size:{text:font size}; text-align:justify; color:{color:primary};}
  47.  
  48. 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;}
  49. a:hover {color:{color:link hover};}
  50.  
  51. h3 {font-weight:bold; font-family:{font:title}; text-transform:none; margin-top:0px; margin-bottom:-5px; color:#ccc;}
  52.  
  53. #head {background:{color:background}; border-bottom:1px solid {color:secondary}; padding:4px 4px 4px 15px; top:0px; left:0px; width:100%; position:fixed; z-index:2;}
  54.  
  55. #wrap {margin:0px auto;} .posts {{block:description}padding-left:78px;{/block:description} padding-top:18px;} .post {position:relative; float:left; margin:12px; {block:indexpage}overflow:hidden;{/block:indexpage}} .texts {width:{block:indexpage}{text:text width}{/block:indexpage}{block:permalinkpage}800px{/block:permalinkpage}; {block:indexpage}height:{text:text heighth}; overflow:hidden;{/block:indexpage} padding:4px;} .photo {{block:indexpage}max-height:{text:photo max height}; max-width:{text:photo max width};{/block:indexpage}{block:permalinkpage}width:500px;{/block:permalinkpage};}
  56.  
  57. {block:indexpage}{block:ifimagefade}.perma:hover {opacity:.9;}{/block:ifimagefade} .perma {{block:ifroundedborders}-moz-border-radius:3px; border-radius:3px;{/block:ifroundedborders} position:absolute; width:100%; height:100%; top:0px; left:0px; background:{color:text post background}; opacity:1; filter:alpha(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; z-index:1;} .p1 {width:100%; color:{color:text post color}; text-align:center; overflow:hidden; font-weight:normal;} .p1 a {color:color:{color:text post color};} .p2 {width:100%; height:100%;}{/block:indexpage} .p1 a {color:{color:text post color};} {block:permalinkpage}.perma {display:none;}{/block:permalinkpage}
  58.  
  59. .permalink {margin-top:12px; display:inline-block; font-weight:bold; opacity:.7; -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in; -o-transition:0.3s ease-in; transition:0.3s ease-in;}
  60.  
  61. .pagn {font-size:80px; position:fixed; left:0px; top:50%; z-index:2;} .pagn2 {font-size:80px; position:fixed; right:0px; top:50%; z-index:2;}
  62. .links {color:{color:primary}; padding:4px; font-size:12px;}
  63.  
  64. #credit {position:fixed; bottom:10px; margin-right:5px; right:0px; z-index:4;} #credit a {padding:4px; font-size:10px; background:{color:secondary}; color:{color:tertiary};} #credit a:hover {background:{color:tertiary}; color:{color:secondary};}
  65.  
  66. .hov4des {{block:ifroundedborders}-moz-border-radius-bottomright:3px;
  67. border-bottom-right-radius:3px; -moz-border-radius-bottomleft:3px;
  68. border-bottom-left-radius:3px;{/block:ifroundedborders} background:{color:tertiary}; color:{color:secondary}; padding:5px; text-transform:uppercase; font-size:9px; display:inline-block; cursor:default;} .info {position:fixed; top:24px; left:20px; z-index:3;}
  69. .descrip {{block:ifroundedborders}-moz-border-radius-bottomright:3px;
  70. border-bottom-right-radius:3px; -moz-border-radius-bottomleft:3px;
  71. border-bottom-left-radius:3px;{/block:ifroundedborders} background:{color:secondary}; width:550px; padding:2px; opacity:0; left:72px; margin-top:-22px; margin-left:78px; -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in; -o-transition:0.3s ease-in; transition:0.3s ease-in;} .info:hover .descrip {opacity:1;}
  72.  
  73. .permcaption {margin-top:-8px; margin-bottom:20px; padding-left:20px;}
  74. .caption {margin-top:-8px; font-size:10px;}
  75. .player {background:#fff; border:1px solid {color:secondary}; width:{block:indexpage}{text:text width}{/block:indexpage}{block:permalinkpage}500px{/block:permalinkpage}; overflow:hidden;}
  76. #albumart {position:absolute; padding:4px; top:0px; left:0px; width:100%; height:100%; overflow:hidden;}
  77. .notes {padding-left:30px; padding-top:20px; font-size:9px; width:500px;}
  78. .notes img {display:none;}
  79. ol.notes {padding-left:38px; margin-top:8px; list-style-type:none; font-weight:normal; font-size:{text:font size}; text-transform:none;}
  80. 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:8px; height:8px;}
  81.  
  82. .nav td {padding-right:12px;}
  83. .label {font-weight:bold; font-size:9px; font-family:{font:title};}
  84. ul, ol {margin-left:-40px!important; list-style:none; font-size:9px;}
  85.  
  86. img {border:0px; {block:ifroundedborders}-moz-border-radius:3px; border-radius:3px;{/block:ifroundedborders} {block:indexpage}max-height:{text:photo max height}; max-width:{text:photo max width};{/block:indexpage} {block:permalinkpage}padding:20px;{/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;}
  87. {block:ifimagefade}{block:indexpage}img:hover {opacity:.5;}{/block:indexpage}{/block:ifimagefade}
  88.  
  89. {block:ifendlessscrolling}.navigation {display:none;}{/block:ifendlessscrolling}
  90.  
  91. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  92. #infscr-loading {display:none;}
  93.  
  94. ::-webkit-scrollbar{width:9px; height:9px;}
  95. ::-webkit-scrollbar-button:start:decrement
  96. ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:transparent;}
  97. ::-webkit-scrollbar-track-piece{background-color:{color:background};}
  98. ::-webkit-scrollbar-thumb:vertical{height:50px; background:{color:secondary};}
  99. ::-webkit-scrollbar-thumb:horizontal{width:5px; background:{color:secondary};}
  100.  
  101. iframe#tumblr_controls {position:fixed!important; opacity:.8;}
  102.  
  103. {CustomCSS}
  104. </style>
  105.  
  106. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  107.  
  108. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  109. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  110. <script type="text/javascript" charset="utf-8">
  111. var $j = jQuery.noConflict();
  112. $j(function() {
  113. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  114. $j("img").lazyload({
  115. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  116. effect: "fadeIn",
  117. });
  118. });</script>
  119.  
  120. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScrolling}
  121.  
  122. </head>
  123.  
  124. <body>
  125.  
  126. <div id="credit"><a href="http://adessive.tumblr.com">Theme</a></div>
  127.  
  128. <div id="wrap"><div id="head"><a class="links" href="/">{Title}</a> / <a class="links" href="/archive">Archive</a> / {block:AskEnabled}<a class="links" href="/ask">Message</a> / {/block:AskEnabled}{block:SubmissionsEnabled}<a class="links" href="/submit">{SubmitLabel}</a> / {/block:SubmissionsEnabled}{block:IfShowRSS}<a class="links" href="{RSS}">RSS</a> / {/block:SubmissionsEnabled}{/block:IfShowRSS}{block:HasPages}{block:Pages}<a class="links" href="{URL}">{Label}</a> / {/block:Pages}{/block:HasPages}
  129.  
  130. <div class="info">{block:description}<div class="hov4des">Description</div><div class="descrip">{Description}</div>{/block:description}</div>
  131.  
  132. </div>
  133.  
  134. {block:IfEndlessScrolling}<div class = "autopagerize_page_element">{/block:IfEndlessScrolling}
  135.  
  136. <div class="posts">{block:Posts}{block:Text}<div class="post"><div class="texts"><a href="{Permalink}"><div class="perma"><table class="p2"><tr><td></td></tr><tr><td class="p1">Text</div><tr><td></td></tr></table></div></a>{block:Title}<h3>{Title}</h3>{/block:Title}{Body}</div></div>{/block:Text}
  137.  
  138. {block:Photo}<div class="post"><div class="photo">{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}{block:PermalinkPage}<img src="{PhotoURL-500}">{/block:PermalinkPage}{block:indexpage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>{/block:indexpage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}</div></div>{/block:Photo}
  139.  
  140. {block:Photoset}<div class="post"><div class="texts"><a href="{Permalink}"><div class="perma"><table class="p2"><tr><td></td></tr><tr><td class="p1">Photoset</div><tr><td></td></tr></table></div></a>{block:indexpage}{Photoset-250}{/block:indexpage}{block:permalinkpage}{Photoset-500}{/block:permalinkpage}</div></div>{/block:Photoset}
  141.  
  142. {block:Quote}<div class="post"><div class="texts"><a href="{Permalink}"><div class="perma"><table class="p2"><tr><td></td></tr><tr><td class="p1">Quote</div><tr><td></td></tr></table></div></a><div style="font-size:12px; font-style:italic;">"{Quote}"</div>{block:Source}<div style="opacity:.5; margin-bottom:10px;">{Source}</div>{/block:Source}</div></div>{/block:Quote}
  143.  
  144. {block:Link}<div class="post"><div class="texts"><a href="{Permalink}"><div class="perma"><table class="p2"><tr><td></td></tr><tr><td class="p1">Link</div><tr><td></td></tr></table></div></a><h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>{block:Description}<div class="description">{Description}</div>{/block:Description}</div></div>{/block:Link}
  145.  
  146. {block:Chat}<div class="post"><div class="texts"><a href="{Permalink}"><div class="perma"><table class="p2"><tr><td></td></tr><tr><td class="p1">Chat</div><tr><td></td></tr></table></div></a>{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></div></div>{/block:Chat}
  147.  
  148. {block:Video}<div class="post"><div class="texts"><a href="{Permalink}"><div class="perma"><table class="p2"><tr><td></td></tr><tr><td class="p1">Video</div><tr><td></td></tr></table></div></a>{block:indexpage}{Video-250}{/block:indexpage}{block:permalinkpage}{Video-500}{/block:permalinkpage}</div></div>{/block:Video}
  149.  
  150. {block:Audio}<div class="post"><div class="texts"><a href="{Permalink}"><div class="perma"><table class="p2"><tr><td></td></tr><tr><td class="p1">Audio</div><tr><td></td></tr></table></div></a><div class="player">{AudioPlayerWhite}</div>{block:Caption}<div class="caption">{caption}</div>{/block:Caption}{block:AlbumArt}<img src="{AlbumArtURL}" id="albumart">{/block:AlbumArt}</div></div>{/block:Audio}
  151.  
  152. {block:Answer}<div class="post"><div class="texts"><a href="{Permalink}"><div class="perma"><table class="p2"><tr><td></td></tr><tr><td class="p1">Question</div><tr><td></td></tr></table></div></a>{Asker}: {Question}<p>{answer}</div></div>{/block:Answer}
  153.  
  154. {block:PermalinkPage}<div class="notes">{block:caption}<div class="caption">{caption}</div>{/block:caption}Posted {block:Date}{ShortDayOfWeek} {ShortMonth} {DayOfMonthWithZero} at {12Hour}:{Minutes}{AmPm}{/block:Date} with {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags}<div style="margin-top:4px;"><div class="tags">Filed under: {block:Tags}<a href="{TagURL}">#{Tag}, </a>{/block:Tags}</div></div>{/block:HasTags}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}{/block:Posts}</div>
  155.  
  156. {block:IfNotEndlessScrolling}{block:Pagination}<div class="pagn">{block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}</div><div class="pagn2">{block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}</div>{/block:Pagination}{block:IfNotEndlessScrolling}{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}</div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement