API tools faq
paste
Advertisement
jawidafg

Untitled

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