| 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 |