| OLD | NEW |
| 1 /* | |
| 2 * TODO(xiyuan): Remove the section overrides when options_page.css uses the | |
| 3 * new style. | |
| 4 */ | |
| 5 #inetTitle { | 1 #inetTitle { |
| 6 border: none; | 2 border: none; |
| 7 } | 3 } |
| 8 | 4 |
| 9 #internetPage > section > h3 { | 5 #network-general-div { |
| 10 font-size: 100%; | 6 -webkit-margin-start: 15px; |
| 11 width: auto; | |
| 12 } | |
| 13 | |
| 14 #internetPage > section[hidden] { | |
| 15 display: none; | |
| 16 } | |
| 17 | |
| 18 #internetPage > section > div:only-of-type > div.checkbox { | |
| 19 margin: 10px 0; | |
| 20 -webkit-margin-start: 10px; | |
| 21 } | 7 } |
| 22 | 8 |
| 23 #networking-controls { | 9 #networking-controls { |
| 24 display: -webkit-box; | 10 display: -webkit-box; |
| 25 -webkit-margin-start: 10px; | |
| 26 } | 11 } |
| 27 | 12 |
| 28 .networks { | 13 .networks { |
| 29 -webkit-margin-start: 15px; | 14 -webkit-margin-start: 15px; |
| 30 padding: 2px; | 15 padding: 2px; |
| 31 } | 16 } |
| 32 | 17 |
| 33 .network-password { | 18 .network-password { |
| 34 left: 0px; | 19 left: 0px; |
| 35 position: relative; | 20 position: relative; |
| (...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 87 line-height: 100%; | 72 line-height: 100%; |
| 88 max-width: 320px; | 73 max-width: 320px; |
| 89 overflow: hidden; | 74 overflow: hidden; |
| 90 vertical-align: middle; | 75 vertical-align: middle; |
| 91 } | 76 } |
| 92 | 77 |
| 93 html[dir='rtl'] .network-item-text { | 78 html[dir='rtl'] .network-item-text { |
| 94 background: right center no-repeat; | 79 background: right center no-repeat; |
| 95 } | 80 } |
| 96 | 81 |
| 97 | |
| 98 .network-item[connected] > * > .network-name-label { | 82 .network-item[connected] > * > .network-name-label { |
| 99 font-weight: bold; | 83 font-weight: bold; |
| 100 } | 84 } |
| 101 | 85 |
| 102 .network-status-label { | 86 .network-status-label { |
| 103 color: grey; | 87 color: grey; |
| 104 } | 88 } |
| 105 | 89 |
| 106 .network-item > * > button { | 90 .network-item > * > button { |
| 107 min-width: 100px; | 91 min-width: 100px; |
| (...skipping 13 matching lines...) Expand all Loading... |
| 121 .network-item-box-spacer { | 105 .network-item-box-spacer { |
| 122 -webkit-box-flex: 1; | 106 -webkit-box-flex: 1; |
| 123 } | 107 } |
| 124 | 108 |
| 125 #detailsInternetPage { | 109 #detailsInternetPage { |
| 126 min-width: 400px; | 110 min-width: 400px; |
| 127 min-height: 420px; | 111 min-height: 420px; |
| 128 position: relative; | 112 position: relative; |
| 129 } | 113 } |
| 130 | 114 |
| 131 .details-button { | |
| 132 float: right; | |
| 133 } | |
| 134 | |
| 135 #details-plan-table { | 115 #details-plan-table { |
| 136 width: 100%; | 116 width: 100%; |
| 137 } | 117 } |
| 138 | 118 |
| 139 #planSummary { | 119 #planSummary { |
| 140 width: 350px; | 120 width: 350px; |
| 141 padding-bottom: 5px; | 121 padding-bottom: 5px; |
| 142 } | 122 } |
| 143 | 123 |
| 144 #planWarning { | 124 #planWarning { |
| 145 width: 350px; | 125 width: 350px; |
| 146 padding-top: 5px; | 126 padding-top: 5px; |
| 147 font-weight: bold; | 127 font-weight: bold; |
| 148 } | 128 } |
| 149 | 129 |
| 150 html[dir='rtl'] .details-button { | |
| 151 float: left; | |
| 152 } | |
| 153 | |
| 154 #locked-network-banner { | 130 #locked-network-banner { |
| 155 height: 31px; | 131 height: 31px; |
| 156 width: 100%; | 132 width: 100%; |
| 157 margin: 0; | 133 margin: 0; |
| 158 padding-top: 10px; | 134 padding-top: 10px; |
| 159 vertical-align: middle; | 135 vertical-align: middle; |
| 160 } | 136 } |
| 161 | 137 |
| 162 #locked-network-icon { | 138 #locked-network-icon { |
| 163 background-image: url("chrome://theme/IDR_WARNING"); | 139 background-image: url("chrome://theme/IDR_WARNING"); |
| 164 background-repeat: no-repeat; | 140 background-repeat: no-repeat; |
| 165 background-position:center; | 141 background-position:center; |
| 166 display: inline-block; | 142 display: inline-block; |
| 167 padding: 5px; | 143 padding: 5px; |
| 168 height: 21px; | 144 height: 21px; |
| 169 vertical-align: middle; | 145 vertical-align: middle; |
| 170 width: 24px; | 146 width: 24px; |
| 171 } | 147 } |
| 172 | 148 |
| 173 #access-locked-text { | 149 #access-locked-text { |
| 174 vertical-align: middle; | 150 vertical-align: middle; |
| 175 } | 151 } |
| 176 | 152 |
| 177 #internet-owner-only-warning { | 153 #internet-owner-only-warning { |
| 178 margin-bottom: 10px; | 154 margin: 10px 0; |
| 179 margin-top: 10px; | |
| 180 padding-bottom: 1px; | 155 padding-bottom: 1px; |
| 181 -webkit-margin-start: 10px; | |
| 182 -webkit-padding-start: 20px; | 156 -webkit-padding-start: 20px; |
| 183 background-repeat: no-repeat; | 157 background-repeat: no-repeat; |
| 184 background-image: url('warning.png'); | 158 background-image: url('warning.png'); |
| 185 } | 159 } |
| 186 | |
| 187 #wireless-buttons > * > button { | |
| 188 margin-left: 5px; | |
| 189 } | |
| OLD | NEW |