Scrolling fixes

This commit is contained in:
magnolia-fan
2011-06-28 03:25:27 +04:00
parent 18b2b910ae
commit 391288d861
3 changed files with 63 additions and 42 deletions
+39 -30
View File
@@ -22,7 +22,9 @@
}
/* Scrollbars */
.css-scrollbar {
.data-container {
.scrollbar-pane {
margin-right: 8px;
}
@@ -34,42 +36,49 @@
.scrollbar-handle {
width: 8px;
}
&.data-container {
.scrollbar-handle-container {
background-color: #FFF;
}
.scrollbar-handle {
background-color: #CCC;
&:hover {
background-color: #999;
}
&.move {
background-color: #AAA;
}
}
.scrollbar-handle-container {
background-color: #FFF;
}
.scrollbar-handle {
background-color: #CCC;
&.player-container {
.scrollbar-handle-container {
background-color: #222;
&:hover {
background-color: #999;
}
.scrollbar-handle {
background-color: #444;
&:hover {
background-color: #666;
}
&.move {
background-color: #888;
}
&.move {
background-color: #AAA;
}
}
}
.player-container {
.scrollbar-pane {
margin-right: 8px;
}
.scrollbar-handle-container {
width: 8px;
}
.scrollbar-handle {
width: 8px;
}
.scrollbar-handle-container {
background-color: #222;
}
.scrollbar-handle {
background-color: #444;
&:hover {
background-color: #666;
}
&.move {
background-color: #888;
}
}
}
.error_page {
position: relative;
+18 -11
View File
@@ -18,27 +18,34 @@
border-color: #DDD; }
/* Scrollbars */
.css-scrollbar .scrollbar-pane {
.data-container .scrollbar-pane {
margin-right: 8px; }
.css-scrollbar .scrollbar-handle-container {
.data-container .scrollbar-handle-container {
width: 8px; }
.css-scrollbar .scrollbar-handle {
.data-container .scrollbar-handle {
width: 8px; }
.css-scrollbar.data-container .scrollbar-handle-container {
.data-container .scrollbar-handle-container {
background-color: #FFF; }
.css-scrollbar.data-container .scrollbar-handle {
.data-container .scrollbar-handle {
background-color: #CCC; }
.css-scrollbar.data-container .scrollbar-handle:hover {
.data-container .scrollbar-handle:hover {
background-color: #999; }
.css-scrollbar.data-container .scrollbar-handle.move {
.data-container .scrollbar-handle.move {
background-color: #AAA; }
.css-scrollbar.player-container .scrollbar-handle-container {
.player-container .scrollbar-pane {
margin-right: 8px; }
.player-container .scrollbar-handle-container {
width: 8px; }
.player-container .scrollbar-handle {
width: 8px; }
.player-container .scrollbar-handle-container {
background-color: #222; }
.css-scrollbar.player-container .scrollbar-handle {
.player-container .scrollbar-handle {
background-color: #444; }
.css-scrollbar.player-container .scrollbar-handle:hover {
.player-container .scrollbar-handle:hover {
background-color: #666; }
.css-scrollbar.player-container .scrollbar-handle.move {
.player-container .scrollbar-handle.move {
background-color: #888; }
.error_page {