Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(169)

Side by Side Diff: chrome/browser/resources/chromeos/menu.css

Issue 9864032: [WebUI] Fix all CSS nits in chrome/browser/resources/chromeos. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: removing screen_account_picker.css Created 8 years, 8 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:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file.
4 */
5
1 body { 6 body {
7 -webkit-user-select: none;
2 background: -webkit-linear-gradient(white, #EEE); 8 background: -webkit-linear-gradient(white, #EEE);
3 cursor: default; 9 cursor: default;
4 margin: 0; 10 margin: 0;
5 -webkit-user-select: none;
6 overflow: hidden; 11 overflow: hidden;
7 } 12 }
8 13
9 .menu-item { 14 .menu-item {
15 -webkit-box-orient: horizontal;
16 -webkit-padding-end: 19px;
17 background-repeat: no-repeat;
18 display: -webkit-box;
19 margin: 0;
20 overflow: hidden;
21 padding-bottom: 1px;
22 padding-top: 1px;
10 white-space: nowrap; 23 white-space: nowrap;
11 margin: 0;
12 padding-top: 1px;
13 padding-bottom: 1px;
14 background-repeat: no-repeat;
15 -webkit-padding-end: 19px;
16 display: -webkit-box;
17 -webkit-box-orient: horizontal;
18 overflow: hidden;
19 } 24 }
20 25
21 .disabled { 26 .disabled {
22 color: #b7b7b7; 27 color: #b7b7b7;
23 } 28 }
24 29
25 .no-icon { 30 .no-icon {
26 -webkit-padding-start: 19px; 31 -webkit-padding-start: 19px;
27 } 32 }
28 33
29 .menu-label { 34 .menu-label {
30 -webkit-box-flex: 1; 35 -webkit-box-flex: 1;
31 vertical-align: middle; 36 vertical-align: middle;
32 } 37 }
33 38
34 .accelerator { 39 .accelerator {
40 -webkit-margin-start: 15px;
35 opacity: 0.3; 41 opacity: 0.3;
36 -webkit-margin-start: 15px;
37 } 42 }
38 43
39 .left-icon { 44 .left-icon {
40 background-position: 4px center; 45 background-position: 4px center;
41 } 46 }
42 47
43 .right-icon { 48 .right-icon {
44 background-position: right center; 49 background-position: right center;
45 } 50 }
46 51
47 .separator { 52 .separator {
48 background: -webkit-linear-gradient(left, 53 background: -webkit-linear-gradient(left,
49 rgba(0, 0, 0, .10), 54 rgba(0, 0, 0, .10),
50 rgba(0, 0, 0, .02) 96%); 55 rgba(0, 0, 0, .02) 96%);
51 border: 0; 56 border: 0;
52 height: 1px; 57 height: 1px;
53 margin: 4px 0; 58 margin: 4px 0;
54 } 59 }
55 60
56 .mnemonic-enabled .mnemonic { 61 .mnemonic-enabled .mnemonic {
57 text-decoration: underline; 62 text-decoration: underline;
58 } 63 }
59 64
60 .selected { 65 .selected {
61 background-color: #DCE5FA; 66 background-color: rgb(220, 229, 250);
62 } 67 }
63 68
64 #viewport { 69 #viewport {
65 overflow: hidden; 70 overflow: hidden;
66 } 71 }
67 72
68 .scroll-button { 73 .scroll-button {
74 background-position: center center;
75 background-repeat: no-repeat;
69 height: 20px; 76 height: 20px;
70 width: 100%;
71 line-height: 20px; 77 line-height: 20px;
72 text-align: center; 78 text-align: center;
73 background-repeat: no-repeat; 79 width: 100%;
74 background-position: center center;
75 } 80 }
76 81
77 #scroll-up { 82 #scroll-up {
78 /* TODO(oshima): get right icons from UX designer */ 83 /* TODO(oshima): get right icons from UX designer */
79 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADC AYAAACwAX77AAAAI0lEQVQImWNgQIA4BgaGuQxoII6BgeEvAwPDf2RJZEEYngsA2N8I6FqZBpwAAAAAS UVORK5CYII="); 84 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCA YAAACwAX77AAAAI0lEQVQImWNgQIA4BgaGuQxoII6BgeEvAwPDf2RJZEEYngsA2N8I6FqZBpwAAAAASU VORK5CYII=);
80 } 85 }
81 86
82 #scroll-down { 87 #scroll-down {
83 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADC AYAAACwAX77AAAAIklEQVQImWNgYGCIY2Bg+MfAwPAfCc9jgAJkSbggsiRcEACghQjtUFgYGwAAAABJR U5ErkJggg=="); 88 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCA YAAACwAX77AAAAIklEQVQImWNgYGCIY2Bg+MfAwPAfCc9jgAJkSbggsiRcEACghQjtUFgYGwAAAABJRU 5ErkJggg==);
84 } 89 }
85 90
86 .scroll-button:hover { 91 .scroll-button:hover {
87 background-color: #DCE5FA; 92 background-color: rgb(220, 229, 250);
88 } 93 }
89 94
90 .hidden { 95 .hidden {
91 display: none; 96 display: none;
92 } 97 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/chromeos/login/user_pod_row.css ('k') | chrome/browser/resources/chromeos/mobile_dialogs.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698