OLD | NEW |
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 #inetTitle { | 5 #inetTitle { |
6 border: none; | 6 border: none; |
7 } | 7 } |
8 | 8 |
9 #network-general-div { | 9 #network-general-div { |
10 -webkit-margin-start: 15px; | 10 -webkit-margin-start: 15px; |
(...skipping 21 matching lines...) Expand all Loading... |
32 .network-item { | 32 .network-item { |
33 -webkit-box-align: center; | 33 -webkit-box-align: center; |
34 -webkit-padding-start: 10px; | 34 -webkit-padding-start: 10px; |
35 border: 1px solid rgba(255,255,255,0); /* transparent white */ | 35 border: 1px solid rgba(255,255,255,0); /* transparent white */ |
36 border-radius: 2px; | 36 border-radius: 2px; |
37 display: -webkit-box; | 37 display: -webkit-box; |
38 height: 35px; | 38 height: 35px; |
39 } | 39 } |
40 | 40 |
41 .network-item:not([connecting]):hover { | 41 .network-item:not([connecting]):hover { |
| 42 background-color: hsl(214, 91%, 97%); |
42 border-color: hsl(214, 91%, 85%); | 43 border-color: hsl(214, 91%, 85%); |
43 background-color: hsl(214, 91%, 97%); | |
44 } | 44 } |
45 | 45 |
46 .network-item[connected] { | 46 .network-item[connected] { |
| 47 background-color: hsl(214,91%,89%); |
47 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), | 48 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), |
48 rgba(255, 255, 255, 0)); | 49 rgba(255, 255, 255, 0)); |
49 background-color: hsl(214,91%,89%); | |
50 border-color: hsl(214, 91%, 65%); | 50 border-color: hsl(214, 91%, 65%); |
51 } | 51 } |
52 | 52 |
53 .network-item[connected]:hover { | 53 .network-item[connected]:hover { |
54 background-color: hsl(214, 91%, 87%); | 54 background-color: hsl(214, 91%, 87%); |
55 border-color: hsl(214, 91%, 65%); | 55 border-color: hsl(214, 91%, 65%); |
56 } | 56 } |
57 | 57 |
58 .network-item[connecting] { | 58 .network-item[connecting] { |
59 background-color: hsl(214, 91%, 97%); | 59 background-color: hsl(214, 91%, 97%); |
(...skipping 27 matching lines...) Expand all Loading... |
87 | 87 |
88 .network-item[connected] > * > .network-name-label { | 88 .network-item[connected] > * > .network-name-label { |
89 font-weight: bold; | 89 font-weight: bold; |
90 } | 90 } |
91 | 91 |
92 .network-status-label { | 92 .network-status-label { |
93 color: grey; | 93 color: grey; |
94 } | 94 } |
95 | 95 |
96 .network-item > * > button { | 96 .network-item > * > button { |
| 97 margin-right: 5px; |
97 min-width: 100px; | 98 min-width: 100px; |
98 visibility: hidden; | 99 visibility: hidden; |
99 margin-right: 5px; | |
100 } | 100 } |
101 | 101 |
102 .network-item:hover > * > button, | 102 .network-item:hover > * > button, |
103 .network-item[connected] > * > button { | 103 .network-item[connected] > * > button { |
104 visibility: visible; | 104 visibility: visible; |
105 } | 105 } |
106 | 106 |
107 .network-item-box-spacer { | 107 .network-item-box-spacer { |
108 -webkit-box-flex: 1; | 108 -webkit-box-flex: 1; |
109 } | 109 } |
110 | 110 |
111 .displaytable > section > .network-title { | 111 .displaytable > section > .network-title { |
| 112 padding-top: 20px; |
112 vertical-align: top; | 113 vertical-align: top; |
113 padding-top: 20px; | |
114 } | 114 } |
115 | 115 |
116 #detailsInternetPage { | 116 #detailsInternetPage { |
| 117 min-height: 420px; |
117 min-width: 440px; | 118 min-width: 440px; |
118 min-height: 420px; | |
119 padding-bottom: 40px; | 119 padding-bottom: 40px; |
120 position: relative; | 120 position: relative; |
121 } | 121 } |
122 | 122 |
123 #details-plan-table { | 123 #details-plan-table { |
124 width: 100%; | 124 width: 100%; |
125 } | 125 } |
126 | 126 |
127 #planSummary { | 127 #planSummary { |
| 128 padding-bottom: 5px; |
128 width: 350px; | 129 width: 350px; |
129 padding-bottom: 5px; | |
130 } | 130 } |
131 | 131 |
132 #planWarning { | 132 #planWarning { |
| 133 font-weight: bold; |
| 134 padding-top: 5px; |
133 width: 350px; | 135 width: 350px; |
134 padding-top: 5px; | |
135 font-weight: bold; | |
136 } | 136 } |
137 | 137 |
138 #locked-network-banner { | 138 #locked-network-banner { |
139 height: 31px; | 139 height: 31px; |
140 width: 100%; | |
141 margin: 0; | 140 margin: 0; |
142 padding-top: 10px; | 141 padding-top: 10px; |
143 vertical-align: middle; | 142 vertical-align: middle; |
| 143 width: 100%; |
144 } | 144 } |
145 | 145 |
146 #locked-network-icon { | 146 #locked-network-icon { |
147 background-image: url('chrome://theme/IDR_WARNING'); | 147 background-image: url('chrome://theme/IDR_WARNING'); |
| 148 background-position: center; |
148 background-repeat: no-repeat; | 149 background-repeat: no-repeat; |
149 background-position: center; | |
150 display: inline-block; | 150 display: inline-block; |
| 151 height: 21px; |
151 padding: 5px; | 152 padding: 5px; |
152 height: 21px; | |
153 vertical-align: middle; | 153 vertical-align: middle; |
154 width: 24px; | 154 width: 24px; |
155 } | 155 } |
156 | 156 |
157 #access-locked-text { | 157 #access-locked-text { |
158 vertical-align: middle; | 158 vertical-align: middle; |
159 } | 159 } |
160 | 160 |
161 #internet-owner-only-warning { | 161 #internet-owner-only-warning { |
| 162 -webkit-padding-start: 20px; |
| 163 background-image: url('warning.png'); |
| 164 background-repeat: no-repeat; |
162 margin: 10px 0; | 165 margin: 10px 0; |
163 padding-bottom: 1px; | 166 padding-bottom: 1px; |
164 -webkit-padding-start: 20px; | |
165 background-repeat: no-repeat; | |
166 background-image: url('warning.png'); | |
167 } | 167 } |
168 | 168 |
169 #ipConfigList .name { | 169 #ipConfigList .name { |
170 width: 40%; | 170 width: 40%; |
171 } | 171 } |
172 | 172 |
173 #ipConfigList .value { | 173 #ipConfigList .value { |
174 -webkit-box-flex: 1; | 174 -webkit-box-flex: 1; |
175 color: #666; | 175 color: #666; |
176 } | 176 } |
OLD | NEW |