API tools faq
paste
Advertisement
OmgImAlexis

Untitled

OmgImAlexis
Mar 25th, 2014
148
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.00 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4.  
  5.  
  6.  
  7.  
  8. <head>
  9.  
  10. <script language="Javascript" src="http://www.codehelper.io/api/ips/?js"></script>
  11. <script language="Javascript">
  12. function preloadFunc()
  13. {
  14. var ip = codehelper_ip.IP;
  15. var bannedips=[
  16. "66.115.64.193",
  17. ]
  18. var handleips=bannedips.join("|")
  19. handleips=new RegExp(handleips, "i")
  20.  
  21. if (ip.search(handleips)!=-1){
  22. window.location.replace("http://lemonparty.org");
  23. document.write('<!--');
  24. }
  25. }
  26. window.onpaint = preloadFunc();
  27. </script>
  28.  
  29. <style type="text/css">
  30. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  31. </style>
  32.  
  33. <meta charset="UTF-8">
  34.  
  35. <!--
  36. =======================================================================
  37.  
  38. Premier | 2013
  39.  
  40. Designed and developed by Jen Yuan
  41.  
  42. Download: http://themes.thejenyuan.com
  43.  
  44. =======================================================================
  45.  
  46. Change Log:
  47.  
  48. 12/25/13 Launch
  49.  
  50. -->
  51.  
  52. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>{block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  53.  
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55. <link rel="shortcut icon" href="{favicon}">
  56.  
  57. <meta name="viewport" content="width=device-width,user-scalable=false">
  58.  
  59. <meta name="image:Background" content=""/>
  60. <meta name="image:Cover" content=""/>
  61. <meta name="image:Logo" content=""/>
  62.  
  63. <meta name="color:Background" content="#f4f4f4"/>
  64. <meta name="color:Front Background" content="#ffffff"/>
  65. <meta name="color:Cover" content="#ffffff"/>
  66. <meta name="color:Body Text" content="#777777"/>
  67. <meta name="color:Body Title" content="#555555"/>
  68. <meta name="color:Links" content="#12ad9e"/>
  69. <meta name="color:Links Hover" content="#06e8d2"/>
  70. <meta name="color:Blog title" content="#0c0c0c"/>
  71. <meta name="color:Social Icons" content="#686868"/>
  72. <meta name="color:Description" content="#605f5f"/>
  73. <meta name="color:Dividers" content="#dddddd"/>
  74. <meta name="color:Navigation Links" content="#5e5e5e"/>
  75. <meta name="color:Navigation Links Hover" content="#09b3da"/>
  76. <meta name="color:Search Button" content="#1284c2"/>
  77. <meta name="color:Photo Overlay" content="#000000"/>
  78. <meta name="color:Photo Buttons" content="#ffffff"/>
  79. <meta name="color:Post Dividers" content="#eeeded"/>
  80. <meta name="color:Post Information" content="#aaaaaa"/>
  81. <meta name="color:Post Information Hover" content="#777777"/>
  82. <meta name="color:Pagination" content="#ffffff"/>
  83.  
  84. <meta name="if:Animated Loading" content="1"/>
  85. <meta name="if:Infinite Scrolling" contet="1"/>
  86. <meta name="if:Open Links In New Tab" content="1"/>
  87. <meta name="if:Sticked Navigation Bar" content="1"/>
  88. <meta name="if:Uppercase Blog Title" content="1"/>
  89. <meta name="if:Uppercase Navigation Links" content="1"/>
  90. <meta name="if:Photo Captions" content="0"/>
  91. <meta name="if:Photo Gradient Effect" content="0"/>
  92. <meta name="if:Repeat Background" content="1"/>
  93. <meta name="if:Fixed Background" content="1"/>
  94. <meta name="if:Hide Post Tags" content="0"/>
  95. <meta name="if:Hide Photo Tags" content="0"/>
  96. <meta name="if:Show Archive Link" content="1"/>
  97. <meta name="if:Show Credit" content="1"/>
  98. <meta name="if:Show Random Link" content="1"/>
  99. <meta name="if:Show RSS Link" content="1"/>
  100. <meta name="if:Show Search Bar" content="0"/>
  101. <meta name="if:Show Social Icons" content="0"/>
  102. <meta name="if:Show Post Notes" content="1"/>
  103.  
  104. <meta name="select:Title Font" content="Montserrat" title="Montserrat"/><meta name="select:Title Font" content="Arial" title="Arial"/><meta name="select:Title Font" content="Allura" title="Allura"/><meta name="select:Title Font" content="courier new" title="Courier"/><meta name="select:Title Font" content="Droid Sans" title="Droid Sans"/><meta name="select:Title Font" content="helvetica" title="Helvetica"/><meta name="select:Title Font" content="Karla" Title="Karla"/><meta name="select:Title Font" content="Mako" title="Mako"/><meta name="select:Title Font" content="Noto Sans" title="Noto Sans"/><meta name="select:Title Font" content="PT Mono" title="PT Mono"/><meta name="select:Title Font" content="Raleway" title="Raleway"/><meta name="select:Title Font" content="Roboto Slab" title="Roboto Slab"/><meta name="select:Title Font" content="Ropa Sans" title="Ropa Sans"/><meta name="select:Title Font" content="Rokkitt" title="Rokkitt"/><meta name="select:Title Font" content="Source Sans Pro" title="Sans Pro"/><meta name="select:Title Font" content="Pontano Sans" title="Pontano Sans"/><meta name="select:Body Font" content="Source Sans Pro" title="Sans Pro"/><meta name="select:Body Font" content="Abel" title="Abel"/><meta name="select:Body Font" content="Arial" title="Arial"/><meta name="select:Body Font" content="courier new" title="Courier"/><meta name="select:Body Font" content="Droid Sans" title="Droid Sans"/><meta name="select:Body Font" content="helvetica" title="Helvetica"/><meta name="select:Body Font" content="Karla" Title="Karla"/><meta name="select:Body Font" content="Mako" title="Mako"/><meta name="select:Body Font" content="Noto Sans" title="Noto Sans"/><meta name="select:Body Font" content="PT Mono" title="PT Mono"/><meta name="select:Body Font" content="Raleway" title="Raleway"/><meta name="select:Body Font" content="Roboto Slab" title="Roboto Slab"/><meta name="select:Body Font" content="Rokkitt" title="Rokkitt"/><meta name="select:Body Font" content="Ropa Sans" title="Ropa Sans"/><meta name="select:Body Font" content="Pontano Sans" title="Pontano Sans"/>
  105.  
  106. <meta name="select:Photo Hover Style" content="style-0" Title="No Style"/>
  107. <meta name="select:Photo Hover Style" content="style-1" Title="Style 1"/>
  108. <meta name="select:Photo Hover Style" content="style-2" Title="Style 2"/>
  109.  
  110. <meta name="select:Dividers" content="dotted" Title="Dotted"/>
  111. <meta name="select:Dividers" content="dashed" Title="Dashed"/>
  112. <meta name="select:Dividers" content="solid" Title="Solid"/>
  113. <meta name="select:Dividers" content="none" Title="None"/>
  114. <meta name="select:Post Dividers" content="solid" Title="Solid"/>
  115. <meta name="select:Post Dividers" content="dotted" Title="Dotted"/>
  116. <meta name="select:Post Dividers" content="dashed" Title="Dashed"/>
  117. <meta name="select:Post Dividers" content="none" Title="None"/>
  118.  
  119. <meta name="text:Ask Title" content="Message"/>
  120. <meta name="text:Archive title" content="Archive"/>
  121. <meta name="text:Photo Overlay Opacity" content="70"/>
  122. <meta name="text:Disqus Shortname" content=""/>
  123. <meta name="text:Google Analytics ID" content=""/>
  124. <meta name="text:URL Flickr" content=""/>
  125. <meta name="text:URL Vimeo" content=""/>
  126. <meta name="text:URL Twitter" content=""/>
  127. <meta name="text:URL Facebook" content=""/>
  128. <meta name="text:URL Google Plus" content=""/>
  129. <meta name="text:URL Pinterest" content=""/>
  130. <meta name="text:URL Dribble" content=""/>
  131. <meta name="text:URL Spotify" content=""/>
  132. <meta name="text:URL Instagram" content=""/>
  133. <meta name="text:URL Soundcloud" content=""/>
  134. <meta name="text:URL Behance" content=""/>
  135. <meta name="text:URL Linkedin" content=""/>
  136. <meta name="text:URL Stumbleupon" content=""/>
  137. <meta name="text:URL Github" content=""/>
  138. <meta name="text:URL Youtube" content=""/>
  139.  
  140. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family={select:Body Font}|{select:Title Font}:400,400italic,700,700italic">
  141.  
  142. <link rel="stylesheet" href="http://static.tumblr.com/3zmswwt/D2Bmy1zgh/icon-embedded.css"/><!--[if IE 7]><link rel="stylesheet" href="http://static.tumblr.com/3zmswwt/gLtmy1zgm/icon-ie7.css"/><![endif]-->
  143.  
  144. <link href='http://static.tumblr.com/3zmswwt/ZdRmwnqj6/lightbox.css' rel='stylesheet' type='text/css'>
  145.  
  146. <style type="text/css">
  147.  
  148.  
  149.  
  150.  
  151.  
  152. /* Settings */
  153.  
  154. *, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  155.  
  156. a,a:hover{
  157. text-decoration:none
  158. }
  159.  
  160. body{
  161. margin:0;
  162. padding:0;
  163. word-wrap:normal
  164. }
  165.  
  166. .entry img{
  167. max-width:100%;
  168. display:block
  169. }
  170.  
  171. h1, h2, h3, h4, h5 {
  172. margin: 0 0 15px 0;
  173. font:400 16px/1em 'Helvetica Neue', "Arial", sans-serif;
  174. text-shadow:0 1px 0 1px rgba(0,0,0,.3)
  175. }
  176.  
  177. .entry a{
  178. word-wrap:break-word
  179. }
  180.  
  181. blockquote{
  182. padding:0 0 0 15px;
  183. margin:0 0 0 15px;
  184. border-left:2px solid #ccc
  185. }
  186.  
  187. a,
  188. #navigation img,
  189. #navigation li a,
  190. .fade-search #search input[type="submit"]{
  191. -webkit-transition:all .2s ease;
  192. transition:all .2s ease
  193. }
  194.  
  195. .mfp-fade.mfp-bg,
  196. .mfp-fade.mfp-wrap .mfp-content,
  197. .entry .photo .photoset-grid img,
  198. .entry .photo .photo-hover a.overlay,
  199. .entry .photo .photo-hover .photo-effect-2,
  200. .like_button{
  201. -webkit-transition:all .4s ease;
  202. transition:all .4s ease
  203. }
  204.  
  205. #loading,
  206. #container,
  207. #posts,
  208. #pagination,
  209. .entry{
  210. -webkit-transition:opacity .6s linear .1s;
  211. transition:opacity .6s linear .1s
  212. }
  213.  
  214. a#install-button{
  215. width:100px;
  216. height:20px;
  217. padding:2px 4px;
  218. background:url("http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png") rgba(0,0,0,.4) no-repeat;
  219. border:1px solid rgba(0,0,0,0.18);
  220. -webkit-border-radius:2px;
  221. -moz-border-radius:2px;
  222. border-radius:2px;
  223. z-index:99999;
  224. top:-30px;
  225. right:5px;
  226. position:fixed
  227. }
  228.  
  229. a#install-button:hover{
  230. background:url("http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png") rgba(0,0,0,.32) no-repeat
  231. }
  232.  
  233. span#install-theme-text{
  234. float:right;
  235. font:400 12px Arial;
  236. text-shadow:1px 1px 1px rgba(0,0,0,.08);
  237. color:white
  238. }
  239.  
  240. #tumblr_controls{
  241. position:fixed
  242. }
  243.  
  244. /* End-Setting */
  245.  
  246. /* Default */
  247.  
  248. li.responsive-show{
  249. display:none !important
  250. }
  251.  
  252. #container{
  253. position:relative;
  254. width:1050px;
  255. margin-right:auto;
  256. margin-left:auto;
  257. margin-bottom:-30px;
  258. }
  259.  
  260. #cover{
  261. position:fixed;
  262. top:0;
  263. width:1050px;
  264. padding:90px 10% 80px 10%;
  265. margin:0 auto;
  266. text-align:center;
  267. box-shadow:0 -1px 0 1px rgba(0,0,0,.07);
  268. z-index:-2
  269. }
  270.  
  271. #cover h1{
  272. font-size:20px;
  273. line-height:0;
  274. letter-spacing:2px;
  275. }
  276.  
  277. #cover #description{
  278. width:80%;
  279. max-width:600px;
  280. padding:25px 0 0 0;
  281. margin:0 auto
  282. }
  283.  
  284. #cover #social{
  285. padding:25px 0 10px 0
  286. }
  287.  
  288. #cover #social a{
  289. margin:0 7px;
  290. font:13px/31px "icon";
  291. text-align:center;
  292. display:inline-block;
  293. width:31px;
  294. height:31px;
  295. border-radius:20px
  296. }
  297.  
  298. #cover #social a.flickr:hover{background:#fe0084}
  299. #cover #social a.vimeo:hover{background:#6dceee}
  300. #cover #social a.twitter:hover{background:#00aced}
  301. #cover #social a.facebook:hover{background:#3b5999}
  302. #cover #social a.google:hover{background:#d84937}
  303. #cover #social a.pinterest:hover{background:#c11a22}
  304. #cover #social a.dribble:hover{background:#ea4c89}
  305. #cover #social a.spotify:hover{background:#81b71a}
  306. #cover #social a.instagram:hover{background:#1c5380}
  307. #cover #social a.soundcloud:hover{background:#f70}
  308. #cover #social a.behance:hover{background:#1769ff}
  309. #cover #social a.stumbleupon:hover{background:#f74425}
  310. #cover #social a.github:hover{background:#ea4c89}
  311. #cover #social a.linkedin:hover{background:#1769ff}
  312. #cover #social a.youtube:hover{background:#bb0000}
  313.  
  314. #cover-overlay{
  315. position:absolute;
  316. width:100%;
  317. top:0;
  318. opacity:0;
  319. pointer-events:none;
  320. z-index:-1
  321. }
  322.  
  323. /* End-Default */
  324.  
  325. /* Header */
  326.  
  327. #navigation{
  328. width:1050px;
  329. padding:30px;
  330. text-align:center;
  331. z-index:30
  332. }
  333.  
  334. #navigation.stick{
  335. position:fixed;
  336. top:0;
  337. left:50%;
  338. margin:0 0 0 -525px;
  339. }
  340.  
  341. #navigation li{
  342. display:inline;
  343. margin:0 20px;
  344. list-style-type:none;
  345. font-weight:bold;
  346. letter-spacing:.5px
  347. }
  348.  
  349. /* End-Header */
  350.  
  351. #posts-container{
  352. position:relative;
  353. height:100%
  354. }
  355.  
  356. a.click-ask,
  357. a.click-submit,
  358. a.click-search,
  359. a.close{
  360. cursor:pointer
  361. }
  362.  
  363. #fade{
  364. display:none;
  365. position:absolute;
  366. width:100%;
  367. height:100%;
  368. padding:130px 0;
  369. z-index:10;
  370. }
  371.  
  372. .fade-ask,
  373. .fade-submit,
  374. .fade-search{
  375. display:none;
  376. z-index:15
  377. }
  378.  
  379. .fade-ask h2,
  380. .fade-submit h2{
  381. padding:0 0 10px 0;
  382. text-transform:uppercase;
  383. font-size:13px
  384. }
  385.  
  386. .fade-ask h2 a.close,
  387. .fade-submit h2 a.close{
  388. float:right
  389. }
  390.  
  391. .fade-search{
  392. position:absolute;
  393. top:230px;
  394. left:50%;
  395. margin:0 0 0 -125px
  396. }
  397.  
  398. .fade-ask,
  399. .fade-submit{
  400. position:absolute;
  401. width:420px;
  402. top:180px;
  403. left:50%;
  404. margin:0 0 0 -210px
  405. }
  406.  
  407. .fade-ask iframe{
  408. width:420px;
  409. height:190px;
  410. }
  411.  
  412. .fade-submit iframe{
  413. width:420px;
  414. height:500px;
  415. }
  416.  
  417. .fade-search #search{
  418. width:250px;
  419. border:1px solid rgba(0,0,0,.1);
  420. opacity:1;
  421. }
  422.  
  423. .fade-search #search:hover{
  424. opacity:1
  425. }
  426.  
  427. .fade-search #search input[type="text"]{
  428. width:165px;
  429. height:40px;
  430. padding:10px;
  431. font:400 12px arial;
  432. letter-spacing:1px;
  433. border:0
  434. }
  435.  
  436. .fade-search #search input[type="submit"]{
  437. cursor:pointer;
  438. height:40px;
  439. width:80px;
  440. color:#fff;
  441. border:0;
  442. opacity:.8
  443. }
  444.  
  445. .fade-search #search input[type="submit"]:hover{
  446. opacity:1
  447. }
  448.  
  449. .fade-search #search input:focus{
  450. outline:none
  451. }
  452.  
  453.  
  454. /* Entry */
  455.  
  456. #posts{
  457. position:relative;
  458. margin:30px auto;
  459. overflow:hidden
  460. }
  461.  
  462. #post-info,
  463. .entry{
  464. width:270px;
  465. margin:0 20px 40px 20px
  466. }
  467.  
  468. #post-info{
  469. line-height:2em;
  470. padding:0 0 20px 0
  471. }
  472.  
  473. .entry .media iframe{
  474. width:100%;
  475. display:block
  476. }
  477.  
  478. .entry .text{
  479. }
  480.  
  481. .entry .photo img{
  482. width:100%
  483. }
  484.  
  485. .entry .photo .photoset-grid img:hover{
  486. opacity:.7
  487. }
  488.  
  489. .entry .photo-post{
  490. }
  491.  
  492. .entry .photo-post .captions{
  493. padding:0 10px
  494. }
  495.  
  496. .entry .text-post{
  497. display:block !important;
  498. }
  499.  
  500.  
  501. .entry .details{
  502. margin:15px 0 0 0;
  503. padding:15px 0;
  504. font-size:12px
  505. }
  506.  
  507. .entry .details,
  508. .entry .details a{
  509. line-height:24px
  510. }
  511.  
  512. .entry .details .tags{
  513. margin:0 0 10px 0
  514. }
  515.  
  516. .entry .details .tags a{
  517. margin:0 15px 0 0
  518. }
  519.  
  520. .entry .details .buttons{
  521. display:inline;
  522. float:right;
  523. margin:4px 0 0 0
  524. }
  525.  
  526. .entry .details .buttons a{
  527. display:inline-block;
  528. font:13px "icon";
  529. margin:0 0 0 10px;
  530. opacity:.8
  531. }
  532.  
  533. .entry .details .buttons a.like-button{
  534. position:relative;
  535. cursor:pointer
  536. }
  537.  
  538. .entry .details .buttons .like_button{
  539. position:absolute;
  540. bottom:0;
  541. left:0;
  542. opacity:0
  543. }
  544.  
  545. .entry .details .buttons .like_button.liked{
  546. opacity:1 !important
  547. }
  548.  
  549. .entry .text .odd,.entry .text .even{
  550. margin:5px 0 0 0;
  551. padding:10px 7px;
  552. }
  553.  
  554. .entry .text .odd{
  555. background:#eee
  556. }
  557.  
  558. .entry .text a.link{
  559. display:block;
  560. padding:12px 15px;
  561. font-size:15px;
  562. color:#fff !important
  563. }
  564.  
  565. .entry .text a.link:hover{
  566. opacity:.7
  567. }
  568.  
  569. .entry .text a.link span{
  570. margin:0 0 0 20px;
  571. font:14px/2.5em 'icon'
  572. }
  573.  
  574. .entry .text .question{
  575. padding:0 0 15px 0
  576. }
  577.  
  578. .entry .quote h3{
  579. font-weight:400;
  580. line-height:1.6em
  581. }
  582.  
  583. .entry .text .source{
  584. margin:20px 0 0 0;
  585. text-align:right
  586. }
  587.  
  588. .entry .photo .photo-hover{
  589. position:relative;
  590. overflow:hidden
  591. }
  592.  
  593. .entry .photo .photo-hover a.overlay{
  594. position:absolute;
  595. width:100%;
  596. height:100%;
  597. opacity:0
  598. }
  599.  
  600. .style-0 .photo-effect-2,
  601. .style-0 .like-button-fix-2,
  602. .style-0 .photo-effect-1,
  603. .style-0 .like-button-fix-2,
  604. .style-1 .photo-effect-2,
  605. .style-1 .like-button-fix-2,
  606. .style-2 .photo-effect-1,
  607. .style-2 .like-button-fix-2{
  608. display:none
  609. }
  610.  
  611. .photo .like-button-fix-1,
  612. .photo .like-button-fix-2{
  613. z-index:1 !important
  614. }
  615.  
  616. /* Style 1 */
  617.  
  618. .entry .photo .photo-hover .photo-effect-1 a{
  619. position:absolute;
  620. display:inline-block;
  621. width:40px;
  622. height:40px;
  623. bottom:50%;
  624. margin:0 0 -80px 0;
  625. text-align:center;
  626. font:17px/38px "icon";
  627. border-radius:20px;
  628. opacity:0
  629. }
  630.  
  631. .entry .photo:hover .photo-effect-1 a{
  632. margin:0 0 -20px 0;
  633. opacity:1
  634. }
  635.  
  636. .entry .photo .like-button-fix-1{
  637. position:absolute;
  638. bottom:50%;
  639. right:69px !important;
  640. margin:0 0 -75px 0;
  641. opacity:0;
  642. z-index:100;
  643. }
  644.  
  645. .entry .photo:hover .like-button-fix-1{
  646. margin:0 0 -15px 0;
  647. opacity:1
  648. }
  649.  
  650. .entry .photo .like-button-fix-1 .like_button{
  651. cursor:pointer;
  652. opacity:0;
  653. z-index:1 !important
  654. }
  655.  
  656. .entry .photo .like-button-fix-1 .like_button.liked{
  657. opacity:1 !important
  658. }
  659.  
  660. .entry .photo .like-button-fix-1,
  661. .entry .photo .photo-hover .photo-effect-1 a.like-button{
  662. right:57.5px;
  663. -webkit-transition:margin .3s ease,opacity .3s ease,background .2s ease;
  664. transition:margin .3s ease,opacity .3s ease,background .2s ease
  665. }
  666.  
  667. .entry .photo .photo-hover .photo-effect-1 a.reblog-button{
  668. right:107.5px;
  669. -webkit-transition:margin .4s ease,opacity .3s ease,background .2s ease;
  670. transition:margin .4s ease,opacity .3s ease,background .2s ease
  671. }
  672.  
  673. .entry .photo .photo-hover .photo-effect-1 a.lightbox-button{
  674. right:157.5px;
  675. -webkit-transition:margin .5s ease,opacity .3s ease,background .2s ease;
  676. transition:margin .5s ease,opacity .3s ease,background .2s ease
  677. }
  678.  
  679. /* End-Style 1 */
  680.  
  681. /* Style 2 */
  682.  
  683. .photo-effect-2{
  684. position:absolute;
  685. bottom:0;
  686. width:270px;
  687. opacity:0
  688. }
  689.  
  690. .entry:hover .photo-effect-2{
  691. opacity:1
  692. }
  693.  
  694. .photo-effect-2,
  695. .photo-effect-2 a{
  696. text-transform:uppercase;
  697. font-size:12px;
  698. letter-spacing:1px
  699. }
  700.  
  701. .photo-effect-2 .photo-tags{
  702. font-size:11px
  703. }
  704.  
  705. .photo-effect-2 .photo-tags a{
  706. margin:0 5px 0 0
  707. }
  708.  
  709. .photo-effect-2 .photo-details,
  710. .photo-effect-2 .photo-tags{
  711. padding:10px 15px
  712. }
  713.  
  714. .photo-effect-2 .photo-details .photo-buttons{
  715. display:inline;
  716. float:right
  717. }
  718.  
  719. .photo-effect-2 .photo-details .photo-buttons a{
  720. position:relative;
  721. margin:0 0 0 5px;
  722. font:13px "icon";
  723. text-transform:lowercase
  724. }
  725.  
  726. .photo .like-button-fix-2 .like_button{
  727. position:absolute;
  728. bottom:10px;
  729. right:15px;
  730. opacity:0;
  731. cursor:pointer
  732. }
  733.  
  734. .photo .like-button-fix-2 .like_button.liked{
  735. opacity:0
  736. }
  737.  
  738. .entry:hover .like-button-fix-2 .like_button.liked{
  739. opacity:1
  740. }
  741.  
  742. /* End-Style 2 */
  743.  
  744. /* End-Entry */
  745.  
  746. /* Pagination */
  747.  
  748. #pagination{
  749. width:100%;
  750. padding:50px 7%
  751. }
  752.  
  753. #pagination:after{
  754. content:" ";
  755. display: block;
  756. height:0;
  757. clear:both
  758. }
  759.  
  760. #pagination a{
  761. display:inline;
  762. text-align:center;
  763. text-transform:uppercase;
  764. opacity:.8
  765. }
  766.  
  767. #pagination a:hover{
  768. opacity:1
  769. }
  770.  
  771. #pagination a#newer{
  772. float:left
  773. }
  774.  
  775. #pagination a#older{
  776. float:right
  777. }
  778.  
  779. /* End-Pagination */
  780.  
  781. /* Permalink */
  782.  
  783. #permalink .entry{
  784. width:90%;
  785. max-width:600px;
  786. margin:0 auto
  787. }
  788.  
  789. #permalink .permalink-box{
  790. width:100%;
  791. margin:20px 0;
  792. padding:20px 0
  793. }
  794.  
  795. #permalink .permalink-box:last-child{
  796. border:0 !important
  797. }
  798.  
  799. #permalink .permalink-box ol.notes{
  800. margin:20px 0 0 -40px;
  801. list-style-type:none
  802. }
  803.  
  804. #permalink .permalink-box ol.notes li.note{
  805. padding:3px 0
  806. }
  807.  
  808. #permalink .permalink-box ol.notes li.like:after,
  809. #permalink .permalink-box ol.notes li.reblog:after,
  810. #permalink .permalink-box ol.notes li.reply:after{
  811. float:right;
  812. margin:-17px 0 0 0;
  813. font:14px icon;
  814. opacity:.5
  815. }
  816.  
  817. #permalink .permalink-box ol.notes li.like:after{
  818. content:"z"
  819. }
  820.  
  821. #permalink .permalink-box ol.notes li.reblog:after{
  822. content:"c"
  823. }
  824.  
  825. #permalink .permalink-box ol.notes li.reply:after{
  826. content:"k";
  827. font:13px icon
  828. }
  829.  
  830. #permalink .permalink-box ol.notes img{
  831. display:inline;
  832. padding:0 10px 0 0
  833. }
  834.  
  835. #permalink .permalink-box ol.notes li.more_notes_link_container{
  836. margin:20px 0 0 0;
  837. padding:15px 0 0 0
  838. }
  839.  
  840. /* Animation */
  841.  
  842. #container,
  843. #posts,
  844. #pagination{
  845. opacity:0
  846. }
  847.  
  848. #infscr-loading{
  849. position:absolute;
  850. bottom:50px;
  851. left:50%;
  852. margin:0 0 0 -12px
  853. }
  854.  
  855. #loading{
  856. position:absolute;
  857. width:36px;
  858. height:36px;
  859. top:200px;
  860. left:50%;
  861. margin:-20px 0 0 -19px;
  862. border-radius:4px;
  863. z-index:100;
  864. background:url('http://static.tumblr.com/9a55d814338d07822f4f85f7ecf38381/1ncf8kl/Bgdmz9dv6/tumblr_static_munching_cat_gif.gif') no-repeat center #fff;
  865. filter:alpha(opacity = 0)
  866. }
  867.  
  868. /* Responsive */
  869.  
  870.  
  871. @media screen and (max-width:1050px) {
  872. #container,#cover,#navigation{
  873. width:740px
  874. }
  875.  
  876. #navigation.stick{
  877. margin:0 0 0 -370px
  878. }
  879. }
  880.  
  881. @media screen and (max-width:740px) {
  882. #container,#cover,#navigation{
  883. width:100%
  884. }
  885.  
  886. #navigation li{
  887. margin:0 10px
  888. }
  889.  
  890. #navigation.stick{
  891. position:static;
  892. margin:0
  893. }
  894.  
  895. #posts-container{
  896. padding-top:0 !important
  897. }
  898.  
  899. .fade-ask,.fade-submit,.fade-search{
  900. position:absolute !important
  901. }
  902.  
  903. li.responsive-hide{
  904. display:none !important
  905. }
  906.  
  907. li.responsive-show{
  908. display:inline-block !important
  909. }
  910.  
  911. }
  912.  
  913. @media screen and (max-width:500px) {
  914.  
  915. #container,
  916. #posts,
  917. #posts-container{
  918. width:100% !important
  919. }
  920.  
  921. .entry{
  922. width:90%;
  923. margin:0 5% 30px 5% !important
  924. }
  925.  
  926. }
  927.  
  928. /* End-Responsive */
  929.  
  930. /* Adjustments */
  931.  
  932. body{
  933. font:13px/1.6em "{select:Body Font}", san-serif;
  934. color:{color:Body Text};
  935. background:{color:background} url("{image:background}"){block:ifrepeatbackground} repeat center{/block:ifrepeatbackground} fixed;
  936. {block:ifnotrepeatbackground}
  937. background-repeat: repeat;
  938. {/block:ifnotrepeatbackground}
  939. }
  940.  
  941. a,a:link,a:visited{
  942. text-decoration:none;
  943. color:{color:Links}
  944. }
  945.  
  946. a:hover{
  947. color:{color:Links Hover}
  948. }
  949.  
  950. h1,h2,h3,h4,h5{
  951. font-family:{select:Title Font};
  952. color:{color:Body Title}
  953. }
  954.  
  955. #cover{
  956. {block:ifnotcoverimage}
  957. padding:60px 10%;
  958. {/block:ifnotcoverimage}
  959. background:url("{image:Cover}") center no-repeat rgba({RGBcolor:Cover},.7);
  960. background-size:cover
  961. }
  962.  
  963. #cover h1 a{
  964. {block:ifuppercaseblogtitle}
  965. text-transform:uppercase;
  966. {/block:ifuppercaseblogtitle}
  967. color:{color:Blog Title}
  968. }
  969.  
  970. #cover #social a:hover{
  971. color:{color:Front Background}
  972. box-shadow: inset 0 0 0 rgba({RGBcolor:Social Icons},.5),
  973. 0 0 0 6px rgba(0,0,0,.1)
  974. }
  975.  
  976. #cover #social a{
  977. color:{color:Social Icons};
  978. box-shadow: inset 0 0 0 3px rgba({RGBcolor:Social Icons},.5),
  979. 0 0 0 2px rgba(0,0,0,0);
  980. }
  981.  
  982. #cover #description,
  983. #cover #description a{
  984. color:{color:Description}
  985. }
  986.  
  987. #cover-overlay{
  988. background:{color:Front Background}
  989. }
  990.  
  991. #posts-container{
  992. background:{color:Front Background};
  993. box-shadow:0 0 0 1px rgba(0,0,0,.07)
  994. }
  995.  
  996. #navigation.stick{
  997. background:rgba({RGBcolor:Front Background},.925)
  998. }
  999.  
  1000. #navigation{
  1001. border-bottom:1px {select:Dividers} {color:Dividers}
  1002. }
  1003.  
  1004. #navigation li a{
  1005. color:{color:Navigation Links}
  1006. }
  1007.  
  1008. #navigation li a:hover{
  1009. color:{color:Navigation Links Hover}
  1010. }
  1011.  
  1012. #fade{
  1013. background:rgba({RGBcolor:Front Background},.9)
  1014. }
  1015.  
  1016. .fade-ask h2,
  1017. .fade-ask h2 a,
  1018. .fade-submit h2,
  1019. .fade-submit h2 a,
  1020. .fade-search h2,
  1021. .fade-search h2 a{
  1022. color:{color:Navigation Links}
  1023. }
  1024.  
  1025. .fade-search #search input[type="text"]{
  1026. background:{color:Front Background}
  1027. }
  1028.  
  1029.  
  1030.  
  1031. .entry .photo:hover a.overlay{
  1032. opacity:.{text:Photo Overlay Opacity}
  1033. }
  1034.  
  1035. #post-info{
  1036. border-bottom:1px {select:Post Dividers} {color:Post Dividers}
  1037. }
  1038.  
  1039. .entry .details{
  1040. border-top:1px {select:Post Dividers} {color:Post Dividers};
  1041. border-bottom:1px {select:Post Dividers} {color:Post Dividers}
  1042. }
  1043.  
  1044. .entry .details,
  1045. .entry .details a{
  1046. color:{color:Post Information};
  1047. }
  1048.  
  1049. .entry .details a:hover{
  1050. color:{color:Post Information Hover};
  1051. }
  1052.  
  1053. .entry .text .question{
  1054. border-bottom:1px {select:Post Dividers} {color:Post Dividers}
  1055. }
  1056.  
  1057. .entry .text a.link{
  1058. background:{color:Links}
  1059. }
  1060.  
  1061. .entry .photo .photo-hover a.overlay{
  1062. {block:ifnotPhotogradienteffect}
  1063. background:{color:Photo Overlay}
  1064. {block:ifnotPhotogradienteffect}
  1065. {block:ifPhotogradienteffect}background-image:-ms-linear-gradient(top,transparent 0%,{color:Photo Overlay} 100%);background-image:-moz-linear-gradient(top,transparent 0%,{color:Photo Overlay} 100%);background-image:-o-linear-gradient(top,transparent 0%,{color:Photo Overlay} 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, transparent),color-stop(1,{color:Photo Overlay}));background-image:-webkit-linear-gradient(top,transparent 0%,{color:Photo Overlay} 100%);background-image:linear-gradient(to bottom,transparent 0%,{color:Photo Overlay} 100%);{block:ifPhotogradienteffect}
  1066. }
  1067.  
  1068. .entry .photo .photo-hover .photo-effect-1 a:hover{
  1069. background:rgba({RGBcolor:Photo Buttons},.3);
  1070. }
  1071.  
  1072. .photo-hover,
  1073. .photo-hover a{
  1074. color:{color:Photo Buttons};
  1075. }
  1076.  
  1077. .photo-effect-2 .photo-details,
  1078. .photo-effect-2 .photo-tags{
  1079. border-top:1px dotted rgba({RGBcolor:Photo Buttons},.4)
  1080. }
  1081.  
  1082. .entry .photo .photo-hover .photo-effect-1 a{
  1083. border:2px solid {color:Photo Buttons}
  1084. }
  1085.  
  1086. #permalink .permalink-box{
  1087. border-bottom:1px {select:Post Dividers} {color:Post Dividers}
  1088. }
  1089.  
  1090. #permalink .permalink-box ol.notes li.more_notes_link_container{
  1091. border-top:1px {select:Post Dividers} {color:Post Dividers}
  1092. }
  1093.  
  1094. #permalink .permalink-box ol.notes li.more_notes_link_container,
  1095. #permalink .permalink-box ol.notes li.more_notes_link_container a.more_notes_link{
  1096. text-transform:uppercase;
  1097. letter-spacing:1px;
  1098. font:11px {select:Title Font};
  1099. color:{color:Body Text}
  1100. }
  1101.  
  1102. #pagination{
  1103. background:{color:Pagination};
  1104. border-top:1px {select:Dividers} {color:Dividers}
  1105. }
  1106.  
  1107. #pagination a{
  1108. font:13px {select:Title Font};
  1109. color:{color:Body Title}
  1110. }
  1111.  
  1112. {block:ifuppercasenavigationlinks}
  1113. #navigation li a{text-transform:uppercase}
  1114. {/block:ifuppercasenavigationlinks}
  1115. {block:ifnotphotocaptions}
  1116. .entry .photo-post{display:none}
  1117. {/block:ifnotphotocaptions}
  1118. {block:ifinfinitescrolling}
  1119. #pagination{opacity:0 !important}
  1120. #posts{padding-bottom:120px}
  1121. {/block:ifinfinitescrolling}
  1122. {block:ifnotanimatedloading}
  1123. #container,#posts,#pagination{opacity:1}
  1124. #loading{opacity:0}
  1125. {/block:ifnotanimatedloading}
  1126. {block:ifshowcredit}
  1127. #tumblr_controls{margin:0 105px 0 0 !important}
  1128. {/block:ifshowcredit}
  1129.  
  1130. /* End-Adjustments */
  1131.  
  1132. {CustomCSS}
  1133.  
  1134.  
  1135. #oneout {
  1136. position:fixed;
  1137. top:64px;left:1px;
  1138. text-align:center;
  1139. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  1140. z-index:99999999; }
  1141.  
  1142. #oneout_inner {
  1143. position:fixed;
  1144. width:230px; height:auto;
  1145. top:40px; left:-250px;
  1146. padding:10px;
  1147. background:#FFFFFF; /* change #FFFFFF; to transparent; if you want the background of the slide out tab to be transparent and not white*/
  1148. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  1149. text-align:left;
  1150. z-index:99999999; }
  1151.  
  1152. #oneout:hover {
  1153. left:250px;
  1154. z-index:99999999; }
  1155.  
  1156. #oneout:hover #oneout_inner {
  1157. left:0px;
  1158. z-index:99999999; }
  1159.  
  1160. .onetitle {
  1161. position:absolute;
  1162. left:-11px; top:3px;
  1163. font-family:arial; font-size:16px;
  1164. -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
  1165. z-index:99999999; }
  1166.  
  1167.  
  1168.  
  1169.  
  1170. </style>
  1171.  
  1172. <!--------------- TYPING/MOVING TITLE ----------------------->
  1173.  
  1174. <script type="text/javascript">
  1175. var rev = "fwd";
  1176. function titlebar(val)
  1177. {
  1178. var msg = "Pour toujours et à jamais";
  1179. var res = " ";
  1180. var speed = 100;
  1181. var pos = val;
  1182. msg = "Pour toujours et à jamais";
  1183. var le = msg.length;
  1184. if(rev == "fwd"){
  1185. if(pos < le){
  1186. pos = pos+1;
  1187. scroll = msg.substr(0,pos);
  1188. document.title = scroll;
  1189. timer = window.setTimeout("titlebar("+pos+")",speed);}
  1190. else{
  1191. rev = "bwd";
  1192. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  1193. else{
  1194. if(pos > 0){
  1195. pos = pos-1;
  1196. var ale = le-pos;
  1197. scrol = msg.substr(ale,le);
  1198. document.title = scrol;
  1199. timer = window.setTimeout("titlebar("+pos+")",speed);}
  1200. else{
  1201. rev = "fwd";
  1202. timer = window.setTimeout("titlebar("+pos+")",speed);
  1203. }}}
  1204. titlebar(0);
  1205. </script>
  1206.  
  1207.  
  1208. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><script>window.jQuery || document.write('<script src="http://code.jquery.com/jquery-2.0.3.min.js">\x3C/script>')</script>
  1209. <meta name="if:Enable Anon" content="0" />
  1210. {block:IfEnableAnon}
  1211. <script type="text/javascript">
  1212. var scripts = document.getElementsByTagName('script');
  1213. var myScript = scripts[ scripts.length - 1 ];
  1214. var queryString = myScript.src.replace(/^[^\?]+\??/, '');
  1215. var params = parseQuery( queryString );
  1216. function parseQuery ( query ) {
  1217. var Params = new Object ();
  1218. if ( ! query ) return Params;
  1219. var Pairs = query.split(/[;&]/);
  1220. for ( var i = 0; i < Pairs.length; i++ ) {
  1221. var KeyVal = Pairs[i].split('=');
  1222. if ( ! KeyVal || KeyVal.length != 2 ) continue;
  1223. var key = unescape( KeyVal[0] );
  1224. var val = unescape( KeyVal[1] );
  1225. val = val.replace(/\+/g, ' ');
  1226. Params[key] = val;
  1227. }
  1228. return Params;
  1229. }
  1230. $(document).ready(function() {
  1231. var ask_box = $('iframe#ask_form');
  1232. var background_color = 'white';
  1233. if (params['color'] != '') background_color = params['color'];
  1234. var current_ask_box_src = ask_box.attr('src');
  1235. var tumblr_url = current_ask_box_src.replace('http://www.tumblr.com/ask_form/', '');
  1236. ask_box.attr('src', 'http://media.pixellab.co/ka/ask_form/?tumblr_url=' + tumblr_url + '&background_color=' + background_color);
  1237. });
  1238. </script>
  1239. {/block:IfEnableAnon}
  1240.  
  1241. </head>
  1242.  
  1243.  
  1244.  
  1245.  
  1246.  
  1247.  
  1248.  
  1249. <body {block:permalinkpage}id="permalink"{/block:permalinkpage}>
  1250.  
  1251. <div id="oneout"><span class="onetitle">
  1252.  
  1253. INFO
  1254.  
  1255. </span><div id="oneout_inner">
  1256. <center>
  1257.  
  1258. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://a.tumblr.com/tumblr_m04f62Snzf1qzfp43o1.mp3&t0=1&f1=http://aadtcp.free.fr/sound/Musique/Coldplay/Coldplay%20-%20Parachutes/05%20Yellow.mp3&t1=2&f2=http://a.tumblr.com/tumblr_lb8yhaPleT1qeb5joo1.mp3&t2=3&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  1259. <br>
  1260. <script type="text/javascript" src="http://widget.supercounters.com/texthit.js"></script><script type="text/javascript">var sc_texthit_var = sc_texthit_var || [];sc_text_hit(809328,"Visits","000000");</script><br><noscript><a href="http://www.supercounters.com">Tumblr Hit Counter</a></noscript>
  1261. <br>
  1262.  
  1263. <script language="JavaScript">
  1264. var ref = (''+document.referrer+'');
  1265. var w_h = window.screen.width + " x " + window.screen.height;
  1266. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3927707&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  1267. </script> here
  1268. <br>
  1269. <script language="JavaScript" src="http://freehostedscripts.net/ocount.php?site=ID2474725&name="></script>
  1270.  
  1271.  
  1272.  
  1273. <br></center></div></div>
  1274.  
  1275.  
  1276.  
  1277.  
  1278.  
  1279.  
  1280.  
  1281. {block:ifshowcredit}
  1282. <a id="install-button" href="http://themes.thejenyuan.com"><span id="install-theme-text">Install Theme</span></a>
  1283. {/block:ifshowcredit}
  1284.  
  1285. <div id="container">
  1286.  
  1287. <div id="cover">
  1288.  
  1289. {block:iflogoimage}
  1290. <a href="/">
  1291. <img src="{image:Logo}" alt="{title}"/>
  1292. </a>
  1293. {/block:iflogoimage}
  1294.  
  1295. {block:ifnotlogoimage}
  1296. <h1><a href="/">{title}</a></h1>
  1297. {/block:ifnotlogoimage}
  1298.  
  1299. {block:ifshowsocialicons}
  1300. <div id="social">
  1301. {Block:ifURLTwitter}<a href="{text:URL Twitter}" class="twitter" target="_blank">1</a>{/Block:ifURLTwitter}{Block:ifURLFacebook}<a href="{text:URL Facebook}" class="facebook" target="_blank">2</a>{/Block:ifURLFacebook}{Block:ifURLVimeo}<a href="{text:URL Vimeo}" class="vimeo" target="_blank">3</a>{Block:ifURLVimeo}{Block:ifURLFlickr}<a href="{text:URL Flickr}" class="flickr" target="_blank">4</a>{/Block:ifURLFlickr}{Block:ifURLGooglePlus}<a href="{text:URL Google Plus}" class="google" target="_blank">5</a>{/Block:ifURLGooglePlus}{Block:ifURLYoutube}<a href="{text:URL Youtube}" class="youtube" target="_blank">u</a>{/Block:ifURLYoutube}{Block:ifURLPinterest}<a href="{text:URL Pinterest}" class="pinterest" target="_blank">6</a>{/Block:ifURLPinterest}{Block:ifURLLinkedin}<a href="{text:URL Linkedin}" class="linkedin" target="_blank">7</a>{/Block:ifURLLinkedin}{Block:ifURLDribble}<a href="{text:URL Dribble}" class="dribble" target="_blank">8</a>{/Block:ifURLDribble}{Block:ifURLStumbleupon}<a href="{text:URL Stumbleupon}" class="stumbleupon" target="_blank">9</a>{/Block:ifURLStumbleupon}{Block:ifURLSpotify}<a href="{text:URL Spotify}" class="spotify" target="_blank">=</a>{/Block:ifURLSpotify}{Block:ifURLInstagram}<a href="{text:URL Instagram}" class="instagram" target="_blank">q</a>{/Block:ifURLInstagram}{Block:ifURLBehance}<a href="{text:URL Behance}" class="behance" target="_blank">e</a>{/Block:ifURLBehance}{Block:ifURLGithub}<a href="{text:URL Github}" class="github" target="_blank">r</a>{/Block:ifURLGithub}{Block:ifURLSoundcloud}<a href="{text:URL Soundcloud}" class="soundcloud" target="_blank">t</a>{/Block:ifURLSoundcloud}
  1302. </div><!-- Social -->
  1303. {/block:ifshowsocialicons}
  1304.  
  1305. {block:description}
  1306. <div id="description">
  1307. {description}
  1308. </div>
  1309. {/block:description}
  1310.  
  1311. </div>
  1312.  
  1313. <div id="posts-container">
  1314.  
  1315. <div id="loading"></div>
  1316.  
  1317. <nav id="navigation">
  1318. {block:AskEnabled}
  1319. <li class="responsive-hide"><a href="/ask">{text:Ask Title}</a></li>
  1320. <li class="responsive-show"><a href="/ask">{text:Ask Title}</a></li>
  1321. {/block:AskEnabled}
  1322.  
  1323. {block:ifshowarchivelink}
  1324. <li><a href="/archive">{text:Archive Title}</a></li>
  1325. {/block:ifshowarchivelink}
  1326. {block:ifshowrandomlink}
  1327. <li><a href="/random">Random</a></li>
  1328. {/block:ifshowrandomlink}
  1329. {block:ifshowrsslink}
  1330. <li><a href="{RSS}">RSS</a></li>
  1331. {/block:ifshowrsslink}
  1332. {block:ifshowsearchbar}
  1333. <li><a class="click-search">Search</a></li>
  1334. {/block:ifshowsearchbar}
  1335. {block:Pages}
  1336. <li><a href="{URL}" title="{Label}">{Label}</a></li>
  1337. {/block:Pages}
  1338.  
  1339. </nav>
  1340.  
  1341. <div id="cover-overlay"></div>
  1342.  
  1343. {block:AskEnabled}
  1344. <div class="fade-ask">
  1345. <h2>{AskLabel}<a class="close">close</a></h2>
  1346. <iframe frameborder="0" border="0" src="http://www.tumblr.com/ask_form/{name}.tumblr.com"></iframe>
  1347. </div>
  1348. {/block:AskEnabled}
  1349.  
  1350.  
  1351. {block:ifshowsearchbar}
  1352. <div class="fade-search">
  1353. <form action="/search" method="get" id="search">
  1354. <input type="text" name="q" value="" placeholder="Search…"/>
  1355. <input type="submit" value="Go"/>
  1356. </form>
  1357. </div>
  1358. {/block:ifshowsearchbar}
  1359.  
  1360. <div id="fade"></div>
  1361.  
  1362. <div id="posts">
  1363.  
  1364. {block:SearchPage}
  1365. <div id="post-info">
  1366. <h3>Search results for &ldquo;{SearchQuery}&rdquo;</h3>
  1367. {block:NoSearchResults}
  1368. <p>Sorry, nothing found.</p>
  1369. {/block:NoSearchResults}
  1370. </div>
  1371. {/block:SearchPage}
  1372.  
  1373. {block:TagPage}
  1374. <div id="post-info">
  1375. <h3>Posts tagged with &lsquo;{Tag}&rsquo;</h3>
  1376. </div>
  1377. {/block:TagPage}
  1378.  
  1379. {block:Posts}
  1380.  
  1381. <article id="{PostID}" class="entry {select:Photo Hover Style}{block:HasTags}{block:Tags} {Tag}{/block:Tags}{/block:HasTags}">
  1382.  
  1383. {block:Answer}
  1384. <div class="text">
  1385. <div class="question">
  1386. <h3>{Question}</h3>
  1387. <div class="source">Asked by {Asker}</div>
  1388. </div>
  1389. {answer}
  1390. </div>
  1391. {/block:Answer}
  1392.  
  1393. {block:Chat}
  1394. <div class="text">
  1395. {block:Title}<h2>{Title}</h2>{/block:Title}
  1396. {block:Lines}
  1397. <div class="{Alt} user_{UserNumber}">
  1398. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  1399. </div>
  1400. {/block:Lines}
  1401. </div>
  1402. {/block:Chat}
  1403.  
  1404. {block:Link}
  1405. <div class="text">
  1406. <a class="link" href="{URL}">{Name}<span>.</span></a>
  1407. {block:Description}
  1408. {Description}
  1409. {/block:Description}
  1410. </div>
  1411. {/block:Link}
  1412.  
  1413. {block:Text}
  1414. <div class="text">
  1415. {block:Title}<h2>{Title}</h2>{/block:Title}
  1416. {Body}
  1417. </div>
  1418. {/block:Text}
  1419.  
  1420. {block:Quote}
  1421. <div class="text quote">
  1422. <h3>&ldquo; {Quote} &rdquo;</h3>
  1423. <div class="source">&mdash; &nbsp;&nbsp;&nbsp;{Source}</div>
  1424. </div>
  1425. {/block:Quote}
  1426.  
  1427. {block:Photo}
  1428. <div class="photo">
  1429. {block:indexpage}
  1430. <div class="like-button-fix-1">{LikeButton size="18"}</div>
  1431. <div class="like-button-fix-2">{LikeButton size="13"}</div>
  1432. <div class="photo-hover">
  1433. <a href="{permalink}" class="overlay"></a>
  1434. <div class="photo-effect-1">
  1435. <div class="photoset-grid">
  1436. <a class="lightbox-button" href="{PhotoURL-HighRes}">j</a>
  1437. </div>
  1438. <a href="{ReblogURL}" class="reblog-button">c</a>
  1439. <a class="like-button">z</a>
  1440. </div>
  1441. <div class="photo-effect-2">
  1442. {block:ifnothidephototags}
  1443. {block:HasTags}
  1444. <div class="photo-tags">
  1445. Tags: &nbsp;
  1446. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1447. </div>
  1448. {/block:HasTags}
  1449. {/block:ifnothidephototags}
  1450. <div class="photo-details">
  1451. <a href="{permalink}">{TimeAgo}</a>
  1452. <div class="photo-buttons">
  1453. <a href="{ReblogURL}">c</a>
  1454. <a class="like-button">z</a>
  1455. </div>
  1456. </div>
  1457. </div>
  1458. <img src="{PhotoURL-500}"alt="{PhotoAlt}">
  1459. </div>
  1460. {/block:indexpage}
  1461. {block:permalinkpage}
  1462. {LinkOpenTag}
  1463. <img src="{PhotoURL-HighRes}"alt="{PhotoAlt}">
  1464. {LinkCloseTag}
  1465. {/block:permalinkpage}
  1466. </div>
  1467. {/block:Photo}
  1468.  
  1469. {block:Photoset}
  1470. <div class="photo">
  1471. <div class="photoset-grid" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
  1472. {block:Photos}
  1473. <img src="{PhotoURL-HighRes}"{block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}{block:Caption}alt="{Caption}"{/block:caption}/>
  1474. {/block:Photos}
  1475. </div>
  1476. </div>
  1477. {/block:Photoset}
  1478.  
  1479. {block:Audio}
  1480. <div class="media">
  1481. {block:IndexPage}
  1482. {AudioEmbed-400}
  1483. {/block:IndexPage}
  1484. {block:permalinkpage}
  1485. {AudioEmbed-700}
  1486. {/block:permalinkpage}
  1487. </div>
  1488. {/block:Audio}
  1489.  
  1490. {block:Video}
  1491. <div class="media">
  1492. {block:IndexPage}
  1493. {VideoEmbed-400}
  1494. {/block:IndexPage}
  1495. {block:permalinkpage}
  1496. {VideoEmbed-700}
  1497. {/block:permalinkpage}
  1498. </div>
  1499. {/block:Video}
  1500.  
  1501. {block:date}
  1502. <div class="{block:Answer}text-post{/block:Answer}{block:Chat}text-post{/block:Chat}{block:Link}text-post{/block:Link}{block:Text}text-post{/block:Text}{block:Quote}text-post{/block:Quote}{block:Video}text-post{/block:Video}{block:Audio}text-post{/block:Audio}{block:Photo}{block:indexpage}photo{/block:indexpage}{block:permalinkpage}text{/block:permalinkpage}-post{/block:Photo}{block:Photoset}text-post{/block:Photoset}">
  1503.  
  1504. {block:Caption}
  1505. <div class="captions">
  1506. {Caption}
  1507. </div>
  1508. {/block:Caption}
  1509.  
  1510. <div class="details">
  1511.  
  1512. {block:ifnothideposttags}
  1513. {block:HasTags}
  1514. <div class="tags">
  1515. {block:Tags}
  1516. <a href="{TagURL}">#{Tag}</a>
  1517. {/block:Tags}
  1518. </div>
  1519. {/block:HasTags}
  1520. {/block:ifnothideposttags}
  1521.  
  1522. <a href="{permalink}">{TimeAgo}</a>
  1523.  
  1524. {block:NoteCount}
  1525. / <a href="{permalink}">{NoteCountWithLabel}</a>
  1526. {/block:NoteCount}
  1527.  
  1528. <div class="buttons">
  1529. <a href="{ReblogURL}" class="reblog-button">c</a>
  1530. <a class="like-button">{LikeButton size="13"}z</a>
  1531. </div>
  1532.  
  1533. </div>
  1534.  
  1535. </div>
  1536. {/block:date}
  1537.  
  1538. {block:PermalinkPage}
  1539. {block:date}
  1540.  
  1541. {block:IfDisqusShortname}<div class="permalink-box"><script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script><div id="disqus_thread"></div><script type="text/javascript">var disqus_identifier = {PostID};(function() {var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);})();</script><noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript></div>{/block:IfDisqusShortname}
  1542.  
  1543. {block:ifshowpostnotes}
  1544. {block:PostNotes}
  1545. <div class="permalink-box">
  1546. <h2>{NoteCountWithLabel}</h2>
  1547. {PostNotes}
  1548. </div>
  1549. {/block:PostNotes}
  1550. {/block:ifshowpostnotes}
  1551.  
  1552. {/block:date}
  1553. {/block:PermalinkPage}
  1554.  
  1555. </article><!-- entry -->
  1556.  
  1557. {/block:Posts}
  1558.  
  1559. </div><!-- Posts -->
  1560.  
  1561. <div id="pagination">
  1562.  
  1563. {block:Pagination}
  1564.  
  1565. {block:PreviousPage}
  1566. <a href="{PreviousPage}">&larr; Newer</a>
  1567. {/block:PreviousPage}
  1568.  
  1569. {block:NextPage}
  1570. <a href="{NextPage}" id="older">Older &rarr;</a>
  1571. {/block:NextPage}
  1572.  
  1573. {/block:Pagination}
  1574.  
  1575. </div>
  1576.  
  1577. </div><!-- Posts-Container -->
  1578. </div><!-- Container -->
  1579.  
  1580. <script type="text/javascript" src="http://static.tumblr.com/3zmswwt/xp7mynlws/scripts.js"></script>
  1581.  
  1582. <script type="text/javascript">
  1583.  
  1584. // Margins
  1585.  
  1586. {block:ifstickednavigationbar}$(window).scroll(function(){if ($(this).scrollTop()>$("#cover").outerHeight()){$('#navigation').addClass("stick");$("#posts-container").css("padding-top",$("#navigation").outerHeight() + "px");$(".fade-ask,.fade-submit,.fade-search").css("position","fixed")}else{$('#navigation').removeClass("stick");$("#posts-container").css("padding-top","0");$(".fade-ask,.fade-submit,.fade-search").css("position","absolute")}});{/block:ifstickednavigationbar}
  1587.  
  1588. {block:ifopenlinksinnewtab}
  1589. $('a[href^="http://"]').attr('target','_blank');
  1590. {block:ifopenlinksinnewtab}
  1591.  
  1592. // Instagram Feed
  1593.  
  1594. {block:ifinstagramid}$('#instagram-feed').embedagram({instagram_id:{text:Instagram ID}});{/block:ifinstagramid}
  1595.  
  1596. // Masonry Infinite Scrolling
  1597.  
  1598. (function (){var $K = $('#posts');$K.imagesLoaded(function (){$K.masonry({itemSelector:"#post-info,{block:indexpage}.entry{/block:indexpage}",columnWidth:".entry",isFitWidth:true})});{block:ifinfinitescrolling}$K.infinitescroll({navSelector:'#pagination',nextSelector:'#pagination a#older',itemSelector: ".entry",loading:{finishedMsg: function(){$('#infscr-loading').css("opacity", "0");}}},function(newElements){var $newElems = $(newElements).css("opacity","0").css("pointer-events","none");$("p").remove(":contains('Source:'),:contains('via ')");$('.photoset-grid').photosetGrid({highresLinks: true,rel: $('.photoset-grid').attr('data-id'),gutter: '5px',onComplete: function(){}});$('.photoset-grid').each(function() {$(this).magnificPopup({delegate: 'a',type: 'image',gallery:{enabled:true},removalDelay: 200,mainClass: 'mfp-fade'});});var $newElemsIDs = $newElems.map(function (){return this.id;}).get();$newElems.imagesLoaded(function (){$newElems.css("opacity","1").css("pointer-events","auto");$K.masonry('appended',$newElems,true);console.log($newElems,$newElemsIDs);Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);});});{/block:ifinfinitescrolling}})();
  1599.  
  1600. {block:ifGoogleAnalyticsID}var _gaq = _gaq || [];_gaq.push(['_setAccount', '{text:Google Analytics ID}']);_gaq.push(['_trackPageview']);(function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();{block:ifGoogleAnalyticsID}
  1601.  
  1602. </script>
  1603. <!-- Start of StatCounter Code for Tumblr -->
  1604. <script type="text/javascript">
  1605. var sc_project=9571925;
  1606. var sc_invisible=1;
  1607. var sc_security="53bf3dfa";
  1608. var scJsHost = (("https:" == document.location.protocol) ?
  1609. "https://secure." : "http://www.");
  1610. document.write("<sc"+"ript type='text/javascript' src='" +
  1611. scJsHost+
  1612. "statcounter.com/counter/counter.js'></"+"script>");
  1613. </script>
  1614. <noscript><div class="statcounter"><a title="hit counter for
  1615. tumblr" href="http://statcounter.com/tumblr/"
  1616. target="_blank"><img class="statcounter"
  1617. src="http://c.statcounter.com/9571925/0/53bf3dfa/1/"
  1618. alt="hit counter for tumblr"></a></div></noscript>
  1619. <!-- End of StatCounter Code for Tumblr -->
  1620.  
  1621. </body>
  1622.  
  1623. <script language="JavaScript">
  1624. // FHS Tumblr follower counter and tracker
  1625. var height = '26';
  1626. document.write('<script language="JavaScript" src="http://tc.freehostedscripts.net/tcounter.php?url=jasun.me&name=Followers&s=1&h=' + height + '"><\/script>');
  1627. </script>
  1628.  
  1629. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!