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

Satan's Slumber Party Theme

By: dec0der on Mar 16th, 2012  |  syntax: None  |  size: 15.49 KB  |  hits: 5,391  |  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. (c) 2012 | dec0der
  6. Theme #1: Satan's Slumber Party Theme
  7.  
  8. Do not remove the credits! Thank you.
  9. Pre-vision view count: 13,258
  10. -->
  11.  
  12. <meta name="color:text" content="#FFFFFF">
  13. <meta name="color:links" content="#FFF">
  14. <meta name="color:hover" content="#C4B0B0">
  15. <meta name="color:HeaderLinks" content="#C4B0B0">
  16. <meta name="color:background" content="#444444">
  17. <meta name="color:posts" content="#444444">
  18. <meta name="if:show captions" content="0" />
  19. <meta name="if:show title" content="0" />
  20.  
  21. <meta name="text:Custom Link One" content="" />
  22. <meta name="text:Custom Link One Title" content="" />
  23. <meta name="text:Custom Link Two" content="" />
  24. <meta name="text:Custom Link Two Title" content="" />
  25. <meta name="text:Custom Link Three" content="" />
  26. <meta name="text:Custom Link Three Title" content="" />
  27.  
  28. <meta name="font:body" content="Georgia" />
  29.  
  30. <meta name="image:Background" content=""/>
  31. <meta name="if:Maximised Background Image" content="0"/>
  32. <meta name="text:title font size" content="11px" />
  33. <meta name="text:font size" content="9px" />
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  36.  
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. <link rel="shortcut icon" href="{Favicon}">
  40. <title>{Title}</title>
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43.  
  44. {block:Description}
  45. <meta name="description" content="{MetaDescription}" />
  46. {/block:Description}
  47.  
  48. <style type="text/css">
  49. body {margin:auto; width:530px; text-align:justify; font-family:{font:body}; font-size:{text:font size}; color:{color:text}; background-color:{color:background}; line-height:9px; {block:IfNotMaximisedBackgroundImage} background-image:url({image:Background}); background-attachment:fixed; background-repeat:repeat {/block:IfNotMaximisedBackgroundImage}}
  50.  
  51. ::-webkit-scrollbar-thumb:vertical { background-color:{color:HeaderLinks}; height:100px;}
  52.  
  53. ::-webkit-scrollbar-thumb:horizontal { background-color:{color:HeaderLinks}; height:10px;}
  54.  
  55. ::-webkit-scrollbar { height:10px; width:6px; background-color:{color:background};}
  56.  
  57. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  58.  
  59. a {text-decoration:none; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; color:{color:links};}
  60. a:hover {color:{color:hover}; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
  61. a img {border:0px;}
  62.  
  63. #infscr-loading {display:none;}
  64.  
  65. .navlinks {position:relative; background-color:{color:background}; font-style:italic; width:530px; font-family: margin-left:1px; {font:title}; padding-bottom:2px; text-align:center; font-size:9px; letter-spacing:1px;} z-index:1000;
  66.  
  67. .description {font-color:{color:text}; text-align:center; margin-top:5px; margin-bottom:10px; font-style:italic;}
  68.  
  69. .navigation {display:none;}
  70.  
  71. .info {background-color:{color:posts}; width:530px; margin:auto; padding-top:20px;}
  72.  
  73. .headerlinks {height:20px; width:86px; background-color:{color:HeaderLinks}; line-height:20px; border-right:1px solid {color:posts}; border-left:1px solid {color:posts}; float:left;}
  74. .headerlinks:hover {background-color:{color:text};}
  75.  
  76. .text, .quote, .answer, .chat, .link{{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:520px;{/block:PermalinkPage} background-color:{color:posts};}
  77.  
  78. .body img {{block:IndexPage}max-width:250px;{/block:IndexPage}{block:PermalinkPage}max-width:520px;{/block:PermalinkPage}}
  79.  
  80. .wrap {width:530px; height:100%; margin-top:-15px;}
  81.  
  82. .posts {margin-bottom:-500px; padding-bottom:100px; padding-top:90px; margin-top:-60px; float:right; width:530px; background-color:{color:posts}; }
  83. .post {{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage} width:520px{/block:PermalinkPage} background:{color:posts}; float:left; {block:IndexPage}margin: 10px 0px 0px 10px;{/block:IndexPage} position: relative;}
  84. .photo {background:{color:posts};}
  85. .photo img {opacity: 0.9; {block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:400px{/block:PermalinkPage} margin:auto;}
  86. .index_caption {padding:5px 20px; text-align:left;}
  87. .index_caption img{width:250px;}
  88. .caption img {width:520px;}
  89.  
  90. {block:IfMaximisedBackgroundImage}
  91. #bg img {z-index:-1; position:fixed; top:0; left:0; height:100%; width:100%;}
  92. {block:IfMaximisedBackgroundImage}
  93.  
  94. div.video embed,
  95. div.post div.video object {{block:IndexPage}width:250px; height:220px;{/block:IndexPage}{block:PermalinkPage}width:580px; height:500px;{/block:PermalinkPage} margin-bottom:10px;}
  96.  
  97. .player {background:#E7E7E7; margin:10px 0 10px 0; width:250px;}
  98.  
  99. .title {font-family:Megrim; font-size:16px; line-height:20px; color:{color:Links};}
  100.  
  101. .perma {margin-top:10px; text-align:center; opacity:0.8;}
  102. .perma a {opacity:0.5;}
  103.  
  104. div#pagination {position:absolute; bottom:20px; text-align:center; padding:10px; height:15px; font-size:13px;}
  105.  
  106. {CustomCSS}
  107. </style>
  108. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  109. <script type="text/javascript">
  110. jQuery(document).ready(function() {
  111. jQuery(".tags").hide();
  112. //toggle the componenet with class msg_body
  113. jQuery(".categories").click(function()
  114. {
  115. jQuery(this).next(".tags").slideToggle(500);
  116. });});
  117. </script>
  118.  
  119. <script type="text/javascript">
  120. $(document).ready(function()
  121. {
  122. $( '.wrap' ).fadeIn("slow");
  123. });
  124. </script>
  125.  
  126. <!-- jQuery --><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
  127. {block:IndexPage}
  128. <script type="text/javascript">
  129. $(".photo img")
  130. .live("mouseenter", function(){
  131. $(this).fadeTo(150, 1.0);
  132. })
  133. .live("mouseleave", function(){
  134. $(this).fadeTo(150, 0.90);
  135. });
  136. </script>
  137. {/block:IndexPage}
  138.  
  139. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  140.  
  141. <!-- {block:IndexPage} -->
  142. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  143. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  144.  
  145. <script type="text/javascript">
  146. $(window).load(function () {
  147. $('.posts').masonry(),
  148. $('.masonryWrap').infinitescroll({
  149. navSelector : "div.navigation",
  150. // selector for the paged navigation (it will be hidden)
  151. nextSelector : ".navigation a#next",
  152. // selector for the NEXT link (to page 2)
  153. itemSelector : ".post",
  154. // selector for all items you'll retrieve
  155. bufferPx : 10000,
  156. extraScrollPx: 10000,
  157. loadingImg : "http://static.tumblr.com/ry7nsix/S4Klhms7s/load.gif",
  158. loadingText : "<em></em>",
  159. },
  160. // call masonry as a callback.
  161. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  162. );
  163. });
  164. </script>
  165. <!-- {/block:IndexPage} -->
  166.  
  167.  
  168. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  169. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  170. <script type="text/javascript" charset="utf-8">
  171. var $j = jQuery.noConflict();
  172. $j(function() {
  173. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  174. $j("img").lazyload({
  175. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  176. effect: "fadeIn",
  177. });
  178. });
  179. </script>
  180.  
  181. {block:IndexPage}
  182. <script type="text/javascript">
  183. $(window).load(function(){
  184. $("p").remove(":contains('Source:')");
  185. $("p").remove(":contains('(via')");
  186. });
  187. </script>
  188. {/block:IndexPage}
  189. </head>
  190.  
  191. <body>
  192. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  193.  
  194. <div class="wrap">
  195. <div class="navigation">
  196. <!--{block:Pagination}-->
  197. <!--{block:NextPage}--><p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a><!--{/block:NextPage}-->
  198. <!--{block:PreviousPage}--><a style="float:left" href="{PreviousPage}">? Newer</a></p><!--{/block:PreviousPage}-->
  199. <!--{/block:Pagination}-->
  200. </div>
  201.  
  202. <div class="info"><br>
  203. {block:ifShowTitle}<div style="font-family:Megrim; font-size:27px; line-height:37px; text-align:center; font-color:{color:HeaderLinks}">{Title}</div>{/block:ifShowTitle}
  204. <div class="description">{description}</div>
  205. </div>
  206.  
  207.  
  208. </div></div>
  209.  
  210. <div class="posts">
  211. {block:Posts}
  212.  
  213. {block:Text}
  214. <div class="post text">
  215. {block:Title}<div class="title">{Title}</div>{/block:Title}
  216. <div style="margin-top:-5px;"><i>{Body}</i></div>
  217. <a href="{Permalink}"><div align="right"><font color="{color:HeaderLinks}"><i>Posted: {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} @ {24HourWithZero}:{Minutes}</div></font></i></a>
  218. </div>
  219. {/block:Text}
  220.  
  221. {block:Photo}<div class="post photo">
  222. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  223. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  224. <img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"width="530"/>
  225. {block:IndexPage}</a>{/block:IndexPage}
  226. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  227. {block:PermalinkPage}{block:Date}<div style="padding:px; color:{color:HeaderLinks}; background-color:{color:posts};" width:460px;>
  228. {block:NoteCount}<div style="float:right"><b>{NoteCountWithLabel}</b></div>{/block:NoteCount} {block:HasTags}<font color="{color:HeaderLinks}">#: </font> {block:Tags}<a href="{TagURL}">{Tag}</a><font color="{color:HeaderLinks}">,</font> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  229. {/block:PermalinkPage}
  230. {block:Ifshowcaptions}{Caption}{/block:Ifshowcaptions}
  231. </div>
  232. {/block:Photo}
  233.  
  234. {block:Photoset}
  235. <div class="post">
  236. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  237. {block:PermalinkPage}<center><div style="padding-left:15px;">{Photoset-500}</div></center>{/block:PermalinkPage}
  238. {block:IndexPage}<a href="{Permalink}"><div align="right"><font color="{color:HeaderLinks}"><i>Posted: {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} @ {24HourWithZero}:{Minutes}</div></font></i></a>{/block:IndexPage}
  239. </div>
  240. {/block:Photoset}
  241.  
  242. {block:Quote}<div class="post quote">
  243. <a href="{Permalink}"><div id="entry">
  244. <div style="padding:px;">"<i>{Quote}</i>"
  245. {block:Source}<i>written by</i> <b>{Source}</b>{/block:Source}</div>
  246. </div></a>
  247. {block:PermalinkPage}{block:Date}<div style=" color:{color:HeaderLinks}; background:{color:posts};">{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  248. {block:NoteCount}<div style="float:right"><b>{NoteCountWithLabel}</b></div>{/block:NoteCount} {block:Date}<b>{DayOfMonth} {Month} {Year}</b>{/block:Date} {block:HasTags}<font color="{color:HeaderLinks}">#: </font> {block:Tags}<a href="{TagURL}">{Tag}</a><font color="{color:HeaderLinks}">,</font> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  249. {/block:PermalinkPage}</div>
  250. {/block:Quote}
  251.  
  252. {block:Link}<div class="post link">
  253. <div class="title"><a href="{URL}">{Name}</a></div>{block:Description}<i>{Description}</i>
  254. {/block:Description}
  255. {block:IndexPage}<a href="{Permalink}"><div align="right"><font color="{color:HeaderLinks}"><i>Posted: {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} @ {24HourWithZero}:{Minutes}</div></font></i></a>{/block:IndexPage}
  256. {block:PermalinkPage}{block:NoteCount}<div style="float:right"><b>{NoteCountWithLabel}</b></div>{/block:NoteCount} {block:HasTags}<font color={color:HeaderLinks}">#: </font> {block:Tags}<a href="{TagURL}">{Tag}</a><font color="{color:HeaderLinks}">,</font> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  257. {/block:PermalinkPage}</div>
  258. {/block:Link}
  259.  
  260. {block:Chat}<div class="post chat">
  261. {block:Title}<h2>{Title}</h2>{/block:Title}
  262. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  263. {block:IndexPage}<a href="{Permalink}"><div align="right"><font color="{color:HeaderLinks}"><i>Posted: {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} @ {24HourWithZero}:{Minutes}</div></font></i></a>{/block:IndexPage}
  264. {block:PermalinkPage}{block:Date}<div style=" color:{color:HeaderLinks}; background:{color:posts};">{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  265. {block:NoteCount}<div style="float:right"><b>{NoteCountWithLabel}</b></div>{/block:NoteCount} {block:Date}<b>{DayOfMonth} {Month} {Year}</b>{/block:Date} {block:HasTags}<font color="{color:HeaderLinks}">#: </font> {block:Tags}<a href="{TagURL}">{Tag}</a><font color="#888">,</font> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  266. {/block:PermalinkPage}</div>
  267. {/block:Chat}
  268.  
  269. {block:Audio}
  270. <div class="post text">
  271. <div class="player">{AudioPlayerGrey}</div>
  272. <div style="padding:2px; font-size:9px; text-align:left; margin-top:-3px;">{block:Artist}{Artist}{/block:Artist} → {block:TrackName}{TrackName} {/block:TrackName}</div><br>
  273. {block:IndexPage}<a href="{Permalink}"><div align="right"><font color="{color:HeaderLinks}"><i>Posted: {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} @ {24HourWithZero}:{Minutes}</div></font></i></a>{/block:IndexPage}
  274. {block:PermalinkPage}
  275. {block:NoteCount}<div style="float:right"><b>{NoteCountWithLabel}</b></div>{/block:NoteCount} {block:HasTags}<font color="{color:HeaderLinks}">#: </font> {block:Tags}<a href="{TagURL}">{Tag}</a><font color="{color:HeaderLinks}">,</font> {/block:Tags}{/block:HasTags}</div>
  276. {/block:PermalinkPage}</div>
  277. {/block:Audio}
  278.  
  279. {block:Answer}<div class="post answer">
  280. <i><b>{Question}</b></i> - <i>asked by</i> <b>{Asker}</b>
  281. <div class="body">{Answer}</div>
  282. {block:IndexPage}<div align="right"><a href="{Permalink}"><font color="{color:HeaderLinks}">Posted {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} @ {24HourWithZero}:{Minutes}</font></a></div>{/block:IndexPage}
  283. </div>
  284. {/block:answer}
  285.  
  286. {block:Video}<div class="post text">
  287. <div class="video">
  288. {Video-500}
  289. </div>
  290. {block:IndexPage}<a href="{Permalink}"><div align="right"><font color="{color:HeaderLinks}"><i>Posted: {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} @ {24HourWithZero}:{Minutes}</div></font></i></a>{/block:IndexPage}
  291. {block:PermalinkPage}{block:Date}<div style=" color:#444; background:{color:posts};">{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  292. {block:NoteCount}<div style="float:right"><b>{NoteCountWithLabel}</b></div>{/block:NoteCount} {block:Date}<b>{DayOfMonth} {Month} {Year}</b>{/block:Date} {block:HasTags}<font color="{color:HeaderLinks}">#: </font> {block:Tags}<a href="{TagURL}">{Tag}</a><font color="#888">,</font> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  293. {/block:PermalinkPage}</div>
  294. {/block:Video}
  295. {/block:Posts}
  296. </div>
  297. </div>
  298.  
  299. <span style="font-size:9px; position:fixed; bottom:3px; margin:auto; width:530px; text-align:right; background-color:{color:posts}; padding-top:5px; padding-bottom:5px; margin-bottom:-5px;">
  300. <b><div class="navlinks">
  301. <div class="headerlinks"><div style="border-left: 2px solid {color:posts};"><a href="/">home</a></div></div>
  302. <div class="headerlinks"><a href="/ask">ask</a></div>
  303. <div class="headerlinks">{block:ifCustomLinkOneTitle}
  304. <a href="{text:Custom Link One}">{text:Custom Link One Title}</a>&nbsp;{/block:ifCustomLinkOneTitle}</div>
  305. <div class="headerlinks">{block:ifCustomLinkTwoTitle}
  306. <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>&nbsp;{/block:ifCustomLinkTwoTitle}</div>
  307. <div class="headerlinks">{block:ifCustomLinkThreeTitle}
  308. <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>&nbsp;{/block:ifCustomLinkThreeTitle}</div>
  309. <div class="headerlinks"><a href="http://www.dec0der.tumblr.com">theme</a></div>
  310. </div></b></span>
  311.  
  312. </body>
  313. </html>
create a new version of this paste RAW Paste Data