Advertisement
jawidafg

Untitled

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