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

theme 28

By: freakinaye on May 28th, 2012  |  syntax: None  |  size: 12.18 KB  |  hits: 1,095  |  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 HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  2. <head>
  3.  
  4. <link href='http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here' rel='stylesheet' type='text/css'>
  5.  
  6. <title>{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13.  
  14. <meta name="color:Text" content="#000000"/>
  15. <meta name="color:Links" content="#000000"/>
  16. <meta name="color:Hover" content="#dddddd"/>
  17. <meta name="color:Background" content="#000000"/>
  18. <meta name="color:header" content="#ffffff"/>
  19. <meta name="color:center" content="#ffffff"/>
  20. <meta name="if:image opacity" content="0" />
  21. <meta name="if:show captions" content="0"/>
  22. <meta name="text:blogtitle size" content="11" />
  23. <meta name="text:post font size" content="9" />
  24. <meta name="font:body" content="Baskerville" />
  25. <meta name="font:blogtitle" content="Baskerville" />
  26. <meta name="font:nav links" content="Baskerville" />
  27. <meta name="color:line" content="#000000"/>
  28. <meta name="image:Background" content=""/>
  29. <meta name="image:Sidebar" content=""/>
  30. <meta name="if:Show Sidebar Image1" content="0"/>
  31. <meta name="image:Sidebar1" content=""/>
  32. <meta name="if:Show Sidebar Image" content="0"/>
  33. <meta name="text:Link One Title" content="" />
  34. <meta name="text:Link One" content="" />
  35. <meta name="text:Link Two Title" content="" />
  36. <meta name="text:Link Two" content="" />
  37. <meta name="text:Link Three Title" content="" />
  38. <meta name="text:Link Three" content="" />
  39. <meta name="text:Link Four Title" content="" />
  40. <meta name="text:Link Four" content="" />
  41. <meta name="text:Link Five Title" content="" />
  42. <meta name="text:Link Five" content="" />
  43. <meta name="text:margin top info" content="" />
  44.  
  45. <style type="text/css">
  46.  
  47. iframe#tumblr_controls {
  48. top: 0% !important;
  49. right:0% !important;
  50. position: absolute !important;}
  51.  
  52. body {margin:auto; color:{color:text}; width:100%;{block:iftwocolumnswithmorespace}width:580px;{/block:iftwocolumnswithmorespace}font-family:{font:body}; font-size:9px;background-color:{color:background};background-image:url({image:Background}); background-attachment: fixed; background-repeat: repeat; line-height:10px;}
  53.  
  54. a {color: {color:Links};text-decoration: none;}a:hover {color: {color:Hover};-webkit-transition-duration: .5s;}
  55. .caption {margin-top:5px; margin-bottom:10px;}
  56.  
  57. .content {margin:auto;background-color: {color:center};width:508px; float:left; margin-top:1px;margin-left:450px;}
  58.  
  59. .post{
  60. {block:indexpage}width:250px; {/block:indexpage}{block:permalinkpage}width:540px{/block:permalinkpage} float:left; position:relative; margin:2px;font-size:{text:post font size}px;font-color:{color:text};}
  61.  
  62. .post img {{block:indexpage}width:250px; {/block:indexpage}}
  63.  
  64.  
  65. {block:ifimageopacity}
  66. img{ -webkit-transition: opacity 0.3s linear; opacity: 1; }
  67. {/block:ifimageopacity}
  68. {block:ifimageopacity}
  69. img:hover{ -webkit-transition: opacity 0.3s linear; opacity: .8; }
  70. {/block:ifimageopacity}
  71.  
  72. .permalink {margin:0px; text-align:right; padding:0px; opacity:0;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
  73. -webkit-transition: all 0.3s ease-out;
  74. transition: all 0.3s ease-out;
  75. }
  76.  
  77. .permalink a:hover{
  78. color:{color:Hover}
  79. }
  80.  
  81. .post:hover .permalink {opacity: 1;}
  82.  
  83. .information {color:{color:text};position:fixed;position:fixed;margin-left:75px; width:254px;top:65px; padding-bottom:2px; padding-left:0px; padding-top:2px;background-image:url();background-color: #ffffff;
  84. }
  85. .information:hover{-webkit-transition: opacity 0.3s linear; opacity: 1; }
  86.  
  87. .info1 {color:{color:text};position:fixed;position:fixed;margin-left:75px; width:125px;top:370px; padding-bottom:1px; padding-left:2px; padding-top:2px;background-image:url();background-color: #ffffff;
  88. }
  89. .info2 {color:{color:text};position:fixed;position:fixed;margin-left:205px; width:122px;top:370px; padding-bottom:4px; padding-left:1px; padding-top:2px;background-image:url();background-color: #ffffff;
  90. }
  91.  
  92. .info3 {color:{color:text};position:fixed;position:fixed;margin-left:75px; width:252px;top:470px; padding-bottom:4px; padding-left:1px; padding-top:2px;background-image:url();background-color: #ffffff;
  93. }
  94.  
  95. .navigate a{
  96. background: #c4c4c4;
  97. color: #000000;
  98. display:block;
  99. padding:0px 0;
  100. border-top: 0px solid #EEE;
  101. border-bottom: 0px solid #EEE;
  102. font-family: littlefont;
  103. text-transform: uppercase;
  104. font-size: 8px;
  105. width: 117px;
  106. height: 12px;
  107. text-align: center;
  108. padding-top:4px;
  109. margin-left:2px;
  110. margin-top:2px;
  111. position:relative;
  112. text-align: center;
  113. -webkit-transition-duration: .0s;
  114. z-index:1;
  115. -moz-border-radius:0px;
  116. -webkit-border-radius:0px;
  117. display: inline-block;
  118. -webkit-transition: all 0.3s ease-out;
  119. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  120. }
  121.  
  122. .navigate a:hover{
  123. background: #979797;
  124. letter-spacing:0px;
  125. color: #000000;
  126. -moz-border-radius:5px;
  127. -webkit-border-radius:5px;
  128. -webkit-transition: all 0.3s ease-out;
  129. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  130. {block:ifnavigationhoverbackground}background-image:url(http://28.media.tumblr.com/tumblr_lzckenanrK1qdgxoeo1_500.jpg);{/block:ifnavigationhoverbackground}
  131. }
  132.  
  133. a:link, a:active, a:visited{
  134. color: {color:Link};
  135. text-decoration: none;
  136. -webkit-transition: all 0.3s ease-out;
  137. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  138. }
  139.  
  140. a:hover {
  141. color:{color:Hover};
  142. text-decoration: underline;
  143. -webkit-transition: all 0.3s ease-out;
  144. -moz-transition: all 0.3s ease-out;
  145. transition: all 0.3s ease-out;
  146. text-shadow:0px 0px 0px #000000;
  147. }
  148. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf');
  149. }
  150. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');
  151. }
  152.  
  153. .posted {font-size:9px;}
  154. .notes{
  155. margin:left;
  156. width:250px;
  157. font-size:9px;
  158. color:#000;
  159. text-align:left;}
  160. .viewnotes{
  161. margin-top:10px;
  162. font-size:9px;
  163. color:#000;
  164. text-align:left;
  165. }
  166.  
  167. ol.notes {padding-left:5px; list-style-type:none;}
  168. ol.notes li.note {padding:2px;}
  169.  
  170. .header {margin-left:450px; position:fixed; width:508px; height:1px; background-color:{color:header};z-index:1000;padding-bottom:1px; padding-top:1px; float:center;}
  171.  
  172. .audio {background-color:#000000;width:250px;}
  173.  
  174. .ptitle {font-size:11px;}
  175.  
  176.  
  177. .blogtitle{font-family: 'Just Me Again Down Here', cursive; font-size:28px; line-height:5px; color:; text-align:center;}
  178.  
  179. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  180. #infscr-loading {display:none;}
  181. .navigation{display:none;}
  182.  
  183. {CustomCSS}
  184. </style>
  185.  
  186.  
  187. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  188.  
  189.  
  190. {block:IndexPage}
  191. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  192. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  193.  
  194. <script type="text/javascript">
  195. $(window).load(function () {
  196. $('.content').masonry(),
  197. $('.masonryWrap').infinitescroll({
  198. navSelector : "div.navigation",
  199. // selector for the paged navigation (it will be hidden)
  200. nextSelector : ".navigation a#next",
  201. // selector for the NEXT link (to page 2)
  202. itemSelector : ".post",
  203. // selector for all items you'll retrieve
  204. bufferPx : 10000,
  205. extraScrollPx: 10000,
  206. loadingImg : "http://static.tumblr.com/ry7nsix/S4Klhms7s/load.gif",
  207. loadingText : "<em></em>",
  208. },
  209. // call masonry as a callback.
  210. function() { $('.content').masonry({ appendedContent: $(this) }); }
  211. );
  212. });
  213. </script>
  214. {/block:IndexPage}
  215.  
  216. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  217. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  218. <script type="text/javascript" charset="utf-8">
  219. var $j = jQuery.noConflict();
  220. $j(function() {
  221. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  222. $j("img").lazyload({
  223. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  224. effect: "fadeIn",
  225. });
  226. });
  227. </script>
  228. </head>
  229. <body>
  230. <div class="token"><div style="display:scroll;position:fixed;bottom:10px;right:10px"><a href="http://freakinaye.tumblr.com">©</a></div>
  231. <div class="header"></div></div>
  232. <div class="information"><center>{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=250px></a>{/block:ifshowsidebarimage}</center><br><br><div class="blogtitle">{Title}</div><br><br></div>
  233. <div class="info1">{block:ifshowsidebarimage1}<a href="/"><img src="{image:sidebar1}" width=123px height=93px></a>{/block:ifshowsidebarimage1}</div>
  234. <div class="info2"><div class="navigate">{block:ifLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOneTitle}{block:ifLinkTwoTitle}<a href="{text:Link Two}">{text:Link Two Title}</a>{/block:ifLinkTwoTitle}{block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}{block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title}</a>{/block:ifLinkFourTitle}
  235. {block:ifLinkFiveTitle}<a href="{text:Link Five}">{text:Link Five Title}</a>{/block:ifLinkFiveTitle}</div></div>
  236. <div class="info3">{Description}</div></div></div></div></div>
  237.  
  238. {block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}</div>
  239.  
  240. <div class="content">
  241. {block:Posts}
  242.  
  243.  
  244. {block:Text}
  245. <div class="post"><div class="text">{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}{block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div></div></div>{/block:IndexPage}{/block:Text}
  246.  
  247.  
  248. {block:Photo}<div class="post">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{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}" alt="{PhotoAlt}" {block:indexpage}width="250px"{block:indexpage} {block:PermalinkPage}width="500px"{/block:PermalinkPage}/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}</div>{/block:Photo}
  249.  
  250.  
  251. {block:Photoset}
  252. <div class="post"><div class="photoset">
  253. <center>{Photoset-250}</center>
  254. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  255. </div></div><div class="permalink"><a href="{Permalink}">+</a></div>{/block:Photoset}
  256.  
  257.  
  258. {block:Quote}
  259. <div class="post"><a href="{Permalink}">"{Quote}"</a>{block:Source}<i> by</i> {Source}{/block:Source}</div>
  260. {/block:Quote}
  261.  
  262. {block:Link}
  263. <div class="post">
  264. <div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  265. {block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div>{/block:IndexPage}
  266. </div>
  267. {/block:Link}
  268.  
  269. {block:Chat}
  270. <div class="post">{block:Title}<b>{Title}</b>{/block:Title}
  271. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div>{/block:IndexPage}
  272. </div>
  273. {/block:Chat}
  274.  
  275. {block:Video}
  276. <div class="post"><div class="video">{Video-250}
  277. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div></div><div class="permalink"><a href="{Permalink}">+</a></div>{/block:Video}
  278.  
  279. {block:Audio}
  280. <div class="post">
  281. <div class="audio">
  282. {AudioPlayerBlack}</div>{Caption}
  283. {block:PermalinkPage}{/block:PermalinkPage}
  284. {block:IndexPage}<div class="permalink"><a href="{Permalink}">+</a></div>{/block:IndexPage}
  285. </div>
  286. {/block:Audio}
  287.  
  288. {block:PermalinkPage}
  289. <div class="posted"><u>Posted:</u> {TimeAgo}, with {NoteCount} Notes</div>
  290. <br>{block:PostNotes}<div class="viewnotes"></div>{/block:PostNotes}
  291. <div class="notes">
  292. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  293.  
  294. {/block:Posts}
  295.  
  296. </div>
  297. </div>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. </body>
  303. </html>
create a new version of this paste RAW Paste Data