API tools faq
paste
BabeJeSuisParfait

we

BabeJeSuisParfait
Feb 14th, 2013
52
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html lang="en">
  4. <head>
  5.  
  6. <!--
  7. THEME BY BLINK AND IT'S OVER
  8. CREATED BY: HTTP://WWW.KANESIMSWILSON.CO.UK
  9. -->
  10.  
  11. <title>{Title}</title>
  12. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <meta name="color:Blog title" content="#FFFFFF"/>
  16. <meta name="color:Text" content="#FFFFFF"/>
  17. <meta name="color:Links" content="#FFFFFF"/>
  18. <meta name="color:Links Hover" content="#CFD86D"/>
  19. <meta name="if:Background image" content="1">
  20. <meta name="if:Show notes on permalink pages" content="1">
  21. <meta name="if:Show notes on home page" content="1">
  22. <meta name="if:One row" content="0">
  23. <meta name="if:Two rows" content="1">
  24. <meta name="if:Three rows" content="0">
  25. <meta name="if:Four rows" content="0">
  26. <meta name="if:RSS link" content="1">
  27. <meta name="if:Archive link" content="1">
  28. <meta name="color:Background" content="#ffffff"/>
  29. <meta name="font:Body" content="Helvetica"/>
  30. <meta name="image:Background"
  31. content="http://static.tumblr.com/2w7y46r/tzYlh3lyo/heart-of-the-universe.jpg">
  32. <meta name="if:Use logo" content="0">
  33. <meta name="image:Logo" content="">
  34. <meta name="color:Title" content="#ffffff"/>
  35. <meta name="color:Text Bubble" content="#000000"/>
  36. {block:Description}<meta name="description"
  37. content="{MetaDescription}"/>{/block:Description}
  38. <script type="text/javascript"
  39. src="http://static.tumblr.com/ts2nqrf/Msal8du92/cufon.js"></script>
  40. <script type="text/javascript"
  41. src="http://static.tumblr.com/ts2nqrf/mNQl8du9p/bebas.js"></script>
  42. <script type="text/javascript"
  43. src="http://static.tumblr.com/df28qmy/u5slh3ibc/jquery.min.js"></script>
  44. <script type="text/javascript">
  45. Cufon.DOM.ready(function() {
  46. Cufon.replace('.bebas', { fontFamily: 'bebas', hover:true });
  47. $('.bebas').css('visibility','visible');
  48. });
  49. </script>
  50.  
  51. <style type="text/css">
  52.  
  53. h1 { color:{color:Blog title}; font-weight: normal; font-size: 50px;
  54. font-family: 'BebasNeueRegular', sans-serif; line-height:
  55. -4px;{block:ifuselogo}display:none;{/block:ifuselogo}}
  56. h1 a {color:{color:Blog title};}
  57. body {height: 100%; background-color:{color:Background}; color:
  58. {color:Text};font-size: 11px; font-family:{font:Body}; line-height:
  59. 14px; padding: 30px 0 200px 0;
  60. {block:ifbackgroundimage}background-attachment: fixed;
  61. background-image:url('{image:Background}');{/block:ifbackgroundimage}}
  62. a {color: {color:Links}; text-decoration:none;}
  63. a:hover { color: {color:Links Hover}; -webkit-transition-duration: 0.5s; }
  64. a.title {color: {color:Links}; text-decoration:none;}
  65. #container { width: 1050px; margin: auto auto auto auto; position: relative;}
  66. #container .header { width: 1050px; margin: auto auto; }
  67. #container .description {padding: 10px 0px 40px; clear: both;
  68. position: relative; text-align:center; width:500px; margin-left: auto
  69. ; margin-right: auto;}
  70. #container .posts {width: 1050px; clear: both; position: relative;
  71. margin-left: auto; margin-right: auto; padding-top:30px; }
  72. #container .box {width: 345px;{block:iftworows}width:
  73. 500px;{/block:iftworows}{block:iffourrows}width: 250px;
  74. margin-bottom:20px;{/block:iffourrows}
  75. {block:indexpage}{block:ifonerow}width: 600px;
  76. padding-left:21%;{/block:ifonerow}{/block:indexpage}margin-left: 5px;
  77. float: left; margin-bottom: 15px; position: relative; }
  78. #container .box a{-webkit-transition-duration: 0.5s;}
  79. #container .box img {max-width: 100%; border:0px;
  80. -webkit-transition-duration: 0.5s; opacity:1;}
  81. #container .title { font-size: 12px;line-height: 18px;
  82. text-decoration: none; display: block; color:{color:Title}; padding:
  83. 8px;}
  84. #container .ask { font-size: 11px;line-height: 18px; text-decoration:
  85. none; display: block; color:{color:Title}; padding: 8px;}
  86. #container .audio {width: 207px;}
  87. #container .columnHolder {width: 800px; margin: 5px 0 0 5px; overflow: hidden;}
  88. #container .columnHolder .column { width: 225px; min-height: 1px; float: left;}
  89. #container .columnHolder .column.middle { margin: 0 0px; }
  90. #arrow {font-size:15px; padding-left:20px; color:{color:Text Bubble};
  91. margin-top:-5px; padding-bottom:5px;}
  92. {block:PermalinkPage}
  93. .box { width: 600px !important; padding-left: 21%;}
  94.  
  95. p.answer_form_container { width: 580px; }
  96. ol.notes { width: 600px; position:relative; padding-left:21%;
  97. list-style-type: none; margin: 0px 0 10px 0; padding: -10px -90px; }
  98. ol.notes li.note { margin: 0px 0 2px 0; padding: 0;}
  99. ol.notes a { color: #ffffff; }
  100. ol.notes img.avatar { display: true; padding:2px 0 0 2px; border:0px;}
  101. ol.notes blockquote { margin: 0; }
  102. ol.notes blockquote a { text-decoration: none; }
  103. {/block:PermalinkPage}
  104. .video{text-align: center; background-color:black;}
  105. .curve { background-color:{color:Text Bubble};
  106. -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
  107. -moz-border-radius-topright: 4px; -webkit-border-top-right-radius:
  108. 4px; -moz-border-radius-bottomleft: 4px;
  109. moz-border-radius-bottomright: 4px;
  110. -webkit-border-bottom-right-radius:
  111. 4px;-webkit-border-bottom-left-radius: 4px; overflow:hidden;}
  112. .box:hover .perma
  113. {{block:indexpage}{block:ifshownotesonhomepage}opacity:1;{/block:ifshownotesonhomepage}{/block:indexpage}
  114. z-index:10000; top:50%;}
  115. .perma { margin-top: -18px; opacity: 0; font-family:{font:Body};
  116. font-size: 9px; z-index: 1000000; text-align: center; text-transform:
  117. uppercase; top:50%;
  118. }
  119. #top-link { position:fixed; right:5px; bottom:5px; color:white;
  120. font-weight:bold; text-decoration:none; padding:10px; border:0px; }
  121. #audiotest {background-image:url('http://static.tumblr.com/2w7y46r/gPklc94jg/play.png');margin-top:
  122. -27px;display:block;height:27px;z-index:-1000;width:250px;}
  123. .box:hover .back {{block:indexpage}{block:ifshownotesonhomepage}opacity:1;
  124. {/block:ifshownotesonhomepage}{/block:indexpage}z-index:1000;}
  125. .back { margin-top: -25px; width:100%; opacity: 0;
  126. z-index: 1000;}
  127. {block:PermalinkPage}
  128. .back img{width:500px; height:20px;}
  129. {/block:PermalinkPage}
  130. {block:iffourrows}
  131. .back img{width:100%; height:20px;}
  132. {/block:iffourrows}
  133. {block:iftworows}
  134. .back img{width:500px; height:20px;}
  135. {/block:iftworows}
  136. {block:ifonerow}
  137. .back img{width:600px; height:20px;}
  138. {/block:ifonerow}
  139. </style>
  140. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  141. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  142. <script src="http://static.tumblr.com/df28qmy/Mpalh3i8p/jquery.scrollto-1.4.0-min.js"
  143. type="text/javascript"></script>
  144. <script type="text/javascript">
  145. //plugin
  146. jQuery.fn.topLink = function(settings) {
  147. settings = jQuery.extend({
  148. min: 1,
  149. fadeSpeed: 200
  150. }, settings);
  151. return this.each(function() {
  152. //listen for scroll
  153. var el = $(this);
  154. el.hide(); //in case the user forgot
  155. $(window).scroll(function() {
  156. if($(window).scrollTop() >= settings.min)
  157. {
  158. el.fadeIn(settings.fadeSpeed);
  159. }
  160. else
  161. {
  162. el.fadeOut(settings.fadeSpeed);
  163. }
  164. });
  165. });
  166. };
  167. //usage w/ smoothscroll
  168. $(document).ready(function() {
  169. //set the link
  170. $('#top-link').topLink({
  171. min: 400,
  172. fadeSpeed: 500
  173. });
  174. //smoothscroll
  175. $('#top-link').click(function(e) {
  176. e.preventDefault();
  177. $.scrollTo(0,300);
  178. });
  179. });
  180. $(window).load(function () {
  181. $('.posts').masonry(),
  182. $('.masonryWrap').infinitescroll({
  183. navSelector : "div#navigation",
  184. // selector for the paged navigation (it will be hidden)
  185. nextSelector : "div#navigation a#nextPage",
  186. // selector for the NEXT link (to page 2)
  187. itemSelector : ".box",
  188. // selector for all items you'll retrieve
  189. bufferPx : 10000,
  190. extraScrollPx: 11000,
  191. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  192. loadingText : "<em></em>",
  193. },
  194. // call masonry as a callback.
  195. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  196. );
  197. });
  198. </script>
  199. <script>
  200. function changeStyle(title) {
  201. var lnks = document.getElementsByTagName('link');
  202. for (var i = lnks.length - 1; i >= 0; i--) {
  203. if (lnks[i].getAttribute('rel').indexOf('style')> -1 &&
  204. lnks[i].getAttribute('title')) {
  205. lnks[i].disabled = true;
  206. if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
  207. }}}
  208. </script>
  209.  
  210.  
  211. </head>
  212. <body onload="setTimeout('function1()', 1000);setTimeout('function2()', 1500);">
  213. <a href="#top" id="top-link"><img
  214. style="border:0px;"src='http://b.imagehost.org/0971/jump_to_top_arrow.png'/></a>
  215. {block:indexpage}
  216. <script language="JavaScript">
  217. function function1(){
  218. window.scrollTo(0,5);
  219. }
  220. function function2(){
  221. window.scroll(0,2);
  222. }
  223. </script>
  224. {/block:indexpage}
  225. <br>
  226. <div id="container">
  227. <div class="header">
  228. <div style="text-align: center;">{block:ifuselogo}<img
  229. style="max-width:1500px; max-height:300px"
  230. src="{image:logo}"/>{/block:ifuselogo}<h1 class="bebas"><a
  231. href="/">{Title}</a></h1></div>
  232. <div style="text-align: center; font-size:9.4px; margin-top:-35px;
  233. {block:ifuselogo}margin-top:10px; {/block:ifuselogo}text-transform:
  234. uppercase;">
  235. {block:ifarchivelink}<a
  236. href="/archive">ARCHIVE</a>&nbsp;&nbsp;&nbsp;{/block:ifarchivelink}
  237. {block:ifrsslink}<a href="{RSS}"> RSS </a>&nbsp;&nbsp;&nbsp;{/block:ifrsslink}
  238. <a href="/">Home</a>&nbsp;&nbsp;&nbsp;
  239. {block:AskEnabled}<a
  240. href="/askandfaq">MESSAGE</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:AskEnabled}
  241. {block:HasPages}
  242. {block:Pages}<a href="{URL}">{Label}</a>&nbsp;&nbsp;&nbsp;{/block:Pages}
  243. {/block:HasPages}
  244. </div>
  245. <div class="description">{description}<br style="clear:both"></div></div>
  246. <div class="posts" id="allposts">
  247. {block:Posts}
  248. <div class="box">
  249. {block:Photo}
  250. {block:IndexPage}
  251. <a href="{Permalink}" target="_blank">{/block:IndexPage}
  252. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  253. <img style="min-width:100%;"
  254. src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"
  255. alt="{PhotoAlt}">
  256.  
  257. <div class="back"><img
  258. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  259. <div class="perma">
  260. <a href="{Permalink}" target="_blank">{TimeAgo}</a>
  261. {block:NoteCount}<a href="{Permalink}"
  262. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a>
  263. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  264. target="_blank">&nbsp;/&nbsp;reblog</a></div>
  265. {/block:Photo}
  266. {block:Audio}
  267. <div class="curve">
  268. <div style=" width:100%; height:27px; font-size:1px; color:black;
  269. background-color:black;">
  270. {AudioPlayerBlack}
  271. </div><a href="{Permalink}" target="_blank"
  272. id="audiotest"></a></div><div id="arrow" style="color:black;">▼</div>
  273.  
  274. {block:AlbumArt}<img style="border:1px solid white; width:50px;
  275. margin-left:5px;" src="{AlbumArtURL}"/>{/block:AlbumArt}
  276. {block:indexpage}<div style="{block:AlbumArt}min-height:40px;
  277. padding-left:70px;margin-top:-60px;{/block:AlbumArt}">{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  278. {block:ifshownotesonhomepage}{block:AlbumArt}<br>{/block:AlbumArt}{/block:ifshownotesonhomepage}
  279.  
  280.  
  281. {block:ifshownotesonhomepage}<br>{/block:ifshownotesonhomepage}
  282. {block:IndexPage}
  283. <div class="back"><img
  284. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  285. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  286. {block:NoteCount}<a href="{Permalink}"
  287. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a>
  288. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  289. target="_blank">&nbsp;/&nbsp;reblog</a>{block:ExternalAudio}<a
  290. href="{ExternalAudioURL}">&nbsp;/&nbsp;download</a>{/block:ExternalAudio}</div>{/block:IndexPage}
  291. {/block:Audio}
  292. {block:Video}
  293. <div class="video">{block:iffourrows}
  294. {Video-250}{/block:iffourrows}{block:ifthreerows}
  295. {Video-250}{/block:ifthreerows}
  296. {block:iftworows}
  297. {Video-500}{/block:iftworows}{block:ifonerow}{Video-500}{/block:ifonerow}
  298. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  299. <div class="back"><img
  300. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  301. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  302. {block:NoteCount}<a href="{Permalink}"
  303. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a
  304. href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  305. target="_blank">&nbsp;/&nbsp;reblog</a></div>
  306. {/block:Video}
  307. {block:Text}
  308. <div class="curve">{block:Title}<a href="{Permalink}"
  309. class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div
  310. id="arrow">▼</div>{/block:Title}
  311. <div style="padding-left:8px; padding-top:2px;
  312. padding-right:8px;">{Body}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  313. <div class="back"><img
  314. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  315. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  316. {block:NoteCount}<a href="{Permalink}"
  317. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a
  318. href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  319. target="_blank">&nbsp;/&nbsp;reblog</a></div>
  320. {block:More}<br><br> <a href="{Permalink}" class="readMore">Read
  321. More</a>{/block:More}
  322. {/block:Text}
  323. {block:Answer}
  324. <div class="curve"><a href="{Permalink}"
  325. class="ask">&nbsp;{Question}&nbsp;</a></div><div id="arrow">▼</div>
  326. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="border:1px solid white;"
  327. src="{AskerPortraitURL-16}"/><span style="vertical-align:
  328. 25%;">&nbsp;&nbsp;{Asker}</span>
  329. <div style="padding-left:8px; padding-top:2px;
  330. padding-right:8px;">{Answer}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  331. <div class="back"><img
  332. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  333. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  334. {block:NoteCount}<a href="{Permalink}"
  335. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a></div>
  336. {/block:Answer}
  337. {block:Link}
  338. <div class="curve"><a href="{URL}" class="title" {Target}>&nbsp;{Name}&nbsp;</a>
  339. </div><div id="arrow">▼</div>
  340. {block:Description}<div style="padding-left:8px; padding-top:2px;
  341. padding-right:8px;">{Description}</div>{/block:Description}{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  342. <div class="back"><img
  343. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  344. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  345. {block:NoteCount}<a href="{Permalink}"
  346. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a
  347. href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  348. target="_blank">&nbsp;/&nbsp;reblog</a></div>
  349. {/block:Link}
  350. {block:Quote}<div class="curve"><a href="{Permalink}"
  351. class="title">"{Quote}"</a></div><div
  352. id="arrow">▼</div>{block:Source}&nbsp;&nbsp;{Source}<br>{/block:Source}{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  353. <div class="back"><img
  354. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  355. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  356. {block:NoteCount}<a href="{Permalink}"
  357. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a
  358. href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  359. target="_blank">&nbsp;/&nbsp;reblog</a></div>{/block:Quote}
  360. {block:Chat}
  361. <div class="curve">{block:Title}<a href="{Permalink}"
  362. class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div
  363. id="arrow">▼</div>{/block:Title}
  364. <table class="chat"
  365. style="padding-left:5px;"cellspacing="0">{block:Lines}<tr>{block:Label}<td
  366. class="name line{UserNumber}">{Label}</td>{block:Label}<td
  367. class="words line{UserNumber}">{Line}</td></tr>{/block:Lines}</table>
  368. {block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}
  369. <div class="back"><img
  370. src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div>
  371. <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a>
  372. {block:NoteCount}<a href="{Permalink}"
  373. target="_blank">&nbsp;/&nbsp;{NoteCountwithLabel}{/block:NoteCount}</a><a
  374. href="http://tmv.proto.jp/reblog.php?post_url={Permalink};"
  375. target="_blank">&nbsp;/&nbsp;reblog</a></div>
  376. {/block:Chat}
  377. {block:PermalinkPage}<block:Caption>{Caption}</block:Caption>{/block:PermalinkPage}
  378. {block:PermalinkPage}</div>
  379. {block:IfShowNotesOnPermalinkPages}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:IfShowNotesOnPermalinkPages}
  380. {/block:PermalinkPage}
  381. </div>{/block:Posts}
  382. </div>
  383. {block:IndexPage}
  384. <div class="columnHolder footer"><div class="column navigation" id="navigation">
  385. {block:Pagination}
  386. {block:PreviousPage}<a href="{PreviousPage}"
  387. class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  388. {block:NextPage}<a href="{NextPage}" class="navigate"
  389. id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  390. {block:PermalinkPagination}
  391. {block:NextPost}<a href="{NextPost}"
  392. class="navigate">{/block:NextPost}{block:NextPost}</a>{/block:NextPost}
  393. {block:PreviousPost}<a href="{PreviousPost}"
  394. class="navigate">{/block:PreviousPost}{block:PreviousPost}</a>{/block:PreviousPost}{/block:PermalinkPagination}</div></div>
  395. {/block:IndexPage}</div>
  396. <script type="text/javascript">autoscale(new Array('object', 'embed'));</script>
  397.  
  398. </body>
  399. </html>
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!