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

Side by Side Diff: chrome/browser/resources/chromeos/login/network_dropdown.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: copyright fix Created 8 years, 9 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. 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 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. 3 * found in the LICENSE file.
4 * 4 *
5 * This is the stylesheet used by the network drop-down control. 5 * This is the stylesheet used by the network drop-down control.
6 */ 6 */
7 7
8 .dropdown-title { 8 .dropdown-title {
9 -webkit-appearance: none; 9 -webkit-appearance: none;
10 -webkit-box-align: start; 10 -webkit-box-align: start;
11 -webkit-padding-end: 20px; 11 -webkit-padding-end: 20px;
12 -webkit-padding-start: 1px; 12 -webkit-padding-start: 1px;
13 -webkit-user-select: none; 13 -webkit-user-select: none;
14 background-image: url('../../shared/images/select.png'), 14 background-image: url('../../shared/images/select.png'),
15 -webkit-gradient(linear, left top, left bottom, 15 -webkit-gradient(linear, left top, left bottom,
16 color-stop(0, rgb(237, 237, 237)), 16 color-stop(0, rgb(237, 237, 237)),
17 color-stop(0.38, rgb(237, 237, 237)), 17 color-stop(0.38, rgb(237, 237, 237)),
18 color-stop(1, rgb(222, 222, 222))); 18 color-stop(1, rgb(222, 222, 222)));
19 background-position: center right; 19 background-position: center right;
20 background-repeat: no-repeat; 20 background-repeat: no-repeat;
21 border: 1px solid rgba(0, 0, 0, 0.25);
21 border-radius: 2px; 22 border-radius: 2px;
22 border: 1px solid rgba(0, 0, 0, 0.25);
23 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), 23 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08),
24 inset 0 1px 2px rgba(255, 255, 255, 0.75); 24 inset 0 1px 2px rgba(255, 255, 255, 0.75);
25 color: #444; 25 color: #444;
26 display: -webkit-box; 26 display: -webkit-box;
27 font-size: inherit; 27 font-size: inherit;
28 height: 22px; 28 height: 22px;
29 margin: 0; 29 margin: 0;
30 overflow: hidden; 30 overflow: hidden;
31 padding-bottom: 2px;
31 padding-top: 2px; 32 padding-top: 2px;
32 padding-bottom: 2px;
33 text-overflow: ellipsis;
34 text-align: left; 33 text-align: left;
35 text-indent: 4px; 34 text-indent: 4px;
35 text-overflow: ellipsis;
36 text-shadow: 0 1px 0 rgb(240, 240, 240); 36 text-shadow: 0 1px 0 rgb(240, 240, 240);
37 white-space: nowrap; 37 white-space: nowrap;
38 z-index: 10; 38 z-index: 10;
39 } 39 }
40 40
41 .dropdown-title:enabled:hover { 41 .dropdown-title:enabled:hover {
42 background-image: url('../../shared/images/select.png'), 42 background-image: url('../../shared/images/select.png'),
43 -webkit-gradient(linear, left top, left bottom, 43 -webkit-gradient(linear, left top, left bottom,
44 color-stop(0, rgb(237, 237, 237)), 44 color-stop(0, rgb(237, 237, 237)),
45 color-stop(0.38, rgb(237, 237, 237)), 45 color-stop(0.38, rgb(237, 237, 237)),
(...skipping 26 matching lines...) Expand all
72 72
73 .dropdown-title div { 73 .dropdown-title div {
74 -webkit-box-flex: 1; 74 -webkit-box-flex: 1;
75 margin-top: 1px; 75 margin-top: 1px;
76 overflow: hidden; 76 overflow: hidden;
77 text-overflow: ellipsis; 77 text-overflow: ellipsis;
78 } 78 }
79 79
80 .dropdown-container { 80 .dropdown-container {
81 background: #f7f7f7; 81 background: #f7f7f7;
82 border: 1px solid #7c91bf; 82 border: 1px solid rgb(124, 145, 191);
83 max-height: 330px; 83 max-height: 330px;
84 overflow-x: hidden; 84 overflow-x: hidden;
85 overflow-y: auto; 85 overflow-y: auto;
86 padding-bottom: 2px; 86 padding-bottom: 2px;
87 padding-top: 2px; 87 padding-top: 2px;
88 position: absolute; 88 position: absolute;
89 top: 100%; 89 top: 100%;
90 width: 99.5%; 90 width: 99.5%;
91 z-index: 10; 91 z-index: 10;
92 } 92 }
93 93
94 .dropdown-item-container { 94 .dropdown-item-container {
95 -webkit-padding-start: 5px; 95 -webkit-padding-start: 5px;
96 display: -webkit-box; 96 display: -webkit-box;
97 height: 24px; 97 height: 24px;
98 } 98 }
99 99
100 .dropdown-item-container.hover { 100 .dropdown-item-container.hover {
101 background: #dce4fa; 101 background: rgb(220, 228, 250);
102 } 102 }
103 103
104 .dropdown-image { 104 .dropdown-image {
105 width: 24px; 105 width: 24px;
106 } 106 }
107 107
108 .dropdown-item { 108 .dropdown-item {
109 -webkit-box-flex: 1; 109 -webkit-box-flex: 1;
110 color: #555;
110 cursor: default; 111 cursor: default;
111 color: #555;
112 overflow: hidden; 112 overflow: hidden;
113 padding-top: 4px; 113 padding-top: 4px;
114 text-overflow: ellipsis; 114 text-overflow: ellipsis;
115 white-space: nowrap; 115 white-space: nowrap;
116 } 116 }
117 117
118 .dropdown-divider { 118 .dropdown-divider {
119 height: 3px; 119 height: 3px;
120 } 120 }
121 121
122 .dropdown-divider hr { 122 .dropdown-divider hr {
123 -webkit-margin-after: 2px;
123 -webkit-margin-before: 2px; 124 -webkit-margin-before: 2px;
124 -webkit-margin-after: 2px;
125 } 125 }
126 126
127 .dropdown-item.disabled-item { 127 .dropdown-item.disabled-item {
128 color: graytext; 128 color: graytext;
129 } 129 }
130 130
131 .dropdown-overlay { 131 .dropdown-overlay {
132 bottom: 0; 132 bottom: 0;
133 left: 0; 133 left: 0;
134 position: fixed; 134 position: fixed;
135 right: 0; 135 right: 0;
136 top: 0; 136 top: 0;
137 z-index: 5; 137 z-index: 5;
138 } 138 }
139 139
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698