| OLD | NEW |
| (Empty) |
| 1 #inetTitle { | |
| 2 border: none; | |
| 3 } | |
| 4 | |
| 5 #network-general-div { | |
| 6 -webkit-margin-start: 15px; | |
| 7 } | |
| 8 | |
| 9 #networking-controls { | |
| 10 display: -webkit-box; | |
| 11 } | |
| 12 | |
| 13 .networks { | |
| 14 -webkit-margin-start: 15px; | |
| 15 padding: 2px; | |
| 16 } | |
| 17 | |
| 18 .network-password { | |
| 19 left: 0px; | |
| 20 position: relative; | |
| 21 } | |
| 22 | |
| 23 .network-password > input, .network-password > select { | |
| 24 width: 200px; | |
| 25 } | |
| 26 | |
| 27 .network-item { | |
| 28 -webkit-box-align: center; | |
| 29 -webkit-padding-start: 10px; | |
| 30 border: 1px solid rgba(255,255,255,0); /* transparent white */ | |
| 31 border-radius: 2px; | |
| 32 display: -webkit-box; | |
| 33 height: 35px; | |
| 34 } | |
| 35 | |
| 36 .network-item:not([connecting]):hover { | |
| 37 border-color: hsl(214, 91%, 85%); | |
| 38 background-color: hsl(214, 91%, 97%); | |
| 39 } | |
| 40 | |
| 41 .network-item[connected] { | |
| 42 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), | |
| 43 rgba(255, 255, 255, 0)); | |
| 44 background-color: hsl(214,91%,89%); | |
| 45 border-color: hsl(214, 91%, 65%); | |
| 46 } | |
| 47 | |
| 48 .network-item[connected]:hover { | |
| 49 background-color: hsl(214, 91%, 87%); | |
| 50 border-color: hsl(214, 91%, 65%); | |
| 51 } | |
| 52 | |
| 53 .network-item[connecting] { | |
| 54 background-color: hsl(214, 91%, 97%); | |
| 55 border-color: hsl(214, 91%, 85%); | |
| 56 } | |
| 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 | |
| 67 .network-item-text { | |
| 68 -webkit-padding-start: 30px; | |
| 69 background: left center no-repeat; | |
| 70 cursor: default; | |
| 71 display: table-cell; | |
| 72 height: 32px; | |
| 73 line-height: 100%; | |
| 74 max-width: 320px; | |
| 75 overflow: hidden; | |
| 76 vertical-align: middle; | |
| 77 } | |
| 78 | |
| 79 html[dir='rtl'] .network-item-text { | |
| 80 background: right center no-repeat; | |
| 81 } | |
| 82 | |
| 83 .network-item[connected] > * > .network-name-label { | |
| 84 font-weight: bold; | |
| 85 } | |
| 86 | |
| 87 .network-status-label { | |
| 88 color: grey; | |
| 89 } | |
| 90 | |
| 91 .network-item > * > button { | |
| 92 min-width: 100px; | |
| 93 visibility: hidden; | |
| 94 margin-right: 5px; | |
| 95 } | |
| 96 | |
| 97 .network-item:hover > * > button, | |
| 98 .network-item[connected] > * > button { | |
| 99 visibility: visible; | |
| 100 } | |
| 101 | |
| 102 .network-item-box-spacer { | |
| 103 -webkit-box-flex: 1; | |
| 104 } | |
| 105 | |
| 106 .displaytable > section > .network-title { | |
| 107 vertical-align: top; | |
| 108 padding-top: 20px; | |
| 109 } | |
| 110 | |
| 111 #detailsInternetPage { | |
| 112 min-width: 440px; | |
| 113 min-height: 420px; | |
| 114 padding-bottom: 40px; | |
| 115 position: relative; | |
| 116 } | |
| 117 | |
| 118 #details-plan-table { | |
| 119 width: 100%; | |
| 120 } | |
| 121 | |
| 122 #planSummary { | |
| 123 width: 350px; | |
| 124 padding-bottom: 5px; | |
| 125 } | |
| 126 | |
| 127 #planWarning { | |
| 128 width: 350px; | |
| 129 padding-top: 5px; | |
| 130 font-weight: bold; | |
| 131 } | |
| 132 | |
| 133 #locked-network-banner { | |
| 134 height: 31px; | |
| 135 width: 100%; | |
| 136 margin: 0; | |
| 137 padding-top: 10px; | |
| 138 vertical-align: middle; | |
| 139 } | |
| 140 | |
| 141 #locked-network-icon { | |
| 142 background-image: url("chrome://theme/IDR_WARNING"); | |
| 143 background-repeat: no-repeat; | |
| 144 background-position:center; | |
| 145 display: inline-block; | |
| 146 padding: 5px; | |
| 147 height: 21px; | |
| 148 vertical-align: middle; | |
| 149 width: 24px; | |
| 150 } | |
| 151 | |
| 152 #access-locked-text { | |
| 153 vertical-align: middle; | |
| 154 } | |
| 155 | |
| 156 #internet-owner-only-warning { | |
| 157 margin: 10px 0; | |
| 158 padding-bottom: 1px; | |
| 159 -webkit-padding-start: 20px; | |
| 160 background-repeat: no-repeat; | |
| 161 background-image: url('warning.png'); | |
| 162 } | |
| 163 | |
| 164 #ipConfigList .name { | |
| 165 width: 40%; | |
| 166 } | |
| 167 | |
| 168 #ipConfigList .value { | |
| 169 -webkit-box-flex: 1; | |
| 170 color: #666; | |
| 171 } | |
| OLD | NEW |