chrome/renderer/resources/extension_toolstrip.css - Issue 208020: Change the view mode when switching between moles and toolstrips, and

Side by Side Diff: chrome/renderer/resources/extension_toolstrip.css

Issue 208020: Change the view mode when switching between moles and toolstrips, and (Closed)

Patch Set: build system workarounds Created 11 years, 3 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

OLD	NEW
(Empty)
	1 /**

	2 * Body styles. This makes the toolstrip layout fit in with the Windows

	3 * bookmarkbar. Note that the background is provided separately, by

	4 * RenderWidget.

	5 */

	6 body {

	7 display:-webkit-box;

	8 -webkit-box-orient:horizontal;

	9 -webkit-box-align:center;

	10 white-space:nowrap;

	11 overflow: hidden;

	12 margin: 0;

	13 padding:0;

	14 font: menu;

	15 -webkit-user-select:none;

	16 cursor:default;

	17 }

	18

	19 /**

	20 * This, combined with -webkit-box-align:center on body, makes content inside

	21 * the body tag center itself vertically by default.

	22 */

	23 body>* {

	24 display:-webkit-box;

	25 }

	26

	27 /**

	28 * Set display property of <script> and <style> as none explicitly to avoid

	29 * inheriting from <body>.

	30 */

	31 body>script,

	32 body>style {

	33 display:none;

	34 }

	35

	36 /**

	37 * Toolstrip Buttons. The following styles make

	38 * <div class="toolstrip-button"><img><span>Woot</span></div> look like the

	39 * bookmarkbar buttons on Windows.

	40 *

	41 * TODO(aa): We may have to come up with a way to modify these slightly on

	42 * different platforms.

	43 *

	44 * TODO(aa): It would be nice if we could use actual <button> tags work here,

	45 * which should work once https://bugs.webkit.org/show_bug.cgi?id=25406 is

	46 * fixed.

	47 */

	48 div.toolstrip-button {

	49 -webkit-box-orient:horizontal;

	50 -webkit-box-align:center;

	51 border:6px solid transparent;

	52 font:menu;

	53 background:transparent;

	54 line-height:100%;

	55 padding:0;

	56 }

	57

	58 div.toolstrip-button>img {

	59 display:-webkit-box;

	60 width:16px;

	61 height:16px;

	62 /**

	63 * We inset the image slightly vertically, so that the button can be shorter

	64 * than would otherwise be possibe with our fat borders.

	65 */

	66 margin:-1px 5px -1px 0;

	67 }

	68

	69 div.toolstrip-button>span {

	70 display:-webkit-box;

	71 margin-right:1px;

	72 /**

	73 * Hack: WebKit appears to measure text height slightly differently than we do

	74 * in native code, making us not line up when centering, so we shift ourselves

	75 * up one pixel to match.

	76 */

	77 margin-top:-1px;

	78 }

	79

	80 /**

	81 * TODO(aa): It would be nice if these border images could be stored in Chrome

	82 * as, normal images even if those images are just translated into data URLs at

	83 * runtime.

	84 */

	85 div.toolstrip-button:hover {

	86 border-width:6px;

	87 -webkit-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAA aCAYAAACHD21cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVRJREFUeNpi/P/ /PwMjIyMfAwODEhsbmworKxvD79+/GED0jx/fGf7+/csABT+A+B4Q3wLq+cME0sTMzOzW1dOncuX6bYZ nL98wvH73CUy/+/iV4eOXH2B86+5DjoLCYi2gxgCwHiBDs7O7Vyg9I4uBh4eHARcAyTk6OTMICQkx7N6 1U5kJKCZqY2PLQCyAqv3ICCSCgE5jAvqPKI2/fv1iEBXiYwDZSLQmEACpBYYJWCNZgCyNoChi4uTkpJ+ N9NdIdqhycHCSpxGUCcj3IygJkQpAWY6k5AbPmMB8yvT9+3f6BQ7YRrKTHMijZCVyUJyQGrLglAPSffv WTaI13bhxHWIj0LbLq1auIFoj1JKnoFLu44kTxzVAhY+goCCDmJg4TpuWL1vKkJOV8RTIvcsILZA5QAU y0O1aoDgC+RuWQkDg69cvIOoTEL8AFcpAPV8AAgwAn6qHYvNUlBEAAAAASUVORK5CYII=) 6 round r ound;

	88 }

	89

	90 div.toolstrip-button:active {

	91 border-width:6px;

	92 -webkit-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAA aCAYAAACHD21cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbhJREFUeNqcVDt PwmAU/R6tCUZsIw5AKODoYNREBNREiAb9t+qoRmDxBYOYOGGiVAexaGzDUJK2X70fFURjUtuztfeennM fvdh1XTTCer5AKKUEY8zgkULMvrw4/06YAObE3Hoep1KppWx2YVqSZQTkcbLjOJgxhnX9Az0+PLx3uy/ tZqOBBB5MJpNLO7sVobK3/yZJEotEIj9UTNPEmvZK67Va9PTkeHllZfWW8EBKUaa2S6V+PB53fpM4+Lt MJmuXyuW+klbEVusGDYmxuZggSTJDPuA5PDdfKHpE6AiSZX8iz+G5hBBMUEB8NQ4LEw//BoyIkY3NLRq ExMdT3Nj0xhEUoIgIColQzQGrOJQi7DINa5WFrxH+DhaGR8I0aGgVZuKEVQwMKM8JvHJjST4TSgU3qCi Be+IMBibRdd3XNj8hlmXxSRBi27bb62msp2m+lg3DIIau2yDGSLNxzZ5UVa/Xq7P37bbIv/qXkqp2hOr ZafT5+Qk1rq+887iWy6FEIrmYzmRmYrF5QRRF5i20VzuUQuE82mqnYx4dHtyN7+oI/L4KAGiYM1pmHgd n1tXlxQ8XnwIMABNlyWs2CMVlAAAAAElFTkSuQmCC) 6 round round;

	93 }

OLD	NEW