| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
| 5 */ | 5 */ |
| 6 | 6 |
| 7 .network-config { | 7 .network-config { |
| 8 padding: 12px; | 8 padding: 12px; |
| 9 display: block; |
| 9 } | 10 } |
| 10 | 11 |
| 11 .network-config-group { | 12 .network-config-group { |
| 12 display: flex; | 13 display: flex; |
| 13 padding-top: 12px; | 14 margin-bottom: 10px; |
| 14 margin-bottom: 12px; | |
| 15 flex-wrap: wrap; | 15 flex-wrap: wrap; |
| 16 flex: 0 0 auto; | 16 flex: 0 0 auto; |
| 17 min-height: 30px; | 17 min-height: 30px; |
| 18 border-top: 1px solid #ccc; | |
| 19 } | 18 } |
| 20 | 19 |
| 21 .network-config-title { | 20 .network-config-title { |
| 22 flex: 1 1 68px; | |
| 23 margin-right: 16px; | 21 margin-right: 16px; |
| 24 text-align: right; | 22 width: 130px; |
| 25 } | 23 } |
| 26 | 24 |
| 27 .network-config-fields { | 25 .network-config-fields { |
| 28 flex: 2 0 200px; | 26 flex: 2 0 200px; |
| 29 } | 27 } |
| 30 | 28 |
| 29 .panel-section-separator { |
| 30 height: 1px; |
| 31 margin-bottom: 10px; |
| 32 background: #f0f0f0; |
| 33 } |
| 34 |
| 31 /* Disable cache */ | 35 /* Disable cache */ |
| 32 | 36 |
| 33 .network-config-disable-cache { | 37 .network-config-disable-cache { |
| 34 line-height: 28px; | 38 line-height: 28px; |
| 35 border-top: none; | 39 border-top: none; |
| 36 padding-top: 0; | 40 padding-top: 0; |
| 37 } | 41 } |
| 38 | 42 |
| 39 /* Network throttling */ | 43 /* Network throttling */ |
| 40 | 44 |
| (...skipping 12 matching lines...) Expand all Loading... |
| 53 line-height: 20px; | 57 line-height: 20px; |
| 54 } | 58 } |
| 55 | 59 |
| 56 .network-config-ua label[is="dt-radio"].checked > * { | 60 .network-config-ua label[is="dt-radio"].checked > * { |
| 57 display: none | 61 display: none |
| 58 } | 62 } |
| 59 | 63 |
| 60 .network-config-ua input:not(.dt-radio-button) { | 64 .network-config-ua input:not(.dt-radio-button) { |
| 61 display: block; | 65 display: block; |
| 62 width: calc(100% - 20px); | 66 width: calc(100% - 20px); |
| 63 max-width: 400px; | 67 max-width: 250px; |
| 64 border: 1px solid #bfbfbf; | 68 border: 1px solid #bfbfbf; |
| 65 border-radius: 2px; | 69 border-radius: 2px; |
| 66 box-sizing: border-box; | 70 box-sizing: border-box; |
| 67 color: #444; | 71 color: #444; |
| 68 font: inherit; | 72 font: inherit; |
| 69 border-width: 1px; | 73 border-width: 1px; |
| 70 min-height: 2em; | 74 min-height: 2em; |
| 71 padding: 3px; | 75 padding: 3px; |
| 72 } | 76 } |
| 73 | 77 |
| 74 .network-config-ua input[readonly] { | 78 .network-config-ua input[readonly] { |
| 75 background-color: rgb(235, 235, 228); | 79 background-color: rgb(235, 235, 228); |
| 76 } | 80 } |
| 77 | 81 |
| 78 .network-config-ua input[type=text], .network-config-ua .chrome-select { | 82 .network-config-ua input[type=text], .network-config-ua .chrome-select { |
| 79 margin-top: 8px; | 83 margin-top: 8px; |
| 80 } | 84 } |
| 81 | 85 |
| 82 .network-config-ua .chrome-select { | 86 .network-config-ua .chrome-select { |
| 83 width: calc(100% - 20px); | 87 width: calc(100% - 20px); |
| 84 max-width: 230px; | 88 max-width: 250px; |
| 85 } | 89 } |
| 86 | 90 |
| 87 .network-config-ua label[is="dt-radio"] { | 91 .network-config-ua label[is="dt-radio"] { |
| 88 display: block; | 92 display: block; |
| 89 } | 93 } |
| 90 | 94 |
| 91 .network-config-ua-auto, .network-config-ua-custom { | 95 .network-config-ua-auto, .network-config-ua-custom { |
| 92 opacity: 0.5; | 96 opacity: 0.5; |
| 93 } | 97 } |
| 94 | 98 |
| 95 .network-config-ua-auto.checked, .network-config-ua-custom.checked { | 99 .network-config-ua-auto.checked, .network-config-ua-custom.checked { |
| 96 opacity: 1; | 100 opacity: 1; |
| 97 } | 101 } |
| OLD | NEW |