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

Immaculate (v3)

By: adessive on Apr 13th, 2012  |  syntax: None  |  size: 12.29 KB  |  hits: 5,115  |  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="#222"/>
  26. <meta name="color:secondary" content="#f9f9f9"/>
  27. <meta name="color:tertiary" content="#000"/>
  28. <meta name="color:quaternary" content="#fff"/>
  29. <meta name="color:link" content="#222"/>
  30. <meta name="color:link hover" content="#ddd"/>
  31.  
  32. <meta name="text:font size" content="10px"/>
  33. <meta name="text:title font size" content="30px"/>
  34.  
  35. <meta name="font:body" content="courier new"/>
  36. <meta name="font:title" content="courier new"/>
  37.  
  38. <meta name="if:three columns" content="1"/>
  39. <meta name="if:endless scrolling" content="0"/>
  40. <meta name="if:image fade" content="1"/>
  41. <meta name="if:show rss" content="1"/>
  42.  
  43. <style type="text/css">
  44. body {background:{color:background}; font-family:{font:body}; font-size:{text:font size}; text-align:justify; color:{color:primary};}
  45.  
  46. 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;}
  47. a:hover {color:{color:link hover};}
  48.  
  49. .title {font-size:{text:title font size}; font-family:{font:title}; font-weight:normal; text-transform:uppercase; display:inline-block;}
  50.  
  51. h3 {font-weight:bold; font-family:{font:title}; text-transform:uppercase; margin-top:0px; margin-bottom:-8px;}
  52.  
  53. .wrap {{block:indexpage}{block:ifnotthreecolumns}width:960px;{/block:ifnotthreecolumns} {block:ifthreecolumns}width:720px;{/block:ifthreecolumns}{/block:indexpage} {block:permalinkpage}width:500px;{/block:permalinkpage} margin:0px auto; padding-top:80px;}
  54. .posts {{block:indexpage}{block:ifnotthreecolumns}width:960px;{/block:ifnotthreecolumns} {block:ifthreecolumns}width:720px;{/block:ifthreecolumns}{/block:indexpage}{block:permalinkpage}width:500px;{/block:permalinkpage} position:relative; float:right; margin-bottom:50px; padding:5px;}
  55. .post{{block:indexpage}width:220px;{/block:indexpage} {block:permalinkpage}width:500px;{/block:permalinkpage} padding:8px; margin:2px; background:{color:secondary}; float:left; position:relative; -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 {background:{color:tertiary}; color:{color:quaternary};} .post:hover a {color:{color:quaternary};}
  56. .post:hover .permalink {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;} .permalink {font-weight:bold; padding-top:15px; text-align:left; opacity:.5; font-size:8px; text-transform:uppercase; opacity:.4; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
  57.  
  58. .header {position:relative; padding-bottom:40px; margin:0px;}
  59. .nav {padding:8px; margin-left:-4px; background:{color:secondary}; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;} .nav:hover {background:{color:tertiary}; color:{color:quaternary};} .nav:hover a {color:{color:quaternary};}
  60. .links {margin-right:4px; text-transform:uppercase; font-size:10px;} .links:hover {text-transform:lowercase;}
  61. .descrip {margin-top:8px; margin-bottom:20px; width:500px;}
  62. .question {padding-bottom:10px;}
  63. .caption {font-size:8px; text-transform:uppercase; margin-top:-5px;}
  64. .player {background:#000; {block:indexpage}width:220px;{/block:indexpage} {block:permalinkpage}width:500px;{/block:permalinkpage}}
  65. .notes {margin-top:40px; padding-left:10px; font-size:8px; font-weight:bold; text-transform:uppercase;}
  66. ol.notes {padding-left:50px; list-style-type:none; font-weight:normal; font-size:{text:font size}; text-transform:none;}
  67. ol.notes li.note {padding-right:10px; padding-top:2px;}
  68. ol.notes li.note img.avatar {width:14px; height:14px;}
  69.  
  70. .label {font-weight:bold; text-transform:uppercase; font-size:9px; font-family:{font:title};}
  71. ul, ol {margin-left:-40px!important; list-style:none; font-size:9px;}
  72.  
  73. img {border:0px; {block:ifimagefade}opacity:.8;{/block:ifimagefade} -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;} {block:ifimagefade}{block:indexpage}img:hover {opacity:1;}{/block:indexpage}{/block:ifimagefade}
  74.  
  75. #credit {position:fixed; bottom:10px; margin-right:5px; right:0px; z-index:1;} #credit a {padding:4px; font-size:10px; background:{color:secondary}; color:{color:tertiary};} #credit a:hover {background:{color:tertiary}; color:{color:secondary};}
  76.  
  77. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  78. #infscr-loading {display:none;}
  79. .navigation{{block:ifendlessscrolling}display:none;{/block:ifendlessscrolling}{block:ifnotendlessscrolling}position:fixed; padding:4px; background:{color:background}; bottom:50%; right:100px; z-index:1;{/block:ifnotendlessscrolling}}
  80.  
  81. ::-webkit-scrollbar{width:5px;height:5px;}
  82. ::-webkit-scrollbar-button:start:decrement
  83. ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:transparent;}
  84. ::-webkit-scrollbar-track-piece{background-color:{color:background};}
  85. ::-webkit-scrollbar-thumb:vertical{height:50px; background:{color:background}; border:1px solid {color:secondary}; -webkit-border-radius:5; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}
  86. ::-webkit-scrollbar-thumb:horizontal{width:5px; background:{color:background}; border:1px solid {color:secondary}; -webkit-border-radius:5; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px;}
  87.  
  88. iframe#tumblr_controls {position:fixed!important; opacity:.8;}
  89.  
  90. {CustomCSS}
  91. </style>
  92.  
  93. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  94.  
  95. {block:IndexPage}
  96. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  97. {block:ifendlessscrolling}<script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js">{/block:ifendlessscrolling}</script>
  98.  
  99. <script type="text/javascript">
  100. $(window).load(function () {
  101. $('.posts').masonry(),
  102. $('.masonryWrap').infinitescroll({
  103. navSelector : "div.navigation",
  104. // selector for the paged navigation (it will be hidden)
  105. nextSelector : ".navigation a#next",
  106. // selector for the NEXT link (to page 2)
  107. itemSelector : ".post",
  108. // selector for all items you'll retrieve
  109. bufferPx : 10000,
  110. extraScrollPx: 10000,
  111. loadingImg : "http://static.tumblr.com/fa4uqi4/RGPlz3rvk/adessive-themes-loader.png",
  112. loadingText : "<em></em>",
  113. },
  114. // call masonry as a callback.
  115. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  116. );
  117. });
  118. </script>
  119. {/block:IndexPage}
  120. </head>
  121.  
  122. <body>
  123.  
  124. <div id="credit"><a href="http://adessive.tumblr.com">Theme</a></div>
  125.  
  126. <div class="wrap"><div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a href="{NextPage}" id="next">< Old</a>{/block:NextPage}<br>{block:PreviousPage}<a href="{PreviousPage}">New ></a></p>{/block:PreviousPage}{/block:Pagination}</div>
  127.  
  128. <div class="header"><a href="/"><div class="title">{title}</div></a>{block:description}<div class="descrip">{description}</div>{/block:description}<div class="nav">// <a class="links" href="/archive">{lang:Archive}</a> // {block:AskEnabled}<a class="links" href="/ask">{AskLabel}</a> // {/block:AskEnabled}{block:SubmissionsEnabled}<a class="links" href="/submit">{SubmitLabel}</a> // {/block:SubmissionsEnabled}{block:IfShowRSS}<a class="links" href="{RSS}">{lang:RSS}</a> // {/block:IfShowRSS}{block:HasPages}{block:Pages}<a class="links" href="{URL}">{Label}</a> // {/block:Pages}{/block:HasPages}</div></div>
  129.  
  130. <div class="posts">
  131. {block:Posts}{block:Text}<div class="post text">{block:Title}<h3>{Title}</h3>{/block:Title}{Body}{block:indexpage}<div class="permalink"><a href="{Permalink}">Posted {block:Date}{ShortDayOfWeek} at {12Hour}:{Minutes}{AmPm}{/block:Date}</a></div>{/block:indexpage}</div>{/block:Text}
  132.  
  133. {block:Photo}<div class="post photo"><div id="photo">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" width="{block:indexpage}220px{/block:indexpage} {block:permalinkpage}500px{/block:permalinkpage}" alt="{PhotoAlt}"/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:Caption}<div class="caption">{caption}</div>{/block:Caption}</div></div>{/block:Photo}
  134.  
  135. {block:Photoset}<div class="post photoset">{block:IndexPage}<div style="width:220px; height:auto; overflow:hidden;">{Photoset-250}</div>{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:indexpage}<div class="permalink"><a href="{Permalink}">Posted {block:Date}{ShortDayOfWeek} at {12Hour}:{Minutes}{AmPm}{/block:Date}</a></div>{/block:indexpage}</div>{/block:Photoset}
  136.  
  137. {block:Quote}<div class="post quote">{Quote} {block:Source}<div style="opacity:.5;">{Source}</div>{/block:Source}{block:indexpage}<div class="permalink"><a href="{Permalink}">Posted {block:Date}{ShortDayOfWeek} at {12Hour}:{Minutes}{AmPm}{/block:Date}</a></div>{/block:indexpage}</div>{/block:Quote}
  138.  
  139. {block:Link}<div class="post 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"><a href="{Permalink}">Posted {block:Date}{ShortDayOfWeek} at {12Hour}:{Minutes}{AmPm}{/block:Date}</a></div>{/block:indexpage}</div>{/block:Link}
  140.  
  141. {block:Chat}<div class="post 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"><a href="{Permalink}">Posted {block:Date}{ShortDayOfWeek} at {12Hour}:{Minutes}{AmPm}{/block:Date}</a></div>{/block:indexpage}</div>{/block:Chat}
  142.  
  143. {block:Video}<div class="post video">{block:indexpage}<div style="width:220px; height:auto; overflow:hidden;">{Video-250}</div>{/block:indexpage}{block:permalinkpage}{Video-500}{/block:permalinkpage}{block:Caption}<div class="caption">{caption}</div>{/block:Caption}{block:indexpage}<div class="permalink"><a href="{Permalink}">Posted {block:Date}{ShortDayOfWeek} at {12Hour}:{Minutes}{AmPm}{/block:Date}</a></div>{/block:indexpage}</div>{/block:Video}
  144.  
  145. {block:Audio}<div class="post audio"><div class="player">{AudioPlayerBlack}</div>{block:Caption}<div class="caption">{caption}</div>{/block:Caption}{block:indexpage}<div class="permalink"><a href="{Permalink}">Posted {block:Date}{ShortDayOfWeek} at {12Hour}:{Minutes}{AmPm}{/block:Date}</a></div>{/block:indexpage}</div>{/block:Audio}
  146.  
  147. {block:Answer}<div class="post answer"><div class="question">{question} asked by <strong>{asker}</strong></div>{answer}{block:indexpage}<div class="permalink"><a href="{Permalink}">Posted {block:Date}{ShortDayOfWeek} at {12Hour}:{Minutes}{AmPm}{/block:Date}</a></div>{/block:indexpage}</div>{/block:Answer}
  148.  
  149. {block:PermalinkPage}<div class="notes">Posted {block:Date}{ShortDayOfWeek} {ShortMonth} {DayOfMonthWithZero} at {12Hour}:{Minutes}{AmPm}{/block:Date} with {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}{/block:Posts}</div></div></body></html>
create a new version of this paste RAW Paste Data