OLD | NEW |
1 #inetTitle { | 1 #inetTitle { |
2 border: none; | 2 border: none; |
3 } | 3 } |
4 | 4 |
5 #network-general-div { | 5 #network-general-div { |
6 -webkit-margin-start: 15px; | 6 -webkit-margin-start: 15px; |
7 } | 7 } |
8 | 8 |
9 #networking-controls { | 9 #networking-controls { |
10 display: -webkit-box; | 10 display: -webkit-box; |
11 } | 11 } |
12 | 12 |
13 .networks { | 13 .networks { |
14 -webkit-margin-start: 15px; | 14 -webkit-margin-start: 15px; |
15 padding: 2px; | 15 padding: 2px; |
16 } | 16 } |
17 | 17 |
18 .network-password { | 18 .network-password { |
19 left: 0px; | 19 left: 0px; |
20 position: relative; | 20 position: relative; |
21 } | 21 } |
22 | 22 |
23 .network-password > input, .network-password > select { | 23 .network-password > input, .network-password > select { |
24 width: 200px; | 24 width: 200px; |
25 } | 25 } |
26 | 26 |
27 .network-item { | 27 .network-item { |
28 -webkit-box-align: center; | 28 -webkit-box-align: center; |
29 -webkit-padding-start: 30px; | 29 -webkit-padding-start: 10px; |
30 border: 1px solid rgba(255,255,255,0); /* transparent white */ | 30 border: 1px solid rgba(255,255,255,0); /* transparent white */ |
31 border-radius: 2px; | 31 border-radius: 2px; |
32 display: -webkit-box; | 32 display: -webkit-box; |
33 height: 35px; | 33 height: 35px; |
34 } | 34 } |
35 | 35 |
36 .network-item:not([connecting]):hover { | 36 .network-item:not([connecting]):hover { |
37 border-color: hsl(214, 91%, 85%); | 37 border-color: hsl(214, 91%, 85%); |
38 background-color: hsl(214, 91%, 97%); | 38 background-color: hsl(214, 91%, 97%); |
39 } | 39 } |
40 | 40 |
41 .network-item[connected] { | 41 .network-item[connected] { |
42 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), | 42 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), |
43 rgba(255, 255, 255, 0)); | 43 rgba(255, 255, 255, 0)); |
44 background-color: hsl(214,91%,89%); | 44 background-color: hsl(214,91%,89%); |
45 border-color: hsl(214, 91%, 65%); | 45 border-color: hsl(214, 91%, 65%); |
46 } | 46 } |
47 | 47 |
48 .network-item[connected]:hover { | 48 .network-item[connected]:hover { |
49 background-color: hsl(214, 91%, 87%); | 49 background-color: hsl(214, 91%, 87%); |
50 border-color: hsl(214, 91%, 65%); | 50 border-color: hsl(214, 91%, 65%); |
51 } | 51 } |
52 | 52 |
53 .network-item[connecting] { | 53 .network-item[connecting] { |
54 background-color: hsl(214, 91%, 97%); | 54 background-color: hsl(214, 91%, 97%); |
55 border-color: hsl(214, 91%, 85%); | 55 border-color: hsl(214, 91%, 85%); |
56 } | 56 } |
57 | 57 |
| 58 .network-item > .controlled-setting-indicator { |
| 59 -webkit-margin-end: 5px; |
| 60 width: 16px; |
| 61 } |
| 62 |
| 63 .hide-indicators .network-item > .controlled-setting-indicator { |
| 64 display: none; |
| 65 } |
| 66 |
58 .network-item-text { | 67 .network-item-text { |
59 -webkit-padding-start: 30px; | 68 -webkit-padding-start: 30px; |
60 background: left center no-repeat; | 69 background: left center no-repeat; |
61 cursor: default; | 70 cursor: default; |
62 display: table-cell; | 71 display: table-cell; |
63 height: 32px; | 72 height: 32px; |
64 line-height: 100%; | 73 line-height: 100%; |
65 max-width: 320px; | 74 max-width: 320px; |
66 overflow: hidden; | 75 overflow: hidden; |
67 vertical-align: middle; | 76 vertical-align: middle; |
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
160 } | 169 } |
161 | 170 |
162 #ipConfigList .name { | 171 #ipConfigList .name { |
163 width: 40%; | 172 width: 40%; |
164 } | 173 } |
165 | 174 |
166 #ipConfigList .value { | 175 #ipConfigList .value { |
167 -webkit-box-flex: 1; | 176 -webkit-box-flex: 1; |
168 color: #666; | 177 color: #666; |
169 } | 178 } |
OLD | NEW |