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

darkworld

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