diff --git a/demo/index.html b/demo/index.html index d0c856a427..301d530c30 100644 --- a/demo/index.html +++ b/demo/index.html @@ -34,6 +34,25 @@ padding-left: 1em; padding-right: 1em; } + #es-toolbar { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + -webkit-border-top-right-radius: 0.25em; + -moz-border-top-right-radius: 0.25em; + -o-border-top-right-radius: 0.25em; + border-top-right-radius: 0.25em; + -webkit-border-top-left-radius: 0.25em; + -moz-border-top-left-radius: 0.25em; + -o-border-top-left-radius: 0.25em; + border-top-left-radius: 0.25em; + } + #es-toolbar.float { + left: 2em; + right: 2em; + top: 0; + } diff --git a/modules/sandbox/sandbox.css b/modules/sandbox/sandbox.css index 376a9d94ee..5dea50cb60 100644 --- a/modules/sandbox/sandbox.css +++ b/modules/sandbox/sandbox.css @@ -1,40 +1,32 @@ #es-toolbar { border: solid 1px #dddddd; position: relative; - -webkit-border-top-right-radius: 0.25em; - -moz-border-top-right-radius: 0.25em; - -o-border-top-right-radius: 0.25em; - border-top-right-radius: 0.25em; - -webkit-border-top-left-radius: 0.25em; - -moz-border-top-left-radius: 0.25em; - -o-border-top-left-radius: 0.25em; - border-top-left-radius: 0.25em; + -webkit-border-radius: 0.25em; + -moz-border-radius: 0.25e; + -o-border-radius: 0.25e; + border-radius: 0.25e; background-image: url(images/fade-up.png); background-position: bottom left; background-repeat: repeat-x; } #es-toolbar.float { - position: fixed; - left: 2em; - right: 2em; + left: 0; + right: 0; top: 0; + position: fixed; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; z-index: 100; border-top: none; - -webkit-border-top-right-radius: 0; - -moz-border-top-right-radius: 0; - -o-border-top-right-radius: 0; - border-top-right-radius: 0; - -webkit-border-top-left-radius: 0; - -moz-border-top-left-radius: 0; - -o-border-top-left-radius: 0; - border-top-left-radius: 0; } #es-toolbar-shadow { background-image: url(images/toolbar-shadow.png); background-position: top left; background-repeat: repeat-x; position: absolute; - bottom: -10px; + bottom: -9px; height: 9px; width: 100%; pointer-events: none;