diff options
| author | erikkay@chromium.org <erikkay@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2009-09-19 19:31:51 +0000 |
|---|---|---|
| committer | erikkay@chromium.org <erikkay@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98> | 2009-09-19 19:31:51 +0000 |
| commit | 078b3461fa0eee0bcf9e4b43f8b7a3171f9e0018 (patch) | |
| tree | 6292b5fc4583430029fccafe4e16907c7dbd2cad /chrome/browser/resources/extensions_toolstrip.css | |
| parent | 2291d04b0d127ca1b31c4326f9297253e4399d2b (diff) | |
| download | chromium_src-078b3461fa0eee0bcf9e4b43f8b7a3171f9e0018.zip chromium_src-078b3461fa0eee0bcf9e4b43f8b7a3171f9e0018.tar.gz chromium_src-078b3461fa0eee0bcf9e4b43f8b7a3171f9e0018.tar.bz2 | |
Change the view mode when switching between moles and toolstrips, and
propogate this into the class of the document element so that it's
possible to use CSS rules to control the display of your toolstrip/mole.
BUG=21939,15494
TEST=run the Mappy extension and verify it can open and close
Committed: http://src.chromium.org/viewvc/chrome?view=rev&revision=26635
Review URL: http://codereview.chromium.org/208020
git-svn-id: svn://svn.chromium.org/chrome/trunk/src@26654 0039d316-1c4b-4281-b951-d872f2087c98
Diffstat (limited to 'chrome/browser/resources/extensions_toolstrip.css')
| -rw-r--r-- | chrome/browser/resources/extensions_toolstrip.css | 93 |
1 files changed, 3 insertions, 90 deletions
diff --git a/chrome/browser/resources/extensions_toolstrip.css b/chrome/browser/resources/extensions_toolstrip.css index cb23825..d4691fc 100644 --- a/chrome/browser/resources/extensions_toolstrip.css +++ b/chrome/browser/resources/extensions_toolstrip.css @@ -1,95 +1,8 @@ /** - * Body styles. This makes the toolstrip layout fit in with the Windows - * bookmarkbar. Note that the background is provided separately, by - * RenderWidget. + * The following style rules affect toolstrips and moles and are affected by + * theme changes. */ -body { - display:-webkit-box; - -webkit-box-orient:horizontal; - -webkit-box-align:center; - white-space:nowrap; - overflow: hidden; - margin: 0; - padding:0; - font: menu; - color: $TEXT_COLOR$; - -webkit-user-select:none; - cursor:default; -} - -/** - * This, combined with -webkit-box-align:center on body, makes content inside - * the body tag center itself vertically by default. - */ -body>* { - display:-webkit-box; -} - -/** - * Set display property of <script> and <style> as none explicitly to avoid - * inheriting from <body>. - */ -body>script, -body>style { - display:none; -} -/** - * Toolstrip Buttons. The following styles make - * <div class="toolstrip-button"><img><span>Woot</span></div> look like the - * bookmarkbar buttons on Windows. - * - * TODO(aa): We may have to come up with a way to modify these slightly on - * different platforms. - * - * TODO(aa): It would be nice if we could use actual <button> tags work here, - * which should work once https://bugs.webkit.org/show_bug.cgi?id=25406 is - * fixed. - */ -div.toolstrip-button { - -webkit-box-orient:horizontal; - -webkit-box-align:center; - border:6px solid transparent; - font:menu; - background:transparent; +body { color: $TEXT_COLOR$; - line-height:100%; - padding:0; -} - -div.toolstrip-button>img { - display:-webkit-box; - width:16px; - height:16px; - /** - * We inset the image slightly vertically, so that the button can be shorter - * than would otherwise be possibe with our fat borders. - */ - margin:-1px 5px -1px 0; -} - -div.toolstrip-button>span { - display:-webkit-box; - margin-right:1px; - /** - * Hack: WebKit appears to measure text height slightly differently than we do - * in native code, making us not line up when centering, so we shift ourselves - * up one pixel to match. - */ - margin-top:-1px; -} - -/** - * TODO(aa): It would be nice if these border images could be stored in Chrome - * as, normal images even if those images are just translated into data URLs at - * runtime. - */ -div.toolstrip-button:hover { - border-width:6px; - -webkit-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVRJREFUeNpi/P//PwMjIyMfAwODEhsbmworKxvD79+/GED0jx/fGf7+/csABT+A+B4Q3wLq+cME0sTMzOzW1dOncuX6bYZnL98wvH73CUy/+/iV4eOXH2B86+5DjoLCYi2gxgCwHiBDs7O7Vyg9I4uBh4eHARcAyTk6OTMICQkx7N61U5kJKCZqY2PLQCyAqv3ICCSCgE5jAvqPKI2/fv1iEBXiYwDZSLQmEACpBYYJWCNZgCyNoChi4uTkpJ+N9NdIdqhycHCSpxGUCcj3IygJkQpAWY6k5AbPmMB8yvT9+3f6BQ7YRrKTHMijZCVyUJyQGrLglAPSffvWTaI13bhxHWIj0LbLq1auIFoj1JKnoFLu44kTxzVAhY+goCCDmJg4TpuWL1vKkJOV8RTIvcsILZA5QAUy0O1aoDgC+RuWQkDg69cvIOoTEL8AFcpAPV8AAgwAn6qHYvNUlBEAAAAASUVORK5CYII=) 6 round round; -} - -div.toolstrip-button:active { - border-width:6px; - -webkit-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAaCAYAAACHD21cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbhJREFUeNqcVDtPwmAU/R6tCUZsIw5AKODoYNREBNREiAb9t+qoRmDxBYOYOGGiVAexaGzDUJK2X70fFURjUtuztfeennMfvdh1XTTCer5AKKUEY8zgkULMvrw4/06YAObE3Hoep1KppWx2YVqSZQTkcbLjOJgxhnX9Az0+PLx3uy/tZqOBBB5MJpNLO7sVobK3/yZJEotEIj9UTNPEmvZK67Va9PTkeHllZfWW8EBKUaa2S6V+PB53fpM4+LtMJmuXyuW+klbEVusGDYmxuZggSTJDPuA5PDdfKHpE6AiSZX8iz+G5hBBMUEB8NQ4LEw//BoyIkY3NLRqExMdT3Nj0xhEUoIgIColQzQGrOJQi7DINa5WFrxH+DhaGR8I0aGgVZuKEVQwMKM8JvHJjST4TSgU3qCiBe+IMBibRdd3XNj8hlmXxSRBi27bb62msp2m+lg3DIIau2yDGSLNxzZ5UVa/Xq7P37bbIv/qXkqp2hOrZafT5+Qk1rq+887iWy6FEIrmYzmRmYrF5QRRF5i20VzuUQuE82mqnYx4dHtyN7+oI/L4KAGiYM1pmHgdn1tXlxQ8XnwIMABNlyWs2CMVlAAAAAElFTkSuQmCC) 6 round round; } |