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

tumblr / theme 9

By: toxiclytz on Jul 2nd, 2012  |  syntax: HTML  |  size: 13.44 KB  |  hits: 130  |  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">
  3.  
  4. <head>
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8. <style type="text/css">
  9. body {
  10. background: #000000 url(http://i.imgur.com/7lYjw.png);
  11. background-attachment: fixed;
  12. background-position:top center;
  13. background-repeat: repeat-x;}
  14.  
  15. body, div, p, textarea, submit, input {
  16. color:#333333; font-family:"04b24"; font-size:8px; line-height:9px; text-transform:lowercase; letter-spacing:0px; font-weight:normal;}
  17.  
  18. ::-webkit-scrollbar-thumb:vertical {background-image:url(http://i.imgur.com/4YdY2.png);
  19. -moz-border-radius:9px; -webkit-border-radius:9px;}
  20. ::-webkit-scrollbar {width:10px; height:auto; background-color:#000000;}
  21. ::-webkit-scrollbar-corner {background-color:#000000;}
  22.  
  23. @font-face {font-family:"04b24"; src: url('http://toxic-lytz.net/fonts/04b_24.TTF');}
  24.  
  25. a:link, a:active, a:visited {
  26. color:#0e405b; text-decoration: none;}
  27. a:hover {color:#000000; text-decoration: none;}
  28.  
  29. b {color:#353064; font-weight:normal;}
  30. i {color:#e6b758;}
  31. u {color:#e58869;}
  32.  
  33. big {font-family:arial; font-size:29px; font-style:; line-height:20px; color:#0e405b; text-transform:; letter-spacing:0px; font-weight:normal; padding:0px;}
  34.  
  35. h1 {font-family:georgia; font-size: 20px; color:#000000; text-transform: lowercase; font-style:italic; line-height: 22px; letter-spacing: -2px; font-weight: bold; text-align: center;
  36. margin-bottom: 0px; margin-top: 2px; background-image:url(http://i.imgur.com/vqQhZ.png);  -webkit-border-radius:3px;}
  37.  
  38. .favorites1 {
  39. width:40px; height:40px; margin:2px; margin-bottom:-1px; padding:1px; border: 1px solid #e6b758;}
  40. .favorites1:hover {border:1px solid #000000;}
  41.  
  42. .favorites2 {
  43. width:40px; height:40px; margin:2px; margin-bottom:-1px; padding:1px; border: 1px solid #e58869;}
  44. .favorites2:hover {border:1px solid #000000;}
  45.  
  46. .favorites3 {
  47. width:40px; height:40px; margin:2px; margin-bottom:-1px; padding:1px; border: 1px solid #793c69;}
  48. .favorites3:hover {border:1px solid #000000;}
  49.  
  50. .favorites4 {
  51. width:40px; height:40px; margin:2px; margin-bottom:-1px; padding:1px; border: 1px solid #353064;}
  52. .favorites4:hover {border:1px solid #000000;}
  53.  
  54. .favorites5 {
  55. width:40px; height:40px; margin:2px; margin-bottom:-1px; padding:1px; border: 1px solid #0e405b;}
  56. .favorites5:hover {border:1px solid #000000;}
  57.  
  58. a.navlink1, a.navlink1:link, a.navlink1:active, a.navlink1:visited  {
  59. display:inline-block; font-family: "04b24"; font-size: 8px; line-height:8px; color:#FFFFFF; background-color:#cac649; letter-spacing:0px; text-align:center; -moz-transition: 0.8s ease-out; -webkit-transition:  0.8s ease-out; margin:0px; margin-bottom: 1px; padding-top:1px; width: 40px;}
  60. a.navlink1:hover {background-color:#000000;}
  61.  
  62. a.navlink2, a.navlink2:link, a.navlink2:active, a.navlink2:visited {
  63. display:inline-block; font-family: "04b24"; font-size: 8px; line-height:8px; color:#FFFFFF; background-color:#e6b758; letter-spacing:0px; text-align:center; -moz-transition: 0.8s ease-out; -webkit-transition:  0.8s ease-out; margin:0px; margin-bottom: 1px; padding-top:1px; width: 40px;}
  64. a.navlink2:hover {background-color:#000000;}
  65.  
  66. a.navlink3, a.navlink3:link, a.navlink3:active, a.navlink3:visited {
  67. display:inline-block; font-family: "04b24"; font-size: 8px; line-height:8px; color:#FFFFFF; background-color:#e58869; letter-spacing:0px; text-align:center; -moz-transition: 0.8s ease-out; -webkit-transition:  0.8s ease-out; margin:0px; margin-bottom: 1px; padding-top:1px; width: 40px;}
  68. a.navlink3:hover {background-color:#000000;}
  69.  
  70. a.navlink4, a.navlink4:link, a.navlink4:active, a.navlink4:visited {
  71. display:inline-block; font-family: "04b24"; font-size: 8px; line-height:8px; color:#FFFFFF; background-color:#793c69; letter-spacing:0px; text-align:center; -moz-transition: 0.8s ease-out; -webkit-transition:  0.8s ease-out; margin:0px; margin-bottom: 1px; padding-top:1px; width: 40px;}
  72. a.navlink4:hover {background-color:#000000;}
  73.  
  74. a.navlink5, a.navlink5:link, a.navlink5:active, a.navlink5:visited {
  75. display:inline-block; font-family: "04b24"; font-size: 8px; line-height:8px; color:#FFFFFF; background-color:#353064; letter-spacing:0px; text-align:center; -moz-transition: 0.8s ease-out; -webkit-transition:  0.8s ease-out; margin:0px; margin-bottom: 1px; padding-top:1px; width: 40px;}
  76. a.navlink5:hover {background-color:#000000;}
  77.  
  78. a.navlink6, a.navlink6:link, a.navlink6:active, a.navlink6:visited {
  79. display:inline-block; font-family: "04b24"; font-size: 8px; line-height:8px; color:#FFFFFF; background-color:#0d405b; letter-spacing:0px; text-align:center; -moz-transition: 0.8s ease-out; -webkit-transition:  0.8s ease-out; margin:0px; margin-bottom: 1px; padding-top:1px; width: 40px;}
  80. a.navlink6:hover {background-color:#000000;}
  81.  
  82. .title {font-family:georgia; font-size:23px; font-style:italic; line-height:23px; padding-bottom:4px; color:#333333; text-transform:lowercase; letter-spacing:-2px; font-weight:bold;}
  83.  
  84. blockquote {width:225px; margin-left: 10px; padding-left:2px; text-align:left; color:#333333; font-family:"04b24"; font-size:8px; background-color: #111111; border-left:2px solid #333333;}
  85.  
  86. #tumblr_controls{
  87. position:fixed !important;}
  88.  
  89. .container {position:relative; margin-left: 310px; width: 950px;}
  90. .entry {margin-left:2px; margin-top:2px; padding: 2px; padding-bottom: 0px; float:left; position:center; border: 1px solid #000000; background-color:#000000; font-size: 8px; line-height:8px;
  91. {block:IndexPage}
  92. width:250px;
  93. {/block:IndexPage}
  94. {block:PermalinkPage}
  95. width:500px;
  96. {/block:PermalinkPage}}
  97.  
  98. .entry .permalink {width: 247px; height: 8px; position: absolute!important; font-family: "04b24"; text-transform: uppercase; font-size: 8px; opacity: 0.0; background: #000000; line-height: 8px;letter-spacing: 0px; text-align: center; overflow: auto; padding: 2px;}
  99.  
  100. .entry:hover .permalink {color: #ffffff; overflow:visible;
  101. -webkit-transition: opacity 0.2s linear; opacity: 0.8; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  102.  
  103. #posts {width: 985px; margin-left:123px;
  104. {block:PermalinkPage}
  105. margin-top: 0px;
  106. {/block:PermalinkPage}
  107. top: -2px; float:left;}
  108.  
  109. div#sidebar {position:fixed !important; width:250px; height:100%; margin-left: 171px; margin-top:0px; padding-bottom:1px; padding: 2px; height:auto; background-color: #000000; border: 1px solid #000000; text-align:justify;}
  110.  
  111. #infscr-loading {bottom: -50px; position: absolute; left: 5%; margin-left: -8px; width:15px; height:11px; overflow:hidden; margin-bottom: 75px;}
  112. {CustomCSS}
  113. </style>
  114.  
  115. {block:IndexPage}
  116. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  117. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  118.  
  119. <script type="text/javascript">
  120. $(window).load(function () {
  121. var $content = $('#posts');
  122. $content.masonry({itemSelector: '.entry'}),
  123. $content.infinitescroll({
  124. navSelector : 'div#pagination',
  125. nextSelector : 'div#pagination a#nextPage',
  126. itemSelector : '.entry',
  127. loading: {
  128. finishedMsg: '',
  129. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  130. },
  131. bufferPx : 600,
  132. debug : false,
  133. },
  134. // call masonry as a callback.
  135. function( newElements ) {
  136. var $newElems = $( newElements );
  137. $newElems.hide();
  138. // ensure that images load before adding to masonry layout
  139. $newElems.imagesLoaded(function(){
  140. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  141.  
  142.  
  143. });
  144. });
  145. });
  146. </script>
  147.  
  148. {/block:IndexPage}
  149.  
  150. <title>{title}</title>
  151.  
  152. <link rel="shortcut icon" href="{Favicon}">
  153. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  154. <meta name="viewport" content="width=820" />
  155. </head>
  156.  
  157. <body>
  158. <div id="sidebar">
  159. <center>
  160. <a href="/" class="navlink1">linkity</a> <a href="/" class="navlink2">linkity</a>
  161. <a href="/" class="navlink3">linkity</a> <a href="/" class="navlink4">linkity</a>
  162. <a href="/" class="navlink5">linkity</a> <a href="http://toxic-lytz.net/" class="navlink6">theme</a>
  163. </center>
  164. <img src="http://i.imgur.com/2wsEU.png">
  165.  
  166. <b>bold</b> <i>italic</i> <u>underline</u> <a href="/">link</a> Lorem ipsum dolor sit amet, <b>consectetuer</b> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree magna aliquam erat volutpat.
  167. Ut wisi enim ad minim veniam, <i>quis</i> nostrud exerci tation <u>ullamcorper</u> suscipit lobortis nisl ut aliquip ex ea <i>commodo</i> consequat.
  168. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet magna.<br>
  169.  
  170. <h1>favorites</h1>
  171. <center>
  172. <a href="/"><img src="http://i.imgur.com/kEdeS.png" class="favorites1" title="/"></a>
  173. <a href="/"><img src="http://i.imgur.com/kEdeS.png" class="favorites2" title="/"></a>
  174. <a href="/"><img src="http://i.imgur.com/kEdeS.png" class="favorites3" title="/"></a>
  175. <a href="/"><img src="http://i.imgur.com/kEdeS.png" class="favorites4" title="/"></a>
  176. <a href="/"><img src="http://i.imgur.com/kEdeS.png" class="favorites5" title="/"></a><br>
  177. <a href="/"><img src="http://i.imgur.com/kEdeS.png" class="favorites5" title="/"></a>
  178. <a href="/"><img src="http://i.imgur.com/kEdeS.png" class="favorites4" title="/"></a>
  179. <a href="/"><img src="http://i.imgur.com/kEdeS.png" class="favorites3" title="/"></a>
  180. <a href="/"><img src="http://i.imgur.com/kEdeS.png" class="favorites2" title="/"></a>
  181. <a href="/"><img src="http://i.imgur.com/kEdeS.png" class="favorites1" title="/"></a>
  182. </center>
  183.  
  184. <h1>title goes here</h1>
  185. <b>bold</b> <i>italic</i> <u>underline</u> <a href="/">link</a> Lorem ipsum dolor sit amet, <b>consectetuer</b> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree magna aliquam erat volutpat.
  186. Ut wisi enim ad minim veniam, <i>quis</i> nostrud exerci tation <u>ullamcorper</u> suscipit lobortis nisl ut aliquip ex ea <i>commodo</i> consequat.
  187. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet magna.<br>
  188.  
  189. <h1>title goes here</h1>
  190. <b>bold</b> <i>italic</i> <u>underline</u> <a href="/">link</a> Lorem ipsum dolor sit amet, <b>consectetuer</b> adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree magna aliquam erat volutpat.
  191. Ut wisi enim ad minim veniam, <i>quis</i> nostrud exerci tation <u>ullamcorper</u> suscipit lobortis nisl ut aliquip ex ea <i>commodo</i> consequat.
  192. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet magna.<br>
  193. </div>
  194.  
  195. <div class="container">
  196. <div id="posts">
  197. {block:Posts}
  198. <div class="entry">
  199. {block:IndexPage}
  200. <div class="permalink">
  201. <a href="{permalink}"> Posted on {Month} {DayOfMonth}{DayOfMonthSuffix}  {<a href="{ReblogURL}" target="_blank"><b>reblog</b></a> - {NoteCountWithLabel}</a>}</span></div>
  202. {/block:IndexPage}
  203.  
  204. {block:Text}
  205. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  206. {/block:Text}
  207.  
  208. {block:Link}
  209. <a href="{URL}" class="title">{Name}</a>
  210. {block:Description}{Description}{/block:Description}
  211. {block:Link}
  212.  
  213. {block:Photo}
  214. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>{LinkCloseTag}{/block:IndexPage}
  215. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  216. {/block:Photo}
  217.  
  218. {block:Photoset}
  219. {block:IndexPage}
  220. <center>
  221. {Photoset-250}</center>
  222. {/block:IndexPage}
  223. {block:PermalinkPage}
  224. <center>
  225. {Photoset-500}</center>
  226. {/block:PermalinkPage}
  227. {/block:Photoset}
  228.  
  229. {block:Answer}
  230. <div style="text-align:justify;"><div style="border-bottom: 1px solid {color:borders}; padding-bottom:7px;"><img src="{AskerPortraitURL-50}" align="left" style="padding-right:3px;"/><d>{Asker}</d> said: <br><m>{Question}</m></div> <br><div style="margin-top:-17px; margin-bottom:-10px;">{Answer}</div></div>{/block:Answer}
  231.  
  232. {block:Quote}
  233. <center>"<i>{Quote}</i>"</center></span>
  234. <div align="right">{block:Source}<a>-<b>{Source}</b></a>{/block:Source}</div>
  235. {/block:Quote}
  236.  
  237. {block:Chat}
  238. {block:Title}<span class="title">{Title}</span>{/block:Title}
  239. <ul class="chat">
  240. {block:Lines}
  241. <li class="user_{UserNumber}">
  242. {block:Label}
  243. <span class="label">{Label}</span>
  244. {/block:Label}
  245.  
  246. {Line}
  247. </li>
  248. {/block:Lines}
  249. </ul>
  250. {/block:Chat}
  251.  
  252. {block:Audio}
  253. <center><div style="width:100%; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  254. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  255. {/block:Audio}
  256.  
  257. {block:Video}
  258. {block:IndexPage}
  259. <center>
  260. {Video-250}</center>
  261. {/block:IndexPage}
  262. {block:PermalinkPage}
  263. <center>
  264. {Video-500}</center>
  265. {/block:PermalinkPage}
  266. {block:Video}
  267.  
  268. {block:PermalinkPage}
  269. <center>
  270. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  271.  
  272. {/block:PermalinkPage}
  273. {block:PostNotes}{PostNotes}
  274. {/block:PostNotes}
  275. </div>
  276.  
  277. {/block:Posts}
  278. </div>
  279. </div>
  280. {block:IndexPage}
  281. {block:Pagination}
  282. <div id="pagination">
  283. {block:NextPage}
  284. <a id="nextPage" href="{NextPage}">&nbsp;</a>
  285. {/block:NextPage}
  286. {block:PreviousPage}
  287. <a href="{PreviousPage}">&nbsp;</a>
  288. {/block:PreviousPage}
  289. </div>
  290. {/block:Pagination}
  291. {/block:IndexPage}
  292. </div></div>
  293. </body></html>
create a new version of this paste RAW Paste Data