API tools faq
paste
jolaaloj

006. Peculiar

jolaaloj
Sep 11th, 2013
2,251
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.28 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3.  
  4. 006. PECULIAR by Urbanclique
  5. Please do not steal, copy, or remove the credit.
  6.  
  7. -->
  8.  
  9. <head>
  10. <title>{title}</title>
  11. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lu2db46ekH1qfoi4t.png"/>
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. <link href='http://fonts.googleapis.com/css?family=Raleway:200' rel='stylesheet' type='text/css'>
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  18.  
  19.  
  20.  
  21.  
  22. <script type="text/javascript">
  23. <!--
  24.  
  25. // Disable Right Click Script
  26.  
  27. function IE(e)
  28. {
  29. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  30. {
  31. return false;
  32. }
  33. }
  34. function NS(e)
  35. {
  36. if (document.layers || (document.getElementById && !document.all))
  37. {
  38. if (e.which == "2" || e.which == "3")
  39. {
  40. return false;
  41. }
  42. }
  43. }
  44. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  45.  
  46. //-->
  47. </script>
  48.  
  49. <meta name="color:Background" content="#ffffff"/>
  50. <meta name="color:title" content="#ffffff"/>
  51. <meta name="color:Text" content="#000000"/>
  52. <meta name="color:Link" content="#555555"/>
  53. <meta name="color:Link Hover" content="#cccccc"/>
  54. <meta name="if:falling hearts" content="1"/>
  55. <meta name="text:Title" content="Jolene"/>
  56. <meta name="text:link 1" content="http://" />
  57. <meta name="text:link 1 title" content="" />
  58. <meta name="text:link 2" content="http://" />
  59. <meta name="text:link 2 title" content="" />
  60. <meta name="text:link 3" content="http://" />
  61. <meta name="text:link 3 title" content="" />
  62. <meta name="text:link 4" content="http://" />
  63. <meta name="text:link 4 title" content="" />
  64. <meta name="text:link title" content="Navigation" />
  65. <meta name="image:Background" content=""/>
  66. <meta name="if:default body font" content="1"/>
  67. <meta name="if:calibri body font" content="0"/>
  68. <meta name="if:georgia body font" content="0"/>
  69. <meta name="if:show bow" content="0"/>
  70.  
  71. <style type="text/css">
  72. body{
  73. {block:ifdefaultbodyfont}
  74. font-family: consolas, sans-serif;
  75. font-size: 10px;
  76. {/block:ifdefaultbodyfont}
  77. {block:ifcalibribodyfont}
  78. font-family: calibri;
  79. font-size: 10px;
  80. {/block:ifcalibribodyfont}
  81. {block:ifgeorgiabodyfont}
  82. font-family: georgia;
  83. font-size: 9px;
  84. {/block:ifgeorgiabodyfont}
  85. color:{color:Text};
  86. background-color:{color:Background};
  87. }
  88.  
  89. body, a {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;} a:hover{cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}
  90.  
  91. iframe#tumblr_controls {white-space:nowrap; filter: invert(90%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.5}
  92.  
  93. #post{width: 615px; margin-left: 320px; margin-right:auto; margin-top: 10px; padding: 20px; }
  94.  
  95. a{color:{color:link}; text-decoration:none;}
  96. a:hover{ color: #848484; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  97.  
  98. blockquote {border-left: 3px #ddd solid; margin-left: 5px; padding-left: 5px; }
  99.  
  100. .entry{padding: 12px; border-radius: 5px; background-color: #fff; float:left; overflow: hidden; margin: 10px; margin-left: 15px; width: 200px; border: 1px #eee solid; {block:PermalinkPage} width: 500px; {/block:PermalinkPage} }
  101.  
  102. .entry .perma{ position:absolute; overflow:hidden;
  103. bottom: 25px; margin-left: 10px; width: 165px; height: auto; opacity: 0; letter-spacing: 1px; background-color: white; font-family: consolas; text-align: left; text-transform: uppercase; font-style: none; font-size: 8px; line-height: 12px; padding: 5px; text-align: center; z-index: 2;
  104. border-right: 3px solid {color:link}; border-left: 3px solid {color:link};
  105. -webkit-transition: all 0.6s linear; -webkit-transition: all 0.6s linear;
  106. -moz-transition: all 0.6s linear; transition: all 0.6s linear; }
  107. .entry:hover .perma{ opacity: .9; margin-top: 0px; -webkit-transition: all 0.6s linear; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear; {block:PermalinkPage} opacity: 0; {/block:PermalinkPage} }
  108.  
  109. .entry img {opacity: .78; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear;}
  110. .entry img:hover{ opacity: .98; margin-left: 0px; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; }
  111.  
  112. .permalink { padding:0px; padding-top: 6px; line-height: 9px; text-align: right; font-family: consolas; letter-spacing: 1px; font-size: 8px; text-transform: uppercase; color: {color:text}; margin-bottom: -5px; border-top: 1px solid #ddd; 0px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  113. transition: all 0.7s ease-out; }
  114. .permalink a{ color: {color:text}}
  115. .permalink a:hover {text-shadow:0px 0px 0px #848484;}
  116. .permalink:hover{ padding-right: 10px; margin-bottom: -5px; border-top: 1px solid #ddd; 0px; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; }
  117.  
  118. .foot{ top: 26px; right: 6px; font-size: 9px; z-index:99999; position:fixed; white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;} -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  119.  
  120. ul {list-style-image: url('http://i4.photobucket.com/albums/y135/dani_leal_/minigifs/300-1.gif'); }
  121.  
  122. #yup {margin-top: 10px;}
  123. #yup a {font-size: 14px; background:transparent; display: block;
  124. width: 18px; border-radius: 50%; text-align: center; float: left; margin-left: 2px; margin-bottom: -4px; padding-right:5px; padding-left: 5px;
  125. text-transform: none; color: #666; opacity: .7; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -moz-transition-duration: 0.3s; }
  126. #yup a:hover { padding-right: 5px; opacity:1; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -moz-transition-duration: 0.3s; }
  127.  
  128. ol { margin-left: 30px; padding: 0px; }
  129. #sidebar{background: #fff; width: 150px; top: 120px; margin-left: 120px;
  130. position:fixed; padding: 10px; padding-top: 23px; float:center; text-align: center; border-top: 1px #ddd dotted; border-radius: 0px 0px 5px 5px; -moz-box-shadow: 0px 10px 31px #eee; -webkit-box-shadow: 0px 30px 31px #eee;
  131. box-shadow: 0px 2px 10px 0px #eee;}
  132.  
  133. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  134.  
  135. #audioplayer { width:28px; height:35px; overflow:hidden; position:absolute; margin-top:10px; margin-left: 10px; opacity: 1; z-index: 99999;}
  136. #audiotext { width:150px; height: 50px; overflow:hidden; position:absolute; margin-top:0px; margin-left: 65px; opacity: 1; }
  137.  
  138. #swag {position: fixed;margin-left: 120px;margin-top: 87px;width: 165px;font-size: 20px; font-family: basket;text-transform: lowercase;z-index: 9999; background-color: transparent; text-align: right; }
  139.  
  140. .description {
  141. {block:ifshowbow} display:none; {/block:ifshowbow}margin-top: 65px;margin-left: 60px; padding: 10px; z-index: 9999; position:fixed; width: 170px;
  142. height: 40px; transform: rotate(-30deg); -ms-transform: rotate(-30deg); /* IE 9 */ -webkit-transform: rotate(-30deg); /* Safari and Chrome */ opacity: 0.89;
  143.  
  144. div#qTip {display:none; color:{color:text}; text-align:left; position:absolute; z-index:99999999; font-family:consolas; font-size:8px; background: #fff; padding:3px 4px; border: 0px #ffbbcc solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height:13px; opacity:0.98;}
  145.  
  146. .pagination {
  147. display: none;
  148. }
  149.  
  150. {CustomCSS]</style>
  151.  
  152. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  153.  
  154. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  155.  
  156. <script>
  157. $(function(){
  158. var $container = $('#post');
  159. $container.imagesLoaded(function(){
  160. $container.masonry({
  161. itemSelector: '.entry',
  162. });
  163. });
  164. $container.infinitescroll({
  165. itemSelector : ".entry",
  166. navSelector : "div.pagination",
  167. nextSelector : ".pagination a#next",
  168. loadingImg : "",
  169. loadingText : "<em></em>",
  170. bufferPx : 10000,
  171. extraScrollPx: 12000,
  172. },
  173. // trigger Masonry as a callback
  174. function( newElements ) {
  175. var $newElems = $( newElements ).css({ opacity: 0 });
  176. // ensure that images load before adding to masonry layout
  177. $newElems.imagesLoaded(function(){
  178. $newElems.animate({ opacity: 1 });
  179. $container.masonry( 'appended', $newElems, true );
  180. });
  181. }
  182. );
  183. });
  184. </script>
  185. </head> <body onkeydown="return false">
  186. {block:iffallinghearts}
  187. <script type="text/javascript">
  188. /* SNOWFLAKES BY NAEIVE */
  189.  
  190. // Set the colors for the snow. Add/remove as many colors as you like //
  191. var snowcolor=new Array("#ffffff","#bebebe","#eeeeee","#ececec", "#d6d6d6")
  192.  
  193. var snowmax=45
  194. var snowtype=new Array("Times")
  195. var snowletter="♥"
  196. var sinkspeed=0.3
  197. var snowmaxsize=22
  198. var snowminsize=8
  199. var snowingzone=1
  200.  
  201. // Do not edit below this line //
  202. var snow=new Array()
  203. var marginbottom
  204. var marginright
  205. var timer
  206. var i_snow=0
  207. var x_mv=new Array();
  208. var crds=new Array();
  209. var lftrght=new Array();
  210. var browserinfos=navigator.userAgent
  211. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  212. var ns6=document.getElementById&&!document.all
  213. var opera=browserinfos.match(/Opera/)
  214. var browserok=ie5||ns6||opera
  215.  
  216. function randommaker(range) {
  217. rand=Math.floor(range*Math.random())
  218. return rand
  219. }
  220.  
  221. function initsnow() {
  222. if (ie5 || opera) {
  223. marginbottom = document.body.scrollHeight
  224. marginright = document.body.clientWidth-15
  225. }
  226. else if (ns6) {
  227. marginbottom = document.body.scrollHeight
  228. marginright = window.innerWidth-15
  229. }
  230. var snowsizerange=snowmaxsize-snowminsize
  231. for (i=0;i<=snowmax;i++) {
  232. crds[i] = 0;
  233. lftrght[i] = Math.random()*15;
  234. x_mv[i] = 0.03 + Math.random()/10;
  235. snow[i]=document.getElementById("s"+i)
  236. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  237. snow[i].size=randommaker(snowsizerange)+snowminsize
  238. snow[i].style.fontSize=snow[i].size+'px';
  239. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  240. snow[i].style.zIndex=1000
  241. snow[i].sink=sinkspeed*snow[i].size/5
  242. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  243. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  244. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  245. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  246. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  247. snow[i].style.left=snow[i].posx+'px';
  248. snow[i].style.top=snow[i].posy+'px';
  249. }
  250. movesnow()
  251. }
  252.  
  253. function movesnow() {
  254. for (i=0;i<=snowmax;i++) {
  255. crds[i] += x_mv[i];
  256. snow[i].posy+=snow[i].sink
  257. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  258. snow[i].style.top=snow[i].posy+'px';
  259.  
  260. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  261. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  262. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  263. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  264. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  265. snow[i].posy=0
  266. }
  267. }
  268. var timer=setTimeout("movesnow()",50)
  269. }
  270.  
  271. for (i=0;i<=snowmax;i++) {
  272. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  273. }
  274. if (browserok) {
  275. window.onload=initsnow
  276. }
  277. </script>{/block:iffallinghearts}
  278. <div class="description"><a href="/"><img src="http://i1153.photobucket.com/albums/p509/Jola_Micah/bows/Untitled-27_zpsaacaa1bc.png" width="110px;" ></a></div> <div id="swag">{text:title}</div> <div id="sidebar">{description} <br> <div id="yup">
  279. <a href="{text:link 1}" ><img src="http://i45.tinypic.com/70zxhj.png"></a>
  280. <a href="{text:link 2}" rel="02" class="poplight"> <img src="http://i47.tinypic.com/xfyble.png"></a>
  281. <a href="{text:link 3}" rel="links" class="poplight"> <img src="http://i49.tinypic.com/34dq4qh.png"</a>
  282. <a href="{text:link 4}"><img src="http://i45.tinypic.com/2qbdlok.png"></a>
  283. <a href="http://urbanclique.tumblr.com/" target="_blank">©</a>
  284. </div></div>
  285. <div class="wrapper">
  286. </div>
  287.  
  288. <div id="post">
  289. {block:Posts}
  290. <div class="entry">
  291. {block:Title}<span style="font-family: consolas; font-size: 10px; line-height: 10px; text-transform: uppercase;">{Title}</span>{/block:Title}
  292.  
  293. {block:Text}{Body} <div class="permalink"> <a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a></a></div>{/block:Text}
  294.  
  295. {block:Photo}
  296.  
  297. {block:IndexPage}<img src="{PhotoURL-500}" width="200px"/>{/block:IndexPage}
  298. {block:PermalinkPage}<img src="{PhotoURL-500}" width="500"/>{/block:PermalinkPage}
  299.  
  300. <div class="perma">
  301. posted <a href="{Permalink}">{timeago}</a> on {shortmonth} {MonthNumberWithZero} <br>with <a href="{Permalink}"> {NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank"> reblog this</a> </div>
  302. {/block:Photo}
  303.  
  304. {block:Photoset}
  305. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  306. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  307. <div class="perma"><a href="{ReblogURL}" target="_blank">Reblog</a> <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  308. {/block:Photoset}
  309.  
  310.  
  311. {block:Quote}
  312. <span style="font-size: 15px; color: #666;">❝</span>{quote}
  313. <div align="right">
  314. {block:Source}- <b>{Source}</b>{/block:Source}
  315. </div>
  316. <div class="permalink"> <a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  317. {/block:Quote}
  318.  
  319.  
  320. {block:Video}
  321. {block:IndexPage}{Video-250}{/block:IndexPage}
  322. {block:PermalinkPage}{Video-500} {/block:PermalinkPage}
  323. <div class="permalink"><a href="{ReblogURL}" target="_blank">Reblog</a> <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  324. {/block:Video}
  325.  
  326.  
  327. {block:Link}
  328. <span style="font-family: consolas; font-size: 10px; line-height: 10px; text-transform: uppercase;"><a href="{URL}" class="link" {Target}>{Name}</a></span>
  329. {block:Description}{Description}{/block:Description}
  330. <div class="permalink"> <a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  331. {/block:Link}
  332.  
  333. {block:Chat}
  334. {block:Lines}
  335. {block:Label}
  336. <br><b>{Label}</b>
  337. {/block:Label}
  338. &nbsp;{Line}
  339. {/block:Lines} <br><br>
  340. <div class="permalink"> <a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  341. {/block:Chat}
  342.  
  343. {block:Audio}
  344. <div id= "audioplayer">{AudioPlayerWhite} </div><div id= "audiotext">
  345. <span style="color: {color:link};">Title</span>:
  346. {block:TrackName}
  347. {TrackName}
  348. {/block:TrackName}<br>
  349. <span style="color:{color:link};">Artist</span>: {block:Artist}
  350. {Artist}
  351. {/block:Artist} <br> <span style="color:{color:link};">Plays</span>: {block:PlayCount} {PlayCount} {/block:PlayCount}</div>
  352. {block:AlbumArt}
  353. <img src="{AlbumArtURL}" width="50">
  354. {/block:AlbumArt}
  355. <br>
  356. <div class="permalink"> <a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a></div>
  357. {/block:Audio}
  358.  
  359.  
  360. {block:Answer}
  361. <div style="
  362. background: #f9f9f9;
  363. border: 1px solid #eee;
  364. margin: 3px;
  365. margin-top: 0px;
  366. width: 185px;
  367. overflow: visible;
  368. padding: 7px;
  369. margin-left: 0px;
  370. {block:PermalinkPage}width: 100%;{/block:PermalinkPage}">
  371.  
  372. <span style="font-family: consolas; font-size: 10px; text-transform: uppercase; margin-top: 2px; border-bottom: 1px #ddd solid;">{Asker}: </span> {Question}<br></div>{Answer}
  373. <div class="permalink"> {TimeAgo} · <a href="{Permalink}">{NoteCountWithLabel} </a></div>
  374. {/block:Answer}
  375.  
  376. {block:PermalinkPage}
  377. {block:Caption}
  378. {Caption}
  379. {/block:Caption}
  380. <br>
  381. {block:NoteCount}
  382. {NoteCount} notes
  383. {/block:NoteCount}
  384. <Br>
  385. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  386. {/block:PermalinkPage}
  387. </div>
  388. {/block:Posts}
  389. </div>
  390. <div class="pagination">
  391. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  392. </div></body></div> </div></html><div class="foot"><a href="http://urbanclique.tumblr.com/"><img src="http://static.tumblr.com/vzjzx9a/Oyymbuhss/hdggj57retuete.png"></div></a>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!