Advertisement
jawidafg

Untitled

Jul 27th, 2012
2,019
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.49 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. div.video1 embed,
  533. div.post div.video1 object, .video1 iframe {
  534. {block:IndexPage}
  535. width:100% !important; height:auto !important;
  536. {/block:IndexPage}
  537. {block:PermalinkPage}
  538. width:500px; height:300px;
  539. {/block:PermalinkPage}}    
  540.  
  541.    
  542.    
  543. .main_permalink
  544. {z-index:999999;
  545.  
  546. padding: 10px;
  547. margin-top: 10px;
  548. text-transform:uppercase;
  549. text-align:right;
  550. font-family:'Lekton', sans-serif;
  551. font-weight:bold;
  552. color:{color:body};
  553. font-size: 9px;
  554. opacity:1;
  555. -webkit-transition: all 0.5s ease;
  556. -moz-transition: all 0.5s ease;
  557. transition: all 0.5s ease;}
  558.  
  559.  
  560.  
  561. /* Video */
  562.  
  563. /* Header */
  564.  
  565. .description_hide
  566. {cursor:help;}
  567. .title
  568. {text-transform:uppercase;
  569. position: relative;
  570. text-align:center;
  571. font-family:{font:title};
  572. font-size: {text:Title Font Size}px;
  573. color: {color:Title};}
  574.  
  575. .title a:hover
  576. {color:{color:Title Hover};}
  577.  
  578.  
  579. .BannerThatChanges
  580. {height: 185px;
  581. overflow: hidden;
  582. text-transform:uppercase;
  583. position: absolute;
  584. text-align:left;
  585. top: 20px;
  586. left: 100px;
  587. margin: 0 auto;
  588.  
  589. width:800px;}
  590.  
  591. .okay a:hover
  592. {color:#fff;}
  593.  
  594. .links_body
  595. {{block:IfBorderUnderLinks}
  596. border-bottom: 1px dotted {color:Border};
  597. {/block:IfBorderUnderLinks}
  598. line-height: 30px;
  599. text-transform:uppercase;
  600. font-weight: bold;
  601. position: absolute;
  602. text-align:center;
  603. top: 20px;
  604. left: 310px;
  605. margin: 0 auto;
  606. font-family: helvetica;
  607. font-size: {text:Links Font Size}px;
  608. width:450px;}
  609. .links_body a
  610. {text-decoration:none;
  611. padding:0 0 3px 0;
  612. margin:9 10px 0 0;
  613. color:{color:Links};}
  614.  
  615. .links_body a:hover
  616. {color:{color:Link Hover};}
  617.  
  618.  
  619. .description_body .description
  620. {padding-top: 10px;
  621. color:{color:Description};
  622. padding-bottom: 10px;
  623. {block:IfBorderUnderDescription}
  624. border-top: 1px dotted #ddd;
  625. {/block:IfBorderUnderDescription}
  626. overflow: hidden;
  627. line-height: 20px;
  628. text-transform:uppercase;
  629. font-weight: bold;
  630. text-align:center;
  631. {block:ifHideDescription}
  632. display:none;
  633. {/block:ifHideDescription}
  634. margin: 0 auto;
  635. font-family: helvetica;
  636. font-weight:8000;
  637. font-size: {text:Description Font Size}px;
  638. width:450px;}
  639.  
  640. .description_body .description a
  641. {color:{color:Description};}
  642.  
  643. /* Header */
  644.  
  645.  
  646.  
  647. /* Text Post */
  648.  
  649.  
  650.  
  651.  
  652.  
  653. .text h1
  654. {font-size: 20px;
  655. line-height: 30px;
  656. font-family:arial;
  657. font-weight: bold;
  658. color:#000;
  659. text-transform: uppercase;}
  660.  
  661. .text_border
  662. {margin-top:-10px;
  663. border-bottom: 1px dotted #ddd;}
  664.  
  665.  
  666. .text h1 a, .text h1 a:hover
  667. {color:#000;}
  668.  
  669. .text_body img {width: {text:Post Width Size}px;}
  670.  
  671. .text_body
  672. {line-height: 10px;
  673. font-family:arial;
  674. font-weight: bold;
  675. overflow:hidden;}
  676.  
  677.  
  678. .text_permalink
  679. {z-index:999999;
  680. margin-top: 10px;
  681. text-transform:uppercase;
  682. text-align:right;
  683. font-family:arial;
  684. font-weight: bold;
  685. font-size: 9.5px;
  686. opacity:1;
  687. }
  688.  
  689. .text_permalink a, .text_permalink a:hover
  690. {color:#000;}
  691. /* Text Post */
  692.  
  693.  
  694. /* Chat */
  695.  
  696. .chat_body
  697. {font-family: arial;
  698. margin:5px 0;
  699. padding:0;
  700. list-style:none;}
  701. .chat_body li
  702. {margin: 5px;
  703. padding: 5px 2px 10px;
  704. border-bottom: 1px dotted #ddd;}
  705.  
  706. .chat_bodyt li:last-child
  707. {border:0;
  708. padding: 5px 5px 0;}
  709.  
  710. .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;}
  711.  
  712. .chat_permalink
  713. {z-index:999999;
  714. margin-top: 10px;
  715. text-transform:uppercase;
  716. text-align:right;
  717. font-family:arial;
  718. font-weight: bold;
  719. font-size: 10px;
  720. opacity:0;
  721. -webkit-transition: all 0.5s ease;
  722. -moz-transition: all 0.5s ease;
  723. transition: all 0.5s ease;}
  724.  
  725. .chat_permalink a:hover
  726. {-webkit-transition: all 0.5s ease;
  727. -moz-transition: all 0.5s ease;
  728. transition: all 0.5s ease;
  729. color:#000}
  730.  
  731. .entry:hover .chat_permalink
  732. {z-index:999999;
  733. -webkit-transition: all 0.5s ease;
  734. -moz-transition: all 0.5s ease;
  735. transition: all 0.5s ease;
  736. opacity: 0.7;}
  737.  
  738. /* Chat */
  739.  
  740. /* Link */
  741. .link_title h3
  742. {font-size: 15px;
  743. line-height: 30px;
  744. font-family:arial;
  745. font-weight: bold;
  746. color:#000;
  747. text-transform: uppercase;}
  748.  
  749. .link_description
  750. {font-size: 10px;
  751. line-height: 10px;
  752. font-family:arial;
  753. font-weight: bold;
  754. text-transform: none;}
  755.  
  756. .link_title a, .link_title a:hover
  757. {color:#000;}
  758.  
  759. .link_border
  760. {margin-top:10px;
  761. border-bottom: 1px dotted #ddd;}
  762.  
  763.  
  764. .link_permalink
  765. {z-index:999999;
  766. margin-top: 10px;
  767. text-transform:uppercase;
  768. text-align:left;
  769. font-family:arial;
  770. font-weight: bold;
  771. color:#000
  772. font-size: 9px;
  773. opacity:0;
  774. -webkit-transition: all 0.5s ease;
  775. -moz-transition: all 0.5s ease;
  776. transition: all 0.5s ease;}
  777.  
  778. .link_permalink a:hover
  779. {-webkit-transition: all 0.5s ease;
  780. -moz-transition: all 0.5s ease;
  781. transition: all 0.5s ease;
  782. color:#000}
  783.  
  784. .entry:hover .link_permalink
  785. {z-index:999999;
  786. color:#000
  787. -webkit-transition: all 0.5s ease;
  788. -moz-transition: all 0.5s ease;
  789. transition: all 0.5s ease;
  790. opacity: 0.9;}
  791.  
  792. /* Link */
  793.  
  794. .photo_permalink img {width:500px;}
  795.  
  796. .text img {width: {block:IfEntrySize200}
  797. 200px !important;
  798. {/block:IfEntrySize200}
  799.  
  800. {block:IfEntrySize250}
  801. 250px !important;
  802. {/block:IfEntrySize250}
  803.  
  804. {block:IfEntrySize300}
  805. 300px !important;
  806. {/block:IfEntrySize300}
  807.  
  808. {block:IfEntrySize350}
  809. 350px !important;
  810. {/block:IfEntrySize350}
  811.  
  812. {block:IfEntrySize400}
  813. 400px !important;
  814. {/block:IfEntrySize400}
  815.  
  816. {block:IfEntrySize450}
  817. 450px !important;
  818. {/block:IfEntrySize450}
  819.  
  820. {block:IfEntrySize500}
  821. 500px !important;
  822. {/block:IfEntrySize500}}
  823.  
  824. .photo img { display: block; {block:IndexPage}width: {block:IfEntrySize200}
  825. 200px !important;
  826. {/block:IfEntrySize200}
  827.  
  828. {block:IfEntrySize250}
  829. 250px !important;
  830. {/block:IfEntrySize250}
  831.  
  832. {block:IfEntrySize300}
  833. 300px !important;
  834. {/block:IfEntrySize300}
  835.  
  836. {block:IfEntrySize350}
  837. 350px !important;
  838. {/block:IfEntrySize350}
  839.  
  840. {block:IfEntrySize400}
  841. 400px !important;
  842. {/block:IfEntrySize400}
  843.  
  844. {block:IfEntrySize450}
  845. 450px !important;
  846. {/block:IfEntrySize450}
  847.  
  848. {block:IfEntrySize500}
  849. 500px !important;
  850. {/block:IfEntrySize500}
  851. text-align: center;
  852. vertical-align: center;
  853. {/block:IndexPage}
  854.  
  855. {block:PermalinkPage}
  856. width:500px;
  857. margin: 0 auto;
  858. background-color:white;
  859.  
  860. {/block:PermalinkPage}
  861. }
  862.  
  863. #content {
  864. margin-top: 220px; {block:IndexPage}padding-left: 70px; {/block:IndexPage}
  865. }
  866.  
  867. .entry{
  868.  
  869. {block:IndexPage}
  870.  
  871.  
  872. {block:ifTextCentered}
  873. text-align:center;{/block:ifTextCentered}
  874. {block:ifTextRight}
  875. text-align:right;
  876. {/block:ifTextRight}
  877. {block:ifTextLeft}
  878. text-align:Left;
  879. {/block:ifTextLeft}
  880. vertical-align: center;
  881. width:
  882. {block:IfEntrySize200}
  883. 200px !important;
  884. {/block:IfEntrySize200}
  885.  
  886. {block:IfEntrySize250}
  887. 250px !important;
  888. {/block:IfEntrySize250}
  889.  
  890. {block:IfEntrySize300}
  891. 300px !important;
  892. {/block:IfEntrySize300}
  893.  
  894. {block:IfEntrySize350}
  895. 350px !important;
  896. {/block:IfEntrySize350}
  897.  
  898. {block:IfEntrySize400}
  899. 400px !important;
  900. {/block:IfEntrySize400}
  901.  
  902. {block:IfEntrySize450}
  903. 450px !important;
  904. {/block:IfEntrySize450}
  905.  
  906. {block:IfEntrySize500}
  907. 500px !important;
  908. {/block:IfEntrySize500}
  909. margin:20px;
  910. {/block:IndexPage}
  911. {block:PermalinkPage}
  912. width:500px;
  913. padding: 10px;
  914. margin: 0 auto;
  915. background-color:white;
  916. {/block:PermalinkPage}
  917. }
  918. #toTop{font-size: 8px;
  919. bottom: 10px;
  920. display: none;
  921. font-weight: bold;
  922. height: 9px;
  923. padding: 11px;
  924. position: fixed;
  925. left: 0px;
  926. text-align: left;
  927. text-transform: uppercase;
  928. width: auto;
  929. background: #fff;
  930. font-family:arial;}
  931. {block:IndexPage}
  932. #infscr-loading {
  933. z-index: 5000;
  934. position: fixed;
  935. font-size: 9px;
  936. line-height: 16px;
  937. height: 16px;
  938. left: -520px;
  939. top: 40px;
  940. opacity: 0.8;
  941. padding: 6px 10px 6px 8px;
  942.  
  943. -webkit-border-radius: 6px;
  944. -moz-border-radius: 6px;
  945. border-radius: 6px;
  946. }
  947.  
  948. #infscr-loading div {
  949. float:right;
  950. }
  951.  
  952. #infscr-loading img {
  953. margin-right: 6px;
  954. }
  955. #content .entry:hover .reblogbutton {opacity: 1; }
  956. #content .entry .reblogbutton {z-index:12;
  957. 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;
  958. }
  959.  
  960. #content .entry:hover .jawnotes {opacity: 1;position: absolute; }
  961. #content .entry .jawnotes {color: #fff;
  962. padding-left:
  963. {block:IfEntrySize200}
  964. 51%;
  965. {/block:IfEntrySize200}
  966.  
  967. {block:IfEntrySize250}
  968. 57%;
  969. {/block:IfEntrySize250}
  970.  
  971. {block:IfEntrySize300}
  972. 61%;
  973. {/block:IfEntrySize300}
  974.  
  975. {block:IfEntrySize350}
  976. 64%;
  977. {/block:IfEntrySize350}
  978.  
  979. {block:IfEntrySize400}
  980. 66%;
  981. {/block:IfEntrySize400}
  982.  
  983. {block:IfEntrySize450}
  984. 67%;
  985. {/block:IfEntrySize450}
  986.  
  987. {block:IfEntrySize500}
  988. 69%;
  989. {/block:IfEntrySize500}
  990. top: -13px;
  991. padding-top:23px;
  992. opacity: 0; position: absolute; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease;
  993. }
  994.  
  995. #content .entry:hover .icons
  996. {position: absolute;
  997. opacity: .7;
  998. color: #000;
  999. background-color: #000;}
  1000.  
  1001. #content .entry .icons
  1002. {z-index:900;
  1003. position: absolute;
  1004. width: 100%;
  1005. height: 50px;
  1006. bottom: 0px;
  1007. cursor:pointer;
  1008. background-color: #000;
  1009. opacity: 0;
  1010. -webkit-transition: all 1.2s ease;
  1011. -moz-transition: all 1.2s ease;
  1012. transition: all 1.2s ease;}
  1013.  
  1014. #content .entry :hover .fuckyou
  1015. {position: absolute;
  1016.  
  1017.  
  1018. bottom: 0px;
  1019. cursor:pointer;
  1020. background-color: #000;
  1021. opacity: .6;-webkit-transition: all 1.2s ease;
  1022. -moz-transition: all 1.2s ease;
  1023. transition: all 1.2s ease; }
  1024.  
  1025. #content .entry .fuckyou
  1026. {position: absolute;
  1027. width: 100%;
  1028. height: 100%;
  1029. bottom: 0px;
  1030. cursor:pointer;
  1031. background-color: #000;
  1032. opacity: 0;
  1033. -webkit-transition: all 1.2s ease;
  1034. -moz-transition: all 1.2s ease;
  1035. transition: all 1.2s ease;}
  1036.  
  1037.  
  1038.  
  1039.  
  1040. #content .image_permalink a, .image_permalink a:hover {color:#fff}
  1041.  
  1042. #content .entry :hover .image_permalink { opacity: .8;color:#fff; line-height: 105px;}
  1043.  
  1044. #content .entry .image_permalink {position: absolute; color: #fff;
  1045. top: 40%; width: 100%; line-height: 0px;
  1046. letter-spacing: 2px;
  1047. text-align: center;
  1048. font-size: 15px; font-family: arial;
  1049. cursor:pointer;
  1050. text-transform: uppercase;
  1051.  
  1052. font-weight: normal; opacity: 0; position: absolute; -webkit-transition: all 1.2s ease;
  1053. -moz-transition: all 1.2s ease;
  1054. transition: all 1.2s ease;
  1055. }
  1056. #content .jawnotess a, .jawnotess a:hover {color:#fff}
  1057.  
  1058. #content .entry :hover .jawnotess { opacity: 1;color:#fff;}
  1059. #content .entry .jawnotess {color: #fff;
  1060. top: 40%; width: 100%;
  1061. z-index:1;
  1062. letter-spacing: 2px;
  1063. text-align: center;
  1064. font-size: 75px; font-family: 'Dorsa', sans-serif;
  1065. cursor:pointer;
  1066.  
  1067. font-weight: normal; opacity: 0; position: absolute; -webkit-transition: all 1.2s ease;
  1068. -moz-transition: all 1.2s ease;
  1069. transition: all 1.2s ease;
  1070. }
  1071.  
  1072. {/block:IndexPage}
  1073.  
  1074. div.notes{
  1075. padding:24px 25px 0;
  1076. border-top: 3px solid #000;}
  1077. ol.notes {
  1078. padding: 0;
  1079. margin: 0;
  1080. list-style-type: none;}
  1081. ol.notes li.note {
  1082. float: left;
  1083. height: 25px;
  1084. margin: 3px;
  1085. overflow: hidden;
  1086. width: 25px;}
  1087. ol.notes li.more_notes_link_container{
  1088. font-size: 10px;
  1089. font-family: arial;
  1090. font-weight: bold;
  1091. margin: 22px 0 0;
  1092. text-align: center;
  1093. text-transform: uppercase;
  1094. width: 500px;}
  1095. ol.notes li.note img.avatar {
  1096. display: block;
  1097. float: center;
  1098. height: 25px;
  1099. margin-right: 10px;
  1100. vertical-align: -4px;
  1101. width: 25px;}
  1102. ol.notes li.note span{
  1103. display:none;}
  1104. ol.notes li.note span.action a{
  1105. font-weight: bold;}
  1106. ol.notes li.note .answer_content {
  1107. font-weight: normal;
  1108. display:none;}
  1109. ol.notes li.note blockquote {
  1110. padding: 4px 10px;
  1111. margin: 10px 0 10px 30px;
  1112. display:none;}
  1113. ol.notes li.note blockquote a {
  1114. text-decoration: none;
  1115. display:none;}
  1116. li.drawer div ul {-webkit-padding-start: 300px;}
  1117. #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;}
  1118. .popup_block{z-index: 99999;
  1119. display: none; /*--hidden by default--*/
  1120. background: #fff;
  1121. padding: 30px;
  1122. float: left;
  1123. font-size: 1.2em;
  1124. position: fixed;
  1125. top: 50%; left: 50%;
  1126. }
  1127. img.btn_close { float: right;margin: -15px -15px 0 0;}
  1128. *html #fade { position: fixed;}
  1129. *html .popup_block { position: fixed;background-color: #fff;}
  1130. ::-webkit-scrollbar-thumb:vertical { background-color:#000; height:100px; }
  1131. ::-webkit-scrollbar-thumb:horizontal { background-color:#fff; height:10px !important; }
  1132. ::-webkit-scrollbar { height:10px; width:10px; background-color:#fff; }
  1133.  
  1134. {CustomCSS}
  1135. </style>
  1136. <script>
  1137. $(window).load(function(){
  1138. var $wall = $('#content');
  1139. $wall.masonry({
  1140. itemSelector: '.entry',
  1141. columnWidth:
  1142. {block:IfEntrySize200}
  1143. 240
  1144. {/block:IfEntrySize200}
  1145.  
  1146. {block:IfEntrySize250}
  1147. 290
  1148. {/block:IfEntrySize250}
  1149.  
  1150. {block:IfEntrySize300}
  1151. 340
  1152. {/block:IfEntrySize300}
  1153.  
  1154. {block:IfEntrySize350}
  1155. 390
  1156. {/block:IfEntrySize350}
  1157.  
  1158. {block:IfEntrySize400}
  1159. 440
  1160. {/block:IfEntrySize400}
  1161.  
  1162. {block:IfEntrySize450}
  1163. 490
  1164. {/block:IfEntrySize450}
  1165.  
  1166. {block:IfEntrySize500}
  1167. 540
  1168. {/block:IfEntrySize500},
  1169.  
  1170. isAnimated: true,
  1171. });
  1172.  
  1173. $wall.infinitescroll({
  1174. navSelector : 'div#navigation',
  1175. nextSelector : 'div#navigation a#nextPage',
  1176. itemSelector : '.entry',
  1177. donetext : '',
  1178. loadingText : '',
  1179.  
  1180.  
  1181. errorCallback: function() {
  1182. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  1183. }},
  1184. function( newElements ) {
  1185. var $newElems = $( newElements );
  1186. $newElems.hide();
  1187. $newElems.imagesLoaded(function(){
  1188. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn();} );
  1189. });
  1190. }); $wall.show(500);
  1191.  
  1192. $('#load').click(function(e){
  1193.  
  1194. e.preventDefault();
  1195. $wall.infinitescroll('retrieve');
  1196. $(this).css('display','block');
  1197.  
  1198. });
  1199.  
  1200.  
  1201.  
  1202.  
  1203.  
  1204. });
  1205.  
  1206. </script>
  1207.  
  1208. <script type="text/javascript">
  1209. $(function() {
  1210. $(window).scroll(function() {
  1211. if($(this).scrollTop() != 0) {
  1212. $('#toTop').fadeIn();
  1213. }
  1214. else {
  1215. $('#toTop').fadeOut();
  1216. }
  1217. });
  1218.  
  1219. $('#up').click(function() {
  1220. $('body,html').animate({scrollTop:0},800);
  1221. });
  1222. });
  1223. </script>
  1224.  
  1225. {/block:IndexPage}
  1226.  
  1227. </head>
  1228.  
  1229. <div class="BannerThatChanges">
  1230. {block:IfBannerThatChanges}
  1231. <script type="text/javascript">
  1232.  
  1233. //Javascript Created by Computerhope http://www.computerhope.com
  1234.  
  1235. //store the quotations in arrays
  1236.  
  1237. var images = [],
  1238. index = 0;
  1239.  
  1240. {block:IfBanner1}images[0] = "<a href = '/'><img src='{image:Banner1}' width=250px ></a>";{/block:IfBanner1}
  1241.  
  1242. {block:IfBanner2}images[1] = "<a href = '/'><img src='{image:Banner2}' width=250px ></a>";{/block:IfBanner2}
  1243.  
  1244. {block:IfBanner3}images[2] = "<a href = '/'><img src='{image:Banner3}' width=250px ></a>";{/block:IfBanner3}
  1245.  
  1246. {block:IfBanner4}images[3] = "<a href = '/'><img src='{image:Banner4}' width=250px ></a>";{/block:IfBanner4}
  1247.  
  1248.  
  1249. index = Math.floor(Math.random() * images.length);
  1250.  
  1251. document.write(images[index]);
  1252.  
  1253. //done
  1254.  
  1255. </script><br>
  1256. </a>
  1257.  
  1258. {/block:IfBannerThatChanges}
  1259.  
  1260. {block:IfnotBannerThatChanges}
  1261. <center><img src="{image:Banner}" class="logo"/></center>
  1262. {/block:IfnotBannerThatChanges}
  1263.  
  1264. <div class="links_body">
  1265.  
  1266. {block:IfTitle}
  1267. <div class="title"><a href="/">{Title}
  1268. </div>
  1269. {/block:IfTitle}
  1270.  
  1271.  
  1272.  
  1273. {block:ifshowhomelink}
  1274. <a href="/">Home</a>
  1275.  
  1276. {/block:ifshowhomelink}
  1277.  
  1278.  
  1279. {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}
  1280.  
  1281.  
  1282.  
  1283.  
  1284. {block:ifHideDescription}
  1285.  
  1286. <a class="description_hide" title="Description">
  1287. Description</a>
  1288.  
  1289. {/block:ifHideDescription}
  1290.  
  1291. {block:IfShowSubmit}
  1292. <a href="/submit">Submit</a>
  1293.  
  1294. {/block:IfShowSubmit}
  1295.  
  1296. {block:ifLinkOneTitle}
  1297. <a href="{text:Link One}" class="links">{text:Link One Title}</a>
  1298.  
  1299. {/block:ifLinkOneTitle}
  1300.  
  1301. {block:ifLinkTwoTitle}
  1302. <a href="{text:Link Two}" class="links">{text:Link Two Title}</a>
  1303.  
  1304. {/block:ifLinkTwoTitle}
  1305.  
  1306. {block:ifLinkThreeTitle}
  1307. <a href="{text:Link Three}" class="links">{text:Link Three Title}</a>
  1308. {/block:ifLinkThreeTitle}
  1309.  
  1310. {block:ifLinkFourTitle}
  1311. <a href="{text:Link Four}" class="links">{text:Link Four Title} </a>
  1312.  
  1313. {/block:ifLinkFourTitle}
  1314.  
  1315. {block:ifLinkFiveTitle}
  1316. <a href="{text:Link Five}" class="links">{text:Link Five Title} </a>
  1317.  
  1318. {/block:ifLinkFiveTitle}
  1319.  
  1320.  
  1321.  
  1322.  
  1323.  
  1324.  
  1325.  
  1326. <div class="description_body">
  1327.  
  1328.  
  1329. <div class="description">{Description}</div>
  1330.  
  1331. </div>
  1332. </div>
  1333. </div>
  1334.  
  1335.  
  1336.  
  1337.  
  1338. {block:ifAskPopup}
  1339. <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>
  1340. {/block:ifAskPopup}
  1341.  
  1342. {block:ifHideDescription}
  1343.  
  1344.  
  1345. <script>
  1346. $('.description_hide').click(function() {
  1347. $('.description_body .description').slideToggle('medium', function() {
  1348. });
  1349. });
  1350. </script>
  1351.  
  1352. {block:ifHideDescription}
  1353.  
  1354.  
  1355. <div class="jokes"><div id="content" ><div class="posts" >
  1356. {block:Posts}
  1357. <div class="entry" >
  1358. {block:Text}
  1359. <div class="text">
  1360. {block:Title}<h1>{Title}</h1>{/block:Title}
  1361. </div>
  1362. <div class="text_border" ></div>
  1363. <div class="text_body">
  1364. {Body}
  1365. </div>
  1366. {block:IndexPage}
  1367. <div class="text_permalink">
  1368. {block:date}<a href="{permalink}">
  1369. {DayOfMonthWithZero}
  1370. {ShortMonth} {ShortYear} </a>{/block:date}
  1371. </div>
  1372. {/block:IndexPage}
  1373. {/block:Text}
  1374.  
  1375.  
  1376.  
  1377. {block:Photo}
  1378.  
  1379. {block:IndexPage}<a href="{Permalink}">
  1380. <div class="photo">
  1381. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  1382. </div>
  1383. {/block:IndexPage}
  1384. {block:PermalinkPage}
  1385. <img src="{PhotoURL-500}" class="photo_permalink"/>
  1386. {/block:PermalinkPage}
  1387. {block:IfHoverOverImageNotes}
  1388. {block:IndexPage}
  1389. <div id="photo_links">
  1390. <div class="icons">
  1391. <a href="{ReblogURL}">
  1392. <div class="reblogbutton">
  1393. <img src="http://static.tumblr.com/6quy42l/Adym6k0ma/reblog.png" border="0"/>
  1394. </div></a>
  1395. <a href="{Permalink}">
  1396. <div class="jawnotes">
  1397. <img src="http://static.tumblr.com/6quy42l/x8zm6k0uf/link.png" border="0"/ >
  1398. </div></a>
  1399. </div>
  1400. <div class="fuckyou"></div>
  1401. <a href="{Permalink}">
  1402. <div class="jawnotess ">{NoteCount} </div></a>
  1403. {block:IfDateOnImage}
  1404. <a href="{permalink}"><div class="image_permalink">
  1405. {block:date}
  1406. {DayOfMonthWithZero}
  1407. {ShortMonth} {ShortYear} {/block:date}
  1408. </div></a>
  1409. {/block:IfDateOnImage}
  1410. </div>
  1411. {/block:IndexPage}
  1412. {/block:IfHoverOverImageNotes}
  1413. {/block:Photo}
  1414.  
  1415. {block:Photoset}
  1416. <center>{Photoset-250}</center>
  1417. {block:IndexPage}
  1418. <div class="permalink">
  1419. {block:date}
  1420. <a href="{permalink}">
  1421. {TimeAgo}{/block:date} with {NoteCount} notes
  1422. </a></div>{/block:IndexPage}
  1423. {/block:Photoset}
  1424.  
  1425. {block:Link}
  1426. <a href="{URL}" class="link_title" {Target}><h3>
  1427. {Name}</h3></a>
  1428. {block:Description}
  1429. <div class="link_description">{Description}</div>
  1430. {/block:Description}
  1431. <div class="link_border"></div>
  1432. {block:IndexPage}
  1433. <div class="link_permalink">
  1434. {block:date}<a href="{permalink}">
  1435. {DayOfMonthWithZero}
  1436. {ShortMonth} {ShortYear} </a>{/block:date}
  1437. </div>
  1438. {/block:IndexPage}
  1439. {/block:Link}
  1440.  
  1441.  
  1442.  
  1443. {block:Chat}
  1444.  
  1445.  
  1446. {block:Title}
  1447. <a href="{Permalink}"><h3>{Title}</h3></a>
  1448. {/block:Title}
  1449. <ul class="chat_body">
  1450. {block:Lines}
  1451. <li class="{Alt} user_{UserNumber}">
  1452. {block:Label}
  1453. <span class="label">{Label}</span>
  1454. {/block:Label}
  1455. {Line}
  1456. </li>
  1457. {/block:Lines}
  1458. </ul>
  1459. {block:IndexPage}
  1460. <div class="chat_permalink">
  1461. {block:date}<a href="{permalink}">
  1462. {DayOfMonthWithZero}
  1463. {ShortMonth} {ShortYear} </a>{/block:date}
  1464. </div>
  1465. {/block:IndexPage}
  1466. {/block:Chat}
  1467.  
  1468. {block:Video}
  1469. <div class="post">
  1470. <div class="video1">
  1471. {Video-500}
  1472. </div></div>
  1473.          {block:IndexPage}
  1474.            <div class="main_permalink">
  1475.            <a href="{permalink}">
  1476.              {24HourWithZero}:{Minutes} </a>
  1477.            </div>
  1478.            {/block:IndexPage}
  1479.      
  1480. {/block:Video}
  1481.  
  1482.  
  1483. {block:Audio}
  1484. <div class="art">{block:AlbumArt}
  1485. <img src="{AlbumArtURL}" id="albumart">
  1486. {/block:AlbumArt}</div>
  1487. <div class="audioplayercircle">
  1488. <div class="audioplayer">{AudioPlayerblack}</div>
  1489. </div>
  1490. {block:IndexPage}
  1491. <div class="audio_permalink_2">
  1492. {block:date}<a href="{permalink}">
  1493.  
  1494. {ShortMonth} {DayOfMonthWithZero} </a>{/block:date}
  1495. </div>
  1496.  
  1497. {/block:IndexPage}
  1498.  
  1499. {/block:Audio}
  1500.  
  1501. {block:Answer}
  1502. <img src="{AskerPortraitURL-30}" alt="{PhotoAlt}"/>
  1503. <div class="asker_name"><b>{Asker}</b></div><BR>
  1504. <div class="ask_body">{Question}</div><BR>
  1505. <div class="answer_border">
  1506. <img src="{PostAuthorPortraitURL-30}" alt="{PhotoAlt}"/> &nbsp;
  1507. <div class="asker_name"><b>{PostAuthorName}</b></div>
  1508. <div class="ask_image">
  1509. <div class="ask_body">{Answer}</div>
  1510. <div class="answer_background">?</div>
  1511. {block:IndexPage}
  1512. <div class="answer_permalink">
  1513. {block:date}<a href="{permalink}">{DayOfMonthWithZero}
  1514. {ShortMonth} {Year} {/block:date} </a></div>{/block:IndexPage}
  1515. </div>
  1516. </div>
  1517. {/block:Answer}
  1518.  
  1519.  
  1520.  
  1521. {block:Quote}
  1522. <div class="quote_background_2">,,</div>
  1523. {block:IndexPage}<div class="quote_background_1">,,</div>
  1524. {/block:IndexPage}
  1525. <div class="quote"><b>{Quote}</b> </div>
  1526. <div class="quote_border">
  1527. {block:Source}
  1528. <div class="quote_source"> - {Source} </div>
  1529. {/block:Source}</div>
  1530. {block:IndexPage}
  1531. <div class="quote_permalink">
  1532. {block:date}
  1533. <a href="{permalink}">{TimeAgo}
  1534. {/block:date}</a></div>
  1535. {/block:IndexPage}
  1536. {/block:Quote}
  1537.  
  1538. {block:PermalinkPage}
  1539.  
  1540. <div class="samie">
  1541.  
  1542.  
  1543.  
  1544.  
  1545. {block:text}
  1546. {block:Date}
  1547. {Caption}<br> This Text Post Has <a href="{Permalink}">{NoteCount}</a> Notes <br> <br> Posted <a href="{Permalink}">{TimeAgo}</a> <br><br>
  1548. {/block:Date}
  1549. {/block:text}
  1550.  
  1551.  
  1552.  
  1553.  
  1554.  
  1555. {block:Photo}
  1556. {Caption}<br> This photo has <a href="{Permalink}">{NoteCount}</a> notes <br> <br> Posted <a href="{Permalink}">{TimeAgo}</a> <br><br>
  1557. {/block:Photo}
  1558.  
  1559. {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}
  1560.  
  1561.  
  1562. {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}
  1563.  
  1564. {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}
  1565.  
  1566. {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}
  1567.  
  1568. {block:Audio}
  1569.  
  1570.  
  1571.  
  1572.  
  1573. <div class="audio_notes">
  1574.  
  1575. <br> This audio Post has <a href="{Permalink}">{NoteCount}</a> notes <br> <br> Posted <a href="{Permalink}">{TimeAgo}</a> <br><br>
  1576.  
  1577.  
  1578. </div>
  1579. {/block:Audio}
  1580.  
  1581. {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}
  1582.  
  1583. {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}
  1584.  
  1585.  
  1586.  
  1587.  
  1588.  
  1589. </div>
  1590. {PostNotes}
  1591.  
  1592.  
  1593.  
  1594. {/block:PermalinkPage}
  1595.  
  1596.  
  1597.  
  1598. </div>
  1599. {block:PostNotes}{ShowNotes}{/block:PostNotes}
  1600. {/block:Posts}
  1601.  
  1602.  
  1603. </div>
  1604. {block:IndexPage}
  1605. <div class="column navigation" id="navigation">
  1606. {block:Pagination}
  1607. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1608. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  1609.  
  1610. {/block:IndexPage}
  1611. </div></div></div></div></div></div></div></div></div>
  1612.  
  1613. <div id="toTop"><a href="#home" id="up">{text:BackToTop}</a></div>
  1614.  
  1615. </body>
  1616.  
  1617. <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