API tools faq
paste
Advertisement
jawidafg

Untitled

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