API tools faq
paste
Advertisement
jawidafg

Untitled

jawidafg
Jul 22nd, 2012
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.21 KB | None | 0 0
raw download clone embed print report
  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.  
  6. <!-- ----------------------------------
  7. Theme Simple.
  8. Made by v0tum.
  9. http://v0tum.tumblr.com/
  10. More themes at: http://v0tumthemes.tumblr.com/
  11. ---------------------------------- -->
  12.  
  13.  
  14.  
  15.  
  16. <head>
  17.  
  18.  
  19. <title>{Title}</title>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26.  
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}"/>
  29. {/block:Description}
  30.  
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:Banner" content="">
  33.  
  34. <meta name="font:Title" content="helvetica" />
  35. <meta name="font:Links" content="helvetica" />
  36. <meta name="font:Description" content="helvetica" />
  37. <meta name="font:Link Post" content="arial" />
  38.  
  39.  
  40. <meta name="if:Icons" content="0" />
  41. <meta name="if:Hover Over Image Style 1" content="0" />
  42. <meta name="if:Hover Over Image Style 2" content="0" />
  43. <meta name="if:Hover Over Image Style 3" content="0" />
  44. <meta name="if:Show Home Link" content="1">
  45. <meta name="if:Show Submit" content="1"/>
  46. <meta name="if:Links Bold" content="1">
  47. <meta name="if:Description Bold" content="1">
  48. <meta name="if:Banner" content="0">
  49. <meta name="if:Italic Title" content="1">
  50. <meta name="if:Ask Popup" content="0">
  51. <meta name="if:Links UnderLine" content="1">
  52. <meta name="if:Hover Background" content="1">
  53. <meta name="if:Title Center" content="0">
  54. <meta name="if:Title Left" content="1">
  55. <meta name="if:Links Center" content="0">
  56. <meta name="if:Links Left" content="1">
  57. <meta name="if:Description Center" content="0">
  58. <meta name="if:Description Left" content="1">
  59. <meta name="if:Four Columns" content="1" />
  60. <meta name="if:Three Columns" content="0" />
  61. <meta name="if:Two Columns" content="0" />
  62. <meta name="if:One Column" content="0" />
  63.  
  64. <meta name="color:Border" content="#fff"/>
  65. <meta name="color:Main Background" content="#fff"/>
  66. <meta name="color:Post Background" content="#fff"/>
  67. <meta name="color:Hover Background" content="#000"/>
  68. <meta name="color:Title Hover Color" content="#fff"/>
  69. <meta name="color:Description" content="#000"/>
  70. <meta name="color:Links" content="#000"/>
  71. <meta name="color:Background" content="#fff"/>
  72. <meta name="color:Body" content="#000"/>
  73. <meta name="color:Title" content="#000"/>
  74.  
  75. <meta name="text:Ask title" content="Ask"/>
  76. <meta name="text:Links Font Size" content="11"/>
  77. <meta name="text:Title Font Size" content="16"/>
  78. <meta name="text:Body Font Size" content="9"/>
  79. <meta name="text:Link One" content="" />
  80. <meta name="text:Link One Title" content="" />
  81. <meta name="text:Link Two" content="" />
  82. <meta name="text:Link Two Title" content="" />
  83. <meta name="text:Link Three" content="" />
  84. <meta name="text:Link Three Title" content="" />
  85. <meta name="text:Link Four" content="" />
  86. <meta name="text:link Four Title" content="" />
  87. <meta name="text:link Five" content="" />
  88. <meta name="text:link Five Title" content="" />
  89.  
  90. <script type="text/javascript" src="http://static.tumblr.com/6quy42l/lBNm6eh49/need.js"></script>
  91. <script type="text/javascript" src="http://static.tumblr.com/6quy42l/S2Am632sh/theme.js"></script>
  92. <script type="text/javascript" src="http://static.tumblr.com/6quy42l/KPXm6ehuk/popup.js"></script>
  93. <script src="http://static.tumblr.com/6quy42l/tPum65t1d/fucku.js"></script>
  94. <script src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  95. {block:IndexPage}
  96. <script>
  97. $(window).load(function(){
  98. var $wall = $('.posts');
  99. $wall.masonry({
  100. itemSelector: '.entry',
  101. });
  102. $wall.infinitescroll({
  103. navSelector : 'div#navigation',
  104. nextSelector : 'div#navigation a#nextPage',
  105. itemSelector : '.entry',
  106. donetext : '',
  107. loadingText : '',
  108. bufferPx : 30000,
  109. extraScrollPx: 30000,
  110.  
  111. errorCallback: function() {
  112. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  113. }},
  114. function( newElements ) {
  115. var $newElems = $( newElements );
  116. $newElems.hide();
  117. $newElems.imagesLoaded(function(){
  118. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn();} );
  119. });
  120. }); $wall.show(500);
  121.  
  122. $('#load').click(function(e){
  123.  
  124. e.preventDefault();
  125. $wall.infinitescroll('retrieve');
  126. $(this).css('display','block');
  127.  
  128. });
  129. });
  130. </script>
  131.  
  132. <script>
  133. window.onload = function () {
  134. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  135. document.addEventListener( 'click', function ( event ) {
  136. var myLike = event.target;
  137. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  138. var frame = document.getElementById( 'my-like-frame' ),
  139. liked = ( myLike.className == 'my-liked' ),
  140. command = liked ? 'unlike' : 'like',
  141. reblog = myLike.getAttribute( 'data-reblog' ),
  142. id = myLike.getAttribute( 'data-id' ),
  143. oauth = reblog.slice( -8 );
  144. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  145. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  146. };
  147. }, false );
  148. };
  149. </script>
  150. {/block:IndexPage}
  151. <link href='http://fonts.googleapis.com/css?family=Lora|Open+Sans' rel='stylesheet' type='text/css'>
  152. <link href='http://fonts.googleapis.com/css?family=Allerta|Dorsa|Dancing+Script|Judson|Kreon|Rokkitt|Asap|Amaranth|Rationale|Oswald:300|Squada+One|Homenaje' rel='stylesheet' type='text/css'>
  153. <style type="text/css">
  154.  
  155. /* Iframe (Follow/Dashboard Buttons) */
  156. iframe#tumblr_controls
  157. {z-index: 99999999999999999999;
  158. top: 0% !important;
  159. right:0% !important;
  160. position: fixed !important;}
  161. /* Iframe (Follow/Dashboard Buttons) */
  162.  
  163. /* Body */
  164. body
  165. {background-color: {color:Background};
  166.  
  167. {block:IfBackground}
  168. background-image:url('{image:Background}');
  169. {/block:IfBackground}
  170. background-attachment: fixed;
  171. background-repeat: repeat;
  172. font-family:
  173. {Font:Body};
  174.  
  175. font-size:{text:Body font size}px;
  176. cursor:pointer;
  177. line-height:12px;
  178. color:{color:Body};}
  179.  
  180.  
  181. a {text-decoration:none;
  182. color:#000;
  183. -webkit-transition: all 0.2s linear;
  184. -moz-transition: all 0.2s linear;
  185. transition: all 0.2s linear;}
  186. a:hover {color:#000;
  187. -webkit-transition: all 0.2s linear;
  188. -moz-transition: all 0.2s linear;
  189. transition: all 0.2s linear;}
  190.  
  191. a:active {outline: none;}
  192. a:focus {-moz-outline-style: none;}
  193. :-moz-any-link:focus{outline: none;}
  194. img {border:none;}
  195. .clear {clear:both;}
  196.  
  197. h2 {font-size: 20px;
  198. line-height:25px;
  199. margin-top: 0px;
  200. font-family:
  201. {block:IfUseCustomFonts}
  202. 'Asap', sans-serif{/block:IfUseCustomFonts}
  203. {block:IfnotUseCustomFonts}
  204. {Font:Link Post}{/block:IfnotUseCustomFonts}
  205. ;}
  206. /* Body */
  207.  
  208. /* Permalink Page */
  209. {block:PermalinkPage}
  210. .jokes
  211. {margin: auto;
  212. width: 500px;}
  213. .samie
  214. {width: 500px;
  215. overflow: hidden;
  216. margin-top: 5px;
  217. border-bottom: 1px solid #ececec;
  218. font-size: 10px;
  219. text-align:left;
  220. font-weight: bold;
  221. text-transform: uppercase;
  222. line-height:10px;
  223. font-family: 'Asap', sans-serif;}
  224. .samie img
  225. {width: 480px; height: auto;}
  226. {/block:permalinkpage}
  227. /* Permalink Page */
  228.  
  229. /* Main */
  230. .main_permalink
  231. {z-index:999999;opacity:0;
  232. background-color:{color:Post Background}; font-weight:bold;
  233. padding: 10px;margin-top: 10px;text-transform:uppercase;text-align:right;font-family:arial;color:#000;font-size: 9px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;}
  234. .entry:hover .main_permalink {opacity:1}
  235. .main_permalink a:hover{color:#000}
  236. .main {z-index: -1; background-color: {color:Post Background}; padding: 10px;}
  237. /* Main */
  238.  
  239. /* Answer */
  240. .answer_border{padding-top: 10px;
  241. margin-top: 10px;
  242. padding-bottom: -5px;
  243. margin-bottom: -5px;}
  244. .asker_name{text-align: left;
  245. font-size: 13px;
  246. text-transform:uppercase;
  247. padding-left: 38px;
  248. font-family: Helvetica;
  249. margin-top: -32px;
  250. letter-spacing: 0px;
  251. color: #000; }
  252. .asker_name a{color:#000;}
  253. .asker_name a:hover{color:#000;}
  254. .ask_body{text-align: left;
  255. font-size: 10px;
  256. text-transform:none;
  257. padding-left: 38px;
  258. font-family: Helvetica;
  259. line-height: 12px;
  260. color: #000;}
  261. .ask_image img{width: 100%;
  262. margin-top: 10px;
  263. margin-left: -40px;}
  264. .answer_background{left: 40%;
  265. bottom: 40%;
  266. z-index: -9999999999;
  267. margin: 0 auto;
  268. opacity: 0.02;
  269. position: absolute;
  270. color:#000;
  271. font-size: 150px;}
  272. /* Answer */
  273.  
  274. /* Quote */
  275. .quote {text-transform:uppercase;
  276. text-align: center;
  277. font-size: 12px;
  278. line-height: 13px;
  279. letter-spacing: 1px;
  280. font-family: arial;
  281. font-weight: bold;
  282. color: {color:body};}
  283.  
  284.  
  285. .quote_source {text-transform:capitalize;
  286. text-align: center;
  287. font-size: 11px;
  288. letter-spacing: 1px;
  289. font-family: helvetica;
  290. font-weight: none;}
  291.  
  292. /* Quote */
  293.  
  294. /* Audio */
  295.  
  296. .audioplayercircle
  297. {font-size: 1px;
  298. z-index: 3;
  299. background: #000;
  300. width: 100%;
  301. top: 60px;
  302. height: 50px;
  303. opacity: .8;}
  304.  
  305. .audioplayer
  306. {font-size: 1px;
  307. padding-top:11px;
  308. width: 20px;
  309. overflow: hidden;
  310.  
  311. {block:IfFourColumns}
  312. margin: 0px -10px -10px 115px ;
  313. {/block:IfFourColumns}
  314.  
  315. {block:IfThreeColumns}
  316. margin: 0px -10px -10px 165px ;
  317. {/block:IfThreeColumns}
  318.  
  319. {block:IfTwoColumns}
  320. margin: 0px -10px -10px 240px ;
  321. {/block:IfTwoColumns}
  322.  
  323. {block:IfOneColumn}
  324. margin: 0px -10px -10px 290px ;
  325. {/block:IfOneColumn}
  326.  
  327. }
  328. .art img {width: 100%}
  329.  
  330. /* Audio*/
  331.  
  332. /* Video */
  333. div.video1 embed,
  334. div.post div.video1 object, .video1 iframe {
  335. {block:IndexPage}
  336.  
  337. {block:IfFourColumns}
  338. width:250px !important; height:150px !important;
  339. {/block:IfFourColumns}
  340.  
  341.  
  342. {block:IfThreeColumns}
  343. width:350px !important; height:250px !important;
  344. {/block:IfThreeColumns}
  345.  
  346. {block:IfTwoColumns}
  347. width:500px !important; height:400px !important;
  348. {/block:IfTwoColumns}
  349.  
  350. {block:IfOneColumn}
  351. width:600px !important; height:500px !important;
  352. {/block:IfOneColumn}
  353.  
  354. {/block:IndexPage}
  355. {block:PermalinkPage}
  356. width:500px; height:300px;
  357. {/block:PermalinkPage}
  358. }
  359. /* Video */
  360.  
  361. /* Text Post */
  362. .text .title
  363. {font-size: 18px;
  364. line-height: 30px;
  365. font-family:arial;
  366. font-weight: bold;
  367. color:{color:body};
  368. text-transform: uppercase;}
  369.  
  370. .text h1 a, .text h1 a:hover{color:#000;}
  371. .text_body img {width: 100%;}
  372.  
  373. .text_body {line-height: 10px;
  374. font-family:arial;
  375. font-weight: bold;
  376. overflow:hidden;}
  377. .text_body a, .text_body a:hover
  378. {color:{color:body};}
  379.  
  380. /* Text Post */
  381.  
  382.  
  383. /* Chat */
  384.  
  385. .chat_body
  386. {font-family: arial;
  387. margin:5px 0;
  388. padding:0;
  389. list-style:none;}
  390. .chat_body li
  391. {margin: 5px;
  392. padding: 5px 2px 10px;
  393. border-bottom: 1px dotted #ddd;}
  394.  
  395. .chat_bodyt li:last-child
  396. {border:0;
  397. padding: 5px 5px 0;}
  398. .chat_body .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {font-weight:bold;text-transform:uppercase;}
  399.  
  400.  
  401. /* Chat */
  402.  
  403. /* Link */
  404. .link_title h3
  405. {font-size: 15px;
  406. line-height: 30px;
  407. font-family:arial;
  408. font-weight: bold;
  409. color:{color:body};
  410. text-transform: uppercase;}
  411.  
  412. .link_description
  413. {font-size: 10px;
  414.  
  415. font-family:arial;
  416. font-weight: bold;
  417. text-transform: none;}
  418.  
  419. .link_title a, .link_title a:hover
  420. {color:{color:body};}
  421.  
  422.  
  423. /* Link */
  424.  
  425. /* Sidebar */
  426. .header
  427. {position:relative;
  428. background-color: {color:Main Background};
  429. padding: 30px;
  430. {block:IfnotBanner}
  431. margin-top:-210px;
  432. {/block:IfnotBanner}
  433. {block:IfBanner}
  434. margin-top:-390px;
  435. {block:IfBanner}
  436. {block:IndexPage}
  437. {block:IfFourColumns} width:1000px;{/block:IfFourColumns}
  438. {block:IfThreeColumns} width:1050px;{/block:IfThreeColumns}
  439. {block:IfTwoColumns} width:1000px;{/block:IfTwoColumns}
  440. {block:IfoneColumn}width:600px; {/block:IfoneColumn}
  441. {/block:IndexPage}
  442. {block:PermalinkPage}
  443. width:500px;
  444. {/block:PermalinkPage}}
  445. .header h1
  446. {margin:15px 0;
  447. padding:0 0 10px;
  448. border-bottom: 1px solid {color:border};
  449. font-size:{text:Title Font Size}px;
  450. text-transform:uppercase;
  451. line-height:20px;padding: 10px;
  452. color:{color:Title};
  453. {block:iftitlecenter}
  454. text-align:center;
  455. {/block:iftitlecenter}
  456. {block:iftitleleft}
  457. text-align:left;
  458. {/block:iftitleleft}
  459. font-family: {font:title};
  460. -webkit-transition: all 1.1s ease;
  461. -moz-transition: all 1.1s ease;
  462. transition: all 1.1s ease;}
  463. .header h1:hover
  464. {text-decoration:none;
  465. background-color:{color:Hover Background};
  466. color: {color:Title Hover Color};
  467. padding: 10px;
  468. -webkit-transition: all .8s ease;
  469. -moz-transition: all .8s ease;
  470. transition: all 1.5s ease;}
  471.  
  472.  
  473. .header.links a
  474. {text-decoration:none;
  475. color:{color:Links};}
  476.  
  477. .header .links a:hover
  478. {color:{color:Link Hover};}
  479.  
  480. .header .links
  481. {color:{color:Links};
  482. margin-top: 10px;
  483. {block:IfLinksUnderLine}
  484. text-decoration:underline;
  485. {/block:IfLinksUnderLine}
  486. {block:IfLinksBold}font-weight: bold; {/block:IfLinksBold}
  487. line-height: 14px;
  488. {block:iflinkscenter}
  489. text-align:center;
  490. {/block:iflinkscenter}
  491. {block:iflinksleft}
  492. text-align:left;
  493. {/block:iflinksleft}
  494. font-family: {font:links};
  495. font-size: {text:Links Font Size}px;}
  496. .header .description
  497. {color:{color:Description};
  498. border-bottom: 1px solid {color:border};
  499. {block:IfDescriptionBold}
  500. font-weight: bold;
  501. {/block:IfDescriptionBold}
  502. padding:0 0 15px;
  503. line-height: 15px;
  504. {block:ifdescriptioncenter}
  505. text-align:center;
  506. {/block:ifdescriptioncenter}
  507. {block:ifdescriptionleft}
  508. text-align:left;
  509. {/block:ifdescriptionleft}
  510. margin: 0 auto;
  511. font-family: {font:description};
  512. font-size: 12px;}
  513. .description a
  514. {color:{color:Description};}
  515.  
  516. /* Sidebar */
  517.  
  518. .photoset {overflow:hidden; margin-left: -5px;}
  519. #infscr-loading {display:none;}
  520. #infscr-loading div {display:none;}
  521. #infscr-loading img {display:none;}
  522.  
  523. #content{
  524. margin:auto;
  525. {block:IfFourColumns} width:1100px;{/block:IfFourColumns}
  526. {block:IfThreeColumns} width:1100px;{/block:IfThreeColumns}
  527. {block:IfTwoColumns} width:1100px;{/block:IfTwoColumns}
  528. {block:IfoneColumn}width:650px; {/block:IfoneColumn}
  529. {block:IfnotBanner}
  530. margin-top: 230px;
  531. {/block:IfnotBanner}
  532. {block:IfBanner}
  533. margin-top: 400px;
  534. {/block:IfBanner}
  535. }
  536.  
  537.  
  538.  
  539.  
  540. #content .posts{
  541. {block:IndexPage}
  542. {block:IfFourColumns}width:1090px; margin-left: -20px;{/block:IfFourColumns}
  543. {block:IfThreeColumns}width:1090px;margin-left: -15px;{/block:IfThreeColumns}
  544. {block:IfTwoColumns}width:1090px;margin-left: -10px;{/block:IfTwoColumns}
  545. {block:IfoneColumn}width:650px; margin-left: -5px;{/block:IfoneColumn}
  546. {/block:IndexPage}}
  547. #content .entry{
  548. {block:IndexPage}
  549. {block:IfFourColumns}width:250px;{/block:IfFourColumns}
  550. {block:IfThreeColumns}width:350px;{/block:IfThreeColumns}
  551. {block:IfTwoColumns}width:500px;{/block:IfTwoColumns}
  552. {block:IfOneColumn}width:600px;{/block:IfOneColumn}{/block:IndexPage}
  553. margin:5px;
  554. {block:PermalinkPage}
  555. width:500px;
  556. padding: 10px;
  557. margin-left: -10px;
  558. background-color: #fff; padding: 10px;
  559. {/block:PermalinkPage}}
  560. {block:PermalinkPage}
  561. .photo_permalink img {max-width:500px !important; }
  562. {/block:PermalinkPage}
  563. .photo img { display:block;
  564. {block:PermalinkPage}
  565. width:500px;
  566. margin: 0 auto;
  567. {/block:PermalinkPage}}
  568.  
  569. {block:ifHoverOverImageStyle1}{block:IndexPage}.fuck .you{position:relative;}.fuck .you .faggot {height:100%;left: 0;opacity: 0;position: absolute;top: 0;visibility: hidden;width:100%;z-index: 998;background-color: rgba(0, 0, 0, 0.5);-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease;}.fuck:hover .you .faggot{opacity:.9;height: 100%;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease; transition: all 1.5s ease;}.fuck .you .faggot .haha {height: 134px;margin-top: -67px;position: absolute;text-align: center;top: 50%;width: 100%;z-index: 999;}.fuck .you .faggot .haha .note{font-family: 'Dorsa', sans-serif;font-size: 90px;font-weight:bold;position: absolute;letter-spacing: 2px;width: 100%;top: 44%; right: 50%text-align:right;color: #fff;}.fuck .you .faggot .haha .reblog{font-family: arial;z-index:1; font-size: 11px; position: absolute; margin: 40px -55px 0px -50px;right:50%;text-transform:uppercase;font-weight: 600;top:50%;text-align: center;color: #fff;}.fuck .you .faggot .haha .border{border-bottom: 1px solid rgba(300,300,300,.3);margin: 104px auto;width: 60px;top:50%;}.fuck .you .faggot .haha .date{font-family: 'Asap', sans-serif;font-weight: 600;font-size: 11px; position: absolute; text-transform:uppercase;margin: 40px -75px 0px -67px;left:50%;letter-spacing: 0px;top:50%;text-align: center;color: #fff;}.fuck .you:hover .faggot {visibility:visible;}
  570. {/block:IndexPage}{/block:ifHoverOverImageStyle1}
  571. {block:IfShowIcons} {block:IndexPage} .fuck .you{position:relative;}.fuck .you .faggot {height:0px;left: 5px;opacity: 0;position: absolute;top: 0px;visibility: hidden;height: 0px;z-index: 998;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;transition: all 0.7s ease;}.fuck:hover .you .faggot{opacity:.9;height: 100%;-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;transition: all 1.5s ease;}.fuck .you .faggot .haha {top: 5px;position: absolute;text-align: center;width: 100%;z-index: 999;}.fuck .you .faggot .haha .note {position: absolute; margin: 0px -50px 0px -50px;right:50%;}.my-like {background-image: url(http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png) !important;height:22px;background-repeat: no-repeat;width:22px;cursor:pointer;display:inline-block;vertical-align:top;}.my-liked, .my-like:hover {background-image: url(http://static.tumblr.com/uiqhh9x/Y36m6h0qu/liked.png) !important; background-repeat: no-repeat; height:22px;width:22px;cursor:pointer;display:inline-block;vertical-align:top;}.fuck .you:hover .faggot {visibility:visible;} {/block:IndexPage}{/block:IfShowIcons}
  572.  
  573. {block:ifHoverOverImageStyle2}
  574. {block:IndexPage}
  575.  
  576.  
  577. .fuck .you
  578. {position:relative;}
  579. .fuck .you .faggot
  580. {top:0px;
  581. left: 0;
  582. opacity: 0;
  583. position: absolute;
  584. bottom: 0px;
  585. visibility: hidden;
  586. width: 100%;
  587. z-index: 99;
  588.  
  589. background-color: rgba(0, 0, 0, 0.5);
  590.  
  591.  
  592. -webkit-transition: all 0.7s ease;
  593. -moz-transition: all 0.7s ease;
  594. transition: all 0.7s ease;}
  595.  
  596. .fuck:hover .you .faggot
  597. {opacity:.9; z-index: 99;
  598. -webkit-transition: all 1.5s ease;
  599. -moz-transition: all 1.5s ease;
  600. transition: all 1.5s ease;}
  601.  
  602. .fuck .you .faggot .haha
  603. {height: 134px;
  604. margin-top: -67px;
  605. position: absolute;
  606. text-align: center;
  607. top: 50%;
  608. width: 100%;
  609. z-index: 99;}
  610.  
  611. .fuck .you .faggot .haha .note
  612. {font-family: 'Dorsa', sans-serif;
  613. {block:IfFourColumns} font-size: 50px;top: 38%; {/block:IfFourColumns}
  614.  
  615.  
  616. {block:IfTwoColumns} font-size: 120px;top: 32%; {/block:IfTwoColumns}
  617.  
  618. {block:IfoneColumn}font-size: 120px; top: 32%; {/block:IfoneColumn}
  619. {block:IfThreeColumns} font-size: 50px;top: 38%; {/block:IfThreeColumns}
  620.  
  621.  
  622. {block:IfTwoColumns} font-size: 120px;top: 32%; {/block:IfTwoColumns}
  623.  
  624. {block:IfoneColumn}font-size: 120px; top: 32%; {/block:IfoneColumn}
  625.  
  626.  
  627.  
  628. font-weight:bold;
  629. position: absolute;
  630.  
  631. letter-spacing: 2px;
  632. width: 100%;
  633.  
  634. right: 50%
  635. text-align: right;
  636. color: #fff;}
  637.  
  638. .fuck .you .faggot .haha .view_post
  639. {
  640.  
  641. font-family: arial;
  642.  
  643. height:30px;
  644.  
  645. position: absolute;
  646. {block:IfThreeColumns} margin: 17px -5px 0px;font-size: 10px; {/block:IfThreeColumns}
  647.  
  648.  
  649. {block:IfTwoColumns} margin: 47px -5px 0px;font-size: 12px; {/block:IfTwoColumns}
  650.  
  651. {block:IfoneColumn}margin: 47px -5px 0px; font-size: 12px; {/block:IfoneColumn}
  652.  
  653.  
  654.  
  655.  
  656. width:100%;
  657. text-transform:uppercase;
  658. font-weight: 600;
  659. letter-spacing:2px;
  660. top:50%;
  661. text-align: center;
  662. color: #fff;}
  663.  
  664. .fuck .you .faggot .haha .icon
  665. {
  666.  
  667.  
  668.  
  669. {block:IfThreeColumns}margin: 82px 0px 0px 135px;background-image: url(http://static.tumblr.com/6quy42l/zx1m7ddty/small.png) !important;background-repeat: no-repeat;
  670. height:30px; {/block:IfThreeColumns}
  671.  
  672. {block:IfTwoColumns} margin: 105px 0px 0px 190px;background-image: url(http://static.tumblr.com/6quy42l/yBxm7d88r/arrow_white_02.png) !important;background-repeat: no-repeat;
  673. height:30px;{/block:IfTwoColumns}
  674.  
  675. {block:IfoneColumn} margin: 105px 0px 0px 340px;background-image: url(http://static.tumblr.com/6quy42l/yBxm7d88r/arrow_white_02.png) !important;background-repeat: no-repeat;
  676. height:30px; {/block:IfoneColumn}
  677.  
  678.  
  679. top:50%;}
  680.  
  681. .fuck .you .faggot .haha .border
  682. {border-bottom: 1px solid rgba(300,300,300,.15);
  683. {block:IfThreeColumns} margin: 18px auto;
  684. width: 30px; {/block:IfThreeColumns}
  685.  
  686.  
  687. {block:IfTwoColumns} margin: 50px auto;
  688. width: 60px; {/block:IfTwoColumns}
  689.  
  690. {block:IfoneColumn} margin: 50px auto;
  691. width: 60px; {/block:IfoneColumn}
  692.  
  693.  
  694. }
  695.  
  696. .fuck2 .you2 .right_date .date
  697. {
  698. float: right;
  699. padding-bottom:200px;
  700. font-family: arial;
  701. text-transform:uppercase;font-style:italic;
  702. font-weight:bold;
  703. padding: 5px 9px;
  704. color: rgba(255, 255, 255, 5);
  705.  
  706. font-size: 11px;
  707. height: 20px;
  708. line-height:21px;
  709. }
  710.  
  711.  
  712. .fuck2 .you2
  713. {position:relative;}
  714. .fuck2 .you2 .right_date
  715. {
  716. left: 0;border-color: rgba(255, 255, 255, 0.15);
  717. border-style: solid;
  718. border-width: 1px 1px 1px 1px;
  719. opacity: 0;
  720. position: absolute;
  721. bottom: 0px;
  722.  
  723.  
  724. z-index: 9999;
  725. color:fff;
  726.  
  727. -webkit-transition: all 0.7s ease;
  728. -moz-transition: all 0.7s ease;
  729. transition: all 0.7s ease;}
  730.  
  731. .fuck2:hover .you2 .right_date
  732. {opacity:.9; z-index: 9999;
  733. -webkit-transition: all 1.5s ease;
  734. -moz-transition: all 1.5s ease;
  735. transition: all 1.5s ease;}
  736.  
  737.  
  738. .fuck2 .you2:hover .right_date
  739. {visibility:visible;}
  740. .fuck .you:hover .faggot
  741. {visibility:visible;}
  742.  
  743.  
  744.  
  745.  
  746. .fuck3 .you3 .left_reblog .reblog
  747. {border-color: rgba(255, 255, 255, 0.15);
  748. border-style: solid;
  749. border-width: 1px 1px 1px 1px;
  750. float: right;
  751. padding-bottom:200px;
  752. font-family: arial;
  753. text-transform:uppercase;font-style:italic;
  754. font-weight:bold;
  755. padding: 5px 9px;
  756. color: rgba(255, 255, 255, 5);
  757.  
  758. font-size: 11px;
  759. height: 20px;
  760. line-height:21px;
  761. }
  762.  
  763.  
  764. .fuck3 .you3
  765. {position:relative;}
  766. .fuck3 .you3 .left_reblog
  767. {
  768. right: 0;
  769. opacity: 0;
  770. position: absolute;
  771. bottom: 0px;
  772.  
  773.  
  774. z-index: 9999;
  775. color:fff;
  776.  
  777. -webkit-transition: all 0.7s ease;
  778. -moz-transition: all 0.7s ease;
  779. transition: all 0.7s ease;}
  780.  
  781. .fuck3:hover .you3 .left_reblog
  782. {opacity:.9; z-index: 9999;
  783. -webkit-transition: all 1.5s ease;
  784. -moz-transition: all 1.5s ease;
  785. transition: all 1.5s ease;}
  786.  
  787.  
  788. .fuck3.you3:hover .left_reblog
  789. {visibility:visible;}
  790.  
  791.  
  792. {/block:IndexPage}
  793. {/block:ifHoverOverImageStyle2}
  794.  
  795.  
  796. #toTop{font-size: 10px;
  797. bottom: 10px;
  798. display: none;
  799. font-weight: bold;
  800. height: 9px;
  801. padding: 11px;
  802. position: fixed;
  803. left: 0px;
  804. text-align: left;
  805. text-transform: uppercase;
  806. width: auto;
  807. background: #fff;
  808. font-family:arial;}
  809.  
  810. ol.notes {width:500px; height:300px; ; margin-top:10px; overflow:scroll; overflow-x:hidden; over-flow-y:scroll; list-style-type:none; font-weight:normal; font-size:11px; text-transform:none;}
  811.  
  812. ol.notes {
  813. font-family: arial;
  814. font-size: 10px;
  815. font-weight: normal;
  816. list-style-type: none;
  817. margin: 13px auto;
  818. padding: 15px 0 0;
  819. width: 500px;}
  820. ol.notes a{
  821. text-decoration:none;
  822. padding:0;
  823. background-color:transparent;}
  824. ol.notes li.note {
  825. padding: 2px 0;}
  826. ol.notes li.note:last-child{
  827. margin-top:13px;
  828. border-top:1px dotted;
  829. padding: 15px 0 0;}
  830. ol.notes li.note img.avatar {
  831. display: inline !important;
  832. height: 16px;
  833. margin-right: 10px;
  834. min-width: 16px !important;
  835. vertical-align: -4px;
  836. width: 16px !important;}
  837. ol.notes li.note span.action a{
  838. font-weight:bold;}
  839. ol.notes li.note .answer_content {
  840. font-weight:bold;}
  841. ol.notes li.note blockquote {
  842.  
  843. border-left: medium none !important;
  844. font-weight: bold;
  845. margin: 10px 0 10px 30px !important;
  846. padding: 5px 0 8px !important;}
  847. ol.notes li.note blockquote a {
  848. color:#000;}
  849.  
  850. #fade { display: none; position: fixed; left: 0; top: 0; width:100%; height: 100%; z-index:9000; position: fixed; overflow: hidden; background-color: #fff;opacity: .6;}
  851. .popup_block{z-index: 99999;
  852. display: none; /*--hidden by default--*/
  853. background: #fff;
  854. padding: 30px;
  855. float: left;
  856. font-size: 1.2em;
  857. position: fixed;
  858. top: 50%; left: 50%;
  859. }
  860. img.btn_close { float: right;margin: -15px -15px 0 0;}
  861. *html #fade { position: fixed;}
  862. *html .popup_block { position: fixed;background-color: #fff;}
  863. ::-webkit-scrollbar-thumb:vertical { background-color:#000; height:20px; }
  864. ::-webkit-scrollbar-thumb:horizontal { background-color:#fff; height:10px !important; }
  865. ::-webkit-scrollbar { height:10px; width:10px; background-color:#fff; }
  866.  
  867. {CustomCSS}
  868. </style>
  869. </head>
  870. <div class="jokes"><div id="content"><div class="header"><center>{block:IfBanner}<a href="/"><img style="max-width:1100px; max-height:300px" src="{image:banner}"/></a>{/block:IfBanner}</center><a href="/"><h1>{Title} </h1></a><div class="description">{Description}</div><br>
  871. {block:ifshowhomelink}
  872. <a href="/" class="links">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  873. {/block:ifshowhomelink}
  874. {block:ifAskPopup}<a class="links" title="Ask or Messange" href="# ask question ? " rel="ask" id="poplight">{block:ifasktitle}{text:Ask Title}{/block:ifasktitle}{block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:ifAskPopup}
  875. {block:ifnotAskPopup}<a href="/ask" class="links">{text:Ask Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  876. {/block:ifnotAskPopup}
  877. {block:IfShowSubmit}
  878. <a href="/submit" class="links">Submit</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  879. {/block:IfShowSubmit}
  880. {block:ifLinkOneTitle}
  881. <a href="{text:Link One}" class="links">{text:Link One Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  882. {/block:ifLinkOneTitle}
  883. {block:ifLinkTwoTitle}
  884. <a href="{text:Link Two}" class="links">{text:Link Two Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  885. {/block:ifLinkTwoTitle}
  886. {block:ifLinkThreeTitle}
  887. <a href="{text:Link Three}" class="links">{text:Link Three Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  888. {/block:ifLinkThreeTitle}
  889. {block:ifLinkFourTitle}
  890. <a href="{text:Link Four}" class="links">{text:Link Four Title} </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  891. {/block:ifLinkFourTitle}
  892. {block:ifLinkFiveTitle}
  893. <a href="{text:Link Five}" class="links">{text:Link Five Title} </a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  894. {/block:ifLinkFiveTitle}
  895. {block:ifAskPopup}
  896. <div id="ask" class="popup_block"><iframe frameborder="0" scrolling="no" height="150px" width="600px" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:#000; opacity: .7; overflow: hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript"> document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></div>
  897. {/block:ifAskPopup}
  898. <br><br><br><br><br><br>
  899. <div class="posts">
  900. {block:Posts}
  901. <div class="entry">
  902.  
  903.  
  904.  
  905.  
  906. {block:Photo}<div class="photo">
  907. {block:ifHoverOverImageStyle1}
  908. <div class="fuck"><div class="you">{block:IndexPage}<div class="faggot"><div class="haha"><a href="{Permalink}" target="_blank"><div class="note">{NoteCount}</div></a><div class="border"></div><a href="{ReblogURL}" target="_blank"><div class="reblog">Reblog </div></a>{block:date}<a href="{permalink}"><div class="date">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</div></a>{/block:date}</div></div> {/block:IndexPage}{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}"{/block:IndexPage}{block:IndexPage}{block:IfFourColumns}width="250"/>{/block:IfFourColumns}{block:IfThreeColumns}width="350"/> {/block:IfThreeColumns}{block:IfTwoColumns}width="500"/>{/block:IfTwoColumns}{block:IfOneColumn}width="600"/>{/block:IfOneColumn}{/block:IndexPage}</div></div>
  909. {/block:ifHoverOverImageStyle1}
  910.  
  911. {block:ifHoverOverImageStyle2} <div class="fuck3">
  912.  
  913. <div class="you3">
  914. <div class="fuck2">
  915.  
  916. <div class="you2">
  917.  
  918. <div class="fuck">
  919.  
  920. <div class="you">
  921.  
  922. {block:IndexPage}
  923. <div class="faggot">
  924.  
  925. <div class="haha">
  926.  
  927.  
  928.  
  929. <a href="{Permalink}" target="_blank">
  930. <div class="note">
  931. {NoteCount}
  932. <div class="border" target="_blank"></div>
  933. </div></a>
  934. <a href="{Permalink}" target="_blank">
  935. <div class="icon"></div></a>
  936.  
  937. <a href="{Permalink}" target="_blank">
  938.  
  939. <div class="view_post">
  940. View Post
  941. </div></a>
  942.  
  943.  
  944.  
  945.  
  946.  
  947.  
  948.  
  949.  
  950.  
  951.  
  952. </div>
  953. </div>
  954.  
  955.  
  956.  
  957.  
  958. <div class="right_date">
  959. <a href="{permalink}">
  960. <div class="date">
  961. {12Hour}:{Minutes}{AmPm}, {DayOfMonthWithZero}
  962. {ShortMonth} {ShortYear} </div></a>
  963. </div>
  964.  
  965.  
  966. <div class="left_reblog">
  967. <a href="{ReblogURL}" target="_blank">
  968. <div class="reblog">Reblog</div></a>
  969. </div>
  970.  
  971.  
  972. {/block:IndexPage}
  973.  
  974.  
  975. {block:IndexPage}
  976. <a href="{Permalink}">
  977. <img src="
  978. {PhotoURL-HighRes}
  979. "
  980. {/block:IndexPage}
  981. {/block:IndexPage}{block:IndexPage}{block:IfFourColumns}width="250"/>{/block:IfFourColumns}{block:IfThreeColumns}width="350"/> {/block:IfThreeColumns}{block:IfTwoColumns}width="500"/>{/block:IfTwoColumns}{block:IfOneColumn}width="600"/>{/block:IfOneColumn}
  982. {/block:IndexPage}
  983. </div></div></div> </div></div> </div>
  984. {/block:ifHoverOverImageStyle2}
  985.  
  986.  
  987.  
  988.  
  989.  
  990. {block:PermalinkPage}
  991. <img src="{PhotoURL-HighRes}"
  992. class="photo_permalink" />
  993. {/block:PermalinkPage}</u>
  994. </div>
  995. {/block:Photo}
  996.  
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004. {block:Text}<div class="main"><div class="text">{block:Title}<div class="title">{Title}</div>{/block:Title}</div><div class="text_body">{Body}</div>{block:IndexPage}<div class="main_permalink">{block:date}<a href="{permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:date}</div>{/block:IndexPage}</div>{/block:Text} {block:Photoset}<div class="main"><div class="photoset"><center>{block:IndexPage}{block:IfFourColumns}{Photoset-250}{/block:IfFourColumns}{block:IfThreeColumns}{Photoset-250}{/block:IfThreeColumns}{block:IfTwoColumns}{Photoset-500}{/block:IfTwoColumns}{block:IfOneColumn}{Photoset-500} {/block:IfOneColumn}</center><div class="main_permalink">{block:date}<a href="{permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:date}</div>{/block:IndexPage}</div></div>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:Photoset}{block:Link}<div class="main"><a href="{URL}" class="link_title" {Target}><h3>{Name}</h3></a>{block:Description}<div class="link_description">{Description}</div>{/block:Description} {block:IndexPage}<div class="main_permalink">{block:date}<a href="{permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear} </a>{/block:date}</div>{/block:IndexPage}</div>{/block:Link}{block:Chat}<div class="main">{block:Title}<a href="{Permalink}"><h3>{Title}</h3></a>{/block:Title}<ul class="chat_body">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{block:IndexPage}<div class="main_permalink">{block:date}<a href="{permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear} </a>{/block:date}</div>{/block:IndexPage}</div>{/block:Chat}{block:Video}<div class="main"><div class="post"><div class="video1">{Video-500}</div></div>{block:IndexPage}<div class="main_permalink">{block:date}<a href="{permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear} </a>{/block:date}</div>{/block:IndexPage}</div>{/block:Video}{block:Audio}<div class="art">{block:AlbumArt}<img src="{AlbumArtURL}" id="albumart">{/block:AlbumArt}</div><div class="audioplayercircle"><div class="audioplayer">{AudioPlayerblack}</div></div>{block:IndexPage}<div class="main_permalink">{block:date}<a href="{permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear} </a>{/block:date}</div>{/block:IndexPage}{/block:Audio}{block:Answer}<div class="main"><img src="{AskerPortraitURL-30}" alt="{PhotoAlt}"/><div class="asker_name"><b>{Asker}</b></div><BR><div class="ask_body">{Question}</div><BR><div class="answer_border"><img src="{PostAuthorPortraitURL-30}" alt="{PhotoAlt}"/> &nbsp; <div class="asker_name"><b>{PostAuthorName}</b></div><div class="ask_image"><div class="ask_body">{Answer}</div><div class="answer_background">?</div>{block:IndexPage}<div class="main_permalink">{block:date}<a href="{permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear} </a>{/block:date}</div>{/block:IndexPage}</div></div></div>{/block:Answer}{block:Quote}<div class="main"><div class="quote"><b>"{Quote}"</b> </div><div class="quote_border">{block:Source}<div class="quote_source">-{Source}</div>{/block:Source}</div>{block:IndexPage}<div class="main_permalink">{block:date}<a href="{permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear} </a>{/block:date}</div>{/block:IndexPage}</div>{/block:Quote}{block:PermalinkPage}<div class="samie">{block:Photo}{Caption}<br> ♥ &nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a> notes <br> <br>{/block:Photo}{block:Photoset}{Caption}<br> ♥ &nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a> notes <br> <br>{/block:Photoset}{block:Quote}{Caption}<br> ♥ &nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a> notes <br> <br>{/block:Quote}{block:Link}{Caption}{Caption}<br> ♥ &nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a> notes <br> <br>{/block:Link}{block:Chat}{Caption}{Caption}<br> ♥ &nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a> notes <br> <br>{/block:Chat}{block:Audio}{Caption}<br> ♥ &nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a> notes <br> <br>{/block:Audio}{block:Video}{Caption}<br> ♥ &nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a> notes <br> <br>{/block:Video}</div>{PostNotes}{/block:PermalinkPage}</div>{block:PostNotes}{ShowNotes}{/block:PostNotes}{/block:Posts}</div>{block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}{/block:IndexPage}</div></div></div></div></div></div></div></div></div></body></html>
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!