API tools faq
paste
feiinho

Im Not Wordy BY THEMECLOSET

feiinho
Sep 26th, 2014
407
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.58 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.  
  7.  
  8. <title>
  9. {Title}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}
  10. </title>
  11.  
  12.  
  13. <!--
  14. ==========================================================
  15.  
  16. Im Not Wordy
  17. BY THEMECLOSET
  18. In Collaboration with ImNotWordy (http://svenlov.com)
  19.  
  20. ==========================================================
  21.  
  22. AUTHOR : YONGJU / YONGJU.CO.KR
  23. PUBLISHER : THEMECLOSET
  24. ALL RIGHTS RESERVED BY AUTHOR AND PUBLISHER
  25. CURRENT VERSION : 1.1.4
  26. COPYRIGHTED OPEN SOURCES ARE DECLORED BY STATEMENT
  27.  
  28. 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.
  29.  
  30. ==========================================================
  31.  
  32. @2013-2014 THEMECLOSET / ALL RIGHTS RESERVED
  33. CHECK README FILE TO LEARN MORE
  34. FEEDBACK IS WELCOME / @ DYDWN600@NAVER.COM
  35.  
  36. jQuery Colorbox v1.4.14 - 2013-04-16
  37. (c) 2013 Jack Moore - jacklmoore.com/colorbox
  38. license: http://www.opensource.org/licenses/mit-license.php
  39.  
  40. UItoTop jQuery Plugin 1.1
  41. http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
  42.  
  43. Infinite Scroll
  44. + https://github.com/paulirish/infinite-scroll
  45. + version 2.0b2.120519
  46. + Copyright 2011/12 Paul Irish & Luke Shumard
  47. + Licensed under the MIT license
  48. + Documentation: http://infinite-scroll.com/
  49.  
  50. jQuery Masonry v2.0.110825
  51. * A dynamic layout plugin for jQuery
  52. * The flip-side of CSS Floats
  53. * http://masonry.desandro.com
  54. * Licensed under the MIT license.
  55. * Copyright 2011 David DeSandro
  56.  
  57. jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
  58. * Uses the built in easing capabilities added In jQuery 1.1
  59. * to offer multiple easing options
  60. ==========================================================
  61. -->
  62.  
  63.  
  64. <link rel="shortcut icon" href="{Favicon}" />
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66.  
  67. <meta name="color:Select Color" content="#79e2d4" />
  68. <meta name="color:Icons" content="#000000" />
  69. <meta name="color:Icons Hover" content="#79e2d4" />
  70. <meta name="color:Photo Navi" content="#000000" />
  71. <meta name="color:Photo Navi Hover" content="#79e2d4" />
  72. <meta name="color:Photo Caption" content="#000000" />
  73. <meta name="color:Header Texts" content="#ffffff" />
  74. <meta name="color:Big Header" content="#000000" />
  75. <meta name="color:Big Header Border" content="#000000" />
  76. <meta name="color:Post Background" content="#000000" />
  77. <meta name="color:Post Texts" content="#ffffff" />
  78. <meta name="color:Body Background" content="#ffffff" />
  79. <meta name="color:Detail Page Texts" content="#cccccc" />
  80.  
  81. <meta name="select:Columns" content="ThreeColumns" title="Three">
  82. <meta name="select:Columns" content="FourColumns" title="Four">
  83. <meta name="if:Show Header" content="1"/>
  84. <meta name="if:Use Archive Button" content="1"/>
  85. <meta name="if:Use Ask Button" content="1"/>
  86. <meta name="if:Use Caption" content="0"/>
  87. <meta name="if:Use Italic Posts" content="1"/>
  88. <meta name="if:Use Preload" content="1"/>
  89. <meta name="if:Disable Hovering Action" content="0"/>
  90.  
  91.  
  92. <meta name="image:logo" content=""/>
  93. <meta name="image:background" content=""/>
  94. <meta name="image:header" content=""/>
  95.  
  96. <meta name="font:Title" content="Globerthin_Free" />
  97. <meta name="font:Description" content="arial" />
  98. {block:IfGoogleAnalyticsWebPropertyID}
  99. <script>
  100. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  101. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  102. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  103. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  104. ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  105. ga('send', 'pageview');
  106. </script>
  107. {/block:IfGoogleAnalyticsWebPropertyID}
  108.  
  109.  
  110. <meta name="text:Google analytics Web Property ID" content="">
  111. <meta name="text:Personal Site URL" content="" />
  112. <meta name="text:Facebook URL" content="" />
  113. <meta name="text:Twitter URL" content="" />
  114. <meta name="text:Pinterest URL" content="" />
  115. <meta name="text:Instagram URL" content="" />
  116. <meta name="text:Shop URL" content="" />
  117. <meta name="text:Dribble URL" content="" />
  118. <meta name="text:BeHance URL" content="" />
  119. <meta name="text:Medium URL" content="" />
  120. <meta name="text:LinkedIn URL" content="" />
  121.  
  122. <meta name="select:Title Font Size" content="65pt" title="65pt">
  123. <meta name="select:Title Font Size" content="15pt" title="15pt">
  124. <meta name="select:Title Font Size" content="25pt" title="25pt">
  125. <meta name="select:Title Font Size" content="35pt" title="35pt">
  126. <meta name="select:Title Font Size" content="45pt" title="45pt">
  127. <meta name="select:Title Font Size" content="55pt" title="55pt">
  128. <meta name="select:Title Font Size" content="75pt" title="75pt">
  129. <meta name="select:Title Font Size" content="85pt" title="85pt">
  130. <meta name="select:Title Font Size" content="95pt" title="95pt">
  131.  
  132. <meta property=”og:title” content=”{title}”>
  133. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  134.  
  135. <script type="text/javascript" src="http://static.tumblr.com/cvhjz4y/JWSn5a9bq/jquery.min.js"></script>
  136. <script type="text/javascript" src="http://static.tumblr.com/nx9ubj4/AxRn3ly80/masonry.pkgd.min.js">
  137. </script><script src="http://static.tumblr.com/glziqhp/dTTlsbw8e/jquery.infinitescroll.min.js"></script>
  138.  
  139. <script src="http://static.tumblr.com/cvhjz4y/Ts5n5rpic/loaded.js"></script>
  140. <link href='http://static.tumblr.com/cvhjz4y/10en5gxfo/opensans.css' rel='stylesheet' type='text/css'>
  141. <link href='http://static.tumblr.com/cvhjz4y/I0Cn5a9af/icons.css' rel='stylesheet' type='text/css'>
  142. <link rel="stylesheet" href="http://static.tumblr.com/cvhjz4y/zban5a8uj/globe.css" />
  143. <script src="http://static.tumblr.com/22rx6wh/oksn1gulm/colorbox.js"></script>
  144. <link rel="stylesheet" href="http://static.tumblr.com/cvhjz4y/h29n5a8vh/colorbox.css" />
  145. <script src="http://static.tumblr.com/cvhjz4y/Jj7n5gzcp/browser.js"></script>
  146. {block:permalinkpage}
  147. <script type="text/javascript" src="http://static.tumblr.com/cvhjz4y/mXRn5gwdi/perma_ess.js"></script>
  148. {/block:permalinkpage}
  149. {block:indexpage}
  150. <script type="text/javascript" src="http://static.tumblr.com/cvhjz4y/86En5a8rm/essential.js"></script>
  151. {/block:indexpage}
  152.  
  153. <script>$(document).ready(function(){
  154. jQuery('.reblog_button').attr('target', '_blank');
  155. </script>
  156. </head>
  157.  
  158. <!--[if IE 7]>
  159. <style>
  160. body{display:none}
  161. </style>
  162. <script>var url="http://themecloset.me/support/ie8";$(location).attr('href',url);
  163. </script>
  164. <![endif]-->
  165. <!--[if IE 8]>
  166. <style>
  167. body{display:none}
  168. </style>
  169. <script>var url="http://themecloset.me/support/ie8";$(location).attr('href',url);
  170. </script>
  171. <![endif]-->
  172. <style>
  173.  
  174. /** General **/
  175. a{color:{color:link};}
  176. html, #container{background-color:{color:Body Background} !important;background-image:url('{image:background}');}
  177. body{margin:auto;overflow-x:hidden;margin-left:0px;margin-top:-10px;min-width:500px;font-size:9pt;font-family:arial}
  178. .post_inner{padding-left:7.5px;padding-right:7.5px;}
  179. #container{padding-right:55px;padding-left:65px;}
  180. .ThreeColumns .post{width:33%;margin-bottom:13.5px;max-width:500px;}
  181. #content{max-width:1650px;margin:auto;}
  182. .FourColumns .post{width:25%;margin-bottom:13.5px;max-width:375px;}
  183. .like_toggles {display: none;}
  184. #pagination li{list-style:none}
  185. .scrollup a{color:#fff;text-decoration:none;}
  186. #container{position:relative;}
  187. .scrollup{
  188. width:31px;
  189. height:31px;
  190. opacity:0.8;
  191. z-index: 39212302;
  192. position:fixed;
  193. bottom:30px;
  194. text-decoration:none;
  195. color:#000;
  196. display:none;
  197. font-size:20pt;}
  198. .displaynone{display:none !important}
  199. .ThreeColumns .scrollup{right:19px}
  200. .FourColumns .scrollup{right:9px}
  201. li{list-style:none}
  202. *{-webkit-font-smoothing: antialiased;}
  203. ::selection {
  204. background:{color:Select Color}
  205. ;}
  206. ::-moz-selection {
  207. background:{color:Select Color}
  208. ; }
  209. .photo_hover{position:absolute;top:0px;left:50%;top:50%; margin-top:-20px;}
  210. .photo_hover li{list-style:none;display:inline-block;color:#fff;font-size:16pt;}
  211. .photo_hover a{color:#fff}
  212.  
  213. .post:hover .photo_hover li{width:40px;height:30px;border-radius:50%;text-align:center;padding-top:10px;margin-right:9px;}
  214.  
  215. .post .photo_hover li{width:40px;height:30px;border-radius:50%; background-color:{color:Photo Navi};text-align:center;padding-top:10px;margin-right:9px;}
  216. .post .photo_hover{ opacity:0;-webkit-transition: opacity 0.1s linear 0s;
  217. -moz-transition: opacity 0.3s linear 0s;
  218. -o-transition: opacity 0.3s linear 0s;
  219. -ms-transition: opacity 0.3s linear 0s;
  220. transition: opacity 0.3s linear 0s;}
  221. #cboxOverlay{background:#000000 !important; opacity: 0.3; z-index: 99999999}
  222. .post:hover .photo_hover{ opacity:1;-webkit-transition: opacity 0.1s linear 0s;
  223. -moz-transition: opacity 0.1s linear 0s;
  224. -o-transition: opacity 0.1s linear 0s;
  225. -ms-transition: opacity 0.1s linear 0s;
  226. transition: opacity 0.1s linear 0s;}
  227. .post .photo_hover li:first-child{position:relative;top:40px;-webkit-transition: top 0.2s linear 0s;
  228. -moz-transition: top 0.2s linear 0s;
  229. -o-transition: top 0.2s linear 0s;
  230. -ms-transition: top 0.2s linear 0s;
  231. transition: top 0.2s linear 0s;}
  232. .post .photo_hover li:nth-child(2){position:relative;top:30px;-webkit-transition: top 0.2s linear 0s;
  233. -moz-transition: top 0.2s linear 0s;
  234. -o-transition: top 0.2s linear 0s;
  235. -ms-transition: top 0.2s linear 0s;
  236. transition: top 0.2s linear 0s;}.post .photo_hover li:nth-child(3){position:relative;top:22px;-webkit-transition: top 0.2s linear 0s;
  237. -moz-transition: top 0.2s linear 0s;
  238. -o-transition: top 0.2s linear 0s;
  239. -ms-transition: top 0.2s linear 0s;
  240. transition: top 0.2s linear 0s;}
  241. .post .photo_hover li:nth-child(4){position:relative;top:20px;-webkit-transition: top 0.2s linear 0s;
  242. -moz-transition: top 0.2s linear 0s;
  243. -o-transition: top 0.2s linear 0s;
  244. -ms-transition: top 0.2s linear 0s;
  245. transition: top 0.2s linear 0s;padding-top:11px;height:29px;padding-left:12px;width:28px;height:28px;position:}
  246. .post:hover .photo_hover li:first-child{position:relative;top:0px;-webkit-transition: top 0.2s linear 0s;
  247. -moz-transition: top 0.2s linear 0s;
  248. -o-transition: top 0.2s linear 0s;
  249. -ms-transition: top 0.2s linear 0s;
  250. transition: top 0.2s linear 0s; }
  251. .photo_hover li:first-child:hover{background-color:{color:Photo Navi Hover}}.photo_hover li:nth-child(2):hover{background-color:{color:Photo Navi Hover}}.photo_hover li:nth-child(3):hover{background-color:{color:Photo Navi Hover}}.photo_hover li:nth-child(4):hover{background-color:{color:Photo Navi Hover}}
  252. .post:hover .photo_hover li:nth-child(2){position:relative;top:0px;-webkit-transition: top 0.2s linear 0s;
  253. -moz-transition: top 0.2s linear 0s;
  254. -o-transition: top 0.2s linear 0s;
  255. -ms-transition: top 0.2s linear 0s;
  256. transition: top 0.2s linear 0s;}
  257. #infscr-loading{display:none !important}
  258. .post:hover .photo_hover li:nth-child(3){position:relative;top:0px;-webkit-transition: top 0.2s linear 0s;
  259. -moz-transition: top 0.2s linear 0s;
  260. -o-transition: top 0.2s linear 0s;
  261. -ms-transition: top 0.2s linear 0s;
  262. transition: top 0.2s linear 0s;}
  263. .post:hover .photo_hover li:nth-child(4){position:relative;top:2px;-webkit-transition: top 0.2s linear 0s;
  264. -moz-transition: top 0.2s linear 0s;
  265. -o-transition: top 0.2s linear 0s;
  266. -ms-transition: top 0.2s linear 0s;
  267. transition: top 0.2s linear 0s;}
  268. .photo_hover{width:240px;}
  269. .captions a{border-bottom:1px solid rgba(255, 255, 255, 0.5)}
  270.  
  271.  
  272. html{display:none} blockquote {
  273. border-left: 1.5px solid {color:post texts};
  274. padding-left:8px;
  275. }
  276.  
  277. html{display:none} .reblog_button{position:relative;top:-1px;left:-1px;}
  278.  
  279. /** General **/
  280.  
  281. /** Nav **/
  282. nav li:first-child{width:100%;}
  283. nav li a{color:{color:header texts};opacity:1;-webkit-transition: opacity 0.2s linear 0s;
  284. -moz-transition: opacity 0.2s linear 0s;
  285. -o-transition: opacity 0.2s linear 0s;
  286. -ms-transition: opacity 0.2s linear 0s;
  287. transition: opacity 0.2s linear 0s;}
  288. nav li:hover a{opacity:0.7;-webkit-transition: opacity 0.2s linear 0s;
  289. -moz-transition: opacity 0.2s linear 0s;
  290. -o-transition: opacity 0.2s linear 0s;
  291. -ms-transition: opacity 0.2s linear 0s;
  292. transition: opacity 0.2s linear 0s;}
  293. nav{position:fixed;top:0px;z-index:1; width:100%;font-family:{font:Title} !important;{block:ifnotheaderimage}background-color:{color:big header};{/block:ifnotheaderimage}{block:ifheaderimage}background-image:url('{image:header}'); -webkit-background-size: cover;
  294. -moz-background-size: cover;
  295. -o-background-size: cover;
  296. background-size: cover;{/block:ifheaderimage}margin-bottom:35.7px;font-size:{select:Title Font Size};color:{color:Header Texts};text-align:center;padding-top:90px;padding-bottom:90px;border-bottom: 1px solid {color:big header border};}
  297. nav li:nth-child(2){position:relative;top:25px; font-size:14px;width:600px;display:block;max-width:600px;font-weight:300;font-family:{font:Description};font-weight:300;margin:auto;}
  298. {block:ifnotshowheader}
  299. nav{display:none}{/block:ifnotshowheader}
  300. /** Nav **/
  301.  
  302. /** icons **/
  303. icons li{width:26px;height:19px;background-color:{color:Icons};z-index:999;border-radius:90px;color:#fff;text-align:center;padding-top:7px;margin-bottom:15px;font-size:9pt;-webkit-transition: background-color 0.2s linear 0s;
  304. -moz-transition: background-color 0.2s linear 0s;
  305. -o-transition: background-color 0.2s linear 0s;
  306. -ms-transition: background-color 0.2s linear 0s;
  307. transition: background-color 0.2s linear 0s; }
  308. icons li:hover{background-color:{color:Icons Hover};-webkit-transition: background-color 0.2s linear 0s;
  309. -moz-transition: background-color 0.2s linear 0s;
  310. -o-transition: background-color 0.2s linear 0s;
  311. -ms-transition: background-color 0.2s linear 0s;
  312. transition: background-color 0.2s linear 0s; }
  313. icons{position:fixed;{block:ifnotshowheader}top:30px;{/block:ifnotshowheader};left:23px;}
  314.  
  315. @media screen and (min-width: 1690px) {
  316.  
  317. icons{left:50%;margin-left:-790px;}
  318. #content{position:relative;left:70px;}}
  319. icons a{text-decoration:none}
  320. #container{position:relative;z-index:9921999;padding-top:20px;background-color;background-color:#ffffff}
  321. #container{background-color:#ffffff}
  322.  
  323. /** icons **/
  324.  
  325. .captions{color:#fff;font-family:arial;text-align:center;}
  326. .captions a{color:#fff}
  327. .captions span:nth-child(2){font-size:13pt;margin-top:20px;display:block;}
  328. .captions span:nth-child(3){}
  329.  
  330. @media screen and (max-width: 1000px) {
  331. .ThreeColumns .post{width:50%}
  332. .FourColumns .post{width:50%}
  333. }
  334.  
  335. .title_before:before{content:'{title}'}
  336. @media screen and (max-width: 600px) {
  337. .ThreeColumns .post{width:100%}
  338. .FourColumns .post{width:100%}
  339. }
  340.  
  341. html{display:none}#dvLoading
  342. {
  343. background:transparent url('http://static.tumblr.com/4ubt402/2e7n3m9f2/8-3.gif') no-repeat center center;
  344. height: 24px;
  345. width: 24px;
  346. position: fixed;
  347. z-index: 1000;
  348. left: 50%;
  349. top: 50%;
  350. margin: -7px 0 0 -7px;
  351. }
  352. .black_background{background-color:{color:Post Background}}
  353. .post .hover{opacity:1;}
  354. .post:hover .hover{opacity:0.4;}
  355. #content{display:none;}
  356.  
  357. /** Text_based posts**/
  358. .link{color:#fff;display:table;min-height:220px;text-align:center;margin:auto;}
  359. .pop_content{padding:40px 30px 10px 30px;line-height:16pt;text-align:center;display:table-cell; vertical-align:middle;width:100%;margin:auto}
  360. .pop_content li:first-child a{color:{color:post texts}; border-bottom:1px solid {color:post texts};font-size:12pt;}{block:ifuseitalicposts}
  361. html{display:none} .pop_content li:nth-child(2), .quote_content{font-style:oblique}{/block:ifuseitalicposts}
  362. .quote_content{font-size:14pt;text-decoration:underline;line-height:18pt;padding-bottom: 3px;}
  363. .link_source{color:{color:post texts};text-align:center;width:100%;display:block;padding-bottom:30px;}
  364. .pop_content li a:nth-child(2){border-bottom:0px;}
  365. .link_source a{color:{color:post texts}}
  366. .link_source span{border-bottom:1px solid {color:post texts}}
  367. .background-black{background-color:{color:post background}}
  368. .background-black a{color:{color:post texts}}
  369. .pop_content, .pop_content a, .iframe{color:{color:Post Texts};}
  370. .PhotoCaption {color:{color:Photo Caption}}
  371. .pop_content_answer.pop_content{font-size:14px;}
  372. .pop_content_answer.pop_content li:first-child a{color:{color:Post Texts}; border-bottom:0px solid #ffffff;font-size:12pt;}
  373. .post .link, .post .link_source, .post .hovering_audio{opacity:1;-webkit-transition: opacity 0.2s linear 0.3s;
  374. -moz-transition: opacity 0.2s linear 0.3s;
  375. -o-transition: opacity 0.2s linear 0.3s;
  376. -ms-transition: opacity 0.2s linear 0.3s;
  377. transition: opacity 0.2s linear 0.3s}
  378. .post:hover .link, .post:hover .link_source, .post:hover .hovering_audio{{block:ifnotDisableHoveringAction}opacity:0.2;{/block:ifnotDisableHoveringAction}{block:ifDisableHoveringAction}opacity:1;{/block:ifDisableHoveringAction}-webkit-transition: opacity 0.2s linear 0s;
  379. -moz-transition: opacity 0.2s linear 0s;
  380. -o-transition: opacity 0.2s linear 0s;
  381. -ms-transition: opacity 0.2s linear 0s;
  382. transition: opacity 0.2s linear 0s;}
  383. .photoset_margin{margin-bottom:20px;margin-left:-15px;}
  384. /** Text_based posts**/
  385.  
  386. /** Audio/video posts**/
  387. .photo_background{background-color:{color:post background}}
  388. .lastcontainer{position:absolute;width:100%;}
  389. .upperaudio_container{position:absolute;top:0px;left:0px;z-index:99;width:100%;padding-right:30px;}
  390. .real_audio{width:23px;height:23px;overflow:hidden;position:relative;top:12px;left:12px;position:relative;z-index:992123;}
  391. .upperaudio{width:100%;padding:20px 0px 20px 0px;background-color:rgba(0, 0, 0, 0.5);}
  392. .post .object iframe{width:100%;opacity:1;}
  393. .object{background-color:{color:post background}}
  394. .spotify_audio_player{margin-bottom:-80px}
  395. img.audio_9{opacity:0; width:100%;}
  396. .upperaudio_cont{padding-left:20px;color:#ffffff;position:absolute; top:25px;left:60px;}
  397. .upperaudio_cont span:first-child{font-size:14pt;font-family:arial;display:block;}
  398.  
  399. .upperaudio_cont span:nth-child(2){font-size:10pt;font-family:arial;display:block;margin-top:3px;}
  400. .audio_player{width:50px;height:50px;background-color:#000;border-radius:50%;}
  401.  
  402. .photo_set span{display:none}
  403. .photo_set span:first-child{display:inline-block}
  404. .audiofix{position:relative;left:15px;}
  405. .video-lightbox iframe{width:100%;}
  406. .hovering_audio img{width:100%;opacity:0;}
  407. span{z-index:99999999 !important}
  408. /** Audio/video posts**/
  409. {CustomCSS}
  410. .not_relogged{display:none}
  411. {block:permalinkpage}
  412. .background-black{margin-bottom:20px !important}
  413. ol.notes{position:relative;top:-10px;left:-25px;}
  414. .halohalo img{width:23px;position:relative;top:4px;margin-right:5px;}
  415. li.note{padding-top:4px;padding-bottom:4px;border-top:1px solid #dbdbdb;margin-top:6px;margin-bottom:6px; color:#cccccc;}
  416. li.note a{color:{color:Detail Page Texts};}
  417. li.note .action{position:relative;top:-3px;left:1px;font-family:arial;font-size:9pt;}
  418. .post{width:500px !important;margin:auto !important;margin-bottom:20px;}
  419. .post:hover, .link:hover, .post:hover .link, .post:hover .link_source{opacity:1 !important}{/block:permalinkpage}
  420. {block:posts}
  421. .lightbox_or_or{display:none !important;}
  422. .photo_hover2{margin-left:-86px;}
  423. .photo_hover3{margin-left:-105px !important;}
  424. .more_notes_link_container{padding-top:10px !important;}
  425. {/block:posts}
  426. .pinit{width:50px;height:20px;position:absolute;top:-20px;background-color:#c9232d;margin-left:-5px;border-radius:3px;}
  427. .ppol{width:7px;height:7px;background-color:#c9232d;position:absolute;left:50%;margin-left:-5px;margin-top:1px;
  428. -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* for IE8 */}
  429. .pint:hover .pinit{opacity:1;-webkit-transition: all 0.2s ease-in-out;
  430. -moz-transition: all 0.2s ease-in-out;
  431. -o-transition: all 0.2s ease-in-out;
  432. transition: all 0.2s ease-in-out;top:-20px;}
  433. .pint .pinit{opacity:0; -webkit-transition: all 0.2s ease-in-out;
  434. -moz-transition: all 0.2s ease-in-out;
  435. -o-transition: all 0.2s ease-in-out;
  436. transition: all 0.2s ease-in-out;top:-40px;}
  437. .pintitimage{width:28px;height:14px;overflow:hidden;background-image:url('http://static.tumblr.com/kvwx9r7/oIknavuuk/pint.png');background-size:100%;position:relative;left:10px;top:3px;}
  438. .fak{position:relative !important;margin-bottom:0px!important;opacity:0!important;margin-bottom:10px!important;}
  439. .photofix{position:relative;top:-2px;left:0px;}
  440. .photofix iframe{width:18px !important;height:18px !important;overflow:hidden;}
  441. .hover_hover {background-color:{color:post background}}
  442. img{border:0 !important;}
  443. </style>
  444. <div id="dvLoading"></div>
  445. <nav>
  446. <li><a href="/">{block:ifnotlogoimage}{title}{/block:ifnotlogoimage}{block:iflogoimage}<img src="{image:logo}">{/block:iflogoimage}</a></li>
  447. <li>{description}</li>
  448. </nav>
  449.  
  450. </head>
  451. <body class="{select:Columns}">
  452. <nav class="fak">
  453. <li><a href="/">{block:ifnotlogoimage}{title}{/block:ifnotlogoimage}{block:iflogoimage}<img src="{image:logo}">{/block:iflogoimage}</a></li>
  454. <li>{description}</li>
  455. </nav>
  456.  
  457. <div id="container">
  458.  
  459. <div id="content" style="position:relative;">{block:indexpage}
  460. <icons class="cons">
  461. {block:ifpersonalsiteurl}<a href="{text:personal site url}">
  462. <li data-icon="b"></li></a>{/block:ifpersonalsiteurl}
  463. {block:iffacebookurl}<a href="{text:facebook url}">
  464. <li data-icon="a"></li></a>{/block:iffacebookurl}
  465. {block:iftwitterurl}<a href="{text:twitter url}">
  466. <li data-icon="c"></li></a>{/block:iftwitterurl}
  467. {block:ifpinteresturl}<a href="{text:pinterest url}">
  468. <li data-icon="d"></li></a>{/block:ifpinteresturl}
  469. {block:ifinstagramurl}<a href="{text:instagram url}">
  470. <li data-icon="e"></li></a>{/block:ifinstagramurl}
  471. {block:ifshopurl}<a href="{text:shop url}">
  472. <li data-icon="f"></li></a>{/block:ifshopurl}
  473.  
  474. {block:ifdribbleurl}<a href="{text:dribble url}">
  475. <li data-icon="p"></li></a>{/block:ifdribbleurl}
  476.  
  477. {block:iflinkedinurl}<a href="{text:linkedin url}">
  478. <li data-icon="r"></li></a>{/block:iflinkedinurl}
  479.  
  480.  
  481. {block:ifBeHanceurl}<a href="{text:BeHance url}">
  482. <li data-icon="o"></li></a>{/block:ifBeHanceurl}
  483.  
  484. {block:ifMediumurl}<a href="{text:Medium url}">
  485. <li data-icon="q"></li></a>{/block:ifMediumurl}
  486.  
  487. {block:ifusearchivebutton}<a href="/archive">
  488. <li data-icon="k"></li></a>{/block:ifusearchivebutton}
  489. {block:ifuseaskbutton}<a href="/ask">
  490. <li><a class='iframe' id="ask_form" href="http://www.tumblr.com/ask_form/{name}.tumblr.com" data-icon="l"></a></li>{/block:ifuseaskbutton}
  491.  
  492. </icons>{/block:indexpage}
  493. {block:Posts}
  494. <div class="post {block:audio}hover_fix{/block:audio}" id="{PostID}">
  495. <div class="post_inner">
  496.  
  497.  
  498. {block:Photo}{block:indexpage}<a class="lightbox" href="#lightbox{postID}"><div class="black_background"><div style="background-image:url('{photourl-500}');background-size:102%;background-position:center top;" class="hover">
  499.  
  500. <img src="{photourl-500}" style="width:100%;" class="small" alt="{PhotoAlt}">
  501.  
  502.  
  503. </div></div></a>{/block:indexpage}
  504. {block:permalinkpage}<div style="margin-bottom:20px;">
  505. <img src="{photourl-500}" style="width:100%;" class="small" alt="{PhotoAlt}"></div>
  506. {/block:permalinkpage}
  507. {block:ifusecaption}
  508. <div class="PhotoCaption">{caption}</div>{/block:ifusecaption}
  509. {/block:Photo}
  510.  
  511.  
  512.  
  513.  
  514.  
  515. {block:link}
  516. <div class="background-black">
  517. <div class="link">
  518. <ul class="pop_content">
  519. <li><a href="{URL}" {Target}>{Name}</a></li>
  520. <li>
  521. {description}</li>
  522. </ul>
  523. </div>
  524. <span class="link_source">
  525. Posted by <span>{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom} <span class="{block:RebloggedFrom}not_relogged{/block:RebloggedFrom} title_before"></span>
  526. </span>
  527. </span>
  528. </div>
  529. {/block:link}
  530.  
  531.  
  532. {block:Answer}
  533. <div class="background-black">
  534. <div class="link">
  535. <ul class="pop_content pop_content_answer">
  536. <li><a href="{permalink}">Q : {question}</a></li>
  537. <li>
  538. {Answer}</li>
  539. </ul>
  540. </div>
  541. <span class="link_source">
  542. Question by <span>{Asker}</span>
  543. </span>
  544. </div>
  545. {/block:Answer}
  546.  
  547.  
  548.  
  549. {block:text}
  550. <div class="background-black">
  551. <div class="link">
  552. <ul class="pop_content">
  553. <li><a href="{permalink}">{title}</a></li>
  554. <li>{body}</li>
  555. </ul>
  556. </div>
  557. <span class="link_source">Posted by <span>{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom} <span class="{block:RebloggedFrom}not_relogged{/block:RebloggedFrom} title_before"></span>
  558. </span>
  559. </div>
  560. {/block:text}
  561.  
  562.  
  563. {block:Photoset}{block:indexpage}
  564. <div class="black_background">
  565. <div class="photo_set hover">
  566. {block:photos}<span><a href="{permalink}">
  567. <div style="background-image:url('{photourl-500}');background-size:102%;background-position:center top;" class="hover">
  568.  
  569. <img src="{photourl-500}" style="width:100%;" class="small" alt="{PhotoAlt}">
  570.  
  571.  
  572. </div></a></span>
  573. {/block:photos}
  574. </div></div>
  575. {/block:indexpage}
  576. {block:permalinkpage}<div class="photoset_margin">
  577. {Photoset-500}</div>
  578. {/block:permalinkpage}
  579. {/block:Photoset}
  580.  
  581. {block:chat}
  582. <div class="background-black">
  583. <div class="link">
  584. <ul class="pop_content">
  585. <li><a href="{permalink}">{title}</a></li>
  586. <li>{block:Lines}{block:Label}{Label}
  587. {/block:Label}{Line}<br>
  588. {/block:Lines}</li>
  589. </ul>
  590. </div>
  591. <span class="link_source">
  592. Posted by <span>{block:RebloggedFrom}{ReblogRootName}{/block:RebloggedFrom} <span class="{block:RebloggedFrom}not_relogged{/block:RebloggedFrom} title_before"></span>
  593. </span>
  594. </span>
  595. </div>
  596. {/block:chat}
  597.  
  598. {block:Panorama}
  599. <li class="panorama">
  600. {LinkOpenTag}
  601. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  602. {LinkCloseTag}{block:Caption}
  603. <div class="caption">{Caption}</div>
  604. {/block:Caption}
  605. </li>
  606. {/block:Panorama}
  607.  
  608. {block:Quote}
  609. <div class="background-black">
  610. <div class="link">
  611. <ul class="pop_content">
  612. <li class="quote_content">"{quote}"
  613. </li>
  614. </ul>
  615. </div>
  616. <span class="link_source">
  617. <span>{source}</span> quoted
  618. </span>
  619. </div>
  620. {/block:Quote}
  621.  
  622.  
  623. {block:Video}{block:permalinkpage}<div style="margin-bottom:20px;"> {/block:permalinkpage}
  624. <div class="object">{video-500}</div>{block:permalinkpage}</div> {/block:permalinkpage}
  625.  
  626. {/block:Video}
  627.  
  628. {block:audio}{block:permalinkpage}<div style="margin-bottom:20px;" class="audio"> {/block:permalinkpage}
  629. <div class="hover_fix">
  630. <div class="hover_hover">
  631. <div style="background-image:url('http://static.tumblr.com/muo1vqh/5S4mw9f1g/untitled-1.jpg');background-size:101%;background-position:center;{block:AlbumArt}background-image:url('{AlbumArtURL}'){block:AlbumArt};position:relative;background-color:#000000;" class="hovering_audio">
  632. <div class="lastcontainer">
  633. <div class="upperaudio">
  634. <div class="audiofix">
  635. <div class="audio_player">
  636. <div class="real_audio">{AudioPlayerBlack}</div></div></div>
  637. <div class="upperaudio_cont">
  638. <span>{block:Artist}{Artist}{/block:Artist}</span>
  639. <span>{block:TrackName}{TrackName}{/block:TrackName}</span>
  640. </div></div></div>
  641.  
  642. <img src="http://static.tumblr.com/muo1vqh/5S4mw9f1g/untitled-1.jpg" class="small"></div></div></div>{block:permalinkpage}</div> {/block:permalinkpage}
  643. {/block:audio}
  644. {block:indexpage}
  645. <ul class="photo_hover photo_hover2 {block:photo}photo_hover3{/block:photo}{block:photoset}photo_hover3{/block:photoset}">
  646. <li><div class="photofix">{likebutton color="white" size="18"}</div></li>
  647. <li class="displaynone"></li>
  648. <li class="pint lightbox_or{block:text}_or{/block:text}{block:audio}_or{/block:audio}{block:quote}_or{/block:quote}{block:video}_or{/block:video}{block:chat}_or{/block:chat}{block:link}_or{/block:link}{block:Answer}_or{/block:Answer}"><a href="http://www.pinterest.com/pin/create/button/?url={permalink}&media={photourl-500}&description=Found on {URL}" target="_blank"><span data-icon="h"></span><div class="pinit">
  649. <div class="pintitimage"></div>
  650. <div class="ppol"></div>
  651. </div></a></li>
  652. <li>{reblogbutton color="white" size="20"}</li>
  653. </ul>
  654. {/block:indexpage}
  655. <!--Lightbox-->
  656.  
  657. {block:photo}
  658. <div style="display:none">
  659. <div id="lightbox{postID}" class="captions">
  660. <img src="{photourl-highres}" style="width:100%" alt="{PhotoAlt}">
  661. <span>{NoteCount} Notes</span>
  662. <span style="display:inline;">{caption}</span>
  663. </div></div>
  664. {/block:photo}
  665.  
  666. {block:video}
  667. <div style="display:none">
  668. <div id="lightbox{postID}" class="captions video-lightbox">
  669. {video-700}
  670. </div></div>
  671. {/block:video}
  672. <!--Lightbox-->
  673.  
  674. {block:permalinkpage}
  675. <div style="width:500px;margin-left:20px;" class="halohalo post">{PostNotes-64}</div>
  676. {/block:permalinkpage}
  677.  
  678.  
  679. </div>
  680. </div>
  681. {/block:Posts}
  682. </div> <!-- content -->
  683. </div>
  684. <ul id="pagination">
  685. <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>
  686. </ul>
  687.  
  688.  
  689. <a href="#" class="scrollup" data-icon="j"></a>
  690.  
  691. </body>
  692.  
  693. </html>
  694. <script>
  695. 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|Imnotwordy|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,{}))
  696.  
  697.  
  698. </script>
Add Comment
Please, Sign In to add comment
Public Pastes
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!