Skip to content

Instantly share code, notes, and snippets.

@ashaw
Created June 23, 2011 20:51
Show Gist options
  • Save ashaw/1043601 to your computer and use it in GitHub Desktop.
Save ashaw/1043601 to your computer and use it in GitHub Desktop.
.fancybox {
float:left;
border-top:2px solid #cecece;
border-left:2px solid #f0f0f0;
border-bottom:2px solid #f0f0f0;
border-right:2px solid #f0f0f0;
padding:5px;
margin-left:10px;
margin-bottom:15px;
background:#f7f7f7;
-moz-box-shadow: 0px 0px 5px #f0f0f0;
-webkit-box-shadow: 0px 0px 5px #f0f0f0;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.fancy_scroll_container {
max-height: 400px;
overflow: auto;
overflow-x: hidden;
border-top: 1px solid #CECECE;
padding-top:3px;
padding-right:0px;
margin-top:10px;
margin-bottom: 10px;
}
.fancy_scroll_container::-webkit-scrollbar {
width: 6px;
height: 6px;
z-index: 999;
}
.fancy_scroll_container::-webkit-scrollbar-button:start:decrement,
.fancy_scroll_container::-webkit-scrollbar-button:end:increment {
display: block;
height:3px;
}
.fancy_scroll_container::-webkit-scrollbar-thumb:vertical {
height: 20px;
background-color: rgba(0,0,0,0.3);
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.9);
padding-right:0px;
}
.fancy_scroll_container::-webkit-scrollbar-track:enabled {
background-color: transparent;
width:10px;
}
.fancy_scroll_container::-webkit-scrollbar-track-piece {
background-color: transparent;
border: none;
margin: 0 5px 0px 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment