API tools faq
paste
Advertisement
lleelii

Danger

lleelii
Aug 27th, 2014
4,293
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.68 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. THEME BY:
  3. ___ ___ _
  4. / _ \ / _ \ _ __ | |__
  5. \_, / \_, / | ' \ | '_ \
  6. /_/ /_/ |_|_|_| |_.__/
  7.  
  8. --->
  9.  
  10. <html><head><title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12.  
  13. <meta name="color:Text" content="#000000">
  14. <meta name="color:Links" content="#898989">
  15. <meta name="color:Links Hover" content="#4e5276">
  16. <meta name="color:Bold" content="#fc8b65">
  17. <meta name="color:Header BG" content="#ffffff">
  18. <meta name="color:Header Title" content="#000000">
  19. <meta name="color:Top Links" content="#fc8b65">
  20. <meta name="color:Scrollbar" content="#4e5276">
  21. <meta name="color:Source Text" content="#c5c5c5">
  22. <meta name="color:Tags" content="#000000">
  23. <meta name="color:Date" content="#000000">
  24. <meta name="color:Title Color" content="#000000">
  25. <meta name="color:Sidebar BG" content="#f8f8f8">
  26. <meta name="color:Sidebar Border" content="#ededed">
  27. <meta name="color:Sidebar Title" content="#000000">
  28. <meta name="color:Sidebar Text" content="#555555">
  29. <meta name="color:Search Box" content="#ffffff">
  30.  
  31. <meta name="image:750x400 Header 1" content="http://i.imgur.com/iJlUlBY.png"/>
  32. <meta name="image:750x400 Header 2" content="http://i.imgur.com/iJlUlBY.png"/>
  33. <meta name="image:750x400 Header 3" content="http://i.imgur.com/iJlUlBY.png"/>
  34. <meta name="image:750x400 Header 4" content="http://i.imgur.com/iJlUlBY.png"/>
  35. <meta name="image:750x400 Header 5" content="http://i.imgur.com/iJlUlBY.png"/>
  36. <meta name="image:750x400 Header 6" content="http://i.imgur.com/iJlUlBY.png"/>
  37.  
  38. <meta name="text:2nd Link URL" content="">
  39. <meta name="text:2nd Link Title" content="link 2">
  40. <meta name="text:3rd Link URL" content="">
  41. <meta name="text:3rd Link Title" content="link 3">
  42. <meta name="text:4th Link URL" content="">
  43. <meta name="text:4th Link Title" content="link 4">
  44. <meta name="text:5th Link URL" content="">
  45. <meta name="text:5th Link Title" content="link 5">
  46. <meta name="text:6th Link URL" content="">
  47. <meta name="text:6th Link Title" content="link 6">
  48.  
  49. <meta name="text:3rd Sidebar Title" content="3rd Sidebar Title">
  50. <meta name="text:3rd Sidebar Content" content="REPLACE THIS WITH 3RD SIDEBAR CONTENT"/>
  51. <meta name="text:4th Sidebar Title" content="4th Sidebar Title">
  52. <meta name="text:4th Sidebar Content" content="REPLACE THIS WITH 4TH SIDEBAR CONTENT"/>
  53.  
  54. <meta name="text:Event 1" content="<b>7/15</b> Event here"/>
  55. <meta name="text:Event 2" content="<b>7/16</b> Event here"/>
  56. <meta name="text:Event 3" content=""/>
  57. <meta name="text:Event 4" content=""/>
  58. <meta name="text:Event 5" content=""/>
  59.  
  60. <meta name="text:Disclaimer" content=""/>
  61.  
  62.  
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  64.  
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
  67.  
  68. <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  69.  
  70. <style type="text/css">
  71. @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
  72.  
  73. body {background-color:#fff; color:{color:Text}; padding:0;margin:0;height:100%; overflow-x:hidden; font-family:'PT Sans', sans-serif; font-size:12px; text-transform:normal; line-height:12px; word-wrap:break-word;}
  74.  
  75. b, strong {font-weight: bold; color:{color:Bold};}
  76. i, italic, em {font-style: italic;}
  77.  
  78. a:link, a:active, a:visited {color:{color:Links}; text-decoration:none; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  79. a:hover {color:{color:Links Hover}; text-decoration:none;}
  80.  
  81. div#container2 {position:relative; margin:auto; float:center; width:100%; margin-top:10px; padding:40px 10px 50px 40px;}
  82.  
  83. #picture {width:500px; padding:5px; margin-bottom:45px; margin-left:50px; float:left; display: block;}
  84. #picture:hover #perm {opacity:0.9; margin:-15px 5px 0px 22px;}
  85. #picture:hover .picturebord {-webkit-transform: scale(.85);-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;}
  86. .picturebord {width:500px; padding:5px; -webkit-transform: scale(1); -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 500ms;}
  87. .picturebord img {float:left; max-width:500px;}
  88.  
  89. .tags {font-size:10px; padding:5px; width:495px; line-height:15px; margin-top:4px;} .tag {font-size:14px; font-weight:bold; text-transform:uppercase;} .tag a, .tags a {color:{color:Tags};} .tag:after {content: ",";} .tag:last-child:after { content: " ";}
  90.  
  91. #source {width:500px; text-align:right; color:{color:Source Text}; line-height:5px; font-size:11px;} .sb {color:{color:Source Text};} .sb a {color:{color:Source Text};}
  92.  
  93. #perm {position:absolute; margin:2px 5px 0px 22px; width:452px; padding:5px; background-color:{color:Header BG}; opacity:0; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;} .date {text-align:left; font-size:18px; text-transform:uppercase; padding:1px 3px 1px 0px; color:{color:Date}; font-weight:bold; display:block; line-height:22px;}
  94.  
  95. #side {position:relative; padding:20px; float:center; margin:auto; margin-top:10px; z-index:900;}
  96.  
  97. #headback {position:relative; margin:auto; margin-top:50px; height:400px; left:0%;}
  98. #header {position:fixed; left:0%; top:0%; width:100%; height:auto; background:{color:Header BG}; z-index:9999; }
  99.  
  100.  
  101. blockquote {border-left:2px solid {color:Sidebar BG}; padding-left:10px; margin-left:30px;} small {font-size:11px;} sub {font-size:11px;} pre {font-size:11px;} blockquote img {max-width:37em; max-height:37em}
  102. .caption {line-height:15px; margin-top:5px; width:500px; overflow:hidden; padding-left:7px;}
  103.  
  104. .welc {font-weight:bold; font-size:18px; letter-spacing:1px; color:{color:Sidebar Title}; text-transform:uppercase; padding:7px; margin:5px; display:inline-block; border:1px solid {color:Sidebar Title};}
  105.  
  106. .disclaimer {font-weight:bold; font-size:18px; letter-spacing:1px; color:{color:Sidebar Title}; text-transform:uppercase; padding:7px; margin-bottom:8px; display:inline-block; border:1px solid {color:Sidebar Title};}
  107. .bottomdesc {font-size:11px; line-height:15px; width:300px; text-align:justify;}
  108. .sidedesc {padding:15px; font-size:11px; line-height:15px; width:250px; height:180px; overflow-y:auto; text-align:justify; color:{color:Sidebar Text}; background:{color:Sidebar BG}; display:inline-block; margin-right:30px; border:1px solid {color:Sidebar Border};}
  109. .ssidedesc {padding:15px; font-size:11px; line-height:18px; width:250px; height:180px; overflow-y:auto; text-align:justify; color:{color:Sidebar Text}; background:{color:Sidebar BG}; margin-right:30px; border:1px solid {color:Sidebar Border};} .ssidedesc b {color:{color:Bold}; font-size:15px;}
  110.  
  111. #question {padding:8px; border-bottom:1px solid {color:Bold}; line-height:16px;} #question b {color:{color:Text};}
  112.  
  113. .title {Font-size:26px;font-weight:bold; color:{color:Title Color}; text-align:Center; text-transform:uppercase; line-height:25px; padding:10px;}
  114.  
  115. .btitle {font-size:35px; color:{color:Header Title}; font-weight:bold; text-transform:uppercase; padding:20px 30px 20px 30px;}
  116. .btitle a {margin:0px 25px 0px 25px; padding:4px; display:inline-block; vertical-align:middle; font-size:15px; color:{color:Top Links}; text-transform:uppercase; line-height:30px; border-bottom:2px solid {color:Header BG};} .btitle a:hover {border-bottom:2px solid {color:Header Title};}
  117.  
  118.  
  119. input {background-color:{color:Search Box}; color:{color:Text}; padding:7px; border-style:none; font-size:11px;margin-top:8px; margin-right:18px;} input[type=submit] {font-weight:bold; letter-spacing:1px; margin-left:-15px; background-color:{color:Sidebar BG}; color:{color:Sidebar Title}; text-transform:uppercase;}
  120.  
  121. #pagin {position:relative; bottom:0; left:0; width:100%; height:auto; background-color:{color:Sidebar BG}; font-size:20px; padding:18px 15px 5px 0px; margin-left:-10px; z-index:901; color:{color:Sidebar Text};} #pagin a {font-weight:bold;}
  122.  
  123. .audalbum {width:130px; height:130px; margin-right:20px;} .audplayer
  124. {position:absolute; background:#000; margin-top:-95px; margin-left:45px; border:10px solid #000; width:25px; height:25px; overflow:hidden; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
  125.  
  126. ol.notes {padding: 10px; margin: 25px 0px; list-style-type: none;}
  127. ol.notes li.note {padding: 10px;}
  128. ol.notes li.note img.avatar {display:none; margin-right:10px;}
  129. iframe#tumblr_controls {position:fixed !important; top:0% !important;
  130. right:0% !important; -webkit-filter:invert(100%); opacity:1; z-index:9999;}
  131.  
  132. ::-webkit-scrollbar {width:6px; height:5px;}
  133. ::-webkit-scrollbar-track-piece {background-color:#fff;}
  134. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  135.  
  136. #makeMeScrollable {width:100%;height:400px; position:relative; overflow: hidden;}
  137.  
  138. #makeMeScrollable div.scrollableArea img{
  139. position: relative; float: left;
  140. margin: 0; padding: 0;
  141. -webkit-user-select: none;
  142. -khtml-user-select: none;
  143. -moz-user-select: none;
  144. -o-user-select: none;
  145. user-select: none;}
  146.  
  147. div.scrollWrapper{position: relative; overflow: hidden; width: 100%; height: 100%;}
  148. div.scrollableArea{position: relative; width: auto; height: 100%;}
  149.  
  150. {CustomCSS}
  151. </style>
  152.  
  153. </head>
  154.  
  155.  
  156. <body>
  157. <div id="header">
  158. <div class="btitle">{title} <a href="/">home</a>&nbsp; <a href="{text:2nd Link URL}">{text:2nd Link Title}</a>&nbsp; <a href="{text:3rd Link URL}">{text:3rd Link Title}</a>&nbsp; <a href="{text:4th Link URL}">{text:4th Link Title}</a> <a href="{text:5th Link URL}">{text:5th Link Title}</a>&nbsp; <a href="{text:6th Link URL}">{text:6th Link Title}</a></div>
  159. </div><br><br><br><br><br>
  160.  
  161.  
  162.  
  163.  
  164. <div id="headback">
  165. <div id="makeMeScrollable">
  166. <img src="{image:750x400 Header 1}"/>
  167. <img src="{image:750x400 Header 2}"/>
  168. <img src="{image:750x400 Header 3}" />
  169. <img src="{image:750x400 Header 4}"/>
  170. <img src="{image:750x400 Header 5}" />
  171. <img src="{image:750x400 Header 6}" />
  172. </div>
  173.  
  174. </div>
  175. <br>
  176.  
  177. <center>
  178. <div id="side"><br>
  179. <table><tr><td>
  180. <div class="sidedesc">
  181. <div class="welc">welcome</div>
  182. <div style="padding:10px;">{Description}</br></br> <center><form onsubmit="return tagSearch(this)"><input type="text" size="20" name="tag" placeholder="Type a keyword" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
  183. <input type="submit" value="GO" /></form></center></div></div></td>
  184.  
  185. <td><div class="ssidedesc">
  186. <div class="welc">schedule</div>
  187. <div style="padding:10px;">{text:Event 1}<br> {text:Event 2}<br> {text:Event 3}<br> {text:Event 4}<br> {text:Event 5}</div></div></td>
  188.  
  189. <td><div class="sidedesc">
  190. <div class="welc">{text:3rd Sidebar Title}</div>
  191. <div style="padding:10px;">{text:3rd Sidebar Content}</div></div></td>
  192.  
  193. <td><div class="sidedesc">
  194. <div class="welc">{text:4th Sidebar Title}</div>
  195. <div style="padding:10px;">{text:4th Sidebar Content}</div></div>
  196.  
  197. </td></tr></table>
  198. </div>
  199. </center>
  200.  
  201.  
  202. <div id="container2">
  203.  
  204. <br><bR>
  205. {block:Posts}
  206.  
  207. {block:Text}
  208. <div id="picture">
  209.  
  210. {block:Title}<div class="title">{Title}</div>{/block:Title}
  211. <div class="caption">{Body}</div>
  212. {block:IndexPage}<Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>{/block:IndexPage}
  213. </div>{/block:Text}
  214.  
  215.  
  216. {block:Photo}
  217. <div id="picture">
  218. <div id="perm"><center><table><tr><td><a href="{Permalink}"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</b></a></td> <td style="padding-right:10px">{LikeButton size="20" color="black"}</td> <td>{ReblogButton size="20" color="black"}</td></tr></table></center></div>
  219.  
  220. <A href="{Permalink}">{LinkOpenTag}<img class="picturebord" src="{PhotoURL-500}" width="500"/>{LinkCloseTag}</a><br>
  221. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  222.  
  223. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb">with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  224. </div>{/block:Photo}
  225.  
  226.  
  227. {block:Photoset}
  228. <div id="picture">
  229. <div id="perm"><center><table><tr><td><a href="{Permalink}"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear}</b></a></td> <td style="padding-right:10px">{LikeButton size="20" color="black"}</td> <td>{ReblogButton size="20" color="black"}</td></tr></table></center></div>
  230.  
  231. <div class="picturebord">{Photoset-500}</div>
  232. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  233.  
  234. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb">with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  235. </div>{/block:Photoset}
  236.  
  237.  
  238. {block:Audio}
  239. <div id="picture">
  240.  
  241. <table><tr><td><img class="audalbum" style="border:1px solid #f2f2f2; padding:3px;" src="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}"> <div class="audplayer">{block:AudioPlayer}{AudioPlayerBlack} {/block:AudioPlayer}</div></td> <td style="font-size:17px; line-height:18px;">{block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName} {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:PlayCount}<b>Plays:</b> {PlayCount}{/block:PlayCount}</div></td></tr></table>
  242. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  243. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  244. </div>{/block:Audio}
  245.  
  246.  
  247. {block:Quote}
  248. <div id="picture">
  249.  
  250. <div class="title">"{Quote}"</div>{block:Source}<blockquote> — {Source}</blockquote>{/block:Source}
  251. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  252. </div>{/block:Quote}
  253.  
  254.  
  255. {block:Video}
  256. <div id="picture">
  257.  
  258. <div class="picturebord">{video-500}</div>
  259. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  260. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  261. </div>{/block:Video}
  262.  
  263.  
  264. {block:Link}
  265. <div id="picture">
  266.  
  267. <div class="title"><a href="{URL}" style="color:{color:Title Color};" {Target}>→ {Name}</a></div>{block:Description}{Description}{/block:Description}
  268. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  269. </div>{/block:Link}
  270.  
  271.  
  272. {block:Chat}
  273. <div id="picture">
  274.  
  275. {block:Title}<div class="title">{Title}</div>{/block:Title}
  276. <div class="chat">{block:Lines}
  277. <div class="lines"><div class="line {Alt}">
  278. {block:Label}<b>{Label}</b>{/block:Label} {Line}</div></div>{/block:Lines}
  279. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  280. </div></div>{/block:Chat}
  281.  
  282.  
  283. {block:Answer}
  284. <div id="picture">
  285.  
  286. <table><tr><td><img src="{AskerPortraitURL-30}"></img></td>
  287. <td><div id="question" style="width:460px;"><b>{Asker}</b>: {Question}</div></td></tr></table><br>
  288. {Answer}
  289. <Div id="source">{block:HasTags}<div class="tags"> <img width="15" src="http://i.imgur.com/7r6LKra.png">{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br> <div class="sb"> posted {ShortMonth} {DayOfMonthWithZero} {ShortYear} with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}( &copy; <a href="{SourceURL}">{SourceTitle}</a> ) {/block:ContentSource}</div></div>
  290. </div>{/block:Answer}
  291.  
  292. {block:PermalinkPage}
  293. <div id="picture">
  294.  
  295. {block:PostNotes}<table><tr><td>{PostNotes}</td></tr></table>{/block:PostNotes}
  296. </div>{/block:PermalinkPage}
  297.  
  298. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  299. {/block:Posts}
  300. </div>
  301.  
  302.  
  303. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
  304. <script src="http://static.tumblr.com/tyt3xth/Bu4nazg0f/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
  305. <script src="http://static.tumblr.com/tyt3xth/TzUnazftn/smoothdivscroll.js" type="text/javascript"></script>
  306. <script type="text/javascript" src="http://static.tumblr.com/tyt3xth/ZG1nazgq3/jquerymousewheel.js"></script>
  307. <script type="text/javascript">
  308. $(document).ready(function () {
  309. $("#makeMeScrollable").smoothDivScroll({
  310. mousewheelScrolling: "",
  311. visibleHotSpotBackgrounds: "hover",
  312. autoScrollingDirection: "backAndForth",
  313. manualContinuousScrolling: true,
  314. hotSpotScrollingInterval: 80,
  315. autoScrollingMode: "onStart"
  316. });
  317. });
  318. </script>
  319.  
  320.  
  321. <script type="text/javascript">
  322. $(function() {
  323. $(window).scroll(function(){
  324. var scrollTop = $(window).scrollTop();
  325. if(scrollTop != 0)
  326. $('#header').stop().animate({'opacity':'0.2'},400);
  327. else
  328. $('#header').stop().animate({'opacity':'1'},400);
  329. });
  330.  
  331. $('#header').hover(
  332. function (e) {
  333. var scrollTop = $(window).scrollTop();
  334. if(scrollTop != 0){
  335. $('#header').stop().animate({'opacity':'1'},400);
  336. }
  337. },
  338. function (e) {
  339. var scrollTop = $(window).scrollTop();
  340. if(scrollTop != 0){
  341. $('#header').stop().animate({'opacity':'0.2'},400);
  342. }
  343. }
  344. );
  345. });</script>
  346.  
  347.  
  348. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  349. <script>
  350. $(function(){
  351. var $container = $('#container2');
  352. $container.imagesLoaded(function(){
  353. $container.masonry({
  354. itemSelector: '#picture',
  355. }); });
  356. $container.infinitescroll({
  357. itemSelector : "#picture",
  358. navSelector : "",
  359. nextSelector : "",
  360. },
  361. function( newElements ) {
  362. var $newElems = $( newElements ).css({ opacity: 0 });
  363. $newElems.imagesLoaded(function(){
  364. $newElems.animate({ opacity: 1 });
  365. $container.masonry( 'appended', $newElems, true );
  366. }); } ); });
  367. </script>
  368. </body>
  369.  
  370. </div>
  371. </html>
  372. {block:IndexPage}{block:Pagination}<div id="pagin"><center>{block:PreviousPage} <a href="{PreviousPage}">←</a> {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage} {PageNumber} {/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination}{block:NextPage} <a href="{NextPage}">→</a>{/block:NextPage}</center><br>
  373. <Center><table><tr><td valign="top" style="padding-right:200px;"><div class="bottomdesc"><br>
  374. <div class="disclaimer">Disclaimer</div><br>
  375. {text:Disclaimer}</div></td>
  376.  
  377. <td width="250"><Center><span style="font-size:10px; color:#616161;"> Powered by Tumblr<br> Theme by <a href="http://99mb.tumblr.com/">99mb</a></span></Center></td></tr></table></Center><br><br>
  378. {/block:Pagination}<br></div>{/block:IndexPage}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!