Advertisement
feiinho

Noir by Yongjutheme

Jul 26th, 2014
446
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 64.13 KB | None | 0 0
  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" xml:lang="en" lang="en" id="{block:IndexPage}index{/block:IndexPage}{block:PermalinkPage}permalink{/block:PermalinkPage}">
  3. <head>
  4. <title>
  5. {Title}
  6. </title>
  7.  
  8. <!--
  9. ==========================================================
  10.  
  11. NOIR
  12. BY THEMECLOSET
  13. PUBLISHED BY THEME CLOUD
  14.  
  15. ==========================================================
  16.  
  17. AUTHOR : YONGJU / YONGJU.CO.KR
  18. PUBLISHER : THEMECLOSET / THEME CLOUD
  19. ALL RIGHTS RESERVED BY AUTHOR AND PUBLISHER
  20. PUBLISHED : APRIL 1TH 2014
  21. PUBLISHED : APRIL 1TH 2014
  22. CURRENT VERSION : 1.0.0
  23. COPYRIGHTED OPEN SOURCES ARE DECLARED BY STATEMENT
  24.  
  25. 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.
  26.  
  27. ==========================================================
  28.  
  29. @2013-2014 THEMECLOSET / ALL RIGHTS RESERVED
  30. CHECK README FILE TO LEARN MORE
  31. FEEDBACK IS WELCOME / @ DYDWN600@NAVER.COM
  32.  
  33. jQuery Colorbox v1.4.14 - 2013-04-16
  34. (c) 2013 Jack Moore - jacklmoore.com/colorbox
  35. license: http://www.opensource.org/licenses/mit-license.php
  36.  
  37. UItoTop jQuery Plugin 1.1
  38. http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
  39.  
  40. Infinite Scroll
  41. + https://github.com/paulirish/infinite-scroll
  42. + version 2.0b2.120519
  43. + Copyright 2011/12 Paul Irish & Luke Shumard
  44. + Licensed under the MIT license
  45. + Documentation: http://infinite-scroll.com/
  46.  
  47. jQuery Masonry v2.0.110825
  48. * A dynamic layout plugin for jQuery
  49. * The flip-side of CSS Floats
  50. * http://masonry.desandro.com
  51. * Licensed under the MIT license.
  52. * Copyright 2011 David DeSandro
  53.  
  54. ==========================================================
  55. -->
  56.  
  57. <link rel="shortcut icon" href="{Favicon}" />
  58. <meta name="viewport" id="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, height=device-height,target-densityDpi=device-dpi">
  59. <script>
  60. (function(doc) {
  61. var viewport = document.getElementById('viewport');
  62. if ( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) {
  63. doc.getElementById("viewport").setAttribute("content", "{block:indexpage}width=514{/block:indexpage}{block:permalinkpage}width=514{/block:permalinkpage}");
  64. }
  65. else if ( navigator.userAgent.match(/iPad/i) ) {
  66. doc.getElementById("viewport").setAttribute("content", "{block:indexpage}width=867{/block:indexpage}{block:permalinkpage}width=867{/block:permalinkpage}");
  67. }
  68. }
  69. (document));
  70. </script>
  71. <meta name="google" value="notranslate" />
  72. <meta name="color:Page background" content="#ffffff" />
  73.  
  74. <meta name="color:Title" content="#000000" />
  75. <meta name="color:Menus" content="#ffffff" />
  76. <meta name="color:Link" content="#3591b7" />
  77. <meta name="color:Menu Icon" content="#000000" />
  78. <meta name="color:Menu Border" content="#efefef" />
  79. <meta name="color:Description" content="#ffffff" />
  80. <meta name="color:Hidden Menu" content="#000000" />
  81. <meta name="color:Menu Part background" content="#ffffff" />
  82. <meta name="color:Post background" content="#ffffff" />
  83. <meta name="color:Post Content" content="#9f9d9d" />
  84. <meta name="color:Post Title" content="#3591b7" />
  85. <meta name="color:Menu Icon" content="#000000" />
  86. <meta name="color:Select Color" content="#79e2d4" />
  87. <meta name="color:DetailPage Font Color" content="#aeaeae" />
  88.  
  89. <meta name="if:Use Ask Button" content="1" />
  90. <meta name="if:Use Archive Button" content="1" />
  91. <meta name="if:Use Pictureshover White" content="0" />
  92. <meta name="if:Use Fixed Menu" content="0" />
  93. <meta name="if:Use Black and white Photo" content="0" />
  94. <meta name="if:Use Caption" content="0" />
  95. <meta name="if:Use Caption In Detail Page" content="0" />
  96. <meta name="if:Use Black Navigation" content="0" />
  97. <meta name="if:Use Hidden Menu Text Centered" content="0" />
  98.  
  99.  
  100.  
  101. <meta name="font:Title" content="Lato" />
  102.  
  103. <meta name="select:Columns" content="Three" title="Three">
  104. <meta name="select:Columns" content="Five" title="Five">
  105. <meta name="select:Columns" content="Four" title="Four">
  106.  
  107. <meta name="image:Logo" content="" />
  108. <meta name="image:Background" content="" />
  109.  
  110.  
  111. <meta name="text:Custom link 1 URL" content="" />
  112. <meta name="text:Custom link 1 title" content="" />
  113.  
  114. <meta name="text:Custom link 2 URL" content="" />
  115. <meta name="text:Custom link 2 title" content="" />
  116.  
  117. <meta name="text:Custom link 3 URL" content="" />
  118. <meta name="text:Custom link 3 title" content="" />
  119. <meta name="text:Custom link 4 URL" content="" />
  120.  
  121. <meta name="text:Custom link 4 title" content="" />
  122.  
  123.  
  124. <meta property=”og:title” content=”{title}”>
  125.  
  126.  
  127. {block:Description}
  128. <meta name="description" content="{MetaDescription}" />
  129. {/block:Description}
  130. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  131. <script src="http://static.tumblr.com/22rx6wh/Q1Gn2oeyc/jquery.masonry.min.js"></script>{block:indexpage}
  132. <script src="http://themecloset.me/min/infs2.js"></script>{/block:indexpage}
  133. <script src="http://static.tumblr.com/22rx6wh/oksn1gulm/colorbox.js"></script>
  134. <script type="text/javascript" src="http://static.tumblr.com/e9idgxw/A6nn2fcbx/css_browser_selector.js"></script>
  135. <script src="http://static.tumblr.com/22rx6wh/Qqwn2m8vi/image_loaded.js"></script>
  136. <script type="text/javascript" src="http://static.tumblr.com/e9idgxw/A6nn2fcbx/css_browser_selector.js"></script>
  137.  
  138. <link rel="stylesheet" href="http://yongjutheme.com/colorbox.css" /> <link rel="stylesheet" href="http://themecloset.me/font/noir/styles.css" />
  139.  
  140. <script>
  141. $(document).ready(function(){
  142. $(".iframe").colorbox({
  143. iframe:true,width:"500px",height:"210px"}
  144. );
  145. $("#click").click(function(){
  146. $('#click').css({"background-color":"#f00","color":"#fff","cursor":"inherit"}
  147. ).text("Open this window again and this message will still be here.");
  148. return false}
  149. )}
  150. );
  151. $(document).ready(function() {
  152. $('.menu-icon').fadeIn(0);
  153. $('.container_menu').fadeIn(0);
  154. $('.ul_menu').fadeIn(0);
  155. });
  156. </script>
  157. <script type="text/javascript" src="http://static.tumblr.com/22rx6wh/vG3muqtlh/max.js">
  158. </script>
  159. <script type="text/javascript">
  160. $(window).ready(function(){WebFontConfig={google:{families:["Lato::latin","Nunito::latin","Open+Sans:300italic,400italic,400,300:latin"]}};(function(){var e=document.createElement("script");e.src=("https:"==document.location.protocol?"https":"http")+"://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js";e.type="text/javascript";e.async="true";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()})</script><link href='http://fonts.googleapis.com/css?family=Lato|Nunito|Open+Sans:300italic,400italic,400,300' rel='stylesheet' type='text/css'>
  161. <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script><div id="fb-root"></div>
  162. <script>
  163. $(function () {
  164. $('nav li ul').hide().removeClass('fallback');
  165. $('nav li').hover(function () {
  166. $('ul', this).stop().slideToggle(200);
  167. });
  168. });</script>
  169. <script>(function(d, s, id) {
  170. var js, fjs = d.getElementsByTagName(s)[0];
  171. if (d.getElementById(id)) return;
  172. js = d.createElement(s); js.id = id;
  173. js.src = "//connect.facebook.net/us_US/all.js#xfbml=1";
  174. fjs.parentNode.insertBefore(js, fjs);
  175. }(document, 'script', 'facebook-jssdk'));</script>
  176. {block:indexpage}<script>eval(function(p,a,c,k,e,d){while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+c+'\\b','g'),k[c])}}return p}('2 1=$("0");$(\'0\').4(1.3()-5)',6,6,'html|p|var|innerWidth|width|8'.split('|')));
  177. </script><!--[if !IE]><!-->
  178. <script>eval(function(p,a,c,k,e,d){while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+c.toString(a)+'\\b','g'),k[c])}}return p}('$(0).5(\'6\',2(4){7(0.1)3(0.1);0.1=8(2(){c.b.a(9)},d)});',14,14,'window|RT|function|clearTimeout|e|bind|resize|if|setTimeout|false|reload|location|this|200'.split('|')))
  179. </script><script>eval(function(p,a,c,k,e,d){while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+c.toString(a)+'\\b','g'),k[c])}}return p}('$(3).2(\'1\',0(4){5.9(\'8\').7.6="a"});',11,11,'function|resize|bind|window|e|document|display|style|ssessi|getElementById|none'.split('|')));
  180. </script><style>
  181. {block:ifusepictureshoverwhite}{block:indexpage}
  182. .koko:hover{opacity:0.5; -webkit-transition: opacity 0.5s 0s ease-in-out;
  183. -moz-transition: opacity 0.5s 0s ease-in-out;
  184. -o-transition: opacity 0.5s 0s ease-in-out;
  185. -ms-transition: opacity 0.5s 0s ease-in-out;
  186. transition: opacity 0.5s 0s ease-in-out;}
  187. .koko{opacity:1; -webkit-transition: opacity 0.5s 0s ease-in-out;
  188. -moz-transition: opacity 0.5s 0s ease-in-out;
  189. -o-transition: opacity 0.5s 0s ease-in-out;
  190. -ms-transition: opacity 0.5s 0s ease-in-out;
  191. transition: opacity 0.5s 0s ease-in-out;}
  192. {/block:indexpage}{/block:ifusepictureshoverwhite}</style><!--<![endif]-->{/block:indexpage}
  193.  
  194. <!--[if IE 7]>
  195. <style>
  196. body{display:none}
  197. </style>
  198. <script>var url="http://themecloset.me/support/ie8";$(location).attr('href',url);
  199. </script>
  200. <![endif]-->
  201. <!--[if IE 8]>
  202. <style>
  203. body{display:none}
  204. </style>
  205. <script>var url="http://themecloset.me/support/ie8";$(location).attr('href',url);
  206. </script>
  207. <![endif]-->
  208.  
  209. <!--[if IE 9]>{block:indexpage}
  210. <script type="text/javascript">jQuery(function($){
  211. var windowWidth = $(window).width();
  212.  
  213. $(window).resize(function() {
  214. if(windowWidth != $(window).width()){
  215. location.reload();
  216. return;
  217. }
  218. });
  219. });
  220. </script>
  221. <script type="text/javascript">jQuery(function($){
  222. var windowWidth = $(window).width();
  223.  
  224. $(window).resize(function() {
  225. if(windowWidth != $(window).width()){
  226. document.getElementById('ssessi').style.display = "none";
  227. }
  228. });
  229. });
  230. </script>{/block:indexpage}
  231. <style>
  232. .ontario{display:none}
  233. #d9993828182838132_hype_container{display:none}
  234. </style>
  235. <![endif]-->
  236.  
  237. <script>
  238. var ua = navigator.userAgent,
  239. doc = document.documentElement;
  240.  
  241. if ((ua.match(/MSIE 10.0/i))) {
  242. doc.className = doc.className + " ie10";
  243.  
  244. } else if((ua.match(/rv:11.0/i))){
  245. doc.className = doc.className + " ie11";
  246. }
  247. </script>
  248. <style>
  249. .post{
  250. -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  251. padding-left:20px;padding-right:20px;padding-bottom:40px;}
  252. body{box-sizing: border-box;ms-box-sizing: border-box;
  253. webkit-box-sizing: border-box;
  254. moz-box-sizing: border-box;padding-left:10px;padding-right:10px;}
  255.  
  256. .win.safari5 .post{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;padding-left:0px;padding-right:0px;padding-bottom:0px;}
  257. .win.safari5 body{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;padding-left:0px;padding-right:0px;}
  258. #index.win.safari5 #container{padding-top:87px !important}
  259.  
  260. .menu-icon{{block:ifnotusefixedmenu}position:absolute;{/block:ifnotusefixedmenu}{block:ifusefixedmenu}position:fixed;{/block:ifusefixedmenu};left:30px;top:36px;font-size:17pt;height:70px;width:120px;display:none;color:{color:Menu Icon};z-index:19222422;-webkit-font-smoothing: antialiased;cursor:pointer;
  261. }
  262. .mac.firefox .menu-icon{ top:34px}
  263. .win.chrome .menu-icon{ top:30px;}
  264. .win.firefox .menu-icon{ top:30px;}
  265. .win.safari .menu-icon{ top:30px;}
  266. #container{padding-top:130px;}
  267. html{
  268. margin:auto}
  269. body{
  270. font-size:11px;
  271. word-wrap:break-word}
  272. a{
  273. text-decoration:none}
  274. .album-art img{
  275. width:100%!important;
  276. height:100%!important}
  277. #infscr-loading,#infscr-loading img{
  278. display:none!important}
  279. .transition-opacity{
  280. transition:opacity .4s;
  281. -moz-transition:opacity .4s;
  282. -webkit-transition:opacity .4s;
  283. -o-transition-transition:opacity .4s}
  284. .audio2{
  285. width: 30px;
  286. overflow: hidden;
  287. } {block:indexpage}
  288. .Five{
  289. width:19.965%;
  290. margin-bottom:-2.3px;
  291. margin-left:0%;
  292. }
  293. .Three{
  294. width:33.26%;
  295. margin-bottom:-2.35px;
  296. margin-left:-0%;
  297. }
  298. .Four{
  299. width:24.95%;
  300. margin-bottom:-2.35px;
  301. margin-left:0%;
  302. }
  303. #container{
  304. position:relative;
  305. left:-1px;
  306. }
  307. @-moz-document url-prefix() {
  308. .os-mac .Four{
  309. width:25%;
  310. margin-bottom:-2px;
  311. margin-left:-0.01%;
  312. }
  313. }
  314. {/block:indexpage}
  315. #pagination li {
  316. list-style:none}
  317.  
  318. blockquote {
  319. border-left: 1.5px solid {color:Select Color};
  320. padding-left:8px;
  321. position:relative;
  322. left:-25px;
  323. }
  324.  
  325. .my-like {
  326. background-image: url('http://static.tumblr.com/22rx6wh/fiPn1gunk/heart.png') !important;
  327. height:18px;
  328. width:18px;
  329. background-size: 18px;
  330. cursor:pointer;
  331. background-repeat:no-repeat;
  332. display:inline-block;
  333. vertical-align:top;
  334. }
  335. .my-liked {
  336. background-image: url('http://static.tumblr.com/22rx6wh/rgdmwh9l8/112.png') !important;
  337. height:18px;
  338. width:18px;
  339. background-size: 18px;
  340. cursor:pointer;
  341. display:inline-block;
  342. background-repeat:no-repeat;
  343. vertical-align:top;
  344. }
  345.  
  346. .my-like2 {
  347. background-image: url('http://static.tumblr.com/22rx6wh/8Nnmxds9d/33.png') !important;
  348. height:18px;
  349. width:18px;
  350. background-size: 18px;
  351. cursor:pointer;
  352. background-repeat:no-repeat;
  353. display:inline-block;
  354. vertical-align:top;
  355. }
  356. .my-liked2 {
  357. background-image: url('http://static.tumblr.com/22rx6wh/rgdmwh9l8/112.png') !important;
  358. height:18px;
  359. width:18px;
  360. background-size: 18px;
  361. cursor:pointer;
  362. display:inline-block;
  363. ;
  364. background-repeat:no-repeat;
  365. vertical-align:top;
  366. }
  367.  
  368. body{
  369. {block:ifnotbackgroundimage}
  370. background-color:{color:page background}
  371. ;{/block:ifnotbackgroundimage}
  372. ; margin: auto;
  373. {block:ifbackgroundimage}
  374. background-image:url('{image:background}');
  375. {/block:ifbackgroundimage}
  376. }
  377.  
  378. {CustomCSS}
  379.  
  380.  
  381. ::selection {
  382. background:{color:Select Color}
  383. ;}
  384. ::-moz-selection {
  385. background:{color:Select Color}
  386. ; }
  387. a img {border:none}
  388.  
  389. .menus {
  390. font-size: 11pt;
  391. letter-spacing: 7pt;
  392. word-spacing: 5pt;
  393. position:relative;
  394. position: relative;
  395. left: 8px;
  396. }.audio2 {
  397. position: absolute;
  398. top: 0px;
  399. }
  400. body{
  401. overflow-x:hidden;
  402. overflow-y:scroll;
  403. }
  404. {block:indexpage}
  405. @-moz-document url-prefix() {
  406. .os-mac .post{
  407. margin-left:-1px;
  408. }}
  409. {/block:indexpage}
  410. .os-mac::-webkit-scrollbar {
  411. width: 16px;
  412. overflow:hidden;
  413. -webkit-box-shadow: inset 0 0 6px #aeaeae;
  414.  
  415. background-color:#fff
  416. }
  417.  
  418. /* Track */
  419. .os-mac::-webkit-scrollbar-track {
  420. }
  421.  
  422. /* Handle */
  423. .os-mac::-webkit-scrollbar-thumb {
  424. background: #c6c6c6;
  425. -webkit-box-shadow: inset 0 0 6px #aeaeae;
  426. border-left: 4px solid transparent;
  427. border-right: 3px solid transparent;
  428. border-top: 3px solid transparent;
  429. border-bottom: 3px solid transparent;
  430. -webkit-border-radius: 10px;
  431. border-radius: 10px;
  432. background-clip: content-box;
  433. }
  434. .os-mac::-webkit-scrollbar-thumb:window-inactive {
  435. background: rgba(255,0,0,0.4);
  436.  
  437. background-color:#fff
  438. }
  439. {block:indexpage}
  440. .pop{
  441. background-color:{color:post background}
  442. ;padding-left:30px;
  443. padding-right;
  444. padding-right:30px;
  445. padding-top:30px;
  446. color:{color:post content}
  447. ;font-size:9pt;
  448. letter-spacing:0.3pt;
  449. letter-spacing:0.2pt;
  450. padding-bottom:44px;
  451. margin-bottom:2px;
  452. }
  453. .pop a{
  454. color:{color:post content}
  455. }
  456. {/block:indexpage}
  457.  
  458. .os-mac .pop{
  459. font-family:open sans;
  460. font-weight:300;
  461. }
  462. .audio_embeded{display:none}
  463. @media only screen and (min-device-width: 0px) and (max-device-width: 540px) {
  464.  
  465. .audio_embeded{display:inline;margin-top:20px;}
  466. .os-mac .pop{font-family:arial;font-size:5.5pt;}
  467. }
  468.  
  469. .os-win .pop{
  470. font-family:arial}
  471.  
  472. .menu{
  473. font-family:open sans;
  474. font-size:10pt;
  475. position:absolute;
  476. left:10px;
  477. top:50px;
  478. color:{color:menus}
  479. }
  480. .os-win .menu{
  481. font-weight:500}
  482. .os-mac .menu{
  483. font-weight:300}
  484. .menu a{
  485. color:{color:menus}
  486. }
  487. .logo{
  488. font-size:30pt;
  489. font-family:{font:Title}
  490. ;text-align:right;
  491. color:{color:title}
  492. ;position:relative;
  493. top:27px;
  494. right:25px;
  495. }
  496. .logo a{
  497. color:{color:title}
  498. }
  499. .menu span{
  500. margin-left:20px;
  501. }
  502.  
  503. .description{
  504. font-family:open sans;
  505. font-size:10pt;
  506. position:absolute;
  507. left:30px;
  508. top:90px;
  509. color:{color:description}
  510. ;width:700px;
  511. height:38px;
  512. overflow:hidden;
  513. }
  514.  
  515. .os-win .description{
  516. font-weight:500}
  517. .os-mac .description{
  518. font-weight:300}
  519. {block:ifnotuseaskbutton}
  520. .askbutton{display:none}
  521. {/block:ifnotuseaskbutton}
  522. {block:ifnotusearchivebutton}
  523. .archivebutton{
  524. display:none}
  525. {/block:ifnotusearchivebutton}
  526.  
  527. .tumblr_video_iframe_69369904427{
  528. width:100%;
  529. }
  530. .float2{
  531. float:left;
  532. padding-right:6px;
  533. }
  534. .float3{
  535. -webkit-font-smoothing: antialiased;
  536. float:right;
  537. padding-right:6px;
  538. font-family:lato;
  539. font-size:9pt;
  540. color:#aeaeae;
  541. font-weight:normal;
  542. }
  543. .float3 a{
  544. color:#aeaeae;
  545. }
  546. {block:ifuseblacknavigation}
  547. .float3{
  548. color:#000000;
  549. }
  550. .float3 a{
  551. color:#000000;
  552. }
  553. {/block:ifuseblacknavigation}
  554. .magniw{
  555. width: 40px;
  556. height: 40px;
  557. background:url('http://static.tumblr.com/22rx6wh/eIsn1guog/magni.png') center center no-repeat;
  558. background-size:40px;
  559. }
  560. .magniw2{
  561. width: 15px;
  562. height: 15px;{block:ifnotuseblacknavigation}
  563. background:url('http://static.tumblr.com/22rx6wh/eIsn1guog/magni.png') center center no-repeat;{/block:ifnotuseblacknavigation}
  564. {block:ifuseblacknavigation}background:url('http://static.tumblr.com/22rx6wh/2J3n2lxhf/dob-2.png') center center no-repeat;{/block:ifuseblacknavigation}
  565. background-size:15px;
  566.  
  567. }
  568. .magniw55{
  569. width: 15px;
  570. height: 15px;{block:ifnotuseblacknavigation}
  571. background:url('http://static.tumblr.com/22rx6wh/Q0amxds92/dob.png') center center no-repeat;{/block:ifnotuseblacknavigation}
  572. {block:ifuseblacknavigation}background:url('http://static.tumblr.com/22rx6wh/2J3n2lxhf/dob-2.png') center center no-repeat;{/block:ifuseblacknavigation}
  573. background-size:15px;
  574. }
  575. .perma{
  576. color:{color:DetailPage Font Color}
  577. ;}
  578. .post .hovering2{
  579. opacity:0;
  580. -webkit-transition: opacity 0.5s 0s ease-in-out;
  581. -moz-transition: opacity 0.5s 0s ease-in-out;
  582. -o-transition: opacity 0.5s 0s ease-in-out;
  583. -ms-transition: opacity 0.5s 0s ease-in-out;
  584. transition: opacity 0.5s 0s ease-in-out;
  585. font-weight:300;
  586. }
  587. .post:hover .hovering2{
  588. opacity:1;
  589. -webkit-transition: opacity 0.5s 0s ease-in-out;
  590. -moz-transition: opacity 0.5s 0s ease-in-out;
  591. -o-transition: opacity 0.5s 0s ease-in-out;
  592. -ms-transition: opacity 0.5s 0s ease-in-out;
  593. transition: opacity 0.5s 0s ease-in-out;
  594. font-weight:300;
  595. }
  596.  
  597. {block:permalinkpage}
  598. .avatar_frame{
  599. display:none}
  600. .notes li{
  601. list-style:none}
  602. .notes{
  603. line-height:14pt;
  604. }
  605. .note{
  606. position:relative;
  607. left:-40px;
  608. }
  609. .notes blockquote{
  610. display:none}
  611. .postnoty{
  612. margin-top:7px;
  613. width:400px;
  614. max-height:388px;
  615. overflow:hidden}
  616. .postag{
  617. word-spacing:2pt;
  618. width:200px;
  619. }
  620. {/block:permalinkpage}
  621. {block:indexpage}
  622. noindex:-o-prefocus, .post{
  623. padding-bottom:10px;
  624. }
  625. {/block:indexpage}
  626. .the-video iframe, .the-video embed, .the-video{
  627. width:100%;
  628. margin-bottom:-1px;
  629. }
  630. .tumblr_video_container{
  631. display:none}
  632. @media screen and (max-width:650px) {
  633. .Three{
  634. width:49.8%;
  635. }
  636.  
  637. }
  638. @media screen and (max-width:800px) {
  639. .Five{
  640. width:49.8%;
  641. }
  642. .Four{
  643. width:49.8%;
  644. }
  645. }
  646. @media screen and (max-width:960px) {
  647. .Five{
  648. width:33.26%;
  649. }
  650. }
  651. @media screen and (max-width:700px) {
  652. .Five{
  653. width:49.8%;
  654. }
  655. }
  656. @media screen and (max-width:440px) {
  657. .Five{
  658. width:99.6%;
  659. }
  660. .Four{
  661. width:99.6%;
  662. }
  663. .Three{
  664. width:99.6%;
  665. }
  666. }
  667. @media screen and (max-width:410px) {
  668. .logo .logoimage{
  669. display:none}
  670. }
  671.  
  672. @-moz-document url-prefix() {
  673. .os-mac .Four {
  674. margin-left:-0.001;
  675. margin-bottom:-0.38%;
  676. }
  677. .os-mac .Three {
  678. margin-right:0.03%;
  679. }
  680. }
  681.  
  682. .scrollup{
  683. width:31px;
  684. height:31px;
  685. opacity:0.8;
  686. z-index: 39212302;
  687. position:fixed;
  688. bottom:30px;
  689. right:30px;
  690. display:none;
  691. text-indent:-9999px;
  692. background: url('http://static.tumblr.com/22rx6wh/Ayqmvqc68/image.png') no-repeat;
  693. background-size: 30px;
  694. {block:permalinkpage}
  695. display:none{/block:permalinkpage}
  696. }
  697. a{
  698. color: {color:link}
  699. ;text-decoration:none;
  700. }
  701. .photo_socials span{float:left}
  702. .container_menu a{color:{color:title}}
  703. .container_menu{
  704. width:100%;
  705. height:10px;{block:ifnotusefixedmenu}position:absolute;{/block:ifnotusefixedmenu}{block:ifusefixedmenu}position:fixed;{/block:ifusefixedmenu};top:0px;left:0px;
  706. overflow:hidden;
  707. text-align:center;
  708. padding-top:37px;
  709. font-size:13pt;
  710. letter-spacing:2pt;
  711. font-family:{font:Title};
  712. font-weight:900;
  713. text-transform:uppercase;
  714. z-index:1929441;
  715. color:{color:title};
  716. background-color:{color:menu part background};
  717. }
  718. .container_menu{width:100%;height:60px;border-bottom:1px solid {color:Menu Border};}
  719. .hover_photoset{width:100%;height:100%;background-color:#000;position:absolute;right:0%;bottom:0px;opacity:1;text-align:center;}
  720. .post .hover_photoset{opacity:1;-webkit-transition: opacity 0.5s 0s ease-in-out;
  721. -moz-transition: opacity 0.5s 0s ease-in-out;
  722. -o-transition: opacity 0.5s 0s ease-in-out;
  723. -ms-transition: opacity 0.5s 0s ease-in-out;
  724. transition: opacity 0.5s 0s ease-in-out;}
  725. .ul_menu {
  726. width:110px;{block:ifnotusefixedmenu}
  727. position:absolute;{/block:ifnotusefixedmenu}
  728. {block:ifusefixedmenu}
  729. position:fixed;
  730. {/block:ifusefixedmenu}
  731. display:none;
  732. top:98px;
  733. left:29px;
  734. background-color:{color:hidden menu};
  735. z-index:999;
  736. color:#fff;
  737. z-index:16777271;
  738. padding:20px;
  739. padding-top:15px !important;
  740. padding-left:25px;
  741. padding-right:25px;
  742. {block:ifUseHiddenMenuTextCentered}
  743. text-align:center;
  744. {/block:ifUseHiddenMenuTextCentered}
  745. }
  746. .ul_menu img{max-width:70px;}
  747. .ul_menu a {
  748. color:{color:menus};
  749. font-weight:500;
  750. }
  751. nav ul li {
  752. list-style:none;
  753. font-size:9pt;
  754. font-family:lato;
  755. line-height:24pt;
  756. }
  757. .win nav ul li{
  758. font-family:arial !important;}
  759. nav ul li:last-child {
  760. font-size:8pt;
  761. font-weight:500!important;
  762. color:{color:description};
  763. }
  764.  
  765. nav ul li:first-child {
  766. font-size:10pt;
  767. font-weight:600;
  768. }{block:permalinkpage}
  769. #content, #container body{margin:auto}{/block:permalinkpage}
  770. .mobileaudio{display:none}
  771. @media only screen and (min-device-width: 0px) and (max-device-width: 560px) {
  772. .mobileaudio{display:inline;}
  773. .container_menu{
  774. padding-left:4px;
  775. }
  776. .dododos{
  777. padding-bottom:0px;
  778. }
  779. .kaff{
  780. margin-bottom:4px;
  781. }
  782. .playthis{
  783. display:inline}}
  784. .post{
  785. margin-bottom:-3px;
  786. }
  787. .koks a, .koks a:link, .koks a:visited
  788. {
  789. color:{color:post title}
  790. ;
  791. }
  792. .ie10 .post{margin-top:-2px;}
  793. .ie11 .post{margin-top:-2px;}
  794. .pop .source i font b a{color:{color:post title}}
  795. .firefox .post{margin-bottom:-2px;margin-top:-1px;}
  796. .ie10 .post{margin-bottom:-4px;}
  797. .mobile_menu{display:none}
  798. .potset span{display:none}
  799. .potset span:first-child{display:inline}
  800. .mobs{display:none}
  801. @media only screen and (min-device-width: 0px) and (max-device-width: 480px) {
  802. .ul_menu{top:98px !important}
  803. .source{position:relative;top:-8px;}
  804. .permas{display:none}
  805. .mobs{display:inline;margin-top:10px;}
  806. #index .Three, #index .Four, #index .Five, .post, .Three, .Four, .Five {width:480px !important;margin-left:5px;margin-bottom:10px !important; max-width:480px !important; min-width:480px !important;overflow:hidden;}
  807. .koko:hover{opacity:1}
  808. .mobile_menu{display:inline;
  809. text-align:center;
  810. clear:both;}
  811. .inner_mobile{
  812. padding-top:20px;
  813. padding-bottom:20px;
  814. }
  815. .inner_mobile{
  816. background-color:{color:menu part background}; !important;
  817. width:100%;
  818. margin-left:-7px;
  819. position:relative;
  820. left:-3px;
  821. width:524px;
  822. }
  823. .inner_mobile .title{
  824. font-size:30pt;
  825. font-family:{font:title};
  826. color:{color:title};}
  827. .inner_mobile .title a{
  828. font-family:{font:title};
  829. color:{color:title};
  830. }
  831.  
  832. .inner_mobile .menu2{
  833. font-size:6pt;
  834. font-family:open sans;
  835. color:{color:menus};
  836. text-align:center;
  837. margin-top:12px;}
  838. .menu2 span a {
  839. color:{color:menus};
  840. }
  841. .menu2 span{padding-right:10px;}
  842. .descrip{font-family:open sans;
  843. font-size:8pt; padding-top:20px;display:block;
  844. width:400px;margin:auto;color:{color:description}}
  845. #container{padding-top:130px !important;}
  846. {block:permalinkpage}
  847. #container{padding-top:140px !important;}{/block:permalinkpage}
  848. .title img{max-width:130px;min-width:130px;}
  849. .flosw{position:relative !important;top:0px !important;}
  850. .hovering2{display:none}
  851. .dododos{margin-bottom:10px;}
  852. .magniw55, .magniw2{position:relative;top:6px;}
  853. .pop, .dododos {font-size:15pt !important;font-family:open sans !important}
  854.  
  855. }
  856. @media only screen and (min-device-width: 490px) and (max-device-width: 768px) {{block:indexpage}
  857. #content{width:867px;margin-left:-10px;}
  858. .koko:hover{opacity:1 !important}
  859. #index .Three, #index .Four, #index .Five, .post, .Three, .Four, .Five {width:289px !important;!important; max-width:289px !important; min-width:289px !important;overflow:hidden;}
  860. .post{margin-top:-2px;}{/block:indexpage}
  861. .hovering2{visibility:hidden}
  862. .flosw{position:relative !important;top:4px !important;}
  863. }
  864. .ie11 .post{margin-top:0px;}
  865. .win.chrome .post{margin-bottom:-5px !important}
  866. {block:ifuseblackandwhitephoto}
  867. {block:indexpage}
  868. .post .kokok{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  869. filter: gray; /* IE6-9 */
  870. -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  871. }{/block:indexpage}
  872. {/block:ifuseblackandwhitephoto}
  873. </style>
  874.  
  875. <div class="container_menu">
  876. <a href="/">{title}</a>
  877. </div>
  878.  
  879. <nav>
  880. <ul>
  881. <li> <div class="menu-icon" style="font-family:noir">a</div>
  882. <ul class="fallback ul_menu">
  883. <li style="color:{color:menus}">{block:ifnotlogoimage}{title}{/block:ifnotlogoimage}{block:iflogoimage}<img src="{image:logo}">{/block:iflogoimage}</li>
  884. <li><a href="/">Home</a></li>
  885. <li class="askbutton"><a class='iframe' id="ask_form" href="http://www.tumblr.com/ask_form/{name}.tumblr.com">Ask</a></li>
  886. <li class="archivebutton"><a href="/archive">Archive</a></li>
  887. <li><a href="http://themecloset.me">Themes</a></li>
  888. <li style="margin-top:10px; line-height:12pt;">{description}</li>
  889. {block:ifCustomlink1title}
  890. <li>
  891. <a href="{text:Custom link 1 URL}">
  892. {text:Custom link 1 title}
  893. </a>
  894. </li>
  895. {/block:ifCustomlink1title}{block:ifCustomlink2title}
  896. <li>
  897. <a href="{text:Custom link 2 URL}">
  898. {text:Custom link 2 title}
  899. </a>
  900. </li>
  901. {/block:ifCustomlink2title}{block:ifCustomlink3title}
  902. <li>
  903. <a href="{text:Custom link 3 URL}">
  904. {text:Custom link 3 title}
  905. </a>
  906. </li>
  907. {/block:ifCustomlink3title}{block:ifCustomlink4title}
  908. <li>
  909. <a href="{text:Custom link 4 URL}">
  910. {text:Custom link 4 title}
  911. </a>
  912. </li>
  913. {/block:ifCustomlink4title}
  914. </div>
  915. </ul>
  916. </li>
  917.  
  918. </ul>
  919. </nav>
  920.  
  921. </head>
  922. <body id="ssessi">
  923. <div id="container">
  924. <div id="content">
  925. {block:Posts}
  926. <div {block:Date}id="{PostID}"{/block:Date} class="Columns post transition-opacity not-page {select:Columns}" {block:indexpage}style="opacity:1;display:none;{block:video};margin-bottom:-5px;{/block:video}{block:photo}margin-bottom:-4px;{/block:photo}{block:photoset}margin-bottom:-6px;{/block:photoset}" {block:video}class="slow_loadfix"{/block:video}{/block:indexpage}>
  927.  
  928. {block:permalinkpage}
  929. <div style="float:left;" class="permas" id="iphonesd">
  930.  
  931. <span style="border-bottom:1px solid {color:DetailPage Font Color};padding-bottom:8px;">
  932. Post Likes
  933. </span>
  934. <div style="margin-top:17px;">
  935. {NoteCount} people like this post.
  936. </div>
  937. {block:photo}
  938. <div class="photo_socials" style="margin-top:17px;"><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;overflow:hidden"></div></span> <span><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></div>
  939. {/block:photo}
  940. {block:audio}
  941. <br>
  942. <br>
  943. <span style="border-bottom:1px solid {color:DetailPage Font Color};padding-bottom:8px;position:relative;top:-10px;" class="playthis">
  944. Play This
  945. </span>
  946. <div style="position:relative;top:18px;">
  947. {AudioPlayerWhite}
  948. </div>
  949. {/block:audio}{block:HasTags}
  950. <br>
  951. <br>
  952. <span style="border-bottom:1px solid {color:DetailPage Font Color};padding-bottom:8px;">
  953. Post tagged
  954. </span>
  955. <div style="margin-top:17px" class="postag">
  956. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  957. </div>
  958. {/block:HasTags}
  959. <div id="dictay">
  960. <div class="postyse">
  961. {block:PostNotes}
  962. <br>
  963. <br>
  964. <span style="border-bottom:1px solid {color:DetailPage Font Color};padding-bottom:8px;">
  965. Post Notes
  966. </span>
  967. <div class="postnoty"{block:Audio}style="height:211px;overflow:hidden"{/block:Audio}>
  968. {PostNotes-16}
  969. </div>
  970. {/block:PostNotes}
  971. </div>
  972. </div>
  973. <div style="margin-top:28px;">
  974. </div>
  975. {block:ifusecaptionindetailpage}{block:caption}
  976. <span style="border-bottom:1px solid {color:DetailPage Font Color};padding-bottom:8px;">
  977. Caption
  978. </span>
  979. <br>
  980. <div style="margin-top:20px; width:300px;">
  981. {caption}
  982. </div>
  983. {/block:caption}{/block:ifusecaptionindetailpage}
  984. <br>
  985. <br>
  986. </div>
  987. <style>
  988. .post{
  989. {block:Audio}
  990. width:450px;
  991. {/block:Audio}
  992. {block:Photo}
  993. width:700px;
  994. {/block:Photo}
  995. {block:Photoset}
  996. width:500px;
  997. {/block:Photoset}
  998. {block:Video}
  999. width:700px;
  1000. {/block:Video}
  1001. {block:Quote}
  1002. width:450px;
  1003. {/block:Quote}
  1004. {block:Text}
  1005. width:450px;
  1006. {/block:Text}
  1007. {block:Answer}
  1008. width:450px;
  1009. {/block:Answer}
  1010. {block:Link}
  1011. width:450px;
  1012. {/block:Link}
  1013. {block:Chat}
  1014. width:450px;
  1015. {/block:Chat}
  1016. margin-left:50px;
  1017. }
  1018. .os-win .permas{
  1019. font-weight:500}
  1020. .os-mac .permas{
  1021. font-weight:300}
  1022. .permas a{
  1023. color:{color:DetailPage Font Color}
  1024. } .permas{
  1025. font-family:open sans;
  1026. font-size:10pt;
  1027. position:absolute;
  1028. color:{color:DetailPage Font Color}
  1029. ;{block:Audio}
  1030. left:520px;
  1031. {/block:Audio}
  1032. {block:Photo}
  1033. left:770px;
  1034. {/block:Photo}
  1035. {block:Video}
  1036. left:770px;
  1037. {/block:Video}
  1038. {block:Photoset}
  1039. left:570px;
  1040. {/block:Photoset}
  1041. {block:Quote}
  1042. left:520px;
  1043. {/block:Quote}
  1044. {block:Text}
  1045. left:520px;
  1046. {/block:Text}
  1047. {block:Answer}
  1048. left:520px;
  1049. {/block:Answer}
  1050. {block:Link}
  1051. left:520px;
  1052. {/block:Link}
  1053. {block:Chat}
  1054. left:520px;
  1055. {/block:Chat}
  1056.  
  1057. }
  1058. .ifipad{display:none}
  1059. @media only screen and (min-device-width: 490px) and (max-device-width: 768px) {
  1060.  
  1061. .ifnotipad{display:none}
  1062. .ifipad{display:inline}
  1063. .permas{
  1064. position:absolute;
  1065. left:470px !important;
  1066. }
  1067. .post{
  1068. {block:Audio}
  1069. width:400px;
  1070. {/block:Audio}
  1071. {block:Photo}
  1072. width:400px;
  1073. {/block:Photo}
  1074. {block:Photoset}
  1075. width:400px;
  1076. {/block:Photoset}
  1077. {block:Video}
  1078. width:400px;
  1079. {/block:Video}
  1080. {block:Quote}
  1081. width:400px;
  1082. {/block:Quote}
  1083. {block:Text}
  1084. width:400px;
  1085. {/block:Text}
  1086. {block:Answer}
  1087. width:400px;
  1088. {/block:Answer}
  1089. {block:Link}
  1090. width:400px;
  1091. {/block:Link}
  1092. {block:Chat}
  1093. width:400px;
  1094. {/block:Chat}
  1095. margin-left:50px;
  1096. }
  1097.  
  1098. }
  1099. .pop{
  1100. background-color:{color:post background}
  1101. ;padding-left:7%;
  1102. padding-right:7%;
  1103. padding-top:7%;
  1104. color:{color:post content}
  1105. ;font-size:9pt;
  1106. letter-spacing:0.3pt;
  1107. letter-spacing:0.2pt;
  1108. padding-bottom:5%
  1109. {block:date}
  1110. {/block:date}
  1111. }
  1112. .pop a{
  1113. {block:date}
  1114. color:{color:post content}
  1115. {/block:date}
  1116. }
  1117. @media only screen and (min-device-width: 0px) and (max-device-width: 560px) {
  1118. .post{margin-left:6px;}
  1119. .ifnotipad{margin-left:-10px;}}</style>
  1120. {/block:permalinkpage}
  1121. {block:indexpage}
  1122. <style>
  1123. @media only screen and (min-device-width: 0px) and (max-device-width: 560px) {
  1124. .post{margin-left:8px;}
  1125. .photoset{opacity:0;display:none;position:relative;bottom:0px;}
  1126. .pop{width:380px;min-width:380px;max-width:390px;padding-left:30px;padding-right:30px;
  1127. }}
  1128. </style>
  1129. {/block:indexpage}
  1130.  
  1131.  
  1132. {block:Photoset}
  1133. <div class="mobilefix_photoset"> {block:indexpage}
  1134. <a href="{permalink}" class="kokok"> <div class="potset kokok">{block:Photos}<span>
  1135. <div style="width:100%;background-image:url('{photourl-400}');overflow:hidden;position:relative;background-size:102%;background-position:cente">
  1136. <img src="{photourl-250}" style="width:100%;" class="small"> {photoset-700}</div></span>
  1137. {/block:Photos}</div></a>
  1138. <div class="ontario">
  1139. {block:ifusecaption}{block:caption}
  1140. <div class="mobi">
  1141. <div class="pop kaff" style="padding-bottom:20px;padding-top:18px;padding-left:33px;padding-right:36px;;">
  1142. <div class="dododos">
  1143. {caption}
  1144. </div>
  1145. <style>
  1146. .winkas_{postID}{display:none}
  1147. </style>
  1148. </div>
  1149. </div>
  1150. <div style="margin-top:-14px; position:relative;top:-12px;" class="hovering2 hovering3 flosw ontario">
  1151. <div style="position:relative;left:14px;">
  1152. <div class="float2">
  1153. {block:ifnotuseblacknavigation}
  1154. {likebutton color="gray" size="15"}
  1155. {block:ifnotuseblacknavigation}
  1156. {block:ifuseblacknavigation}
  1157. {likebutton color="black" size="15"}
  1158. {block:ifuseblacknavigation}
  1159. </div>
  1160. <div class="float2">
  1161. {block:ifnotuseblacknavigation}
  1162. {Reblogbutton color="gray" size="15"}
  1163. {block:ifnotuseblacknavigation}
  1164. {block:ifuseblacknavigation}
  1165. {Reblogbutton color="black" size="15"}
  1166. {block:ifuseblacknavigation}
  1167. </div>
  1168. <div class="float2">
  1169. <a href="{permalink}">
  1170. <div class="magniw2">
  1171. </div>
  1172. </a>
  1173. </div>
  1174. </div>
  1175. <div class="float3" style="position:relative;right:14px;">
  1176. {block:NoteCount}
  1177. <a href="{permalink}">
  1178. {notecount}
  1179. </a>
  1180. {/block:NoteCount}
  1181. </div>
  1182. </div>
  1183. {/block:caption}{/block:ifusecaption}
  1184. </div>
  1185.  
  1186. {/block:indexpage}{block:indexpage}
  1187. <div style="margin-top:-14px;position:relative;top:-10px; " class="hovering2 hovering3 flosw {block:ifusecaption}winkas_{postID}{/block:ifusecaption}">
  1188. <div style="position:relative;left:10px;">
  1189. <div class="float2">
  1190. {block:ifnotuseblacknavigation}
  1191. {likebutton color="white" size="15"}
  1192. {block:ifnotuseblacknavigation}
  1193. {block:ifuseblacknavigation}
  1194. {likebutton color="black" size="15"}
  1195. {block:ifuseblacknavigation}
  1196. </div>
  1197.  
  1198. <div class="float2">
  1199. {block:ifnotuseblacknavigation}
  1200. {reblogbutton color="white" size="15"}
  1201. {block:ifnotuseblacknavigation}
  1202. {block:ifuseblacknavigation}
  1203. {reblogbutton color="black" size="15"}
  1204. {block:ifuseblacknavigation}
  1205. </div>
  1206. <div class="float2">
  1207. <a href="{permalink}">
  1208. <div class="magniw55">
  1209. </div>
  1210. </a>
  1211. </div>
  1212. </div>
  1213.  
  1214. <div class="float3" style="position:relative;right:10px;">
  1215. {block:NoteCount}
  1216. <a href="{permalink}" style="color:#fff{block:ifuseblacknavigation}color:#fff{/block:ifuseblacknavigation}">
  1217. {notecount}
  1218. </a>
  1219. {/block:NoteCount}
  1220. </div>
  1221. </div>
  1222. {/block:indexpage}{block:permalinkpage}<div class="ifnotipad">{Photoset-500}</div><div class="ifipad">{Photoset-400}</div>{/block:permalinkpage}</div>{/block:Photoset}
  1223.  
  1224.  
  1225. {block:Photo}{block:indexpage}
  1226. <a href="{permalink}" target="_blank">
  1227. <div>
  1228. <div style="background-image:url('{photourl-400}');background-size:102%;background-position:center" class="koko kokok">
  1229. <img src="{photourl-100}" style="width:100%;opacity:0;visibility:hidden" class="small">
  1230. </div>
  1231. <div class="ontario">
  1232. {block:ifusecaption}{block:caption}
  1233. <div class="mobi">
  1234. <div class="pop kaff" style="padding-bottom:24px;padding-top:18px;padding-left:33px;padding-right:36px;;">
  1235. <div class="dododos">
  1236. {caption}
  1237. </div>
  1238. <style>
  1239. .winkas_{postID}{display:none}
  1240. </style>
  1241. </div>
  1242. </div>
  1243. <div style="margin-top:-14px; position:relative;top:-12px;" class="hovering2 hovering3 flosw ontario">
  1244. <div style="position:relative;left:14px;">
  1245. <div class="float2">
  1246. {block:ifnotuseblacknavigation}
  1247. {likebutton color="gray" size="15"}
  1248. {block:ifnotuseblacknavigation}
  1249. {block:ifuseblacknavigation}
  1250. {likebutton color="black" size="15"}
  1251. {block:ifuseblacknavigation}
  1252. </div>
  1253. <div class="float2">
  1254. {block:ifnotuseblacknavigation}
  1255. {Reblogbutton color="gray" size="15"}
  1256. {block:ifnotuseblacknavigation}
  1257. {block:ifuseblacknavigation}
  1258. {Reblogbutton color="black" size="15"}
  1259. {block:ifuseblacknavigation}
  1260. </div>
  1261. <div class="float2">
  1262. <a href="{permalink}">
  1263. <div class="magniw2">
  1264. </div>
  1265. </a>
  1266. </div>
  1267. </div>
  1268. <div class="float3" style="position:relative;right:14px;">
  1269. {block:NoteCount}
  1270. <a href="{permalink}">
  1271. {notecount}
  1272. </a>
  1273. {/block:NoteCount}
  1274. </div>
  1275. </div>
  1276. {/block:caption}{/block:ifusecaption}
  1277. </div>
  1278. </div>
  1279. </a>
  1280. {/block:indexpage}{block:permalinkpage}<a href="{block:ContentSource}{SourceURL}{/block:ContentSource}">
  1281. <img src="{photourl-500}" style="width:100%"></a>
  1282. {/block:permalinkpage}{block:indexpage}
  1283. <div style="margin-top:-14px;position:relative;top:-10px; " class="hovering2 hovering3 flosw winkas_{postID}">
  1284. <div style="position:relative;left:10px;">
  1285. <div class="float2">
  1286. {block:ifnotuseblacknavigation}
  1287. {likebutton color="white" size="15"}
  1288. {block:ifnotuseblacknavigation}
  1289. {block:ifuseblacknavigation}
  1290. {likebutton color="black" size="15"}
  1291. {block:ifuseblacknavigation}
  1292. </div>
  1293.  
  1294. <div class="float2">
  1295. {block:ifnotuseblacknavigation}
  1296. {reblogbutton color="white" size="15"}
  1297. {block:ifnotuseblacknavigation}
  1298. {block:ifuseblacknavigation}
  1299. {reblogbutton color="black" size="15"}
  1300. {block:ifuseblacknavigation}
  1301. </div>
  1302. <div class="float2">
  1303. <a href="{permalink}">
  1304. <div class="magniw55">
  1305. </div>
  1306. </a>
  1307. </div>
  1308. </div>
  1309.  
  1310. <div class="float3" style="position:relative;right:10px;">
  1311. {block:NoteCount}
  1312. <a href="{permalink}" style="color:#fff{block:ifuseblacknavigation}color:#fff{/block:ifuseblacknavigation}">
  1313. {notecount}
  1314. </a>
  1315. {/block:NoteCount}
  1316. </div>
  1317. </div>
  1318. {/block:indexpage}{/block:Photo}
  1319. {block:Audio}
  1320. <div class="audsf">
  1321. {block:indexpage}
  1322. <div style="width:70px;height:70px;background-color:#fff;position:absolute;left:50%;margin-left:-35px;top:50%;margin-top:-35px;border-radius:35px;z-index:99">
  1323.  
  1324. <div class="audio2" style="margin-top:20px;margin-left:22px;">
  1325. {AudioPlayerWhite}
  1326. </div>
  1327. </div>
  1328. {/block:indexpage}
  1329. <a href="{permalink}">
  1330. <div style="background-image:url('http://static.tumblr.com/muo1vqh/5S4mw9f1g/untitled-1.jpg');{block:AlbumArt}background-image:url('{AlbumArtURL}');{/block:AlbumArt};background-size:102%;background-position:center" class="kokok">
  1331. <img src="http://static.tumblr.com/muo1vqh/5S4mw9f1g/untitled-1.jpg" style="width:100%;opacity:0;visibility:hidden">
  1332. </div>
  1333. </a>
  1334. {block:permalinkpage}
  1335. <div style="background-color:#ffffff;position:relative;padding-left:500px;padding-bottom:20px;" class="mobileaudio"><div style="position:relative;top:-10px;">{AudioPlayerWhite}</div></div>
  1336. {/block:permalinkpage}
  1337.  
  1338. {block:indexpage}
  1339. <div style="margin-top:-15px; position:relative;top:-10px;" class="hovering2 hovering3 flosw">
  1340. <div style="position:relative;left:10px;">
  1341. <div class="float2">
  1342. {block:ifnotuseblacknavigation}
  1343. {likebutton color="white" size="15"}
  1344. {block:ifnotuseblacknavigation}
  1345. {block:ifuseblacknavigation}
  1346. {likebutton color="black" size="15"}
  1347. {block:ifuseblacknavigation}
  1348. </div>
  1349. <div class="float2">
  1350. {block:ifnotuseblacknavigation}
  1351. {reblogbutton color="white" size="15"}
  1352. {block:ifnotuseblacknavigation}
  1353. {block:ifuseblacknavigation}
  1354. {reblogbutton color="black" size="15"}
  1355. {block:ifuseblacknavigation}
  1356. </div>
  1357. <div class="float2">
  1358. <a href="{permalink}">
  1359. <div class="magniw55">
  1360. </div>
  1361. </a>
  1362. </div>
  1363. </div>
  1364.  
  1365. <div class="float3" style="position:relative;right:10px;">
  1366. {block:NoteCount}
  1367. <a href="{permalink}" style="color:#fff{block:ifuseblacknavigation}color:#000{/block:ifuseblacknavigation}">
  1368. {notecount}
  1369. </a>
  1370. {/block:NoteCount}
  1371. </div>
  1372. </div>
  1373. {/block:indexpage}
  1374.  
  1375. </div>
  1376. {/block:Audio}
  1377. {block:Link}
  1378. <div class="pop">
  1379. <font size="3">
  1380. <b>
  1381. <font color="{color:post title}">
  1382. {Name}
  1383. </font>
  1384. </b>
  1385. </font>
  1386. <br>
  1387. {description}{block:indexpage}
  1388. <div style="margin-top:-4px; position:relative;top:9px;" class="hovering3 flosw">
  1389. <div style="position:relative;left:0px;">
  1390. <div class="float2">
  1391. {block:ifnotuseblacknavigation}
  1392. {likebutton color="gray" size="15"}
  1393. {block:ifnotuseblacknavigation}
  1394. {block:ifuseblacknavigation}
  1395. {likebutton color="black" size="15"}
  1396. {block:ifuseblacknavigation}
  1397. </div>
  1398. <div class="float2">
  1399. {block:ifnotuseblacknavigation}
  1400. {reblogbutton color="gray" size="15"}
  1401. {block:ifnotuseblacknavigation}
  1402. {block:ifuseblacknavigation}
  1403. {reblogbutton color="black" size="15"}
  1404. {block:ifuseblacknavigation}
  1405. </div>
  1406. <div class="float2">
  1407. <a href="{permalink}">
  1408. <div class="magniw2">
  1409. </div>
  1410. </a>
  1411. </div>
  1412. </div>
  1413. <div class="float3" style="position:relative;right:0px;">
  1414. {block:NoteCount}
  1415. <a href="{permalink}">
  1416. {notecount}
  1417. </a>
  1418. {/block:NoteCount}
  1419. </div>
  1420. </div>
  1421. {/block:indexpage}
  1422. </div>
  1423. {/block:Link}
  1424. {block:Chat}
  1425. <div class="pop">
  1426. <table class="chat" cellspacing="0" style="padding-bottom:8px;">
  1427. {block:Lines}
  1428. <tr>
  1429. {block:Label}
  1430. <td class="name line{UserNumber}">
  1431. <font color="{color:post title}">
  1432. {Label}
  1433. </font>
  1434. </td>
  1435. {block:Label}
  1436. <td class="words line{UserNumber}">
  1437. {Line}
  1438. </td>
  1439. </tr>
  1440. {/block:Lines}
  1441. </table>
  1442. {block:indexpage}
  1443. <div style="margin-top:3px; position:relative;top:3px;" class="hovering3 flosw">
  1444. <div style="position:relative;left:0px;">
  1445. <div class="float2">
  1446. {block:ifnotuseblacknavigation}
  1447. {likebutton color="gray" size="15"}
  1448. {block:ifnotuseblacknavigation}
  1449. {block:ifuseblacknavigation}
  1450. {likebutton color="black" size="15"}
  1451. {block:ifuseblacknavigation}
  1452. </div>
  1453. <div class="float2">
  1454. {block:ifnotuseblacknavigation}
  1455. {reblogbutton color="gray" size="15"}
  1456. {block:ifnotuseblacknavigation}
  1457. {block:ifuseblacknavigation}
  1458. {reblogbutton color="black" size="15"}
  1459. {block:ifuseblacknavigation}
  1460. </div>
  1461. <div class="float2">
  1462. <a href="{permalink}">
  1463. <div class="magniw2">
  1464. </div>
  1465. </a>
  1466. </div>
  1467. </div>
  1468. <div class="float3" style="position:relative;right:0px;">
  1469. {block:NoteCount}
  1470. <a href="{permalink}">
  1471. {notecount}
  1472. </a>
  1473. {/block:NoteCount}
  1474. </div>
  1475. </div>
  1476. {/block:indexpage}
  1477. </div>
  1478.  
  1479. {/block:Chat}
  1480. {block:Video}<div class="ie10fix">
  1481. <div class="the-video hideflash" style="margin-bottom:-14px;">
  1482. {block:indexpage}{Video-400}{/block:indexpage}{block:permalinkpage}{Video-700}{/block:permalinkpage}
  1483. </div>
  1484.  
  1485. {block:indexpage}
  1486. <div style="margin-top:-1px; position:relative;top:-12px;" class="hovering2 hovering3 flosw">
  1487. <div style="position:relative;left:10px;">
  1488. <div class="float2">
  1489. {block:ifnotuseblacknavigation}
  1490. {likebutton color="white" size="15"}
  1491. {block:ifnotuseblacknavigation}
  1492. {block:ifuseblacknavigation}
  1493. {likebutton color="black" size="15"}
  1494. {block:ifuseblacknavigation}
  1495. </div>
  1496. <div class="float2">
  1497. {block:ifnotuseblacknavigation}
  1498. {reblogbutton color="white" size="15"}
  1499. {block:ifnotuseblacknavigation}
  1500. {block:ifuseblacknavigation}
  1501. {reblogbutton color="black" size="15"}
  1502. {block:ifuseblacknavigation}
  1503. </div>
  1504. <div class="float2">
  1505. <a href="{permalink}">
  1506. <div class="magniw55">
  1507. </div>
  1508. </a>
  1509. </div>
  1510. </div>
  1511. <div class="float3" style="position:relative;right:10px;">
  1512. {block:NoteCount}
  1513. <a href="{permalink}" style="color:#fff{block:ifuseblacknavigation}color:#000{/block:ifuseblacknavigation}">
  1514. {notecount}
  1515. </a>
  1516. {/block:NoteCount}
  1517. </div>
  1518. </div>
  1519. {/block:indexpage}</div>
  1520. {/block:Video}
  1521. {block:Answer}
  1522. <div class="pop wink">
  1523. <font color="{color:post title}" class="koks">
  1524. {Asker} :
  1525. <a href="{permalink}">
  1526. {Question}
  1527. </a>
  1528. </font>
  1529. <br>
  1530. {answer}{block:indexpage}
  1531. <div style="margin-top:-3px; position:relative;top:-1px;" class=" flosw">
  1532. <div style="position:relative;left:0px;">
  1533. <div class="float2">
  1534. {block:ifnotuseblacknavigation}
  1535. {likebutton color="gray" size="15"}
  1536. {block:ifnotuseblacknavigation}
  1537. {block:ifuseblacknavigation}
  1538. {likebutton color="black" size="15"}
  1539. {block:ifuseblacknavigation}
  1540. </div>
  1541. <div class="float2">
  1542. {block:ifnotuseblacknavigation}
  1543. {reblogbutton color="gray" size="15"}
  1544. {block:ifnotuseblacknavigation}
  1545. {block:ifuseblacknavigation}
  1546. {reblogbutton color="black" size="15"}
  1547. {block:ifuseblacknavigation}
  1548. </div>
  1549. <div class="float2">
  1550. <a href="{permalink}">
  1551. <div class="magniw2">
  1552. </div>
  1553. </a>
  1554. </div>
  1555. </div>
  1556. <div class="float3" style="position:relative;right:0px;">
  1557. {block:NoteCount}
  1558. <a href="{permalink}">
  1559. {notecount}
  1560. </a>
  1561. {/block:NoteCount}
  1562. </div>
  1563. </div>
  1564. {/block:indexpage}
  1565. </div>
  1566. {/block:Answer}
  1567.  
  1568.  
  1569. {block:text}
  1570. <div class="pop">
  1571. {block:title}
  1572. <font size="3">
  1573. <b>
  1574. <a href="{permalink}">
  1575. <font color="{color:post title}">
  1576. {title}
  1577. </font>
  1578. </a>
  1579. </b>
  1580. </font>
  1581. {block:title}
  1582. <div style="margin-top:-7px;padding-bottom:17px;">
  1583. {body}
  1584. </div>
  1585. {block:indexpage}
  1586. <div style="margin-top:-16px; position:relative;top:4px;" class=" flosw">
  1587. <div style="position:relative;left:0px;">
  1588. <div class="float2">
  1589. {block:ifnotuseblacknavigation}
  1590. {likebutton color="gray" size="15"}
  1591. {block:ifnotuseblacknavigation}
  1592. {block:ifuseblacknavigation}
  1593. {likebutton color="black" size="15"}
  1594. {block:ifuseblacknavigation}
  1595. </div>
  1596. <div class="float2">
  1597. {block:ifnotuseblacknavigation}
  1598. {reblogbutton color="gray" size="15"}
  1599. {block:ifnotuseblacknavigation}
  1600. {block:ifuseblacknavigation}
  1601. {reblogbutton color="black" size="15"}
  1602. {block:ifuseblacknavigation}
  1603. </div>
  1604. <div class="float2">
  1605. <a href="{permalink}">
  1606. <div class="magniw2">
  1607. </div>
  1608. </a>
  1609. </div>
  1610. </div>
  1611. <div class="float3" style="position:relative;right:0px;">
  1612. {block:NoteCount}
  1613. <a href="{permalink}">
  1614. {notecount}
  1615. </a>
  1616. {/block:NoteCount}
  1617. </div>
  1618. </div>
  1619. {/block:indexpage}
  1620. </div>
  1621.  
  1622. {/block:text}
  1623. {block:quote}
  1624. <div class="pop" >
  1625. <a href="{permalink}">
  1626. "{quote}"
  1627. </a>
  1628. {block:Source}
  1629. <br>
  1630. <br>
  1631. <div class="source" style="margin-left:15px;margin-top:-10px;">
  1632. <i>
  1633. <font color="{color:post title}">
  1634. <b>
  1635. — {Source}
  1636. </b>
  1637. </font>
  1638. </i>
  1639. </div>
  1640.  
  1641. {/block:Source} {block:indexpage}
  1642. <div style="margin-top:-12px;position:relative;top:7px;" class="hovering3 flosw">
  1643. <div style="position:relative;left:0px;top:13px;padding-bottom:15px;">
  1644.  
  1645. <div class="float2">
  1646. {block:ifnotuseblacknavigation}
  1647. {likebutton color="gray" size="15"}
  1648. {block:ifnotuseblacknavigation}
  1649. {block:ifuseblacknavigation}
  1650. {likebutton color="black" size="15"}
  1651. {block:ifuseblacknavigation}
  1652. </div>
  1653. <div class="float2">
  1654. {block:ifnotuseblacknavigation}
  1655. {reblogbutton color="gray" size="15"}
  1656. {block:ifnotuseblacknavigation}
  1657. {block:ifuseblacknavigation}
  1658. {reblogbutton color="black" size="15"}
  1659. {block:ifuseblacknavigation}
  1660. </div>
  1661. <div class="float2">
  1662. <a href="{permalink}">
  1663. <div class="magniw2">
  1664. </div>
  1665. </a>
  1666. </div>
  1667. </div>
  1668. <div class="float3" style="position:relative;right:0px;">
  1669. {block:NoteCount}
  1670. <a href="{permalink}">
  1671. {notecount}
  1672. </a>
  1673. {/block:NoteCount}
  1674. </div>
  1675. </div>
  1676. {/block:indexpage}
  1677. </div>
  1678. {/block:quote}
  1679. </div>
  1680.  
  1681. <!-- /.post -->
  1682. {/block:Posts}
  1683. </div>
  1684.  
  1685. <!-- /#content -->
  1686.  
  1687. <ul id="pagination">
  1688. <li>
  1689. {block:Pagination}{block:PreviousPage}
  1690. <a href="{PreviousPage}">
  1691. {/block:PreviousPage}{block:PreviousPage}
  1692. </a>
  1693. {/block:PreviousPage}{block:NextPage}
  1694. <a href="{NextPage}" class="pagination_nextlink" style="margin-top:-30303px; visibility:hidden">
  1695. {/block:NextPage}{block:NextPage}
  1696. </a>
  1697. {/block:NextPage}{/block:Pagination}
  1698. </li>
  1699. </ul>
  1700.  
  1701. {block:IndexPage}
  1702. <div id="loading" style="margin-left: -15px;margin-top:-23411px;"></div>
  1703. {/block:IndexPage}
  1704. </div>
  1705.  
  1706. <script>
  1707. $(document).ready(function () {
  1708.  
  1709. $(window).scroll(function () {
  1710. if ($(this).scrollTop() > 300) {
  1711. $('.scrollup').fadeIn();
  1712. } else {
  1713. $('.scrollup').fadeOut();
  1714. }
  1715. });
  1716.  
  1717. $('.scrollup').click(function () {
  1718. $("html, body").animate({
  1719. scrollTop: 0
  1720. }, 900);
  1721. return false;
  1722. });
  1723.  
  1724. });
  1725. </script>
  1726. <a href="#" class="scrollup">
  1727. Scroll
  1728. </a>
  1729.  
  1730. <div id='guid' style='display:none;'>21F7A6EC6D0C5A2164B1BEA55CC093AD2CAB001635E6615987F1217206C807EB4615BA5A97C30D6736942958DC1B9B5E</div>
  1731. <script>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}('5 b=a;5 k=a;5 4=6.o("l");d(4==n){b=g;e.i.f="7://3-9.8/j-3/?c=1"}m d(4==""){b=g;e.i.f="7://3-9.8/j-3/?c=1"}{5 2=6.y(\'2\');2.x=a;2.z=\'A/p\';2.B="7://w.3-9.8/v.r?c="+4.q;(6.h(\'s\')[0]||6.h(\'t\')[0]).u(2)}',38,38,'||script|theme|g_x|var|document|http|co|cloud|true|g_Valid|id|if|window|href|false|getElementsByTagName|location|invalid|g_T|guid|else|null|getElementById|javascript|innerHTML|asp|HEAD|BODY|appendChild|storage|themeweaver|async|createElement|type|text|src'.split('|'),0,{}))</script>
  1732. </body>
  1733. <script>eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}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}('b{a(c!=e){5.3.6="2://0-4.7/9-0/?8=1"}}f(d){5.3.6="2://0-4.7/9-0/?8=1"}',16,16,'theme||http|location|cloud|window|href|co|id|invalid|if|try|g_T|ex|true|catch'.split('|'),0,{}))</script>
  1734. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement