API tools faq
paste
Advertisement
jawidafg

Untitled

jawidafg
Aug 4th, 2012
5,241
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- ----------------------------------
  4. Theme Naruto.
  5. Made by v0tum.
  6. http://v0tum.tumblr.com/
  7. More themes at: http://v0tumthemes.tumblr.com/
  8. ---------------------------------- -->
  9.  
  10.  
  11. <head>
  12.  
  13.  
  14. <html lang="en">
  15.  
  16. <meta charset="utf-8" />
  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. <meta name="image:Background" content=""/>
  31. <meta name="image:SidebarImage" content="">
  32. <meta name="font:Title" content="helvetica" />
  33. <meta name="font:Links" content="helvetica" />
  34. <meta name="font:Description" content="helvetica" />
  35. <meta name="font:Link Post" content="arial" />
  36. <meta name="if:Own Background" content="0" />
  37. <meta name="if:Def Background" content="0" />
  38. <meta name="if:Title" content="1" />
  39. <meta name="if:Use Custom Fonts" content="1" />
  40. <meta name="if:Sidebar Image" content="1">
  41. <meta name="if:Show Home Link" content="1">
  42. <meta name="if:Show Submit" content="1"/>
  43. <meta name="if:Links Bold" content="1">
  44.  
  45. <meta name="if:Hover Over Effect" content="1">
  46. <meta name="if:Border Under Date" content="1">
  47. <meta name="if:Date On Hover" content="1">
  48. <meta name="if:Fixed Sidebar" content="0">
  49.  
  50. <meta name="text:Ask title" content="Ask"/>
  51. <meta name="if:Ask Popup" content="0">
  52.  
  53.  
  54. <meta name="color:Description" content="#000"/>
  55. <meta name="color:Links" content="#000"/>
  56. <meta name="color:Link Hover" content="#000"/>
  57. <meta name="color:Background" content="#fff"/>
  58. <meta name="color:Body" content="#000"/>
  59. <meta name="color:Title" content="#000"/>
  60. <meta name="color:Title Hover" content="#000"/>
  61.  
  62. <meta name="text:Margin" content="5"/>
  63. <meta name="text:Title Font Size" content="200"/>
  64. <meta name="text:Body Font Size" content="8"/>
  65. <meta name="text:Link One" content="" />
  66. <meta name="text:Link One Title" content="" />
  67. <meta name="text:Link Two" content="" />
  68. <meta name="text:Link Two Title" content="" />
  69. <meta name="text:Link Three" content="" />
  70. <meta name="text:Link Three Title" content="" />
  71. <meta name="text:Link Four" content="" />
  72. <meta name="text:link Four Title" content="" />
  73. <meta name="text:link Five" content="" />
  74. <meta name="text:link Five Title" content="" />
  75.  
  76. <meta name="if:Three Columns" content="0" />
  77. <meta name="if:Two Columns" content="1" />
  78. <meta name="if:One Column" content="0" />
  79.  
  80.  
  81.  
  82.  
  83. {block:IfUseCustomFonts}
  84. <script type="text/javascript">
  85.  
  86. /* Google Web Fonts*/
  87.  
  88. WebFontConfig = {
  89. google: { families: [ 'Lora::latin', 'Open+Sans::latin' ] }
  90. };
  91. (function() {
  92. var wf = document.createElement('script');
  93. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  94. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  95. wf.type = 'text/javascript';
  96. wf.async = 'true';
  97. var s = document.getElementsByTagName('script')[0];
  98. s.parentNode.insertBefore(wf, s);
  99. })(); </script>
  100. <link href='http://fonts.googleapis.com/css?family=Lora|Open+Sans' rel='stylesheet' type='text/css'>
  101.  
  102.  
  103.  
  104.  
  105. <script type="text/javascript">
  106. WebFontConfig = {
  107. google: { families: [ 'Allerta::latin', 'Dorsa::latin', 'Judson::latin', 'Kreon::latin', 'Rokkitt::latin', 'Asap::latin', 'Dancing+Script::latin', 'Amaranth::latin' 'Rationale::latin', 'Oswald:300:latin' ] }
  108. };
  109. (function() {
  110. var wf = document.createElement('script');
  111. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  112. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  113. wf.type = 'text/javascript';
  114. wf.async = 'true';
  115. var s = document.getElementsByTagName('script')[0];
  116. s.parentNode.insertBefore(wf, s);
  117. })(); </script>
  118. <link href='http://fonts.googleapis.com/css?family=Allerta|Dorsa|Dancing+Script|Judson|Kreon|Rokkitt|Asap|Amaranth|Rationale|Oswald:300' rel='stylesheet' type='text/css'>
  119. {/block:IfUseCustomFonts}
  120.  
  121. <style type="text/css">
  122.  
  123. {block:IfUseCustomFonts}
  124. /* Google Web Fonts*/
  125.  
  126. @import url(http://fonts.googleapis.com/css?family=Allerta|Dorsa|Judson|Dancing+Script|Kreon|Rokkitt|Asap|Amaranth|Rationale|Oswald:300);
  127. @import url(http://fonts.googleapis.com/css?family=Lora|Open+Sans);
  128.  
  129. /* Google Web Fonts*/
  130. {/block:IfUseCustomFonts}
  131.  
  132. /* Iframe (Follow/Dashboard Buttons) */
  133. iframe#tumblr_controls
  134. {z-index: 99999999999999999999;
  135. top: 0% !important;
  136. right:0% !important;
  137. position: fixed !important;}
  138. /* Iframe (Follow/Dashboard Buttons) */
  139.  
  140. /* Body */
  141. body
  142. {background-color: {color:Background};
  143. {block:IfDefBackground}background-image:url('http://static.tumblr.com/6quy42l/Ig2m5qex8/de.png');{/block:IfDefBackground}
  144. {block:IfOwnBackground}
  145. background-image:url('{image:Background}');
  146. {/block:IfOwnBackground}
  147. background-attachment: fixed;
  148. background-repeat: repeat;
  149. font-family:
  150. {block:IfUseCustomFonts}
  151. 'Kreon', sans-serif{/block:IfUseCustomFonts}
  152. {block:IfnotUseCustomFonts}
  153. {Font:Body}{/block:IfnotUseCustomFonts};
  154.  
  155. font-size:{text:Body font size}px;
  156. cursor:pointer;
  157. line-height:12px;
  158. color:{color:Body};}
  159.  
  160.  
  161. a {text-decoration:none;
  162. color:#000;
  163. -webkit-transition: all 0.2s linear;
  164. -moz-transition: all 0.2s linear;
  165. transition: all 0.2s linear;}
  166. a:hover {color:{color:Link Hover};
  167. -webkit-transition: all 0.2s linear;
  168. -moz-transition: all 0.2s linear;
  169. transition: all 0.2s linear;}
  170.  
  171. a:active {outline: none;}
  172. a:focus {-moz-outline-style: none;}
  173. :-moz-any-link:focus{outline: none;}
  174. img {border:none;}
  175. .clear {clear:both;}
  176.  
  177. h2 {font-size: 20px;
  178. line-height:25px;
  179. margin-top: 0px;
  180. font-family:
  181. {block:IfUseCustomFonts}
  182. 'Asap', sans-serif{/block:IfUseCustomFonts}
  183. {block:IfnotUseCustomFonts}
  184. {Font:Link Post}{/block:IfnotUseCustomFonts}
  185. ;}
  186. /* Body */
  187.  
  188.  
  189.  
  190.  
  191.  
  192. /* Permalink Page */
  193.  
  194.  
  195.  
  196. {block:PermalinkPage}
  197. .jokes
  198. {margin: auto;
  199. width: 500px;}
  200. {/block:PermalinkPage}
  201. {block:permalinkpage}
  202. .samie
  203. {
  204. width: 500px;
  205. overflow: hidden;
  206. margin-top: 5px;
  207. border-bottom: 1px solid #ececec;
  208. font-size: 10px;
  209. text-align:left;
  210. font-weight: bold;
  211. line-height:10px;
  212.  
  213. font-family: 'Asap', sans-serif;}
  214. .samie img
  215. {width: 480px; height: auto;}
  216. {/block:permalinkpage}
  217. /* Permalink Page */
  218.  
  219.  
  220.  
  221.  
  222. /* Permalink Hover Under Notes*/
  223. .permalink
  224. {text-transform:
  225. {block:IfUppercasePermalink}uppercase
  226. {/block:IfUppercasePermalink}
  227. {block:IfnotUppercasePermalink}none
  228. {/block:IfnotUppercasePermalink};
  229. text-align:right;
  230. font-family: 'Asap', sans-serif;
  231. font-size: 9px;
  232. opacity:0;
  233. -webkit-transition: all 0.5s ease;
  234. -moz-transition: all 0.5s ease;
  235. transition: all 0.5s ease;}
  236.  
  237. .permalink a:hover
  238. {-webkit-transition: all 0.5s ease;
  239. -moz-transition: all 0.5s ease;
  240. transition: all 0.5s ease;
  241. color:#000}
  242.  
  243. .entry:hover .permalink
  244. {-webkit-transition: all 0.5s ease;
  245. -moz-transition: all 0.5s ease;
  246. transition: all 0.5s ease;
  247. opacity: 0.7;}
  248.  
  249. /* Permalink Hover Under Notes*/
  250.  
  251. /* 3d Title */
  252. .okay3
  253. {opacity: 0.2; text-transform:uppercase;
  254. position: relative;z-index:-99999;
  255. text-align:center;left:5px;
  256. top: 85px;
  257. margin: 0 auto;
  258. font-family: {font:title};
  259.  
  260. font-size: {Text:Title Size}px;
  261. }
  262. /* 3d Title */
  263.  
  264.  
  265. /* Answer */
  266. .main {z-index: -1; background-color: #fff; padding: 10px;}
  267. .answer_border
  268. {
  269. padding-top: 10px;
  270. margin-top: 10px;
  271. padding-bottom: -5px;
  272. margin-bottom: -5px;
  273. border-top: 1px dotted #ddd;}
  274.  
  275. .asker_name
  276. {text-align: left;
  277. font-size: 13px;
  278. text-transform:uppercase;
  279. padding-left: 38px;
  280. font-family: Helvetica;
  281. margin-top: -32px;
  282. letter-spacing: 0px;
  283. color: #000; }
  284.  
  285.  
  286. .asker_name a
  287. {color:#000;}
  288.  
  289. .asker_name a:hover
  290. {color:#000;}
  291.  
  292.  
  293. .ask_body
  294. {
  295. text-align: left;
  296. font-size: 10px;
  297. text-transform:none;
  298. padding-left: 38px;
  299. font-family: Helvetica;
  300. line-height: 12px;
  301. color: #000; }
  302.  
  303. .ask_image img
  304. {width: 100%;
  305. margin-top: 10px;
  306. margin-left: -40px;}
  307.  
  308. .answer_permalink
  309. {text-transform:uppercase;
  310. text-align:right;background-color: #fff; padding: 10px;
  311. font-family:arial;
  312. font-size: 9px;
  313. opacity:0;
  314. -webkit-transition: all 0.5s ease;
  315. -moz-transition: all 0.5s ease;
  316. transition: all 0.5s ease;}
  317.  
  318. .answer_permalink a:hover
  319. {-webkit-transition: all 0.5s ease;
  320. -moz-transition: all 0.5s ease;
  321. transition: all 0.5s ease;
  322. color:#000}
  323.  
  324. .entry:hover .answer_permalink
  325. {-webkit-transition: all 0.5s ease;
  326. -moz-transition: all 0.5s ease;
  327. transition: all 0.5s ease;
  328. opacity: 0.9;}
  329.  
  330. .answer_background
  331. {left: 40%;
  332. bottom: 40%;
  333. z-index: -9999999999;
  334. margin: 0 auto;
  335. opacity: 0.02;
  336. position: absolute;
  337. color:#000;
  338. font-size: 150px;}
  339. /* Answer */
  340.  
  341. /* Quote */
  342. .quote
  343. {
  344. text-transform:uppercase;
  345. text-align: center;
  346. font-size: 12px;
  347. line-height: 13px;
  348. letter-spacing: 1px;
  349. font-family: arial;
  350. font-weight: bold;
  351. color: #000;
  352. background-color: #fff; padding: 10px;}
  353.  
  354.  
  355. .quote_source
  356. {text-transform:capitalize;
  357. text-align: center;
  358.  
  359. font-size: 11px;
  360. letter-spacing: 1px;
  361. font-family: helvetica;
  362. font-weight: none;
  363. background-color: #fff; padding: 10px;}
  364.  
  365.  
  366.  
  367. .quote_permalink
  368. {text-transform:uppercase;background-color: #fff; padding: 10px;
  369. margin-top:10px;
  370. text-align:right;
  371. font-family:arial;
  372. font-weight: bold;
  373. font-size: 9px;
  374. opacity:0;
  375. -webkit-transition: all 0.5s ease;
  376. -moz-transition: all 0.5s ease;
  377. transition: all 0.5s ease;}
  378. .quote_permalink a:hover
  379. {-webkit-transition: all 0.5s ease;
  380. -moz-transition: all 0.5s ease;
  381. transition: all 0.5s ease;
  382. color:#000}
  383.  
  384. .entry:hover .quote_permalink
  385. {color:#000
  386. -webkit-transition: all 0.5s ease;
  387. -moz-transition: all 0.5s ease;
  388. transition: all 0.5s ease;
  389. opacity: 0.9;}
  390.  
  391.  
  392.  
  393.  
  394. .quote a, .quote a:hover
  395. {color:#000;}
  396.  
  397.  
  398. .quote_permalink a, .quote_permalink a:hover
  399. {color:#000;}
  400.  
  401. /* Quote */
  402.  
  403. /* Audio */
  404.  
  405. .audioplayercircle
  406. {font-size: 1px;
  407. z-index: 3;
  408. background: #000;
  409. width: 100%;
  410. top: 60px;
  411. height: 50px;
  412. opacity: .8;}
  413.  
  414. .audioplayer
  415. {font-size: 1px;
  416. padding-top:11px;
  417. width: 20px;
  418. overflow: hidden;
  419.  
  420.  
  421.  
  422. {block:IfThreeColumns}
  423. margin: 0px -10px -10px 110px ;
  424. {/block:IfThreeColumns}
  425.  
  426. {block:IfTwoColumns}
  427. margin: 0px -10px -10px 110px ;
  428. {/block:IfTwoColumns}
  429.  
  430. {block:IfOneColumn}
  431. margin: 0px -10px -10px 190px ;
  432. {/block:IfOneColumn}
  433.  
  434. }
  435.  
  436.  
  437.  
  438.  
  439.  
  440.  
  441.  
  442. .audio_permalink_2
  443. {z-index:999999;background-color: #fff; padding: 10px;
  444. margin-top: 10px;
  445. text-transform:uppercase;
  446. text-align:right;
  447. font-family:arial;
  448. font-weight: bold;
  449. font-size: 10px;
  450. opacity:0;
  451. -webkit-transition: all 0.5s ease;
  452. -moz-transition: all 0.5s ease;
  453. transition: all 0.5s ease;}
  454.  
  455. .audio_permalink_2 a:hover
  456. {-webkit-transition: all 0.5s ease;
  457. -moz-transition: all 0.5s ease;
  458. transition: all 0.5s ease;
  459. color:#000}
  460.  
  461. .entry:hover .audio_permalink_2
  462. {z-index:999999;
  463. -webkit-transition: all 0.5s ease;
  464. -moz-transition: all 0.5s ease;
  465. transition: all 0.5s ease;
  466. opacity: 0.9;}
  467.  
  468. .audio_notes
  469. {margin: 0 auto;
  470. margin-top: 200px;}
  471. /* Audio*/
  472.  
  473.  
  474. /* Video */
  475.  
  476. div.video1 embed,
  477. div.post div.video1 object, .video1 iframe {
  478. {block:IndexPage}
  479.  
  480.  
  481.  
  482. {block:IfThreeColumns}
  483. width:250px !important; height:200px !important;
  484. {/block:IfThreeColumns}
  485.  
  486. {block:IfTwoColumns}
  487. width:250px !important; height:200px !important;
  488. {/block:IfTwoColumns}
  489.  
  490. {block:IfOneColumn}
  491. width:400px !important; height:300px !important;
  492. {/block:IfOneColumn}
  493.  
  494. {/block:IndexPage}
  495. {block:PermalinkPage}
  496. width:500px; height:300px;
  497. {/block:PermalinkPage}
  498. }
  499.  
  500.  
  501.  
  502.  
  503.  
  504. #content .entry:hover .background_video
  505. {opacity: .6;
  506. color: #000;
  507. background-color: #000;}
  508.  
  509. #content .entry .background_video
  510. {position: absolute; display:block;
  511. width: 100%;
  512. height: 50px;
  513. bottom: 3px;
  514. cursor:pointer;
  515. background-color: #000;
  516. opacity: 0;
  517. -webkit-transition: all 0.3s ease;
  518. -moz-transition: all 0.3s ease;
  519. transition: all 0.3s ease;
  520. }
  521.  
  522.  
  523.  
  524. #content .entry .background_video .video_notes
  525. {padding-right: 10px;
  526. margin-top: -11px;
  527. text-transform: uppercase;
  528. font-size: 10px;
  529. font-weight: bold;
  530. font-family: arial;
  531. text-align: right;
  532. color:#fff;}
  533.  
  534. .video_notes a, .video_notes a:hover
  535. {color:#fff;}
  536.  
  537. #content .entry .background_video .video_type
  538. {padding-left: 20px;
  539. margin-top: 20px;
  540. text-transform: uppercase;
  541. font-size: 15px;
  542. font-weight: bold;
  543. font-family: arial;
  544. text-align: left;
  545. color:#fff;}
  546.  
  547. .video_type a, .video_type a:hover
  548. {color:#fff;}
  549.  
  550.  
  551. /* Video */
  552.  
  553.  
  554.  
  555.  
  556. /* Text Post */
  557.  
  558.  
  559.  
  560.  
  561.  
  562. .text h1
  563. {
  564. font-size: 13px;
  565. line-height: 30px;
  566. font-family:arial;
  567. font-weight: bold;
  568. color:#000;
  569. text-transform: uppercase;
  570. }
  571.  
  572.  
  573.  
  574. .text h1 a, .text h1 a:hover
  575. {color:#000;}
  576.  
  577. .text_body img {width: {text:Post Width Size}px;}
  578.  
  579. .text_body
  580. {
  581. line-height: 10px;
  582. font-family:arial;
  583. font-weight: bold;
  584. overflow:hidden;}
  585.  
  586. .text_body a, .text_body a:hover
  587. {color:#000;}
  588.  
  589. .text_permalink
  590. {z-index:999999;
  591. margin-top: 10px;
  592. text-transform:uppercase;
  593. text-align:right;
  594. font-family:arial;
  595. font-weight: bold;
  596. font-size: 9.5px;
  597. opacity:.9;
  598. }
  599.  
  600. .text_permalink a, .text_permalink a:hover
  601. {color:#000;}
  602. /* Text Post */
  603.  
  604.  
  605. /* Chat */
  606.  
  607. .chat_body
  608. {font-family: arial;
  609. margin:5px 0;
  610. padding:0;background-color: #fff; padding: 10px;
  611. list-style:none;}
  612. .chat_body li
  613. {margin: 5px;
  614. padding: 5px 2px 10px;
  615. border-bottom: 1px dotted #ddd;}
  616.  
  617. .chat_bodyt li:last-child
  618. {border:0;
  619. padding: 5px 5px 0;}
  620.  
  621. .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;}
  622.  
  623. .chat_permalink
  624. {z-index:999999;background-color: #fff; padding: 10px;
  625. margin-top: 10px;
  626. text-transform:uppercase;
  627. text-align:right;
  628. font-family:arial;
  629. font-weight: bold;
  630. font-size: 10px;
  631. opacity:0;
  632. -webkit-transition: all 0.5s ease;
  633. -moz-transition: all 0.5s ease;
  634. transition: all 0.5s ease;}
  635.  
  636. .chat_permalink a:hover
  637. {-webkit-transition: all 0.5s ease;
  638. -moz-transition: all 0.5s ease;
  639. transition: all 0.5s ease;
  640. color:#000}
  641.  
  642. .entry:hover .chat_permalink
  643. {z-index:999999;
  644. -webkit-transition: all 0.5s ease;
  645. -moz-transition: all 0.5s ease;
  646. transition: all 0.5s ease;
  647. opacity: 0.9;}
  648.  
  649. /* Chat */
  650.  
  651. /* Link */
  652. .link_title h3
  653. {font-size: 15px;
  654. line-height: 30px;
  655. font-family:arial;
  656. font-weight: bold;
  657. color:#000;
  658. text-transform: uppercase;}
  659.  
  660. .link_description
  661. {font-size: 10px;
  662.  
  663. font-family:arial;
  664. font-weight: bold;
  665. text-transform: none;}
  666.  
  667. .link_title a, .link_title a:hover
  668. {color:#000;}
  669.  
  670.  
  671.  
  672.  
  673. .link_permalink
  674. {z-index:999999;background-color: #fff; padding: 10px;
  675. margin-top: 10px;
  676. text-transform:uppercase;
  677. text-align:left;
  678. font-family:arial;
  679. font-weight: bold;
  680. color:#000;
  681. font-size: 9px;
  682. opacity:0;
  683. -webkit-transition: all 0.5s ease;
  684. -moz-transition: all 0.5s ease;
  685. transition: all 0.5s ease;}
  686.  
  687. .link_permalink a:hover
  688. {-webkit-transition: all 0.5s ease;
  689. -moz-transition: all 0.5s ease;
  690. transition: all 0.5s ease;
  691. color:#000}
  692.  
  693. .entry:hover .link_permalink
  694. {z-index:999999;
  695. color:#000
  696. -webkit-transition: all 0.5s ease;
  697. -moz-transition: all 0.5s ease;
  698. transition: all 0.5s ease;
  699. opacity: 0.9;}
  700.  
  701. /* Link */
  702.  
  703. /* Sidebar */
  704.  
  705. .sidebar
  706. {background-color: #fff;
  707. {block:IfFixedSidebar}
  708. position:fixed;
  709. {/block:IfFixedSidebar}
  710. padding: 10px;
  711. margin-top:20px;
  712. width:200px;
  713. float:left;
  714. {block:IfFixedSidebar}
  715. margin-left: -230px;
  716. top: 29px;
  717. {/block:IfFixedSidebar}
  718. {block:IfnotFixedSidebar}
  719. margin-left: -230px;
  720. {block:IfnotFixedSidebar}}
  721.  
  722. .sidebar .sidebarimage
  723. {width:200px;}
  724.  
  725. .sidebar .sidebarimage img
  726. {max-width:200px;}
  727.  
  728.  
  729. .sidebar h1{
  730. margin:15px 0;
  731. padding:0 0 10px;
  732. border-bottom: 1px solid #ddd;
  733. font-size:16px;
  734. text-transform:uppercase;
  735. line-height:20px;
  736. color:{color:Title};
  737. font-family: {font:title};
  738. text-align: left;
  739. }
  740.  
  741.  
  742.  
  743. .sidebar .links a
  744. {text-decoration:none;
  745.  
  746.  
  747. color:{color:Links};}
  748.  
  749. .sidebar .links a:hover
  750. {color:{color:Link Hover};}
  751.  
  752.  
  753.  
  754. .sidebar .links {color:{color:Links};
  755. margin-top: 10px;
  756.  
  757. font-weight: bold;
  758.  
  759. line-height: 14px;
  760. text-align:left;
  761.  
  762. font-family: {font:links};
  763. font-size: 12px;}
  764.  
  765.  
  766. .sidebar .description
  767. {color:{color:Description};
  768. border-bottom: 1px solid #ddd;
  769. font-weight: bold;
  770. padding:0 0 15px;
  771. line-height: 15px;
  772. text-align:right;
  773. margin: 0 auto;
  774. font-family: {font:description};
  775. font-size: 12px;}
  776.  
  777.  
  778.  
  779.  
  780. .description a
  781. {color:{color:Description};}
  782.  
  783. /* Sidebar */
  784.  
  785. /* Photoset */
  786.  
  787. .photoset_permalink
  788. {z-index:999999;
  789. margin-top: 10px;
  790. text-transform:uppercase;
  791. text-align:right;
  792. font-family:arial;
  793. font-weight: bold;
  794. font-size: 9.5px;background-color: #fff; padding: 10px;
  795. opacity:1;
  796. }
  797.  
  798. .photoset_permalink a, .photoset_permalink a:hover
  799. {color:#000;}
  800.  
  801. /* Photoset */
  802.  
  803.  
  804.  
  805.  
  806.  
  807.  
  808.  
  809.  
  810.  
  811.  
  812.  
  813. #infscr-loading {
  814. z-index: 5000;
  815. position: fixed;
  816. font-size: 9px;
  817. line-height: 16px;
  818. height: 16px;
  819. left: -520px;
  820. top: 40px;
  821. opacity: 0.8;
  822. padding: 6px 10px 6px 8px;
  823.  
  824. -webkit-border-radius: 6px;
  825. -moz-border-radius: 6px;
  826. border-radius: 6px;
  827.  
  828.  
  829.  
  830. }
  831.  
  832. #infscr-loading div {
  833. float:right;
  834. }
  835.  
  836. #infscr-loading img {
  837. margin-right: 6px;
  838. }
  839.  
  840. #content{
  841. margin:auto;
  842. width:600px;
  843. margin-top: 29px;
  844. }
  845.  
  846.  
  847.  
  848.  
  849. #content .posts{
  850.  
  851.  
  852. {block:IfThreeColumns}width:950px;{/block:IfThreeColumns}
  853. {block:IfTwoColumns}width:650px;margin:6px;{/block:IfTwoColumns}
  854. {block:IfoneColumn}width:650px; {/block:IfoneColumn}
  855.  
  856.  
  857. }
  858. #content .entry{
  859.  
  860. {block:IndexPage}
  861. {block:IfThreeColumns}width:250px;{/block:IfThreeColumns}
  862. {block:IfTwoColumns}width:250px;{/block:IfTwoColumns}
  863. {block:IfOneColumn}width:400px;{/block:IfOneColumn}{/block:IndexPage}
  864. margin:{text:Margin}px;
  865. {block:PermalinkPage}
  866. width:500px;
  867. padding: 10px;
  868. background-color: #fff; padding: 10px;
  869. {/block:PermalinkPage}
  870.  
  871.  
  872. }
  873. {block:PermalinkPage}
  874. .photo_permalink img {max-width:500px !important; }
  875. {/block:PermalinkPage}
  876. .photo img { display:block;
  877.  
  878. {block:PermalinkPage}
  879. width:500px;
  880. margin: 0 auto;
  881.  
  882.  
  883.  
  884. {/block:PermalinkPage}
  885. }
  886.  
  887. {block:IndexPage}
  888. {block:IfHoverOverEffect}
  889. .fuck .you
  890. {position:relative;}
  891. .fuck .you .faggot
  892. {height:100%;
  893. left: 0;
  894. opacity: 0;
  895. position: absolute;
  896. top: 0;
  897. visibility: hidden;
  898. width: 100%;
  899. z-index: 998;
  900. background-color: rgba(0, 0, 0, 0.8);
  901. -webkit-transition: all 0.7s ease;
  902. -moz-transition: all 0.7s ease;
  903. transition: all 0.7s ease;}
  904.  
  905. .fuck:hover .you .faggot
  906. {opacity:.9;height: 100%;
  907. -webkit-transition: all 1.5s ease;
  908. -moz-transition: all 1.5s ease;
  909. transition: all 1.5s ease;}
  910.  
  911. .fuck .you .faggot .haha
  912. {height: 134px;
  913. margin-top: -67px;
  914. position: absolute;
  915. text-align: center;
  916. top: 50%;
  917. width: 100%;
  918. z-index: 999;}
  919.  
  920. .fuck .you .faggot .haha .note
  921. {font-family: 'Dorsa', sans-serif;
  922. font-size: 90px;
  923. position: absolute;
  924. font-weight: bold;
  925. width: 100%;
  926. top: 50%;
  927.  
  928. text-align: center;
  929. color: #fff;}
  930.  
  931. .fuck .you .faggot .haha .reblog
  932. {font-family: arial;
  933. text-transform: uppercase;
  934. font-size: 10px;
  935. position: absolute;
  936. margin: 50px 0 0px;
  937. width: 100%;
  938. font-weight: 400;
  939. letter-spacing: 2px;
  940. top:50%;
  941. text-align: center;
  942. color: #fff;}
  943.  
  944. .fuck .you .faggot .haha .border
  945. {border-bottom: 1px solid rgba(300,300,300,.3);
  946.  
  947. margin: 113px auto;
  948. width: 40px;
  949. top:50%;}
  950.  
  951. .fuck .you .faggot .haha .date
  952. {font-family: arial ;
  953. text-transform: uppercase;
  954. font-size: 12px;
  955. position: absolute;
  956. margin: -50px 0 0;
  957.  
  958. width: 100%;
  959. font-weight: 400;
  960. letter-spacing: 2px;
  961. top:50%;
  962. text-align: center;
  963. color: #fff;
  964. }
  965.  
  966. .fuck .you .faggot .haha .border2
  967. {border-bottom: 1px solid rgba(300,300,300,.3);
  968.  
  969. margin: 3px auto;
  970. width: 60px;
  971. top:50%;}
  972.  
  973.  
  974.  
  975. .fuck .you:hover .faggot
  976. {visibility:visible;}
  977. {/block:IfHoverOverEffect}
  978. {/block:IndexPage}
  979.  
  980.  
  981.  
  982.  
  983. #toTop{font-size: 10px;
  984. bottom: 10px;
  985. display: none;
  986. font-weight: bold;
  987. height: 9px;
  988. padding: 11px;
  989. position: fixed;
  990. left: 0px;
  991. text-align: left;
  992. text-transform: uppercase;
  993. width: auto;
  994. background: #fff;
  995. font-family:arial;}
  996.  
  997. 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;}
  998.  
  999. ol.notes {
  1000. font-family: arial;
  1001. font-size: 10px;
  1002. font-weight: normal;
  1003. list-style-type: none;
  1004. margin: 13px auto;
  1005. padding: 15px 0 0;
  1006. width: 500px;}
  1007. ol.notes a{
  1008. text-decoration:none;
  1009. padding:0;
  1010. background-color:transparent;}
  1011. ol.notes li.note {
  1012. padding: 2px 0;}
  1013. ol.notes li.note:last-child{
  1014. margin-top:13px;
  1015. border-top:1px dotted;
  1016. padding: 15px 0 0;}
  1017. ol.notes li.note img.avatar {
  1018. display: inline !important;
  1019. height: 16px;
  1020. margin-right: 10px;
  1021. min-width: 16px !important;
  1022. vertical-align: -4px;
  1023. width: 16px !important;}
  1024. ol.notes li.note span.action a{
  1025. font-weight:bold;}
  1026. ol.notes li.note .answer_content {
  1027. font-weight:bold;}
  1028. ol.notes li.note blockquote {
  1029.  
  1030. border-left: medium none !important;
  1031. font-weight: bold;
  1032. margin: 10px 0 10px 30px !important;
  1033. padding: 5px 0 8px !important;}
  1034. ol.notes li.note blockquote a {
  1035. color:#000;}
  1036.  
  1037. #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;}
  1038. .popup_block{z-index: 99999;
  1039. display: none; /*--hidden by default--*/
  1040. background: #fff;
  1041. padding: 30px;
  1042. float: left;
  1043. font-size: 1.2em;
  1044. position: fixed;
  1045. top: 50%; left: 50%;
  1046. }
  1047. img.btn_close { float: right;margin: -15px -15px 0 0;}
  1048. *html #fade { position: fixed;}
  1049. *html .popup_block { position: fixed;background-color: #fff;}
  1050. ::-webkit-scrollbar-thumb:vertical { background-color:#000; height:20px; }
  1051. ::-webkit-scrollbar-thumb:horizontal { background-color:#fff; height:10px !important; }
  1052. ::-webkit-scrollbar { height:10px; width:10px; background-color:#fff; }
  1053.  
  1054. {CustomCSS}
  1055. </style>
  1056.  
  1057. <script type="text/javascript" src="http://static.tumblr.com/6quy42l/lBNm6eh49/need.js"></script>
  1058. <script type="text/javascript" src="http://static.tumblr.com/6quy42l/S2Am632sh/theme.js"></script>
  1059.  
  1060. <script type="text/javascript" src="http://static.tumblr.com/6quy42l/KPXm6ehuk/popup.js"></script>
  1061.  
  1062. <script src="http://static.tumblr.com/6quy42l/tPum65t1d/fucku.js"></script>
  1063. <script src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  1064.  
  1065. {block:IndexPage}
  1066. <script>
  1067. $(window).load(function(){
  1068. var $wall = $('.posts');
  1069. $wall.masonry({
  1070. itemSelector: '.entry',
  1071.  
  1072.  
  1073. });
  1074.  
  1075. $wall.infinitescroll({
  1076. navSelector : 'div#navigation',
  1077. nextSelector : 'div#navigation a#nextPage',
  1078. itemSelector : '.entry',
  1079. donetext : '',
  1080. loadingText : '',
  1081. bufferPx : 10000,
  1082. extraScrollPx: 10000,
  1083.  
  1084. errorCallback: function() {
  1085. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  1086. }},
  1087. function( newElements ) {
  1088. var $newElems = $( newElements );
  1089. $newElems.hide();
  1090. $newElems.imagesLoaded(function(){
  1091. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn();} );
  1092. });
  1093. }); $wall.show(500);
  1094.  
  1095. $('#load').click(function(e){
  1096.  
  1097. e.preventDefault();
  1098. $wall.infinitescroll('retrieve');
  1099. $(this).css('display','block');
  1100.  
  1101. });
  1102.  
  1103.  
  1104.  
  1105.  
  1106.  
  1107. });
  1108.  
  1109. </script>
  1110. {/block:IndexPage}
  1111. </head>
  1112. <div class="jokes">
  1113. <div id="content">
  1114.  
  1115.  
  1116.  
  1117. <div class="sidebar">
  1118.  
  1119. {block:IfSidebarImage}
  1120. <a href="/"><div class="sidebarimage">
  1121. <img src="{image:SidebarImage}"/></div></a>
  1122. {/block:IfSidebarImage}
  1123.  
  1124.  
  1125. <a href="/"><h1>{Title}</h1></a>
  1126.  
  1127.  
  1128.  
  1129.  
  1130.  
  1131.  
  1132.  
  1133.  
  1134. <div class="description">{Description}</div>
  1135.  
  1136.  
  1137.  
  1138.  
  1139.  
  1140.  
  1141. <br>
  1142.  
  1143. {block:ifshowhomelink}
  1144. <a href="/" class="links">Home</a><br>
  1145. {/block:ifshowhomelink}
  1146.  
  1147. {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>{text:Separator}{/block:ifAskPopup}
  1148.  
  1149. {block:ifnotAskPopup}<a href="/ask" class="links">{text:Ask Title}</a>
  1150. {/block:ifnotAskPopup}
  1151. <br>
  1152. {block:IfShowSubmit}
  1153. <a href="/submit" class="links">Submit</a><br>
  1154. {/block:IfShowSubmit}
  1155.  
  1156. {block:ifLinkOneTitle}
  1157. <a href="{text:Link One}" class="links">{text:Link One Title}</a><br>
  1158. {/block:ifLinkOneTitle}
  1159.  
  1160. {block:ifLinkTwoTitle}
  1161. <a href="{text:Link Two}" class="links">{text:Link Two Title}</a><br>
  1162. {/block:ifLinkTwoTitle}
  1163.  
  1164. {block:ifLinkThreeTitle}
  1165. <a href="{text:Link Three}" class="links">{text:Link Three Title}</a> <br>
  1166. {/block:ifLinkThreeTitle}
  1167.  
  1168. {block:ifLinkFourTitle}
  1169. <a href="{text:Link Four}" class="links">{text:Link Four Title} </a> <br>
  1170. {/block:ifLinkFourTitle}
  1171.  
  1172. {block:ifLinkFiveTitle}
  1173. <a href="{text:Link Five}" class="links">{text:Link Five Title} </a> <br>
  1174. {/block:ifLinkFiveTitle}
  1175.  
  1176.  
  1177.  
  1178.  
  1179. </div>
  1180.  
  1181.  
  1182.  
  1183.  
  1184.  
  1185.  
  1186.  
  1187.  
  1188.  
  1189.  
  1190. {block:ifAskPopup}
  1191. <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>
  1192. {/block:ifAskPopup}
  1193.  
  1194.  
  1195.  
  1196.  
  1197.  
  1198.  
  1199. <div class="posts">
  1200. {block:Posts}
  1201. <div class="entry">
  1202. {block:Text}<div class="main">
  1203. <div class="text">
  1204. {block:Title}<h1>{Title}</h1>{/block:Title}
  1205. </div>
  1206. <div class="text_border" ></div>
  1207. <div class="text_body">
  1208. {Body}
  1209. </div>
  1210. {block:IndexPage}
  1211. <div class="text_permalink">
  1212. {block:date}<a href="{permalink}">
  1213. {DayOfMonthWithZero}
  1214. {ShortMonth} {ShortYear} </a>{/block:date}
  1215. </div>
  1216. {/block:IndexPage}
  1217. </div>
  1218. {/block:Text}
  1219.  
  1220.  
  1221.  
  1222.  
  1223. {block:Photo}<div class="photo">
  1224. <div class="fuck">
  1225. <div class="you">
  1226. {block:IndexPage}
  1227. <div class="faggot">
  1228. <div class="haha">
  1229. <a href="{Permalink}" target="_blank">
  1230. <div class="note">
  1231. {block:IfHoverOverEffect} {NoteCount}{/block:IfHoverOverEffect}
  1232.  
  1233. </div>
  1234.  
  1235. </a>
  1236.  
  1237. <div class="border"></div>
  1238.  
  1239. <a href="{ReblogURL}" target="_blank">
  1240. <div class="reblog"> {block:IfHoverOverEffect}Reblog {/block:IfHoverOverEffect}</div></a>
  1241. {block:Date}
  1242. <a href="{permalink} " target="_blank">
  1243. <div class="date">
  1244. {block:IfHoverOverEffect} {block:IfDateOnHover} {DayOfMonthWithZero} {ShortMonth} {ShortYear}
  1245.  
  1246. {block:IfBorderUnderDate} <div class="border2"></div>
  1247. {/block:IfBorderUnderDate}
  1248. {/block:IfDateOnHover}
  1249. {/block:IfHoverOverEffect}
  1250. </div></a>
  1251.  
  1252. {/block:Date}
  1253. </div>
  1254. </div>
  1255. {/block:IndexPage}
  1256. {block:IndexPage}
  1257. <a href="{Permalink}">
  1258. <img src="
  1259. {PhotoURL-HighRes}
  1260. "
  1261. {/block:IndexPage}
  1262. {block:IndexPage}
  1263. {block:IfThreeColumns}width="250" /> {/block:IfThreeColumns}
  1264. {block:IfTwoColumns}width="250" />{/block:IfTwoColumns}
  1265. {block:IfOneColumn}width="400" /> {/block:IfOneColumn}
  1266.  
  1267. {/block:IndexPage}
  1268. </div></div>
  1269.  
  1270. {block:PermalinkPage}
  1271. <img src="{PhotoURL-HighRes}"
  1272. class="photo_permalink" />
  1273. {/block:PermalinkPage}</u>
  1274. </div>
  1275. {/block:Photo}
  1276.  
  1277. {block:Photoset}
  1278. <center>{Photoset-250}</center>
  1279. {block:IndexPage}
  1280. <div class="photoset_permalink">
  1281. {block:date}<a href="{permalink}">
  1282. {DayOfMonthWithZero}
  1283. {ShortMonth} {ShortYear} </a>{/block:date}
  1284. </div>
  1285. {/block:IndexPage}
  1286. {/block:Photoset}
  1287.  
  1288. {block:Link}<div class="main">
  1289. <a href="{URL}" class="link_title" {Target}><h3>
  1290. {Name}</h3></a>
  1291. {block:Description}
  1292. <div class="link_description">{Description}</div>
  1293. {/block:Description} </div>
  1294.  
  1295. {block:IndexPage}
  1296. <div class="link_permalink">
  1297. {block:date}<a href="{permalink}">
  1298. {DayOfMonthWithZero}
  1299. {ShortMonth} {ShortYear} </a>{/block:date}
  1300. </div>
  1301. {/block:IndexPage}
  1302.  
  1303. {/block:Link}
  1304.  
  1305.  
  1306. {block:Chat}
  1307. {block:Title}
  1308. <a href="{Permalink}"><h3>{Title}</h3></a>
  1309. {/block:Title}
  1310. <ul class="chat_body">
  1311. {block:Lines}
  1312. <li class="{Alt} user_{UserNumber}">
  1313. {block:Label}
  1314. <span class="label">{Label}</span>
  1315. {/block:Label}
  1316. {Line}
  1317. </li>
  1318. {/block:Lines}
  1319. </ul>
  1320. {block:IndexPage}
  1321. <div class="chat_permalink">
  1322. {block:date}<a href="{permalink}">
  1323. {DayOfMonthWithZero}
  1324. {ShortMonth} {ShortYear} </a>{/block:date}
  1325. </div>
  1326. {/block:IndexPage}
  1327. {/block:Chat}
  1328.  
  1329.  
  1330. {block:Video}
  1331. {block:IndexPage}
  1332. <div class="video">
  1333. <div class="background_video">
  1334. <a href="{Permalink}"><div class="video_type">video</div></a>
  1335. <a href="{Permalink}">
  1336. <div class="video_notes">View in High-Res</div></a>
  1337. </div>
  1338. <div class="clear"></div>
  1339.  
  1340. </div>
  1341. {/block:IndexPage}
  1342. <div class="post">
  1343. <div class="video1">
  1344. {Video-500}
  1345. </div></div>
  1346.  
  1347. {/block:Video}
  1348.  
  1349.  
  1350. {block:Audio}
  1351.  
  1352. <div class="audioplayercircle">
  1353. <div class="audioplayer">{AudioPlayerblack}</div>
  1354. </div>
  1355. {block:IndexPage}
  1356. <div class="audio_permalink_2">
  1357. {block:date}<a href="{permalink}">
  1358.  
  1359. {ShortMonth} {DayOfMonthWithZero} </a>{/block:date}
  1360. </div>
  1361.  
  1362. {/block:IndexPage}
  1363.  
  1364. {/block:Audio}
  1365.  
  1366. {block:Answer}<div class="main">
  1367. <img src="{AskerPortraitURL-30}" alt="{PhotoAlt}"/>
  1368. <div class="asker_name"><b>{Asker}</b></div><BR>
  1369. <div class="ask_body">{Question}</div><BR>
  1370. <div class="answer_border">
  1371. <img src="{PostAuthorPortraitURL-30}" alt="{PhotoAlt}"/> &nbsp;
  1372. <div class="asker_name"><b>{PostAuthorName}</b></div>
  1373. <div class="ask_image">
  1374. <div class="ask_body">{Answer}</div>
  1375. <div class="answer_background">?</div>
  1376. {block:IndexPage}
  1377. <div class="answer_permalink">
  1378. {block:date}<a href="{permalink}">{DayOfMonthWithZero}
  1379. {ShortMonth} {Year} {/block:date} </a></div>{/block:IndexPage}
  1380. </div>
  1381. </div>
  1382. </div>
  1383. {/block:Answer}
  1384.  
  1385. {block:Quote}
  1386.  
  1387.  
  1388. <div class="quote"><b>{Quote}</b> </div>
  1389. <div class="quote_border">
  1390. {block:Source}
  1391. <div class="quote_source"> - {Source} </div>
  1392. {/block:Source}</div>
  1393. {block:IndexPage}
  1394. <div class="quote_permalink">
  1395. {block:date}
  1396. <a href="{permalink}">{TimeAgo}
  1397. {/block:date}</a></div>
  1398. {/block:IndexPage}
  1399. {/block:Quote}
  1400.  
  1401.  
  1402. {block:PermalinkPage}
  1403. <div class="samie">
  1404. {Caption}<br> ♥ &nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a> notes <br> <br>
  1405. <a href="{Permalink}">{TimeAgo}</a> <br><br>
  1406. </div>
  1407. {PostNotes}
  1408. {/block:PermalinkPage}
  1409. </div>
  1410. {block:PostNotes}{ShowNotes}{/block:PostNotes}
  1411. {/block:Posts}
  1412. </div>
  1413. {block:IndexPage}
  1414. <div class="column navigation" id="navigation">
  1415. {block:Pagination}
  1416. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1417. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  1418. {/block:IndexPage}
  1419. </div></div></div></div>
  1420. </div></div></div></div>
  1421.  
  1422.  
  1423.  
  1424. </body>
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!