| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright 2014 The Chromium Authors. All rights reserved. | 2 * Copyright 2014 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 .responsive-design { | 7 .responsive-design { |
| 8 overflow: hidden; | 8 overflow: hidden; |
| 9 position: relative; | 9 position: relative; |
| 10 } | 10 } |
| (...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 74 } | 74 } |
| 75 | 75 |
| 76 .responsive-design-resolution-height { | 76 .responsive-design-resolution-height { |
| 77 left: 0; | 77 left: 0; |
| 78 } | 78 } |
| 79 | 79 |
| 80 .responsive-design-toolbar { | 80 .responsive-design-toolbar { |
| 81 flex: 0 0 24px; | 81 flex: 0 0 24px; |
| 82 background-color: rgb(64, 64, 64); | 82 background-color: rgb(64, 64, 64); |
| 83 color: rgb(220, 220, 220); | 83 color: rgb(220, 220, 220); |
| 84 padding-left: 10px; | 84 padding-left: 6px; |
| 85 display: flex; | 85 display: flex; |
| 86 align-items: center; | 86 align-items: center; |
| 87 border-bottom: 1px solid rgb(163, 163, 163); | 87 border-bottom: 1px solid rgb(163, 163, 163); |
| 88 } | 88 } |
| 89 | 89 |
| 90 .responsive-design-toolbar fieldset, |
| 91 .responsive-design-toolbar p { |
| 92 margin: 0; |
| 93 padding: 0; |
| 94 border: 0; |
| 95 display: inline-block; |
| 96 } |
| 97 |
| 98 .responsive-design-toolbar .field-error-message { |
| 99 display: none; |
| 100 } |
| 90 .responsive-design-toolbar label { | 101 .responsive-design-toolbar label { |
| 91 display: inline-flex; | 102 display: inline-flex; |
| 92 align-items: center; | 103 align-items: center; |
| 93 } | 104 } |
| 94 | 105 |
| 95 .responsive-design-toolbar input[type='text'] { | 106 .responsive-design-toolbar input[type='text'] { |
| 96 color: rgb(255, 156, 0); | 107 color: rgb(255, 156, 0); |
| 97 text-align: center; | 108 text-align: center; |
| 98 background-color: transparent; | 109 background-color: transparent; |
| 99 border: none; | 110 border: none; |
| 100 margin: 0 2px; | 111 margin: 0 2px; |
| 101 padding: 3px; | 112 padding: 3px; |
| 102 } | 113 } |
| 103 | 114 |
| 115 .responsive-design-toolbar input:disabled, |
| 116 .responsive-design-toolbar button:disabled { |
| 117 opacity: 0.6; |
| 118 } |
| 119 |
| 104 .responsive-design-toolbar input[type='checkbox'] { | 120 .responsive-design-toolbar input[type='checkbox'] { |
| 105 background: none; | 121 background: none; |
| 106 margin: 0; | 122 margin: 0; |
| 107 margin-right: 3px; | 123 margin-right: 5px; |
| 108 } | 124 } |
| 109 | 125 |
| 110 .responsive-design-toolbar input[type='checkbox']:after { | 126 .responsive-design-toolbar input[type='checkbox']:after { |
| 111 content:'\2714'; | 127 content:'\2713'; |
| 112 color: transparent; | 128 color: transparent; |
| 113 line-height: 10px; | 129 line-height: 10px; |
| 114 position: absolute; | 130 position: absolute; |
| 115 cursor: pointer; | 131 cursor: pointer; |
| 116 background: rgb(64, 64, 64); | 132 background: rgb(64, 64, 64); |
| 117 border: 1px solid hsla(41, 100%, 47%, 0.6); | 133 border: 1px solid hsla(41, 100%, 47%, 0.6); |
| 118 } | 134 } |
| 119 | 135 |
| 120 .responsive-design-toolbar input[type='checkbox']:checked:after { | 136 .responsive-design-toolbar input[type='checkbox']:checked:after { |
| 121 color: hsl(41, 100%, 47%); | 137 color: hsl(41, 100%, 47%); |
| (...skipping 11 matching lines...) Expand all Loading... |
| 133 .responsive-design-toolbar input:focus { | 149 .responsive-design-toolbar input:focus { |
| 134 background-color: rgb(102, 102, 102) | 150 background-color: rgb(102, 102, 102) |
| 135 } | 151 } |
| 136 | 152 |
| 137 .responsive-design-toolbar button { | 153 .responsive-design-toolbar button { |
| 138 color: rgb(255, 156, 0); | 154 color: rgb(255, 156, 0); |
| 139 background-color: rgb(64, 64, 64); | 155 background-color: rgb(64, 64, 64); |
| 140 border: none; | 156 border: none; |
| 141 cursor: pointer; | 157 cursor: pointer; |
| 142 } | 158 } |
| OLD | NEW |