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

Side by Side Diff: chrome/browser/resources/file_manager/css/combobutton.css

Issue 9923005: [WebUI] Fix rest of CSS style nits so I can turn on CSS checker. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: padding fixes, remove a no-op change 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 /* 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Copyright (c) 2012 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 3 * found in the LICENSE file.
5 */ 4 */
6 5
7
8 .cr-button { 6 .cr-button {
9 -webkit-appearance: none; 7 -webkit-appearance: none;
10 -webkit-user-select: none; 8 -webkit-user-select: none;
11 background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede); 9 background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
10 border: 1px solid rgba(0, 0, 0, 0.25);
12 border-radius: 2px; 11 border-radius: 2px;
13 border: 1px solid rgba(0, 0, 0, 0.25);
14 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), 12 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08),
15 inset 0 1px 2px rgba(255, 255, 255, 0.75); 13 inset 0 1px 2px rgba(255, 255, 255, 0.75);
16 color: #444; 14 color: #444;
15 cursor: default;
17 font: -webkit-small-control; 16 font: -webkit-small-control;
18 margin: 0 1px 0 0; 17 margin: 0 1px 0 0;
19 text-shadow: 0 1px 0 rgb(240, 240, 240); 18 text-shadow: 0 1px 0 rgb(240, 240, 240);
20 cursor: default;
21 } 19 }
22 20
23 .cr-button:hover { 21 .cr-button:hover {
24 background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); 22 background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
25 border-color: rgba(0, 0, 0, 0.3); 23 border-color: rgba(0, 0, 0, 0.3);
26 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), 24 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12),
27 inset 0 1px 2px rgba(255, 255, 255, 0.95); 25 inset 0 1px 2px rgba(255, 255, 255, 0.95);
28 color: black; 26 color: black;
29 } 27 }
30 28
31 .cr-button:active { 29 .cr-button:active {
32 background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); 30 background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
33 box-shadow: none; 31 box-shadow: none;
34 text-shadow: none; 32 text-shadow: none;
35 } 33 }
36 34
37 .cr-button:disabled { 35 .cr-button:disabled {
38 border-color: rgba(0, 0, 0, 0.2); 36 border-color: rgba(0, 0, 0, 0.2);
39 color: #999; 37 color: #999;
40 } 38 }
41 39
42 .cr-button:focus { 40 .cr-button:focus {
43 -webkit-transition: border-color 200ms; 41 -webkit-transition: border-color 200ms;
44 border-color: rgb(77, 144, 254); 42 border-color: rgb(77, 144, 254);
45 outline: none; 43 outline: none;
46 } 44 }
47 45
48 46
49 .cr-combobutton { 47 .cr-combobutton {
50 position: relative; 48 cursor: default;
51 display: none; 49 display: none;
52 font: -webkit-small-control; 50 font: -webkit-small-control;
53 cursor: default; 51 position: relative;
54 } 52 }
55 53
56 .cr-combobutton[visible] { 54 .cr-combobutton[visible] {
55 -webkit-box-align: stretch;
56 -webkit-box-orient: vertical;
57 display: -webkit-box; 57 display: -webkit-box;
58 -webkit-box-orient: vertical;
59 -webkit-box-align: stretch;
60 } 58 }
61 59
62 .cr-cb-container { 60 .cr-cb-container {
63 -webkit-box-flex: 1; 61 -webkit-box-flex: 1;
64 display: -webkit-box; 62 display: -webkit-box;
65 } 63 }
66 64
67 .cr-cb-button-container { 65 .cr-cb-button-container {
66 -webkit-box-align: stretch;
68 -webkit-box-flex: 1; 67 -webkit-box-flex: 1;
68 -webkit-box-orient: vertical;
69 border-bottom-right-radius: 0;
70 border-top-right-radius: 0;
69 display: -webkit-box; 71 display: -webkit-box;
70 -webkit-box-orient: vertical;
71 -webkit-box-align: stretch;
72 border-top-right-radius: 0px;
73 border-bottom-right-radius: 0px;
74 } 72 }
75 73
76 .cr-cb-button-container > * { 74 .cr-cb-button-container > * {
77 background-color: rgba(0, 0, 0, 0); 75 background-color: rgba(0, 0, 0, 0);
78 } 76 }
79 77
80 .cr-cb-trigger { 78 .cr-cb-trigger {
81 -webkit-box-flex: 0; 79 -webkit-box-flex: 0;
82 -webkit-margin-start: -1px; 80 -webkit-margin-start: -1px;
81 border-bottom-left-radius: 0;
82 border-top-left-radius: 0;
83 display: none;
84 margin-left: -2px;
Dan Beam 2012/03/31 07:11:12 I don't think this works in RTL, but I didn't chan
83 width: 20px; 85 width: 20px;
84 display: none;
85 border-top-left-radius: 0px;
86 border-bottom-left-radius: 0px;
87 margin-left: -2px;
88 } 86 }
89 87
90 .cr-cb-trigger > img { 88 .cr-cb-trigger > img {
91 content: url('../images/disclosure_arrow_dk_grey_down.png'); 89 content: url('../images/disclosure_arrow_dk_grey_down.png');
92 margin-left: 6px; 90 margin-left: 6px;
93 margin-top: 13px; 91 margin-top: 13px;
94 } 92 }
95 93
96 .cr-combobutton[multiple] .cr-cb-trigger { 94 .cr-combobutton[multiple] .cr-cb-trigger {
97 display: block; 95 display: block;
98 } 96 }
99 97
100 .cr-cb-popup { 98 .cr-cb-popup {
99 -webkit-box-align: stretch;
100 -webkit-box-orient: vertical;
101 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .50);
102 background: white;
103 border: 1px solid rgba(0, 0, 0, 0.25);
104 border-radius: 2px;
105 box-sizing: border-box;
106 color: black;
107 cursor: default;
108 display: -webkit-box;
109 opacity: 0;
110 padding: 8px 0;
111 pointer-events: none;
101 position: absolute; 112 position: absolute;
102 right: 1px; 113 right: 1px;
103 display: -webkit-box;
104 opacity: 0;
105 pointer-events: none;
106 -webkit-box-orient: vertical;
107 -webkit-box-align: stretch;
108 box-sizing: border-box;
109
110 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .50);
111 background: white;
112 color: black;
113 cursor: default;
114 white-space: nowrap; 114 white-space: nowrap;
115 border-radius: 2px;
116 border: 1px solid rgba(0, 0, 0, 0.25);
117 padding: 8px 0;
118 } 115 }
119 116
120 .cr-cb-popup:active { 117 .cr-cb-popup:active {
121 box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); 118 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
122 } 119 }
123 120
124 .cr-combobutton[open] .cr-cb-popup { 121 .cr-combobutton[open] .cr-cb-popup {
125 opacity: 1; 122 opacity: 1;
126 pointer-events: auto; 123 pointer-events: auto;
127 } 124 }
128 125
129 .cr-cb-popup > * { 126 .cr-cb-popup > * {
130 background: transparent; 127 background: transparent;
131 border: 0; 128 border: 0;
132 font: inherit; 129 font: inherit;
133 overflow: hidden; 130 overflow: hidden;
134 text-overflow: ellipsis; 131 text-overflow: ellipsis;
135 } 132 }
136 133
137 .cr-cb-popup > *:hover { 134 .cr-cb-popup > *:hover {
138 background-color: #dce5fa; 135 background-color: rgb(220, 229, 250);
139 } 136 }
140 137
141 .cr-cb-popup > *:active { 138 .cr-cb-popup > *:active {
142 background-color: #426dc9; 139 background-color: rgb(66, 109, 201);
143 color: #fff; 140 color: #fff;
144 } 141 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698