jimeh/jimeh.me-v3.0
1
0
Fork 0
mirror of https://github.com/jimeh/jimeh.me-v3.0.git synced 2026-02-19 05:46:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

webkit-scrollbar for blog only, and removed it for

Browse Source 
MobileSafari as you can't scroll the page properly
with it enabled.
This commit is contained in:
Jim Myhrberg
2010-04-06 00:58:08 +03:00
parent e32e49566b
commit f94d902589
5 changed files with 61 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
source/blog/_includes/_head.html
View File

@@ -10,15 +10,17 @@
<link href="http://feeds.feedburner.com/jimeh" rel="alternate" title="jimeh / blog" type="application/atom+xml" />
<link rel="stylesheet" href="/stylesheets/master.css?{{ site.time | date: "%Y%m%d%H%M%S"}}" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/stylesheets/webkit-scrollbar.css?{{ site.time | date: "%Y%m%d%H%M%S"}}" type="text/css" media="screen" title="no title" charset="utf-8" />
<link rel="stylesheet" href="/resources/fancybox/fancybox.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script src="/javascripts/libs.js?{{ site.time | date: "%Y%m%d%H%M%S"}}" type="text/javascript" charset="utf-8"></script>
<script src="/javascripts/main.js?{{ site.time | date: "%Y%m%d%H%M%S"}}" type="text/javascript" charset="utf-8"></script>
<script src="/javascripts/webkit-scrollbar.js?{{ site.time | date: "%Y%m%d%H%M%S"}}" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="debug"></div>
<script type="text/javascript">
var _gaq = _gaq || [];

2
source/site/_includes/_head.html
View File

@@ -24,7 +24,7 @@
</head>
<body>
<div id="debug"></div>
<script type="text/javascript">
var _gaq = _gaq || [];

5
source/site/javascripts/webkit-scrollbar.js Normal file
View File

@@ -0,0 +1,5 @@
$(document).ready(function(){
if (navigator.userAgent.match(/Mobile.*Safari|Safari.*Mobile/i) !== null) {
$("body").css("position", "static").css("overflow-y", "auto").css("overflow-x", "auto");
};
});

47
source/site/stylesheets/master.css
View File

@@ -67,20 +67,12 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
/* @group Basic HTML */
html {
overflow-y: auto;
background-color: transparent;
}
body {
background: #fff;
font: 15px/1.5 'Colaborate-ThinRegular', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 10px;
overflow-y: scroll;
overflow-x: hidden;
}
a {
@@ -244,43 +236,6 @@ h6 {
/* @end */
/* @group ::-webkit-scrollbar */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 10px;
display: block;
background-color: transparent;
}
::-webkit-scrollbar-button:vertical:increment {
background-color: #fff;
}
::-webkit-scrollbar-track-piece {
background-color: #eee;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #ccc;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background-color: #ccc;
-webkit-border-radius: 3px;
}
/* @end */
/* @group FancyBox*/
a.fancybox,

51
source/site/stylesheets/webkit-scrollbar.css Normal file
View File

@@ -0,0 +1,51 @@
html {
overflow-y: auto;
background-color: transparent;
}
body {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 10px;
overflow-y: scroll;
overflow-x: hidden;
}
/* @group ::-webkit-scrollbar */
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 10px;
display: block;
background-color: transparent;
}
::-webkit-scrollbar-button:vertical:increment {
background-color: #fff;
}
::-webkit-scrollbar-track-piece {
background-color: #eee;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #ccc;
-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background-color: #ccc;
-webkit-border-radius: 3px;
}
/* @end */