Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / chrome / browser / resources / options / options_settings_app.css
blobe1bd65801d2d9cc04ac822f098e499da4317ef9a
1 /* Copyright 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
5 /* Don't use the large margin used for the navigation bar. Settings App uses a
6 * 20px margin for headings + 18px for sections.
7 */
8 html.settings-app body.uber-frame {
9 -webkit-margin-start: 38px;
12 /* There is a tweak in uber_shared.css to improve touch events around the
13 * navigation bar (which is not used for the settings app) in reaction to a
14 * webkit bug (wk95204). We need to reset back to the original style.
16 @media(pointer:coarse) {
17 html.settings-app body.uber-frame section {
18 -webkit-padding-start: 18px;
20 html.settings-app body.uber-frame section > h3 {
21 -webkit-margin-start: -18px;
25 html.settings-app body.uber-frame header {
26 left: 20px;
27 min-width: 400px;
30 html.settings-app #content-settings-page .content-area {
31 -webkit-margin-start: 18px;
34 /* Settings App is narrower due to no navigation margin, so the roomy language
35 * overlay needs to be trimmed down. 25% is taken off the original height and
36 * the width is trimmed proportional to (half) the reduction due to the removal
37 * of the left margin.
39 html.settings-app .language-options-left {
40 height: 300px;
41 width: 228px;
44 html.settings-app .language-options-right {
45 height: 300px;
46 width: 288px;