API tools faq
paste
Advertisement
jawidafg

Untitled

jawidafg
Jul 23rd, 2012
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.20 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. .video_border
  541. {border-bottom: 1px solid #ddd;
  542. margin-top: 5px;}
  543.  
  544.  
  545. #content .entry .background_video .video_notes
  546. {padding-right: 10px;
  547. margin-top: -11px;
  548. text-transform: uppercase;
  549. font-size: 10px;
  550. font-weight: bold;
  551. font-family: arial;
  552. text-align: right;
  553. color:#fff;}
  554.  
  555. .video_notes a, .video_notes a:hover
  556. {color:#fff;}
  557.  
  558. #content .entry .background_video .video_type
  559. {padding-left: 20px;
  560. margin-top: 20px;
  561. text-transform: uppercase;
  562. font-size: 15px;
  563. font-weight: bold;
  564. font-family: arial;
  565. text-align: left;
  566. color:#fff;}
  567.  
  568. .video_type a, .video_type a:hover
  569. {color:#fff;}
  570.  
  571.  
  572. .video_permalink
  573. {margin-top: 10px;
  574. text-transform:uppercase;
  575. text-align:right;
  576. font-family:arial;
  577. font-size: 9px;
  578. opacity:1;
  579. -webkit-transition: all 0.5s ease;
  580. -moz-transition: all 0.5s ease;
  581. transition: all 0.5s ease;}
  582.  
  583. .video_permalink a, .video_permalink a:hover
  584. {color:#000;}
  585. /* Video */
  586.  
  587.  
  588.  
  589.  
  590. /* Text Post */
  591.  
  592.  
  593.  
  594.  
  595.  
  596. .text h1
  597. {font-size: 10px;
  598. line-height: 30px;
  599. font-family:arial;
  600. font-weight: bold;
  601. color:#000;
  602. text-transform: uppercase;
  603. width: 100%;}
  604.  
  605. .text_border
  606. {margin-top:-10px;
  607. border-bottom: 1px dotted #ddd;}
  608.  
  609.  
  610. .text h1 a, .text h1 a:hover
  611. {color:#000;}
  612.  
  613. .text_body img {width: {text:Post Width Size}px;}
  614.  
  615. .text_body
  616. {line-height: 10px;
  617. font-family:arial;
  618. font-weight: bold;
  619. overflow:hidden;}
  620.  
  621. .text_body a, .text_body a:hover
  622. {color:#000;}
  623.  
  624. .text_permalink
  625. {z-index:999999;
  626. margin-top: 10px;
  627. text-transform:uppercase;
  628. text-align:right;
  629. font-family:arial;
  630. font-weight: bold;
  631. font-size: 9.5px;
  632. opacity:1;
  633. }
  634.  
  635. .text_permalink a, .text_permalink a:hover
  636. {color:#000;}
  637. /* Text Post */
  638.  
  639.  
  640. /* Chat */
  641.  
  642. .chat_body
  643. {font-family: arial;
  644. margin:5px 0;
  645. padding:0;
  646. list-style:none;}
  647. .chat_body li
  648. {margin: 5px;
  649. padding: 5px 2px 10px;
  650. border-bottom: 1px dotted #ddd;}
  651.  
  652. .chat_bodyt li:last-child
  653. {border:0;
  654. padding: 5px 5px 0;}
  655.  
  656. .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;}
  657.  
  658. .chat_permalink
  659. {z-index:999999;
  660. margin-top: 10px;
  661. text-transform:uppercase;
  662. text-align:right;
  663. font-family:arial;
  664. font-weight: bold;
  665. font-size: 10px;
  666. opacity:0;
  667. -webkit-transition: all 0.5s ease;
  668. -moz-transition: all 0.5s ease;
  669. transition: all 0.5s ease;}
  670.  
  671. .chat_permalink a:hover
  672. {-webkit-transition: all 0.5s ease;
  673. -moz-transition: all 0.5s ease;
  674. transition: all 0.5s ease;
  675. color:#000}
  676.  
  677. .entry:hover .chat_permalink
  678. {z-index:999999;
  679. -webkit-transition: all 0.5s ease;
  680. -moz-transition: all 0.5s ease;
  681. transition: all 0.5s ease;
  682. opacity: 0.7;}
  683.  
  684. /* Chat */
  685.  
  686. /* Link */
  687. .link_title h3
  688. {font-size: 15px;
  689. line-height: 30px;
  690. font-family:arial;
  691. font-weight: bold;
  692. color:#000;
  693. text-transform: uppercase;}
  694.  
  695. .link_description
  696. {font-size: 10px;
  697. line-height: 10px;
  698. font-family:arial;
  699. font-weight: bold;
  700. text-transform: none;}
  701.  
  702. .link_title a, .link_title a:hover
  703. {color:#000;}
  704.  
  705. .link_border
  706. {margin-top:10px;
  707. border-bottom: 1px dotted #ddd;}
  708.  
  709.  
  710. .link_permalink
  711. {z-index:999999;
  712. margin-top: 10px;
  713. text-transform:uppercase;
  714. text-align:left;
  715. font-family:arial;
  716. font-weight: bold;
  717. color:#000
  718. font-size: 9px;
  719. opacity:0;
  720. -webkit-transition: all 0.5s ease;
  721. -moz-transition: all 0.5s ease;
  722. transition: all 0.5s ease;}
  723.  
  724. .link_permalink a:hover
  725. {-webkit-transition: all 0.5s ease;
  726. -moz-transition: all 0.5s ease;
  727. transition: all 0.5s ease;
  728. color:#000}
  729.  
  730. .entry:hover .link_permalink
  731. {z-index:999999;
  732. color:#000
  733. -webkit-transition: all 0.5s ease;
  734. -moz-transition: all 0.5s ease;
  735. transition: all 0.5s ease;
  736. opacity: 0.9;}
  737.  
  738. /* Link */
  739.  
  740. /* Header */
  741.  
  742. .description_hide
  743. {cursor:help;}
  744. .title a
  745. {z-index:2;
  746. color:{color:Title};
  747.  
  748.  
  749.  
  750.  
  751. font-family:{font:title};
  752. font-size: {text:Title Font Size}px;
  753. }
  754.  
  755. .title a:hover
  756. {color:{color:Title Hover};}
  757.  
  758.  
  759. .BannerThatChanges
  760. {height: 185px;
  761.  
  762. text-transform:none;
  763. position: absolute;
  764. text-align:right;
  765. top:{text:Sidebar Height}px;
  766. left: -250px;
  767.  
  768. margin: 0 auto;
  769. font-family: helvetica;
  770.  
  771. font-size: 12px;
  772. }
  773. .fixed {Position:fixed;}
  774.  
  775. .okay a:hover
  776. {color:#fff;}
  777.  
  778. .links_body
  779. {
  780. line-height: 17px;
  781. text-transform:none;
  782. position: absolute;
  783. text-align:right;
  784.  
  785.  
  786. margin: 0 auto;
  787. font-family: helvetica;
  788. font-size: 12px;
  789. width:250px;}
  790. .links a
  791. {text-decoration:none;
  792. padding:0 0 3px 0;
  793. margin:9 10px 0 0;
  794. color:{color:Links};}
  795.  
  796. .links a:hover
  797. {color:{color:Link Hover};}
  798.  
  799.  
  800.  
  801. .description_body .description
  802. {
  803. color:{color:Description};
  804. padding-top: 10px;
  805.  
  806.  
  807. line-height: 20px;
  808. text-transform:uppercase;
  809. top: -100px;
  810. text-align:right;
  811. {block:ifHideDescription}
  812. display:none;
  813. {/block:ifHideDescription}
  814. margin: 0 auto;
  815. font-family: helvetica;
  816.  
  817. font-size: 12px;
  818. width:250px;
  819. }
  820.  
  821.  
  822.  
  823.  
  824. .description_body .description a
  825. {color:{color:Description};}
  826.  
  827. /* Header */
  828.  
  829. /* Photoset */
  830.  
  831. .photoset_permalink
  832. {z-index:999999;
  833. margin-top: 10px;
  834. text-transform:uppercase;
  835. text-align:right;
  836. font-family:arial;
  837. font-weight: bold;
  838. font-size: 9.5px;
  839. opacity:1;
  840. }
  841.  
  842. .photoset_permalink a, .photoset_permalink a:hover
  843. {color:#000;}
  844.  
  845. /* Photoset */
  846.  
  847.  
  848. #infscr-loading {
  849. z-index: 5000;
  850. position: fixed;
  851. font-size: 9px;
  852. line-height: 16px;
  853. height: 16px;
  854. left: -520px;
  855. top: 40px;
  856. opacity: 0.8;
  857. padding: 6px 10px 6px 8px;
  858.  
  859. -webkit-border-radius: 6px;
  860. -moz-border-radius: 6px;
  861. border-radius: 6px;
  862.  
  863.  
  864.  
  865. }
  866.  
  867. #infscr-loading div {
  868. float:right;
  869. }
  870.  
  871. #infscr-loading img {
  872. margin-right: 6px;
  873. }
  874.  
  875. #content{
  876. margin:auto;
  877. width:930px;
  878. margin-top: 80px;
  879. }
  880.  
  881.  
  882.  
  883. #content .posts{
  884.  
  885. {block:IfFourColumns}width:1090px;{/block:IfFourColumns}
  886. {block:IfThreeColumns}width:950px;{/block:IfThreeColumns}
  887. {block:IfTwoColumns}width:950px;margin:6px;{/block:IfTwoColumns}
  888. {block:IfoneColumn}width:650px; {/block:IfoneColumn}
  889.  
  890.  
  891. }
  892. #content .entry{
  893.  
  894. {block:IndexPage}
  895. {block:IfFourColumns}width:230px;{/block:IfFourColumns}
  896. {block:IfThreeColumns}width:270px;{/block:IfThreeColumns}
  897. {block:IfTwoColumns}width:420px;{/block:IfTwoColumns}
  898. {block:IfOneColumn}width:600px;{/block:IfOneColumn}{/block:IndexPage}
  899. margin:{text:Margin}px;
  900. {block:PermalinkPage}
  901. width:500px;
  902. padding: 10px;
  903. text-align: center;
  904. vertical-align: center;
  905. background-color:white;
  906. {/block:PermalinkPage}
  907. }
  908. {block:PermalinkPage}
  909. .photo_permalink img {max-width:500px !important; }
  910. {/block:PermalinkPage}
  911. .photo img { display:block;
  912.  
  913. {block:PermalinkPage}
  914. width:500px;
  915. margin: 0 auto;
  916. background-color:white;
  917.  
  918. {/block:PermalinkPage}
  919. }
  920.  
  921. {block:IndexPage}
  922. .hover .on{position:relative;}
  923. .hover .on:hover .effect{visibility:visible;}
  924. .hover .on .effect{height:50px;left: 0;opacity: 0;
  925. position: absolute;
  926. top: 0;
  927. visibility: hidden;
  928. width: 100%;
  929. z-index: 998;
  930. background-color: rgba(0, 0, 0, 0.8);
  931. -webkit-transition: all 1.2s ease;
  932. -moz-transition: all 1.2s ease;
  933. transition: all 1.2s ease;}
  934. .hover:hover .on .effect
  935. {opacity:.9;
  936. -webkit-transition: all 1.5s ease;
  937. -moz-transition: all 1.5s ease;
  938. transition: all 1.5s ease;}
  939. .hover .on .effect .note
  940. {font-family: arial;
  941. font-size: 30px;
  942. position: absolute;
  943. left: 20px;
  944. top:20px;
  945. text-align: left;
  946. color: #fff;}
  947. .hover .on .effect .reblog
  948. {font-family: {font:Reblog};
  949. font-size: 14px;
  950.  
  951. position: absolute;
  952. width: 95%;
  953. letter-spacing:2px;
  954. top: 45%;
  955. text-align: right;
  956. color: #fff;}
  957. {/block:IndexPage}
  958.  
  959.  
  960.  
  961.  
  962. #toTop{font-size: 10px;
  963. bottom: 10px;
  964. display: none;
  965. font-weight: bold;
  966. height: 9px;
  967. padding: 11px;
  968. position: fixed;
  969. left: 0px;
  970. text-align: left;
  971. text-transform: uppercase;
  972. width: auto;
  973. background: #fff;
  974. font-family:arial;}
  975.  
  976.  
  977. 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;}
  978.  
  979. ol.notes {
  980. font-family: arial;
  981. font-size: 10px;
  982. font-weight: normal;
  983. list-style-type: none;
  984. margin: 13px auto;
  985. padding: 15px 0 0;
  986. width: 500px;}
  987. ol.notes a{
  988. text-decoration:none;
  989. padding:0;
  990. background-color:transparent;}
  991. ol.notes li.note {
  992. padding: 2px 0;}
  993. ol.notes li.note:last-child{
  994. margin-top:13px;
  995. padding: 15px 0 0;}
  996. ol.notes li.note img.avatar {
  997. display: inline !important;
  998. height: 16px;
  999. margin-right: 10px;
  1000. min-width: 16px !important;
  1001. vertical-align: -4px;
  1002. width: 16px !important;}
  1003. ol.notes li.note span.action a{
  1004. font-weight:bold;}
  1005. ol.notes li.note .answer_content {
  1006. font-weight:bold;}
  1007. ol.notes li.note blockquote {
  1008.  
  1009. border-left: medium none !important;
  1010. font-weight: bold;
  1011. margin: 10px 0 10px 30px !important;
  1012. padding: 5px 0 8px !important;}
  1013. ol.notes li.note blockquote a {
  1014. color:#000;}
  1015.  
  1016. li.drawer div ul {-webkit-padding-start: 300px;}
  1017. #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;}
  1018. .popup_block{z-index: 99999;
  1019. display: none; /*--hidden by default--*/
  1020. background: #fff;
  1021. padding: 30px;
  1022. float: left;
  1023. font-size: 1.2em;
  1024. position: fixed;
  1025. top: 50%; left: 50%;
  1026. }
  1027. img.btn_close { float: right;margin: -15px -15px 0 0;}
  1028. *html #fade { position: fixed;}
  1029. *html .popup_block { position: fixed;background-color: #fff;}
  1030. ::-webkit-scrollbar-thumb:vertical { background-color:#000; height:100px; }
  1031. ::-webkit-scrollbar-thumb:horizontal { background-color:#fff; height:10px !important; }
  1032. ::-webkit-scrollbar { height:10px; width:10px; background-color:#fff; }
  1033.  
  1034. {CustomCSS}
  1035. </style>
  1036.  
  1037. <script type="text/javascript" src="http://static.tumblr.com/6quy42l/lBNm6eh49/need.js"></script>
  1038. <script type="text/javascript" src="http://static.tumblr.com/6quy42l/S2Am632sh/theme.js"></script>
  1039.  
  1040. <script type="text/javascript" src="http://static.tumblr.com/6quy42l/KPXm6ehuk/popup.js"></script>
  1041.  
  1042. <script src="http://static.tumblr.com/6quy42l/tPum65t1d/fucku.js"></script>
  1043. <script src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  1044.  
  1045. {block:IndexPage}
  1046. <script>
  1047. $(window).load(function(){
  1048. var $wall = $('.posts');
  1049. $wall.masonry({
  1050. itemSelector: '.entry',
  1051.  
  1052.  
  1053. });
  1054.  
  1055. $wall.infinitescroll({
  1056. navSelector : 'div#navigation',
  1057. nextSelector : 'div#navigation a#nextPage',
  1058. itemSelector : '.entry',
  1059. donetext : '',
  1060. loadingText : '',
  1061. bufferPx : 20000,
  1062. extraScrollPx : 10000,
  1063.  
  1064. errorCallback: function() {
  1065. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  1066. }},
  1067. function( newElements ) {
  1068. var $newElems = $( newElements );
  1069. $newElems.hide();
  1070. $newElems.imagesLoaded(function(){
  1071. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn();} );
  1072. });
  1073. }); $wall.show(500);
  1074.  
  1075. $('#load').click(function(e){
  1076.  
  1077. e.preventDefault();
  1078. $wall.infinitescroll('retrieve');
  1079. $(this).css('display','block');
  1080.  
  1081. });
  1082.  
  1083.  
  1084.  
  1085.  
  1086.  
  1087. });
  1088.  
  1089. </script>
  1090. {/block:IndexPage}
  1091. </head>
  1092. <div class="jokes">
  1093. <div id="content">
  1094. <div class="fixed">
  1095. <div class="BannerThatChanges">
  1096.  
  1097. <div class="links_body">
  1098.  
  1099. {block:ifTitle}
  1100. <div class="title"><a href="/">{Title}</a></div>{/block:ifTitle}
  1101. <div class="links">
  1102. {block:ifSidebarPhoto}<a title="" href="/"><img src="{image:sidebar}" width=250px >{/block:ifSidebarPhoto}</a>
  1103. {block:ifLinksBold}<b>{/block:ifLinksBold}
  1104. {block:ifshowhomelink}
  1105. <a href="/">Home</a><br>
  1106.  
  1107. {/block:ifshowhomelink}
  1108.  
  1109.  
  1110. {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>
  1111.  
  1112.  
  1113.  
  1114.  
  1115. {block:ifHideDescription}
  1116.  
  1117. <a class="description_hide" title="Description">
  1118. Description</a><br>
  1119.  
  1120. {/block:ifHideDescription}
  1121.  
  1122. {block:IfShowSubmit}
  1123. <a href="/submit">Submit</a><br>
  1124.  
  1125. {/block:IfShowSubmit}
  1126.  
  1127. {block:ifLinkOneTitle}
  1128. <a href="{text:Link One}" class="links">{text:Link One Title}</a><br>
  1129.  
  1130. {/block:ifLinkOneTitle}
  1131.  
  1132. {block:ifLinkTwoTitle}
  1133. <a href="{text:Link Two}" class="links">{text:Link Two Title}</a><br>
  1134.  
  1135. {/block:ifLinkTwoTitle}
  1136.  
  1137. {block:ifLinkThreeTitle}
  1138. <a href="{text:Link Three}" class="links">{text:Link Three Title}</a> <br>
  1139. {/block:ifLinkThreeTitle}
  1140.  
  1141. {block:ifLinkFourTitle}
  1142. <a href="{text:Link Four}" class="links">{text:Link Four Title} </a> <br>
  1143.  
  1144. {/block:ifLinkFourTitle}
  1145.  
  1146. {block:ifLinkFiveTitle}
  1147. <a href="{text:Link Five}" class="links">{text:Link Five Title} </a> <br>
  1148.  
  1149. {/block:ifLinkFiveTitle}
  1150.  
  1151.  
  1152. <div class="description_body">
  1153.  
  1154.  
  1155. <div class="description">{Description}</div>
  1156.  
  1157. </div>
  1158. </div>
  1159. </div>
  1160. </div>
  1161.  
  1162.  
  1163. {block:ifAskPopup}
  1164. <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>
  1165. {/block:ifAskPopup}
  1166.  
  1167. </b>
  1168. </div>
  1169.  
  1170. {block:ifHideDescription}
  1171.  
  1172.  
  1173. <script>
  1174. $('.description_hide').click(function() {
  1175. $('.description_body .description').slideToggle('medium', function() {
  1176. });
  1177. });
  1178. </script>
  1179.  
  1180. {block:ifHideDescription}
  1181.  
  1182. <div class="posts">
  1183. {block:Posts}
  1184. <div class="entry">
  1185. {block:Text}
  1186. <div class="text">
  1187. {block:Title}<h1>{Title}</h1>{/block:Title}
  1188. </div>
  1189. <div class="text_border" ></div>
  1190. <div class="text_body">
  1191. {Body}
  1192. </div>
  1193. {block:IndexPage}
  1194. <div class="text_permalink">
  1195. {block:date}<a href="{permalink}">
  1196. {DayOfMonthWithZero}
  1197. {ShortMonth} {ShortYear} </a>{/block:date}
  1198. </div>
  1199. {/block:IndexPage}
  1200. {/block:Text}
  1201.  
  1202.  
  1203.  
  1204.  
  1205. {block:Photo}<div class="photo">
  1206. <div class="hover">
  1207. <div class="on">
  1208. {block:IndexPage}
  1209. <div class="effect">
  1210. <a href="{Permalink}" target="_blank">
  1211. <div class="note">
  1212. {NoteCount}
  1213. <div class="border"></div>
  1214. </div>
  1215. </a>
  1216. <a href="{ReblogURL}" target="_blank">
  1217. <div class="reblog">Reblog</div></a>
  1218. {block:Date}
  1219. <a href="{permalink} " target="_blank">
  1220. <div class="date">
  1221. {ShortMonth} {DayOfMonthWithZero}
  1222. </div></a>
  1223. {/block:Date}
  1224.  
  1225. </div>
  1226. {/block:IndexPage}
  1227. {block:IndexPage}
  1228. <a href="{Permalink}">
  1229. <img src="
  1230. {PhotoURL-HighRes}
  1231. "
  1232. {/block:IndexPage}
  1233. {block:IndexPage}
  1234. {block:IfFourColumns}width="230" />{/block:IfFourColumns}
  1235. {block:IfThreeColumns}width="270" /> {/block:IfThreeColumns}
  1236. {block:IfTwoColumns}width="420" />{/block:IfTwoColumns}
  1237. {block:IfOneColumn}width="600" /> {/block:IfOneColumn}
  1238.  
  1239. {/block:IndexPage}
  1240. </div></div>
  1241.  
  1242. {block:PermalinkPage}
  1243. <img src="{PhotoURL-HighRes}"
  1244. class="photo_permalink" />
  1245. {/block:PermalinkPage}</u>
  1246. </div>
  1247. {/block:Photo}
  1248.  
  1249. {block:Photoset}
  1250. <center>{Photoset-250}</center>
  1251. {block:IndexPage}
  1252. <div class="photoset_permalink">
  1253. {block:date}<a href="{permalink}">
  1254. {DayOfMonthWithZero}
  1255. {ShortMonth} {ShortYear} </a>{/block:date}
  1256. </div>
  1257. {/block:IndexPage}
  1258. {/block:Photoset}
  1259.  
  1260. {block:Link}
  1261. <a href="{URL}" class="link_title" {Target}><h3>
  1262. {Name}</h3></a>
  1263. {block:Description}
  1264. <div class="link_description">{Description}</div>
  1265. {/block:Description}
  1266. <div class="link_border"></div>
  1267. {block:IndexPage}
  1268. <div class="link_permalink">
  1269. {block:date}<a href="{permalink}">
  1270. {DayOfMonthWithZero}
  1271. {ShortMonth} {ShortYear} </a>{/block:date}
  1272. </div>
  1273. {/block:IndexPage}
  1274. {/block:Link}
  1275.  
  1276.  
  1277. {block:Chat}
  1278. {block:Title}
  1279. <a href="{Permalink}"><h3>{Title}</h3></a>
  1280. {/block:Title}
  1281. <ul class="chat_body">
  1282. {block:Lines}
  1283. <li class="{Alt} user_{UserNumber}">
  1284. {block:Label}
  1285. <span class="label">{Label}</span>
  1286. {/block:Label}
  1287. {Line}
  1288. </li>
  1289. {/block:Lines}
  1290. </ul>
  1291. {block:IndexPage}
  1292. <div class="chat_permalink">
  1293. {block:date}<a href="{permalink}">
  1294. {DayOfMonthWithZero}
  1295. {ShortMonth} {ShortYear} </a>{/block:date}
  1296. </div>
  1297. {/block:IndexPage}
  1298. {/block:Chat}
  1299.  
  1300.  
  1301. {block:Video}
  1302. {block:IndexPage}
  1303. <div class="video">
  1304. <div class="background_video">
  1305. <a href="{Permalink}"><div class="video_type">video</div></a>
  1306. <a href="{Permalink}">
  1307. <div class="video_notes">View in High-Res</div></a>
  1308. </div>
  1309. <div class="clear"></div>
  1310. {Video-250}
  1311. </div>
  1312. {/block:IndexPage}
  1313. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1314. <div class="video_border"></div>
  1315. <div class="video_permalink">
  1316. {block:date}<a href="{permalink}">
  1317. {DayOfMonthWithZero}
  1318. {ShortMonth} {ShortYear} </a>{/block:date}
  1319. </div>
  1320. {/block:Video}
  1321.  
  1322.  
  1323. {block:Audio}
  1324. <div class="art">{block:AlbumArt}
  1325. <img src="{AlbumArtURL}" id="albumart">
  1326. {/block:AlbumArt}</div>
  1327. <div class="audioplayercircle">
  1328. <div class="audioplayer">{AudioPlayerblack}</div>
  1329. </div>
  1330. {block:IndexPage}
  1331. <div class="audio_permalink_2">
  1332. {block:date}<a href="{permalink}">
  1333.  
  1334. {ShortMonth} {DayOfMonthWithZero} </a>{/block:date}
  1335. </div>
  1336.  
  1337. {/block:IndexPage}
  1338.  
  1339. {/block:Audio}
  1340.  
  1341. {block:Answer}
  1342. <img src="{AskerPortraitURL-30}" alt="{PhotoAlt}"/>
  1343. <div class="asker_name"><b>{Asker}</b></div><BR>
  1344. <div class="ask_body">{Question}</div><BR>
  1345. <div class="answer_border">
  1346. <img src="{PostAuthorPortraitURL-30}" alt="{PhotoAlt}"/> &nbsp;
  1347. <div class="asker_name"><b>{PostAuthorName}</b></div>
  1348. <div class="ask_image">
  1349. <div class="ask_body">{Answer}</div>
  1350. <div class="answer_background">?</div>
  1351. {block:IndexPage}
  1352. <div class="answer_permalink">
  1353. {block:date}<a href="{permalink}">{DayOfMonthWithZero}
  1354. {ShortMonth} {Year} {/block:date} </a></div>{/block:IndexPage}
  1355. </div>
  1356. </div>
  1357. {/block:Answer}
  1358.  
  1359. {block:Quote}
  1360. <div class="quote_background_2">,,</div>
  1361. {block:IndexPage}<div class="quote_background_1">,,</div>
  1362. {/block:IndexPage}
  1363. <div class="quote"><b>{Quote}</b> </div>
  1364. <div class="quote_border">
  1365. {block:Source}
  1366. <div class="quote_source"> - {Source} </div>
  1367. {/block:Source}</div>
  1368. {block:IndexPage}
  1369. <div class="quote_permalink">
  1370. {block:date}
  1371. <a href="{permalink}">{TimeAgo}
  1372. {/block:date}</a></div>
  1373. {/block:IndexPage}
  1374. {/block:Quote}
  1375.  
  1376.  
  1377. {block:PermalinkPage}
  1378. <div class="samie">
  1379. {Caption}<br> ♥ &nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a> notes <br> <br>
  1380. <a href="{Permalink}">{TimeAgo}</a> <br><br>
  1381. </div>
  1382. {PostNotes}
  1383. {/block:PermalinkPage}
  1384. </div>
  1385. {block:PostNotes}{ShowNotes}{/block:PostNotes}
  1386. {/block:Posts}
  1387. </div>
  1388. {block:IndexPage}
  1389. <div class="column navigation" id="navigation">
  1390. {block:Pagination}
  1391. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1392. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  1393. {/block:IndexPage}
  1394. </div></div></div></div>
  1395. </div></div></div></div>
  1396.  
  1397.  
  1398. </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!