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

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

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

Powered by Google App Engine
This is Rietveld 408576698