From 2ecd4793496cebe2eaa53592ef0ea3890275aac2 Mon Sep 17 00:00:00 2001 From: Trevor Parscal Date: Tue, 29 Nov 2011 00:09:37 +0000 Subject: [PATCH] Moved some styles over to the demo --- demo/index.html | 19 +++++++++++++++++++ modules/sandbox/sandbox.css | 32 ++++++++++++-------------------- 2 files changed, 31 insertions(+), 20 deletions(-) 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;