1/*
2 * Copyright (C) 2013 Google Inc. All rights reserved.
3 *
4 * Redistribution and use in source and binary forms, with or without
5 * modification, are permitted provided that the following conditions are
6 * met:
7 *
8 *     * Redistributions of source code must retain the above copyright
9 * notice, this list of conditions and the following disclaimer.
10 *     * Redistributions in binary form must reproduce the above
11 * copyright notice, this list of conditions and the following disclaimer
12 * in the documentation and/or other materials provided with the
13 * distribution.
14 *     * Neither the name of Google Inc. nor the names of its
15 * contributors may be used to endorse or promote products derived from
16 * this software without specific prior written permission.
17 *
18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
29 */
30
31
32.overrides-view .tabbed-pane {
33    flex-direction: row;
34}
35
36.overrides-view .tabbed-pane-header {
37    border: none transparent !important;
38    width: auto;
39    flex: 0 0 auto;
40}
41
42.overrides-view .tabbed-pane-content {
43    padding-top: 10px;
44    padding-left: 10px;
45    padding-right: 10px;
46    overflow-x: hidden;
47}
48
49.overrides-view .tabbed-pane-header-contents {
50    margin: 0;
51}
52
53.overrides-view .tabbed-pane-header-tabs {
54    display: flex;
55    flex-direction: column;
56    padding-top: 5px;
57    width: 100px;
58}
59
60.overrides-view .tabbed-pane-header-tab {
61    background-color: transparent;
62    border: none transparent;
63    font-weight: normal;
64    text-shadow: none;
65    color: #777;
66    height: 22px;
67    padding-left: 0;
68    padding-left: 10px;
69    border-left: 4px solid transparent;
70}
71
72.overrides-view .tabbed-pane-header-tab:not(.selected) {
73    cursor: pointer !important;
74}
75
76.overrides-view .tabbed-pane-header-tab.selected {
77    color: inherit;
78    border: none transparent;
79    border-left: 4px solid #666;
80}
81
82.overrides-view fieldset {
83    border: none;
84    padding: 0 0 5px 15px;
85}
86
87.overrides-user-agent fieldset {
88    padding-top: 5px;
89}
90
91.overrides-device > select {
92    margin-bottom: 10px;
93    width: 400px;
94    max-width: 90%;
95}
96
97.overrides-device button {
98    margin-right: 10px;
99}
100
101.overrides-device > label {
102    display: block;
103    margin-bottom: 7px;
104    white-space: nowrap;
105}
106
107.overrides-device-value {
108    padding-left: 10px;
109    color: gray;
110}
111
112.overrides-device-value-label {
113    overflow: hidden;
114    white-space: nowrap;
115    text-overflow: ellipsis;
116    padding-top: 3px;
117}
118
119.overrides-viewport {
120    width: 100%;
121}
122
123.overrides-viewport input {
124    text-align: right;
125}
126
127.overrides-viewport input[type=range] {
128    width: 100%;
129}
130
131button.overrides-swap {
132    height: 20px;
133}
134
135.overrides-viewport label {
136    display: block;
137    margin-bottom: 5px;
138}
139
140.overrides-viewport table {
141    margin-bottom: 5px;
142}
143
144.overrides-viewport > label {
145    margin-bottom: 8px;
146}
147
148.overrides-viewport .help-footnote {
149    border-top: 1px solid #EEEEEE;
150    margin: 0;
151    padding: 12px;
152}
153
154.overrides-user-agent input[type=text] {
155    width: 400px;
156    max-width: 90%;
157}
158
159.overrides-user-agent select {
160    margin: 7px 0;
161}
162
163.overrides-sensors > label {
164    display: block;
165    margin-bottom: 10px;
166}
167
168.overrides-sensors input {
169    text-align: right;
170}
171
172.overrides-activate-device #tab-device,
173.overrides-activate-viewport #tab-viewport,
174.overrides-activate-user-agent #tab-user-agent,
175.overrides-activate-sensors #tab-sensors {
176    color: rgb(25, 100, 228);
177    opacity: 0.8;
178}
179
180.overrides-activate-device #tab-device.selected,
181.overrides-activate-viewport #tab-viewport.selected,
182.overrides-activate-user-agent #tab-user-agent.selected,
183.overrides-activate-sensors #tab-sensors.selected {
184    opacity: 1;
185}
186
187.overrides-view input[type=text]:enabled:focus,
188.overrides-view select:enabled:focus {
189    -webkit-transition: border-color 200ms;
190    border-color: rgb(77, 144, 254);
191    outline: none;
192}
193
194.overrides-view input[type=text],
195.overrides-view select {
196    border: 1px solid #bfbfbf;
197    border-radius: 2px;
198    box-sizing: border-box;
199    color: #444;
200    font: inherit;
201    border-width: 1px;
202}
203
204.overrides-view input[type=text] {
205    margin: 0;
206    min-height: 2em;
207    padding: 3px;
208}
209
210.overrides-view .overrides-footer {
211    flex: none;
212    padding: 0 0 1px 3px;
213    border-top: 1px solid rgb(203,203,203);
214    background-color: rgb(236,236,236);
215}
216
217.overrides-view .overrides-footer::before {
218    background-image: url(Images/statusbarButtonGlyphs.png);
219    background-size: 320px 120px;
220    width: 10px;
221    height: 10px;
222    content: "";
223    position: relative;
224    top: 2px;
225    background-position: -202px -107px;
226    float: left;
227    margin-right: 4px;
228}
229
230.overrides-view .overrides-footer .warning-icon-small {
231    margin-right: 3px;
232}
233