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 |