Advertisement
jawidafg

Untitled

Jul 27th, 2012
64
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.38 KB | None | 0 0
  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