API tools faq
paste
Advertisement
feiinho

VOID by THEMECLOSET

feiinho
Jan 4th, 2015
665
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" class="ssessi">
  3.  
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <meta charset="utf-8">
  7.  
  8. <title>{Title}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  9.  
  10. <!--
  11. ==========================================================
  12.  
  13. VOID
  14. BY THEMECLOSET
  15.  
  16. ==========================================================
  17.  
  18. AUTHOR : YONGJU / YONGJU.CO.KR
  19. PUBLISHER : THEMECLOSET
  20. ALL RIGHTS RESERVED BY AUTHOR AND PUBLISHER
  21. PUBLISHED : MAY 30TH 2013
  22. LAST UPDATED : MAY 30TH 2014
  23. CURRENT VERSION : 1.0.0
  24. COPYRIGHTED OPEN SOURCES ARE DECLORED BY STATEMENT
  25.  
  26. This content contains material protected under International and Federal Copyright Laws and Treaties. Any unauthorized reprint or use of this material is prohibited. No part of this content may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage and retrieval system without express written permission from the author / publisher.
  27.  
  28. ==========================================================
  29.  
  30. @2013-2014 THEMECLOSET / ALL RIGHTS RESERVED
  31. CHECK README FILE TO LEARN MORE
  32. FEEDBACK IS WELCOME / @ DYDWN600@NAVER.COM
  33.  
  34. jQuery Colorbox v1.4.14 - 2013-04-16
  35. (c) 2013 Jack Moore - jacklmoore.com/colorbox
  36. license: http://www.opensource.org/licenses/mit-license.php
  37.  
  38. UItoTop jQuery Plugin 1.1
  39. http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
  40.  
  41. Infinite Scroll
  42. + https://github.com/paulirish/infinite-scroll
  43. + version 2.0b2.120519
  44. + Copyright 2011/12 Paul Irish & Luke Shumard
  45. + Licensed under the MIT license
  46. + Documentation: http://infinite-scroll.com/
  47.  
  48. jQuery Masonry v2.0.110825 & Images_Loaded
  49. * A dynamic layout plugin for jQuery
  50. * The flip-side of CSS Floats
  51. * http://masonry.desandro.com
  52. * Licensed under the MIT license.
  53. * Copyright 2011 David DeSandro
  54.  
  55. jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
  56. * Uses the built in easing capabilities added In jQuery 1.1
  57. * to offer multiple easing options
  58.  
  59. Modernizr 2.7.1 (Custom Build)
  60. * MIT & BSD
  61.  
  62. enquire.js v2.0.2 - Awesome Media Queries in JavaScript
  63. * Copyright (c) 2013 Nick Williams - http://wicky.nillia.ms/enquire.js
  64.  
  65. numeral.js
  66. * version : 1.5.3
  67. * author : Adam Draper
  68. * license : MIT
  69. * http://adamwdraper.github.com/Numeral-js/
  70.  
  71. CSS Browser Selector 1.0
  72. * Originally written by Rafael Lima (http://rafael.adm.br)
  73. * http://rafael.adm.br/css_browser_selector
  74. * License: http://creativecommons.org/licenses/by/2.5/
  75.  
  76. ==========================================================
  77. -->
  78.  
  79.  
  80.  
  81. <link rel="shortcut icon" href="{Favicon}" />
  82. <meta name="viewport" id="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, height=device-height,target-densityDpi=device-dpi">
  83. <script>
  84. (function(doc) {
  85. var viewport = document.getElementById('viewport');
  86. if ( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) {
  87. doc.getElementById("viewport").setAttribute("content", "{block:indexpage}width=514{/block:indexpage}{block:permalinkpage}width=534{/block:permalinkpage}");
  88. }
  89. else if ( navigator.userAgent.match(/iPad/i) ) {
  90. doc.getElementById("viewport").setAttribute("content", "{block:indexpage}width=930{/block:indexpage}{block:permalinkpage}width=1150{/block:permalinkpage}");
  91. }
  92. }
  93. (document));
  94. </script>
  95.  
  96. {block:IfGoogleAnalyticsWebPropertyID}
  97. <script>
  98. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  99. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  100. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  101. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  102. ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  103. ga('send', 'pageview');
  104. </script>
  105. {/block:IfGoogleAnalyticsWebPropertyID}
  106.  
  107.  
  108. <meta name="text:Google analytics Web Property ID" content="">
  109. <meta name="google" value="notranslate" />
  110.  
  111.  
  112. <link rel="shortcut icon" href="{Favicon}">
  113. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  114. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  115. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  116.  
  117.  
  118. <meta name="color:Default Color" content="#cccccc" />
  119. <meta name="color:Point Color" content="#888888" />
  120. <meta name="color:Select Color" content="#79e2d4" />
  121. <meta name="color:Background" content="#efefef" />
  122. <meta name="color:Post Border" content="#efefef" />
  123. <meta name="color:Post Background" content="#ffffff" />
  124. <meta name="color:Navi Background" content="#ffffff" />
  125.  
  126. <meta name="color:Title" content="#000000" />
  127. <meta name="color:Menus" content="#aeaeae" />
  128. <meta name="color:Description" content="#cbcbcb" />
  129. <meta name="color:Menu Border" content="#efefef" />
  130. <meta name="color:Socials" content="#aeaeae" />
  131. <meta name="color:Menu Background" content="#ffffff" />
  132.  
  133. <meta name="if:Use Ask Button" content="1" />
  134. <meta name="if:Use Archive Button" content="1" />
  135. <meta name="if:Use Black Navigation" content="0">
  136. <meta name="if:Use Light Box" content="1" />
  137. <meta name="if:Use Ask Button" content="1" />
  138. <meta name="if:Use Archive Button" content="1" />
  139. <meta name="if:Use Image Border" content="1" />
  140. <meta name="if:Use Home Button" content="1" />
  141. <meta name="if:Open Links In New Windows" content="1" />
  142.  
  143.  
  144. <meta name="font:Title" content="Lorimer No 2" />
  145.  
  146.  
  147. <meta name="image:Logo" content="" />
  148. <meta name="image:Background" content="" />
  149.  
  150.  
  151.  
  152.  
  153. <meta name="if:Use Caption" content="0" />
  154.  
  155.  
  156. <meta name="text:Link 1 Name" content="" />
  157. <meta name="text:Link 1 URL" content="" />
  158. <meta name="text:Link 2 Name" content="" />
  159. <meta name="text:Link 2 URL" content="" />
  160. <meta name="text:Link 3 Name" content="" />
  161. <meta name="text:Link 3 URL" content="" />
  162. <meta name="text:Link 4 Name" content="" />
  163. <meta name="text:Link 4 URL" content="" />
  164.  
  165.  
  166. <meta name="text:YouTube URL" content="" />
  167. <meta name="text:Twitter URL" content="" />
  168. <meta name="text:Pinterest URL" content="" />
  169. <meta name="text:LinkedIn URL" content="" />
  170. <meta name="text:Instagram ID" content="" />
  171.  
  172.  
  173.  
  174. <meta property=”og:title” content=”{title}”>
  175. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  176.  
  177.  
  178. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  179. <script type="text/javascript" src="http://static.tumblr.com/nx9ubj4/AxRn3ly80/masonry.pkgd.min.js">
  180. </script>
  181. </script><script type="text/javascript" src="http://themecloset.me/js/images_loaded_generals.js">
  182. </script>
  183. <script type="text/javascript" src="http://static.tumblr.com/e9idgxw/A6nn2fcbx/css_browser_selector.js"></script>
  184. <script src="http://static.tumblr.com/nx9ubj4/bE4n3idnf/modernizr.custom.67870.js"></script>
  185. <script src="http://static.tumblr.com/nx9ubj4/Q7fn3kxi1/jquery.infinitescroll.js"></script>
  186. <script type="text/javascript" src="http://static.tumblr.com/glziqhp/adXmqbmis/enquire.min.js"></script>{block:permalinkpage}
  187. <script src="http://static.tumblr.com/nx9ubj4/n9un3l28k/numeral.js"></script>{/block:permalinkpage}
  188. <script src="http://static.tumblr.com/22rx6wh/oksn1gulm/colorbox.js"></script>
  189. <link rel="stylesheet" href="http://yongjutheme.com/colorbox.css" />
  190.  
  191. <link href='http://fonts.googleapis.com/css?family=Lato|Nunito|Open+Sans:300italic,400italic,400,300' rel='stylesheet' type='text/css'>
  192. <link href='http://themecloset.me/fonts/one/styles.css' rel='stylesheet' type='text/css'>
  193. <div id="fb-root"></div>
  194. <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
  195.  
  196. <script>(function(d, s, id) {
  197. var js, fjs = d.getElementsByTagName(s)[0];
  198. if (d.getElementById(id)) return;
  199. js = d.createElement(s); js.id = id;
  200. js.src = "//connect.facebook.net/us_US/all.js#xfbml=1";
  201. fjs.parentNode.insertBefore(js, fjs);
  202. }(document, 'script', 'facebook-jssdk'));
  203. !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');$(document).ready(function () {$('.divs').fadeIn();});
  204. $(document).ready(function(){$(".iframe").colorbox({iframe:true,width:"500px",height:"210px"});$("#click").click(function(){$("#click").css({"background-color":"#f00",color:"#fff",cursor:"inherit"}).text("Open this window again and this message will still be here.");return false})});$(window).load(function(){$('#dvLoading').fadeOut(300);});
  205. </script>
  206. <!--[if IE 7]>
  207. <style>
  208. body{display:none}
  209. </style>
  210. <script>var url="http://themecloset.me/support/ie8";$(location).attr('href',url);
  211. </script>
  212. <![endif]-->
  213. <!--[if IE 8]>
  214. <style>
  215. body{display:none}
  216. </style>
  217. <script>var url="http://themecloset.me/support/ie8";$(location).attr('href',url);
  218. </script>
  219. <![endif]-->
  220.  
  221. <!-- HTML5 Shiv -->
  222. <!--[if lt IE 9]>
  223. <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  224. <![endif]-->
  225. <script>
  226. document.write("<style>#pagination{clear:both; position:absolute; top:-3333px;</style>}");
  227. </script>
  228. <script>
  229. var ua = navigator.userAgent,
  230. doc = document.documentElement;
  231.  
  232. if ((ua.match(/MSIE 10.0/i))) {
  233. doc.className = doc.className + " ie10";
  234.  
  235. } else if((ua.match(/rv:11.0/i))){
  236. doc.className = doc.className + " ie11";
  237. }
  238. </script>
  239. <style>
  240. #cboxLoadedContent, #colorbox, #cboxOverlay, #cboxWrapper{overflow:hidden !important}
  241. /** General Css**/
  242. #infscr-loading{display:none !important}
  243. body{
  244. {block:ifnotbackgroundimage}
  245. background-color:{color:background}
  246. ;{/block:ifnotbackgroundimage}
  247. {block:ifbackgroundimage}
  248. background-image:url('{image:background}');
  249. {/block:ifbackgroundimage}
  250. }
  251. a {color:{color:point color}}
  252. #content{margin:auto}
  253. body{margin:auto;overflow-x:hidden;margin-left:-10px;font-family:open sans; font-size:8pt; color:{color:Default color}; margin-top:-10px;}
  254. .pop{line-height:13pt;font-size:8pt;}
  255. .win .pop {font-family:arial !important}
  256. .pop{padding:20px;padding-bottom:15px;background-color:{color:post background};}
  257. li{list-style:none}{block:indexpage}
  258. .post{width:250px;margin:10px;margin-top:0px;{block:indexpage}margin-bottom:20px;{block:indexpage}overflow:hidden;}
  259. .aud{width:250px !important;height:250px !important;}{/block:indexpage}
  260.  
  261. #scrolls::-webkit-scrollbar-thumb:vertical {background-color: #efefef; height:10px;}
  262. #scrolls::-webkit-scrollbar { height:10px; width:8px; background-color: #efefef;}
  263. #scrolls::-webkit-scrollbar-thumb{background-color:{color:point color}}
  264. .like_toggles {display: none;}
  265. #pagination li{list-style:none}
  266. .pop iframe {width:100%}
  267. #navigation { clear: both; margin-top:-30000px;}
  268. .scrollup{
  269. width:31px;
  270. height:31px;
  271. opacity:0.8;
  272. z-index: 39212302;
  273. position:fixed;
  274. bottom:30px;
  275. right:30px;
  276. display:none;
  277. text-indent:-9999px;
  278. background: url('http://static.tumblr.com/22rx6wh/Ayqmvqc68/image.png') no-repeat; background-size: 30px; }
  279. /** General Css**/
  280.  
  281.  
  282.  
  283. .navigation{display:none}
  284.  
  285.  
  286. /** post navi**/
  287.  
  288. .nav li{
  289. float:left;
  290. padding-left:3px;padding-right:3px;
  291. position:relative;left:-30px;
  292. }
  293. .nav{position:relative;position:relative;top:-3px;border-top:1px solid {color:post border};padding-top:10px;margin-top:3px;height:25px;margin-bottom:-3px;}
  294. .photo_nav_caption .nav{margin-top:-18px;}
  295. .video_nav_caption .nav{margin-top:-4px;}
  296. .photoset_nav_caption .nav{margin-top:9px;}
  297. .nav a{{block:ifnotuseblacknavigation}color:#cccccc;{/block:ifnotuseblacknavigation}{block:ifuseblacknavigation}color:#767676;{/block:ifuseblacknavigation};}
  298. .nav .linky{{block:ifnotuseblacknavigation}color:#cccccc;{/block:ifnotuseblacknavigation}{block:ifuseblacknavigation}color:#000000;{/block:ifuseblacknavigation};font-size:11pt;position:relative;top:-1px;}
  299. .nav li:nth-child(4){color:#aeaeae;font-size:11pt;position:relative;top:0px;font-size:8pt;font-weight:400;margin-right:-5px;}
  300. html{display:none;} /** post navi**/
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.  
  309. /** Add-ons **/
  310. blockquote {
  311. border-left: 1.5px solid {color:Select Color};
  312. padding-left:8px;
  313. position:relative;
  314. left:-25px;
  315. }
  316. ::selection {
  317. background:{color:Select Color}
  318. ;}
  319. ::-moz-selection {
  320. background:{color:Select Color}
  321. ; }
  322. /** Add-ons **/
  323.  
  324.  
  325.  
  326.  
  327.  
  328.  
  329. /** Picture navi**/
  330. .overing{position:absolute;z-index:9999; top:50%;margin-top:-15px;margin-left:-7px;width:100%;}
  331. .post .overing{opacity:0; -webkit-transition: opacity 0.2s 0s ease-in-out;
  332. -moz-transition: opacity 0.2s 0s ease-in-out;
  333. -o-transition: opacity 0.2s 0s ease-in-out;
  334. -ms-transition: opacity 0.2s 0s ease-in-out;
  335. transition: opacity 0.2s 0s ease-in-out;}
  336. .post:hover .overing{opacity:1; -webkit-transition: opacity 0.2s 0s ease-in-out;
  337. -moz-transition: opacity 0.2s 0s ease-in-out;
  338. -o-transition: opacity 0.2s 0s ease-in-out;
  339. -ms-transition: opacity 0.2s 0s ease-in-out;
  340. transition: opacity 0.2s 0s ease-in-out;}
  341. .overing li{float:left;background-color:rgba(179, 179, 179, 0.5)}
  342. .overing li{width:30px;height:30px;border:1px solid {block:ifnotuseblacknavigation}color:#ffffff;{/block:ifnotuseblacknavigation}{block:ifuseblacknavigation}color:#000000;{/block:ifuseblacknavigation};border-radius:40px;margin-left:7px;margin-right:7px;}
  343. .overing li iframe{position:relative;top:8px;left:8px;}
  344. .overing li .reblog{position:relative;top:8px;left:8px;}
  345. .overing li:before{position:relative;top:6px;left:9px;}
  346.  
  347. .post .overing li:first-child{margin-top:40px;-webkit-transition: margin-top 0.2s 0s ease-in-out;
  348. -moz-transition: margin-top 0.2s 0s ease-in-out;
  349. -o-transition: margin-top 0.2s 0s ease-in-out;
  350. -ms-transition: margin-top 0.2s 0s ease-in-out;
  351. transition: margin-top 0.2s 0s ease-in-out;}
  352. .post:hover .overing li:first-child{margin-top:0px;-webkit-transition: margin-top 0.2s 0s ease-in-out;
  353. -moz-transition: margin-top 0.2s 0s ease-in-out;
  354. -o-transition: margin-top 0.2s 0s ease-in-out;
  355. -ms-transition: margin-top 0.2s 0s ease-in-out;
  356. transition: margin-top 0.2s 0s ease-in-out;}
  357. .small{position:absolute;}
  358. .post .overing li:nth-child(2){margin-top:30px;-webkit-transition: margin-top 0.2s 0s ease-in-out;
  359. -moz-transition: margin-top 0.2s 0s ease-in-out;
  360. -o-transition: margin-top 0.2s 0s ease-in-out;
  361. -ms-transition: margin-top 0.2s 0s ease-in-out;
  362. transition: margin-top 0.2s 0s ease-in-out;}
  363. .post:hover .overing li:nth-child(2){margin-top:0px;-webkit-transition: margin-top 0.2s 0s ease-in-out;
  364. -moz-transition: margin-top 0.2s 0s ease-in-out;
  365. -o-transition: margin-top 0.2s 0s ease-in-out;
  366. -ms-transition: margin-top 0.2s 0s ease-in-out;
  367. transition: margin-top 0.2s 0s ease-in-out;}
  368.  
  369. .post .overing li:nth-child(3){margin-top:20px;-webkit-transition: margin-top 0.2s 0s ease-in-out;
  370. -moz-transition: margin-top 0.2s 0s ease-in-out;
  371. -o-transition: margin-top 0.2s 0s ease-in-out;
  372. -ms-transition: margin-top 0.2s 0s ease-in-out;
  373. transition: margin-top 0.2s 0s ease-in-out;}
  374. .post:hover .overing li:nth-child(3){margin-top:0px;-webkit-transition: margin-top 0.2s 0s ease-in-out;
  375. -moz-transition: margin-top 0.2s 0s ease-in-out;
  376. -o-transition: margin-top 0.2s 0s ease-in-out;
  377. -ms-transition: margin-top 0.2s 0s ease-in-out;
  378. transition: margin-top 0.2s 0s ease-in-out;}
  379. .post .overing li:nth-child(4){margin-top:10px;-webkit-transition: margin-top 0.2s 0s ease-in-out;
  380. -moz-transition: margin-top 0.2s 0s ease-in-out;
  381. -o-transition: margin-top 0.2s 0s ease-in-out;
  382. -ms-transition: margin-top 0.2s 0s ease-in-out;
  383. transition: margin-top 0.2s 0s ease-in-out;}
  384. .post:hover .overing li:nth-child(4){margin-top:0px;-webkit-transition: margin-top 0.2s 0s ease-in-out;
  385. -moz-transition: margin-top 0.2s 0s ease-in-out;
  386. -o-transition: margin-top 0.2s 0s ease-in-out;
  387. -ms-transition: margin-top 0.2s 0s ease-in-out;
  388. transition: margin-top 0.2s 0s ease-in-out;}
  389. .overing a{{block:ifnotuseblacknavigation}color:#ffffff;{/block:ifnotuseblacknavigation}{block:ifuseblacknavigation}color:#000000;{/block:ifuseblacknavigation}text-decoration:none;}
  390. /** Picture Css**/
  391.  
  392.  
  393. /** Post style !important**/
  394. .chats li{display:block}
  395. .chats{padding-top:14px;}
  396. .chats li:nth-child(odd) {background-color:{color:point color};list-style:none;padding:10px;border-radius:4px;color:#fff;}
  397. .chats li:nth-child(even) {background-color:{color:post background};list-style:none;padding:10px;}
  398. posttitle, posttitle a{color:{color:point color};font-weight:600;font-size:10pt;}
  399. .quote posttitle{position:relative;top:8px;}
  400. body #container{
  401. opacity: 0;
  402. -webkit-transition: opacity 0.2s ease-in;
  403. -moz-transition: opacity 0.2s ease-in;
  404. -o-transition: opacity 0.2s ease-in;
  405. -ms-transition: opacity 0.2s ease-in;
  406. transition: opacity 0.2s ease-in;
  407. }
  408. body #container.load {
  409. opacity: 1;
  410. }
  411. .aud_player{width:40px;height:40px;background-color:#fff;border-radius:25px;position:absolute;{block:indexpage}top:105px;left:105px;{/block:indexpage}{block:permalinkpage}display:none;{/block:permalinkpage}}
  412. .aud_content{width:20px;height:20px;overflow:hidden;position:relative;top:7px;left:7px;}
  413.  
  414. /** Post style !important**/
  415.  
  416. /** Fixed**/
  417. .overing{-webkit-font-smoothing: antialiased;}
  418. /** Fixed**/
  419.  
  420.  
  421. /** Permalinkpage **/
  422.  
  423. {block:permalinkpage}
  424. #content{margin-top:20px;max-width:1150px;margin:auto;}
  425. .dsds:before{cursor:pointer}
  426. #content{max-width:800px !important;margin:auto;}
  427. li.more_notes_link_container{border-top:1px solid #efefef; padding-top:7px;width:100%;margin-top:10px;}
  428. .post .chats, .post .link, .post .text, .post .quote{width:500px !important;margin-top:0px;margin-bottom:15px;}
  429. .aud{width:500px !important;height:500px !important;}
  430. .photo, .audio, .photoset, .video, .chats, .link, .text, .quote{padding-bottom:20px;margin-right:20px;} .photoset{margin-right:10px;}
  431.  
  432. .divs div{float:left} .block{display:block} .block img{float:left;margin-right:3px;margin-bottom:3px;width:17px;} .block ol li:last-child{display:none} .conts .halo{display:none}.conts:hover .halo{display:block} .postn{font-family:open sans; line-height:14pt;font-size:8pt;} .postn img{position:relative;top:3px;padding-right:6px;} .conts{position:relative;top:1px;position:relative;} .pointer{border-left:1px solid #efefef;border-bottom:1px solid #ccc;width:6px;background-color:#fff;
  433. behavior:url(-ms-transform.htc);
  434. -moz-transform:rotate(45deg);
  435. -webkit-transform:rotate(45deg);
  436. -o-transform:rotate(45deg);
  437. -ms-transform:rotate(45deg);height:6px;position:absolute;top:16px;margin-left:27px;}.borders{width:250px;background-color:#fff;border:1px solid #cccccc;position:absolute;top:0px;font-size:8pt;padding:5px;margin-left:30px;border-radius:5px;padding-bottom:15px;padding-top:15px;padding-right:15px;} .divs{width:300px;font-size:10pt;background-color:{color:background}}
  438. .postn li{width:500px;border-top:1px solid #efefef;padding-bottom:6px;padding-top:6px;color:{color:default color};}
  439. .postn li:last-child{width:200px;border-top:1px solid #efefef;padding-bottom:6px;padding-top:6px;}
  440. .postn{position:relative;left:-23px;padding-top:15px;}
  441. .socials span{float:left}
  442. .results{font-family:open sans}
  443. .firefox .conts2{margin-left:-20px !important}
  444. .firefox .halo{top:-15px !important;}
  445. .ie .halo{top:-15px !important;}
  446. .ie11 .halo{top:-15px !important;}
  447.  
  448. .win postn{font-family:arial !important}
  449. img a {border:0/9;border:none/9;text-decoration:none}
  450. a img {border:0/9;border:none/9;text-decoration:none;}
  451. img {border:0/9;border:none/9;text-decoration:none;}
  452. li img{border-style:none}
  453. .post, .divs{float:left}
  454. {/block:permalinkpage}
  455. /** Permalinkpage **/
  456.  
  457.  
  458.  
  459. /** mobile error **/
  460. .notmobile{display:inline}
  461. .mobileso{display:none}
  462. .photowidth{width:500px;}{block:permalinkpage}
  463. body{margin-top:40px;}{/block:permalinkpage}
  464. @media only screen and (min-device-width: 900px){#container{position:relative;left:5px;}}
  465. @media only screen and (min-device-width: 0px) and (max-device-width: 560px) { body{font-family:arial;margin-left:4px;{block:permalinkpage}position:relative; left:25px;{/block:permalinkpage}}{block:indexpage}
  466. .post{width:500px !important; overflow:hidden;}{/block:indexpage}
  467. .notmobile{display:none}
  468. .photowidth{width:300px;}
  469. nav .socials{font-size:21pt !important;}
  470. .aud{width:500px !important;height:500px !important;}
  471. .mobileso{display:inline}
  472. .nav_hide{display:none}
  473. .nav_hide li{display:none}
  474. .nav_hide li iframe{display:none}
  475. .aud_player{left:220px;top:220px;width:60px;height:60px;border-radius:80px;}
  476. .aud_content{top:18px;left:15px;}
  477. nav.post{width:460px !important;}
  478. .kors{margin-top:9px !important}
  479. .nav .linky{position:relative;top:-1px;}
  480. .nav{font-size:9pt;}
  481. .overing{display:none}
  482. mini{display:none}
  483. body{margin-top:-11px;margin-left:-3px;}
  484. .last{font-size: 10pt !important}
  485. }{block:permalinkpage}
  486. #container{margin-top:-26px !important}{/block:permalinkpage}
  487. /** mobile error **/
  488.  
  489.  
  490. .win.safari .safarifix{position:relative;top:8px;left:8px;}
  491. /** custom Css**/
  492. {customcss}
  493. /** custom Css**/
  494.  
  495. /** Nav Css**/
  496. nav.post {width:210px; padding:20px;padding-bottom:25px;text-align:center; background-color:{color:menu background};}
  497. nav li:first-child{font-size:25pt; font-family:{font:title}; color:{color:title};display:block;position:relative;left:-4px;margin-bottom:10px;padding-bottom:15px;margin-bottom:15px;}
  498. nav li{font-size:7.5pt; padding-left:8px;padding-right:8px;display:inline; color:{color:menus};}
  499. nav li a{color:{color:menus}}
  500. nav li:first-child a{color:{color:title}}
  501. nav li.last{font-size:7.7pt; line-height:13pt; color:{color:description}; display:block;}
  502. #content{margin-top:20px;}
  503. {block:permalinkpage}
  504. #content{margin-top:39px;}
  505. {/block:permalinkpage}
  506. nav li.last{position:relative; top:18px;}
  507. html{min-height:108%;}
  508. nav .socials{margin-top:35px;font-size:12pt;letter-spacing:4pt;border-top:1px solid {color:menu border}; padding-top:20px;}
  509. /** Nav Css**/
  510.  
  511.  
  512. /** Socials Css**/
  513. .youtube:hover{color:#e34f4f;-webkit-transition: color 0.2s 0s ease-in-out;
  514. -moz-transition: color 0.2s 0s ease-in-out;
  515. -o-transition: color 0.2s 0s ease-in-out;
  516. -ms-transition: color 0.2s 0s ease-in-out;
  517. transition: color 0.2s 0s ease-in-out;}
  518.  
  519.  
  520. .twitter:hover{color:#6ec7ff;-webkit-transition: color 0.2s 0s ease-in-out;
  521. -moz-transition: color 0.2s 0s ease-in-out;
  522. -o-transition: color 0.2s 0s ease-in-out;
  523. -ms-transition: color 0.2s 0s ease-in-out;
  524. transition: color 0.2s 0s ease-in-out;}
  525. .pinterest:hover{color:#f26161;-webkit-transition: color 0.2s 0s ease-in-out;
  526. -moz-transition: color 0.2s 0s ease-in-out;
  527. -o-transition: color 0.2s 0s ease-in-out;
  528. -ms-transition: color 0.2s 0s ease-in-out;
  529. transition: color 0.2s 0s ease-in-out;}
  530. .linked:hover{color:#686868;-webkit-transition: color 0.2s 0s ease-in-out;
  531. -moz-transition: color 0.2s 0s ease-in-out;
  532. -o-transition: color 0.2s 0s ease-in-out;
  533. -ms-transition: color 0.2s 0s ease-in-out;
  534. transition: color 0.2s 0s ease-in-out;}
  535.  
  536. .insta:hover{color:#bd8100;-webkit-transition: color 0.2s 0s ease-in-out;
  537. -moz-transition: color 0.2s 0s ease-in-out;
  538. -o-transition: color 0.2s 0s ease-in-out;
  539. -ms-transition: color 0.2s 0s ease-in-out;
  540. transition: color 0.2s 0s ease-in-out;}
  541.  
  542.  
  543. nav .socials a{color:{color:socials};-webkit-transition: color 0.2s 0s ease-in-out;
  544. -moz-transition: color 0.2s 0s ease-in-out;
  545. -o-transition: color 0.2s 0s ease-in-out;
  546. -ms-transition: color 0.2s 0s ease-in-out;
  547. transition: color 0.2s 0s ease-in-out;}
  548. /** Socials Css**/
  549.  
  550.  
  551. #dvLoading
  552. {
  553. background:transparent url('http://static.tumblr.com/4ubt402/2e7n3m9f2/8-3.gif') no-repeat center center;
  554. height: 24px;
  555. width: 24px;
  556. position: fixed;
  557. z-index: 1000;
  558. left: 50%;
  559. top: 50%;
  560. margin: -7px 0 0 -7px;
  561. }
  562. a{text-decoration:none}
  563. {block:ifuseimageborder}
  564. #post-border{padding:10px;background-color:{color:Post Background}}
  565. {/block:ifuseimageborder}
  566.  
  567. </style>
  568. <script type="text/javascript">$(document).ready(function(){setTimeout(function(){window.scroll(0,1)},50);setTimeout(function(){window.scroll(0,2)},75);setTimeout(function(){window.scroll(0,1)},105);setTimeout(function(){window.scroll(0,2)},125);setTimeout(function(){window.scroll(0,0)},145);setTimeout(function(){window.scroll(0,1)},155);setTimeout(function(){window.scroll(0,0)},245)});</script>
  569.  
  570. <div id="dvLoading"></div>
  571.  
  572. </head>
  573. <body>
  574.  
  575. <div id="container">
  576.  
  577. <div id="content">
  578.  
  579. <!--- nav ---->
  580. {block:indexpage}
  581. <nav class="post">
  582. <li>{block:ifnotlogoimage}<a href="/">{title}</a>{/block:ifnotlogoimage} {block:iflogoimage}<img src="{image:logo}">{/block:iflogoimage}
  583.  
  584. </li>
  585. {block:ifusehomebutton}<li><a href="/">Home</a></li>{block:ifusehomebutton}
  586. {block:ifuseaskbutton}
  587. <li><a class='iframe' id="ask_form" href="http://www.tumblr.com/ask_form/{name}.tumblr.com">Ask</a></li>{/block:ifuseaskbutton}{block:ifusearchivebutton}
  588. <li><a href="/archive" {block:ifopenlinksinnewwindows}target="_blank"{/block:ifopenlinksinnewwindows}>Archive</a></li>{/block:ifusearchivebutton}
  589.  
  590. {block:iflink1name}<li>
  591. <a href="{text:link 1 URL}" {block:ifopenlinksinnewwindows}target="_blank"{/block:ifopenlinksinnewwindows}>
  592. {text:Link 1 Name}
  593. </a>
  594. </li>{/block:iflink1name}
  595. {block:iflink2name}<li>
  596. <a href="{text:link 2 URL}" {block:ifopenlinksinnewwindows}target="_blank"{/block:ifopenlinksinnewwindows}>
  597. {text:Link 2 Name}
  598. </a>
  599. </li>{/block:iflink2name}
  600. {block:iflink3name}<li>
  601. <a href="{text:link 3 URL}" {block:ifopenlinksinnewwindows}target="_blank"{/block:ifopenlinksinnewwindows}>
  602. {text:Link 3 Name}
  603. </a>
  604. </li>{/block:iflink3name}
  605.  
  606. {block:iflink4name}<li>
  607. <a href="{text:link 4 URL}" {block:ifopenlinksinnewwindows}target="_blank"{/block:ifopenlinksinnewwindows}>
  608. {text:Link 4 Name}
  609. </a>
  610. </li>{/block:iflink4name}
  611. {block:description}
  612. <li style="margin-bottom:15px;" class="last">{description}</li>{/block:description}
  613. <div class="socials">
  614. {block:ifyoutubeURL} <a href="{text:youtube url}" data-icon="j" class="youtube"></a>{/block:ifyoutubeURL}
  615. {block:iftwitterurl}<a href="{text:twitter url}" data-icon="r" class="twitter"></a>{/block:iftwitterurl}
  616. {block:ifpinterestURL} <a href="{text:pinterest URL}" data-icon="y" class="pinterest"></a>{/block:ifpinterestURL}
  617. {block:iflinkedinurl} <a href="{text:Linkedin URL}"> <a href="{text:linkedin URL}" data-icon="s" class="linked"></a>{block:iflinkedinurl}
  618. {block:ifinstagramID} <a href="{text:instagram ID}" data-icon="x" class="insta"></a>{/block:ifinstagramID}
  619. </div>
  620. </nav>
  621. {/block:indexpage}
  622. <!--- nav ---->
  623.  
  624.  
  625.  
  626.  
  627.  
  628. {block:Posts}
  629.  
  630. <div class="post infscr {block:photo}photo_nav_caption{/block:photo} {block:photoset}photoset_nav_caption{/block:photoset} {block:video}video_nav_caption{/block:video}" id="{PostID}">
  631. {block:Text}
  632. <li class="text pop">
  633. {block:Title}<posttitle>
  634. <a href="{Permalink}" {block:ifopenlinksinnewwindows}target="_blank"{/block:ifopenlinksinnewwindows}>{Title}</a></posttitle>
  635. {/block:Title}{Body}
  636. </li>
  637. {/block:Text}
  638. {block:Answer}
  639. <li class="text pop"><posttitle>
  640. {Asker} : {Question}</posttitle>
  641. {Answer}
  642. </li>
  643. {/block:Answer}
  644. {block:Photo}
  645. <li class="photo" style="{block:indexpage}{block:ifusecaption}padding-bottom:20px;{/block:ifusecaption};{/block:indexpage}margin-bottom:-3px;">
  646. <div class="small" id="post-border"><a href="{permalink}" {block:ifopenlinksinnewwindows}target="_blank"{/block:ifopenlinksinnewwindows}><img src="{block:indexpage}{PhotoURL-250}{/block:indexpage}{block:permalinkpage}{PhotoURL-highres}{/block:permalinkpage}" alt="{PhotoAlt}"{block:indexpage} style="width:100%"{/block:indexpage}{block:permalinkpage}style="width:500px;"{/block:permalinkpage} class="small"></a></div>
  647. {block:indexpage} {block:ifusecaption}
  648. {block:Caption}
  649. <div class="caption pop" style="margin-top:-24px;margin-bottom:-13px"><span style="position:relative;top:-3px;">{Caption}</span></div>
  650. {/block:Caption}{/block:ifusecaption}
  651. </li>
  652. {block:ifnotusecaption}<ol class="overing" style="margin-left:17px;{block:ifuselightbox}margin-left:-4px;{/block:ifuselightbox}">
  653. <li>{block:ifnotuseblacknavigation}{likebutton size="14" color="white"}{/block:ifnotuseblacknavigation}{block:ifuseblacknavigation}{likebutton size="14" color="black"}{/block:ifuseblacknavigation}</li>
  654. <li><span class="reblog">{block:ifnotuseblacknavigation}<div class="safarifix">{reblogbutton size="14" color="white"}</div>{/block:ifnotuseblacknavigation}{block:ifuseblacknavigation}{reblogbutton size="14" color="black"}{/block:ifuseblacknavigation}</span></li>
  655. <li style="font-size:9pt;font-family:themecloset"><span style="position:relative;top:8px;left:9px;"><a href="{permalink}" {block:ifopenlinksinnewwindows}target="_blank"{/block:ifopenlinksinnewwindows}>e</a></span></li>{block:ifuselightbox}
  656. <li style="font-size:9pt;font-family:themecloset"><span style="position:relative;top:8px;left:9px;"><a class='inline' href="#inline_content{postID}">f</a></span></li>{/block:ifuselightbox}
  657. </ol>{/block:ifnotusecaption}{/block:indexpage}
  658. {/block:Photo}{block:Panorama}
  659. <li class="panorama">
  660. {LinkOpenTag}
  661. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  662. {LinkCloseTag}{block:Caption}
  663. <div class="caption">{Caption}</div>
  664. {/block:Caption}
  665. </li>
  666. {/block:Panorama}{block:Photoset}
  667. <li class="photoset">
  668. {block:indexpage}<div class="notmobile">
  669. {Photoset-250}</div><div class="mobileso">{Photoset-500}</div>{/block:indexpage}
  670. {block:permalinkpage}
  671. {Photoset-500}{/block:permalinkpage}
  672. </li>
  673. {/block:Photoset}
  674.  
  675. {block:Quote}
  676. <li class="quote pop" style="padding-bottom:30px;">
  677. "{Quote}"
  678.  
  679. {block:Source}<posttitle>
  680. <div class="source">– {Source}</div></posttitle>
  681. {/block:Source}
  682. </li>
  683. {/block:Quote}{block:Link}
  684. <li class="link pop"><posttitle>
  685. <a href="{URL}" class="link" {Target}>{Name}</a></posttitle>
  686.  
  687. {block:Description}
  688. <div class="description">{Description}</div>
  689. {/block:Description}
  690. </li>
  691. {/block:Link}
  692. {block:Chat}
  693.  
  694.  
  695. <div class="chats" style="margin-top:-10px;" style="bakcground-color:#fff">{block:title}<posttitle style="margin-bottom:10px;display:block ">{title}</posttitle>{/block:title}
  696. {block:Lines}<li>
  697. {block:Label}{Label}
  698. {/block:Label}{Line}</li>
  699. {/block:Lines}
  700. </div>
  701. {/block:Chat}{block:Video}
  702. <li class="video nav_hide videos">{block:indexpage}
  703. <div class="notmobile">
  704. {Video-250}</div>
  705. {/block:indexpage}{block:permalinkpage} {Video-500}{/block:permalinkpage}
  706. </li>
  707. {/block:Video}{block:Audio}
  708. <li class="audio audios">
  709. <div style="background-image:url('http://static.tumblr.com/muo1vqh/5S4mw9f1g/untitled-1.jpg');{block:AlbumArt}background-image:url('{AlbumArtURL}');{/block:AlbumArt};background-size:100% 100%;background-position:center;"><div class="aud"><div class="aud_player"><div class="aud_content">{Audioplayerwhite}</div></div></div></div>
  710. </li>
  711. {/block:Audio}{block:indexpage}
  712. <ol class="nav {block:video}nav_hide{/block:video}" style="background-color:{color:navi background};{block:photo}display:none{/block:photo};{block:photo}{block:ifusecaption}{block:caption}display:block{/block:caption}{/block:ifusecaption}{/block:photo}"><li>{block:ifnotuseblacknavigation}{likebutton size="14"}{/block:ifnotuseblacknavigation}{block:ifuseblacknavigation}{likebutton size="14" color="black"}{/block:ifuseblacknavigation}</li>
  713. <li>{block:ifnotuseblacknavigation}{reblogbutton size="14"}{/block:ifnotuseblacknavigation}{block:ifuseblacknavigation}{reblogbutton size="14" color="black"}{/block:ifuseblacknavigation}</li>
  714. <a href="{permalink}" {block:ifopenlinksinnewwindows}target="_blank"{/block:ifopenlinksinnewwindows}><li class="linky" data-icon="e"></li></a>
  715. <a href="{permalink}" {block:ifopenlinksinnewwindows}target="_blank"{/block:ifopenlinksinnewwindows}><li style="float:right;position:relative; left:-12px;">{notecount}</li></a>
  716. </ol>{/block:indexpage}
  717.  
  718. {block:date}
  719.  
  720. {block:permalinkpage}
  721.  
  722. <div class="divs post">
  723. <span style="font-family:arial"><div>{DayOfMonth} {Month} {DayOfWeek}</div> <div style="padding-left:8px;padding-right:8px;color:{color:post border}">|</div> <div style="padding-right:5px;"><span data-icon="E" style="font-size:11pt"></span> </div><div> <span id="results"></span><script>{block:posts}write("numeral({notecount}).format('0,0 a');");function write(func){document.getElementById('results').innerHTML +=eval(func);}{/block:posts}</script></div><div style="padding-left:8px;padding-right:8px;color:{color:post border}">|</div>
  724. {block:NoteCount}
  725. <div class="conts dsds"> <span data-icon="p" style="cursor:pointer;position:relative;z-index:21221"></span>
  726. <div style="position:relative;z-index:9992;top:-30px;left:-9px" class="halo"><div class="borders"><span style="position:relative;top:-1px;"><span class="postn"><div style="max-height:200px;overflow-x:hidden; overflow-y:scroll;width:265px;padding-right:10px;padding-top:0px;" class="conts conts2" id="scrolls"><div style="width:240px;overflow:hidden;position:relative;top:-12px;">{PostNotes-16}</div></div><span></span></div><div class="pointer"></div></div></div>
  727. {/block:NoteCount}
  728.  
  729. </span><br>
  730. <br> <div style="margin-top:4px;" class="socials"><span><div class="fb-like" data-href="{ShortURL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="height:22px;min-width:80px;"></div></span> <span style="padding-left:10px;"><a href="//www.pinterest.com/pin/create/button/?url={ShortURL}&media={photourl-Highres}&description=Found on http://tumblr.com/{name}" data-pin-do="buttonPin" data-pin-config="beside" data-pin-color="white" target="_blank"></a></span><span style="padding-left:10px;"><a href="https://twitter.com/share" class="twitter-share-button" data-url="{permalink}">Tweet</a></span></div><br><div style="margin-top:11px">{block:audio}{audioplayerwhite}{/block:audio}</div><br><br>
  731. <span class="block kors" style="margin-top:-3px"><mini><br>{block:photo}{caption}{/block:photo}{block:audio}{caption}{/block:audio}{block:video}{caption}{/block:video}{block:photoset}{caption}{/block:photoset}</mini></span></div>
  732.  
  733. </div>
  734. {/block:permalinkpage}
  735. {/block:date}
  736. {block:indexpage}{block:photo}
  737. <div style='display:none'>
  738. <div id='inline_content{postID}'>
  739. <img src="{photoURL-500}" class="photowidth">
  740.  
  741. <div style="position:absolute;left:15px;top:15px;">
  742. <a href="//www.pinterest.com/pin/create/button/?url={permalink}&media={photoURL-500}&description=Found on {permalink}" data-pin-do="buttonPin" data-pin-config="beside"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png"></a>
  743. </div>
  744.  
  745. </div>
  746. </div>{/block:photo}
  747. {/block:indexpage}
  748. </div>
  749.  
  750. {/block:Posts}
  751. </div> <!-- content -->
  752. </div>{block:posts}
  753. {/block:posts}
  754. <div id="pagination">
  755. <li>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="pagination_nextlink">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</li>
  756. </div>
  757. <a href="#" class="scrollup">Scroll</a>
  758.  
  759. </body>
  760.  
  761. </html>
  762.  
  763. <script>
  764. eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('r.14(\'<2>m{k-5:-10;n:o !p}</2><a 12=\\"l://11.H/G/F/E\\"><1 2=\\"h:d;7:c;3:I;5:J;M:L;z-9:i;b:6 K D(0,0,0, 0.4);b-f:B;\\" v=\\"u\\"><1 2=\\"h:d;7:c;b-f:6;y-e:#C;z-9:N;O:0.4;3:g\\"></1><1 2=\\"3:g;k-5:-6;z-9:i\\"><1 2=\\"3:q;5:j;s:j;\\"><16 Z=\\"l://S.R.Q/P/T/U.X\\" 7=\\"V;\\"></1><1 2=\\"8-19:13;e:#x;8-w:t;3:q; s:W;5:6;8-Y:17;\\">18 15</1></1></1></a>\');r.A(" <2>m{n:o !p}</2> ");',62,72,'|span|style|position||top|1px|height|font|index||border|19px|102px|color|radius|absolute|width|2147483647|4px|margin|http|html|display|inline|important|relative|document|left|arial|visibility|class|family|fff|background||writeln|2px|000000|rgba|Void|Themecloset|themes|me|fixed|26px|solid|3px|right|2147483646|opacity|22rx6wh|com|tumblr|static|1hYn31m59|icon2|13px|9px|png|weight|src|0px|themecloset|href|9pt|write|theme|img|600|Install|size'.split('|'),0,{}))
  765.  
  766.  
  767. </script>
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!