API tools faq
paste
Advertisement
jawidafg

Untitled

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