API tools faq
paste
Advertisement
khadae

sleazy 2.0

khadae
Jul 25th, 2015
871
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.09 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3. K h a d a e ■□ t h e m e s (khadae.tumblr.com)
  4. -->
  5.  
  6.  
  7. <!DOCTYPE html>
  8. <head>
  9.  
  10. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary} {Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}"/>
  15.  
  16. {/block:Description}
  17.  
  18. <meta name="image:Sidebar" content=""/>
  19. <meta name="image:Background" content=""/>
  20. <meta name="if:Stretch Background" content="0"/>
  21. <meta name="if:Icon" content=""/>
  22. <meta name="if:Caption" content=""/>
  23. <meta name="select:Sidebar Width" content="100" title="100px"/>
  24. <meta name="select:Sidebar Width" content="125" title="125px"/>
  25. <meta name="select:Sidebar Width" content="150" title="150px"/>
  26. <meta name="select:Post Width" content="350" title="350px"/>
  27. <meta name="select:Post Width" content="400" title="400px"/>
  28. <meta name="select:Post Width" content="500" title="500px"/>
  29. <meta name="select:Posts Padding" content="0" title="0px"/>
  30. <meta name="select:Posts Padding" content="5" title="5px"/>
  31. <meta name="select:Posts Padding" content="10" title="10px"/>
  32. <meta name="select:font" content="pt-sans" title="PT Sans"/>
  33. <meta name="select:font" content="source-sans-pro" title="Source Sans Pro"/>
  34. <meta name="select:font" content="open-sans" title="Open Sans"/>
  35. <meta name="select:font" content="lato" title="Lato"/>
  36. <meta name="select:font" content="lora" title="Lora"/>
  37. <meta name="select:font" content="pt-serif" title="PT Serif"/>
  38. <meta name="select:font" content="source-serif-pro" title="Source Serif Pro"/>
  39. <meta name="select:font" content="inconsolata" title="Inconsolata"/>
  40. <meta name="select:font" content="ubuntu-mono" title="Ubuntu Mono"/>
  41. <meta name="select:font" content="karla" title="Karla"/>
  42. <meta name="color:Background" content="#fff"/>
  43. <meta name="color:Sidebar" content="#fff"/>
  44. <meta name="color:Posts" content="#fff"/>
  45. <meta name="color:Border" content="#eee"/>
  46. <meta name="color:Text" content="#b4b4b4"/>
  47. <meta name="color:Link" content="#000"/>
  48. <meta name="color:Link hover" content="#fff"/>
  49. <meta name="color:Tool Tip" content="#fff"/>
  50. <meta name="color:Tool Tip Text" content="#b4b4b4"/>
  51. <meta name="color:Accents" content="#fff"/>
  52. <meta name="color:Accent Text" content="#b4b4b4"/>
  53. <meta name="color:Soundcloud Player" content=""/>
  54. <meta name="text:Link 1 URL" content=""/>
  55. <meta name="text:Link 1" content=""/>
  56. <meta name="text:Link 2 URL" content=""/>
  57. <meta name="text:Link 2" content=""/>
  58. <meta name="text:Link 3 URL" content=""/>
  59. <meta name="text:Link 3" content=""/>
  60. <meta name="text:Link 4 URL" content=""/>
  61. <meta name="text:Link 4" content=""/>
  62. <script src="//use.edgefonts.net/{select:font}:n4,n5,i4,n7,i7.js"></script>
  63. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  64. <link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  65. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  66. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  67.  
  68. <script>
  69. (function($){
  70. $(document).ready(function(){
  71. $("a[title]").style_my_tooltips({
  72. tip_follows_cursor:true,
  73. tip_delay_time:30,
  74. tip_fade_speed:300,
  75. attribute:"title"
  76. });
  77. });
  78. })(jQuery);
  79. </script>
  80.  
  81. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  82. <script>
  83. $(document).ready(function(){
  84. $(".ke").hide();
  85. $(".pm").show();$('.pm').toggle(function(){
  86. $(".ke").slideDown(function(){});
  87. },function(){
  88. $(".ke").slideUp(function(){});
  89. });
  90. });
  91. </script>
  92.  
  93.  
  94. <!--Custom-->
  95.  
  96. <style type="text/css">
  97.  
  98. /*tumblr lightbox and controls*/
  99.  
  100. #tumblr_lightbox {
  101. background-color:rgba(246, 246, 246, .9)!important;
  102. z-index:99999!important;}
  103.  
  104. #tumblr_lightbox img {opacity:0;}
  105.  
  106. #tumblr_lightbox_caption {
  107. color:black!important;
  108. font-family:arial!important;
  109. font-size:10px!important;
  110. font-weight:normal!important;
  111. text-shadow:none!important;}
  112.  
  113. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  114.  
  115. #tumblr_lightbox_right_image {
  116. background:white!important;
  117. -moz-box-shadow:none!important;
  118. -webkit-box-shadow:none!important;
  119. box-shadow:none!important;
  120. -moz-border-radius:0px!important;
  121. -webkit-border-radius:0px!important;
  122. border-radius:0px!important;
  123. opacity:1!important;}
  124.  
  125. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.6!important;}
  126.  
  127. iframe#tumblr_controls {
  128. white-space:nowrap!important;
  129. -webkit-filter:invert(100%)!important;
  130. -moz-filter:invert(100%)!important;
  131. -ms-filter:invert(100%)!important;
  132. -o-filter:invert(100%)!important;
  133. filter:invert(100%)!important;
  134. top:2px!important;
  135. right:5px!important;
  136. position:fixed!important;
  137. opacity:.3!Important;}
  138.  
  139. /*tooltip*/
  140.  
  141. #s-m-t-tooltip {max-width:200px;margin:25px 20px 25px 20px;background-color:{color:Tool Tip};color:{color:Tool Tip Text};font-size:8px;font-family: Calibri;text-transform:uppercase;line-height:13px;padding:6px 7px 6px 7px;z-index:999999999999999999999999999999999999;box-shadow:3px 3px 3px rgba(0,0,0,0.2);}
  142.  
  143. /*scrollbar*/
  144.  
  145. ::-webkit-scrollbar{height:5px;width:6px;background:{color:background};}
  146. ::-webkit-scrollbar-thumb {background:#000;border-right:2px solid {color:background};border-left:2px solid {color:background};}
  147.  
  148. /*basics*/
  149. blockquote {padding:0px 5px;border-left:1.5px solid {color:text};margin-left:10px;}
  150.  
  151. body {background:{color:background} url('{image:background}') center center fixed repeat;{block:ifstretchbackground} -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;{/block:ifstretchbackground} color:{color:text};font-family:{select:font}, sans-serif;font-size:10px;text-align:justify;margin:0;line-height:16px;}
  152.  
  153.  
  154. a {color:{color:link};text-decoration:none;
  155. transition:0.5s ease;
  156. -o-transition:0.5s ease;
  157. -moz-transition:0.5s ease;
  158. -webkit-transition:0.5s ease;}
  159. a:hover {color:{color:link hover};text-decoration:none;}
  160. b{color:#000;font-weight:normal;}
  161. img{opacity:1;border:none;text-decoration:none}
  162. small {font-size:9px;}
  163. big {font-size:12px;}
  164. #title{font-size:13px;color:#000;text-transform:uppercase;letter-spacing:0.5px;padding:7px;}
  165.  
  166.  
  167. /*Sidebar*/
  168.  
  169. #sidebar{width:{select:sidebar width}px;position:fixed;margin-left:250px;margin-top:175px;background:{color:Sidebar};font-family:{select:font}, Arial;font-size:10px;}
  170.  
  171. .sidebar{top:0px;position:absolute;}
  172. .sidebar img{width:100px;margin-left:-110px;border:2px solid {color:sidebar};}
  173. .sideim img{width:60px;margin-left:-70px;cursor:help;}
  174. .avatar-style-square img{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:{color:sidebar}; border:2px solid {color:sidebar}; }
  175. .avatar-style-circle img{ background:{color:sidebar}; border:2px solid {color:sidebar}; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
  176.  
  177. .blogtitle{font-weight:400;letter-spacing:1.5px;text-transform:uppercase;margin:10px;}.blogtitle a{border-bottom:1px solid rgba(0,0,0,0.09);transition:0.7s;-o-transition-duration:0.7s;-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;}.blogtitle a:hover{color:{color:link};border-bottom:1px solid {color:link hover};transition:0.7s;-o-transition-duration:0.7s;-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;}
  178.  
  179. .links a {display:block;padding:3px;border-top:1px solid {color:Border};text-transform:uppercase;color:{color:text};font-size:8px;}
  180. .links a:hover {font-style:italic}
  181.  
  182. .pagination{margin-top:10px;text-align:center;text-transform:lowercase;letter-spacing:3px;font-size:10px;color:{color:link};}
  183.  
  184. /*Container*/
  185. #cont{position:absolute}
  186.  
  187. /*posts*/
  188. #entry{margin-top:75px;margin-left:500px;width:{select:post width}px;margin-bottom:150px;}
  189.  
  190. #posts{width:{select:post width}px;background:{color:posts};padding:{select:posts padding}px;{block:IndexPage}margin-bottom:85px;{/block:IndexPage}{block:PermalinkPage}margin-bottom:50px;{/block:PermalinkPage}}
  191.  
  192. #posts img{max-width:350px;}
  193.  
  194. #posts img, #posts li, #posts blockquote{max-width:100%}
  195. .video_big {position:relative;height:0;padding-bottom:56.25%;}
  196. .video_big iframe {position:absolute;top:0;left:0;height:100%;width:100%;}
  197. .caption{width:100%;margin:10px;}.tpost{padding:5px;}
  198.  
  199. /*quote*/
  200. #q{text-align:justify;font-family:Lora, Arial;font-size:20px;padding:15px;line-height:18px;font-weight:bold;}
  201.  
  202. #source{margin-top:15px;margin-left:15px;}
  203.  
  204. /*audio*/
  205.  
  206. .playerbutton {position:relative;width:25px;height:25px;overflow:hidden;}
  207. .playerbuttonhug {position:absolute;top:-10px;left:2px;}
  208. .tumblr_audio_player {height:48px;width:{select:post width}px;z-index:1;}
  209. .playerbuttonbg {position:absolute;width:30px;height:30px;background-color:#fff;padding:10px;opacity:0;margin-top:0px;margin-left:12px;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;z-index:1;}.playerbuttonbg:hover {opacity:0.8;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
  210.  
  211. .trackdetails {display:inline-block;margin-left:70px;font-size:7px;letter-spacing:1px;text-transform:uppercase;padding:5px;margin-top:-3px;background:transparent;z-index:1;}
  212.  
  213. .audioimgwrapper {position: absolute;padding:0px;margin-left:15px;margin-top: 15px;overflow: hidden;width:48px;height:48px;z-index:1;}.audioimgwrapper img {width: 100%;height: auto;border-radius:5px;}.audiowrapper {position:relative;display:inline-block;background:#fafafa;padding:15px 0px 15px 0px;width:{select:post width}px;border-left:1px solid {color:borders};}
  214.  
  215. /*asks*/
  216.  
  217. #ask {padding:10px;background:{color:Accents};color:{color:Accent Text};;border-bottom:1px solid {color:border};}
  218. .askername a{color:{color:Accent Text};}
  219. .answer{margin:5px;}
  220.  
  221.  
  222. /*chat*/
  223.  
  224. .chat .line{padding: 2px; font-family:consolas;}
  225. .chat .line .odd{padding:2px;color:{color:Tool Tip Text};background:{color:Tool Tip};}
  226. .label {font-weight:bold;}
  227.  
  228. /*permalink and notes*/
  229.  
  230. .info {text-align:left;text-transform:uppercase;font-size:9px;font-weight:bold;padding:5px;letter-spacing:0px;line-height:10px;
  231. {block:IfHoverInfo}opacity: 0.0;{/block:IfHoverInfo}
  232. {block:Permalink}opacity:1;{/block:Permalink}
  233. -moz-transition-duration: 2s;-o-transition-duration: 2s;-webkit-transition-duration: 2s;transition-duration: 2s;}
  234.  
  235. .info a{color:{color:text};}
  236. #posts:hover .info {color:{color:text};opacity:1.0;
  237. -moz-transition-duration: 2s;-o-transition-duration: 2s;-webkit-transition-duration: 2s;transition-duration: 2s;}
  238.  
  239. .tags {text-align:left;margin-top:2px;font-weight:normal;font-size:10px;text-transform:lowercase;margin-left:-10px;
  240. {block:IfHoverTags}opacity: 0.0;{/block:IfHoverTags}
  241. {block:Permalink}opacity:1;{/block:Permalink}
  242. -moz-transition-duration: 2s;-o-transition-duration: 2s;-webkit-transition-duration: 2s;transition-duration: 2s;}
  243.  
  244. .tags a {margin-left:10px;background-color:#fafafa;color:{color:Text};}
  245. #posts:hover .tags {color:{color:Text};opacity:1.0;
  246. -moz-transition-duration: 2s;-o-transition-duration: 2s;-webkit-transition-duration: 2s;transition-duration: 2s;}
  247. .permalinktxt{padding:5px;color:#000;font-family:calibri;font-size:10px;}
  248.  
  249. .pagenotes {{block:IndexPage}display: none!important;{/block:IndexPage} width:350px;text-align:left;}.pagenotes a{color:{color:text};}
  250. .pagenotes img {display:none!important;}
  251. .pagenotes li {list-style-type:none;padding:5px 0px;text-align:left;margin:0 0 0 -40px;}
  252. .tools{bottom:15px;left:15px;position:fixed;font-size:10px;}
  253. .tools a{color:{color:text};letter-spacing:0px;}
  254.  
  255. {CustomCSS}
  256.  
  257. @-webkit-keyframes fade-in {
  258. 0% { opacity: 0; }
  259. 50% { opacity: 0; }
  260. 100% { opacity: 1; }
  261.  
  262. </style>
  263. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  264. </head>
  265.  
  266. <body>
  267.  
  268. <div id="cont">
  269.  
  270. <div id="sidebar">
  271. <div class="sidebar">{block:IfNotIcon}<a href="/" title="home"><img src="{image:Sidebar}"></a>{/block:IfNotIcon}{block:IfIcon}
  272. <div class="avatar-style-{AvatarShape}"><div class="sideim"><img src="{PortraitURL-128}"></div></div>{/block:IfIcon}</div>
  273. <div class="blogtitle"><a href="/">{Title}</a></div>
  274. <div style="margin:10px">{Description}</div>
  275. <div class="links">
  276. <a href="/ask">Ask</a>
  277. <a href="#" class="pm">navigate</a>
  278. <div class="ke">
  279. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  280. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  281. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  282. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  283. </div></div></div>
  284.  
  285. <div id="entry">
  286.  
  287. {block:Posts}
  288. <div id="posts">
  289.  
  290. {block:Quote}
  291. <div id="q">“{Quote}”</div>
  292. {block:Source}
  293. <div id="src">{Source}</div>
  294. {/block:Source}{/block:Quote}
  295.  
  296. {block:Text}
  297. {block:Title}<div id="title">{Title}</div>{/block:Title}
  298. <div class="tpost">{Body}</div>
  299. {/block:Text}
  300.  
  301. {block:Link}
  302. <div id="title"><a href="{URL}">{Name}</a></div>
  303. {block:Description}<div class="tpost">{Description}</div>{/block:Description}
  304. {/block:Link}
  305.  
  306. {block:Chat}
  307. {block:Title}<h1>{Title}</h1>{/block:Title}
  308. <div class="chat">
  309. {block:Lines}<div class="chat">
  310. <div class="line {Alt}">
  311. <div class="{Alt} user_{UserNumber}">
  312. {block:Label}<b>{Label} </b>{/block:Label}
  313. {Line}
  314. </div></div></div>
  315. {/block:Lines}
  316. </div>
  317. {/block:Chat}
  318.  
  319. {block:Photo}
  320. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  321. {/block:Photo}
  322.  
  323. {block:Photoset}
  324. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  325. {block:Photos}
  326. <div class="photo-data">
  327. <div class="pxu-photo">
  328. <img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  329. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  330. {/block:Photos}</div>
  331. {/block:Photoset}
  332.  
  333. {block:Video}<div class="video_big">{VideoEmbed-700}</div>{/block:Video}
  334.  
  335. {block:Audio}
  336. {block:AudioPlayer}
  337. {block:AlbumArt}
  338. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  339. {/block:AlbumArt}
  340.  
  341. <div class="audiowrapper">
  342. <div class="playerbuttonbg">
  343. <div class="playerbutton">
  344. <div class="playerbuttonhug">
  345. {AudioPlayerWhite}
  346. </div></div></div>
  347.  
  348. <div class="trackdetails">
  349. {block:TrackName}<b>track:</b> {TrackName}{/block:TrackName}<br>
  350. {block:Artist}<b>artist:</b> {Artist}{/block:Artist}<br>
  351. <b>plays:</b> {FormattedPlayCount}</div></div>
  352. {/block:AudioPlayer}
  353. {/block:Audio}
  354.  
  355. {block:Answer}
  356. <div id="ask">
  357. <span class="askername"><b>{Asker}</b> asked:
  358. <span style="padding-left:3px;">{Question}</span>
  359. </div>
  360. </span>
  361. <div class="answer">{Answer}</div>
  362. {/block:Answer}
  363.  
  364. {block:Caption}{block:ifCaption}<div class="caption">{Caption}</div>{/block:ifCaption}{/block:Caption}
  365.  
  366. <div class="info">{block:IndexPage}<a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithZero} {ShortMonth}</a>
  367. <a href="{ReblogURL}" title="Reblog?" target="_blank" class="details"> / reblog </a>
  368. {block:HasTags}
  369. <div class="tags">{block:Tags}<a href="{TagURL}"> {Tag} </a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  370. </div>
  371.  
  372. {block:PermalinkPage}
  373. {block:Date}
  374. <div id="permalinktxt">
  375. <b>Posted:</b> {TimeAgo} on
  376. {ShortMonth} {DayofMonth}, {Year} at
  377. {12Hour}:{Minutes} {CapitalAmPm}
  378. {block:NoteCount}<br>
  379. <b>Notes:</b> {NoteCount}{/block:NoteCount}
  380. {block:HasTags}<br>
  381. <b>Tagged as:</b>{block:Tags}<a href="{TagURL}"> {Tag},</a>&nbsp;{/block:Tags}
  382. {/block:HasTags}
  383. <br>{block:RebloggedFrom}
  384. <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>
  385. <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>
  386. {/block:RebloggedFrom}
  387. </div>
  388. {/block:Date}
  389. {/block:PermalinkPage}
  390.  
  391.  
  392. </div>
  393.  
  394.  
  395. {block:PostNotes}
  396. <div class="pagenotes">
  397. {PostNotes}
  398. </div>
  399. {/block:PostNotes}
  400.  
  401. {/block:posts}
  402.  
  403. <div class="pagination">
  404. {block:Pagination}{block:PreviousPage}
  405. <a href="{PreviousPage}">back /</a>
  406. {/block:PreviousPage}{block:NextPage}
  407. <a href="{NextPage}">forth</a>
  408. {/block:NextPage}{/block:Pagination}</div>
  409.  
  410. </div>
  411. </div>
  412.  
  413. {block:ContentSource}
  414. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  415. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  416. {/block:SourceLogo}
  417. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  418. {/block:ContentSource}
  419.  
  420.  
  421. <div class="tools"><a href="http://khadae.tumblr.com/" title="khadae">thm</a></div>
  422. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  423. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  424. <script>
  425. $(document).ready(function(){
  426. $('.photo-slideshow').pxuPhotoset({
  427. lightbox: true,
  428. rounded: false,
  429. gutter: '2px',
  430. photoset: '.photo-slideshow',
  431. photoWrap: '.photo-data',
  432. photo: '.pxu-photo'
  433. });
  434. });
  435. </script>
  436.  
  437. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!