diff options
Diffstat (limited to 'webroot/css/home.css')
| -rw-r--r-- | webroot/css/home.css | 31 |
1 files changed, 26 insertions, 5 deletions
diff --git a/webroot/css/home.css b/webroot/css/home.css index f6fa51a..74f3b14 100644 --- a/webroot/css/home.css +++ b/webroot/css/home.css @@ -1,11 +1,32 @@ -#scrollwrapper { +div#scrollwrapper { padding: 15px 20px; border: 1px solid #ccc; + border-width: 1px 0; float: left; margin: 10px 25px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; + position: relative; /* non-static for sg_left/right */ +} +div#sg_left { + position: absolute; + top: -1px; + left: 0; + bottom: -1px; + width: 3%; + background: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0)); + background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffff00', GradientType=1); + z-index: 1; +} +div#sg_right { + position: absolute; + top: -1px; + right: 0; + bottom: -1px; + width: 11%; + background: -moz-linear-gradient(right, rgba(255,255,255,1), rgba(255,255,255,0)); + background: -webkit-linear-gradient(right, rgba(255,255,255,1), rgba(255,255,255,0)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff00', endColorstr='#ffffffff', GradientType=1); + z-index: 1; } .scrollable { height: 330px; @@ -46,7 +67,7 @@ a.browse { display: block; width: 30px; height: 30px; - margin: 150px 10px; + margin: 200px 10px; cursor: pointer; font-size: 1px; position: absolute; |