• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/* Copyright (c) 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. */
4
5#languagePage .content-area {
6  width: 660px;
7}
8
9.language-options {
10  display: -webkit-box;
11  margin: 10px 0;
12}
13
14.language-options-lower-left button,
15#language-options-details button {
16  min-width: 70px;
17}
18
19.language-options h3 {
20  -webkit-margin-start: 12px;
21  font-size: 100%;
22  font-weight: bold;
23  margin-bottom: 12px;
24  margin-top: 12px;
25}
26
27.language-options-contents  {
28  min-height: 28px;
29  padding: 0 12px 4px;
30}
31
32.language-options-contents >
33    span:not(.input-method-label):not(.controlled-setting-indicator) {
34  display: inline-block;
35  margin: 1px;
36  padding: 0.42em 10px;
37}
38
39.language-options-header,
40.language-options-footer {
41  line-height: 1.2em;
42  margin: 10px 0;
43}
44
45#language-options-languages,
46#language-options-details {
47  border: 1px solid #ccc;
48  height: 400px;
49  padding: 0;
50  vertical-align: top;
51}
52
53#language-options-languages {
54  -webkit-box-orient: vertical;
55  background-color: rgb(235, 239, 249);
56  display: -webkit-box;
57  width: 300px;
58}
59
60.language-options-lower-left {
61  -webkit-box-flex: 0;
62  -webkit-padding-start: 12px;
63  padding-bottom: 10px;
64}
65
66#language-options-details {
67  -webkit-box-flex: 1;
68  /* To share the center line with the left pane. */
69  -webkit-margin-start: -1px;
70  overflow-y: auto;
71}
72
73#language-options-details h3:not(:first-of-type) {
74  margin-top: 24px;
75}
76
77.language-options-notification  {
78  background-color: rgb(255, 247, 193);
79  margin: 0 0 4px;
80  padding: 8px 30px 8px 12px;
81}
82
83.language-options-notification > div {
84  margin-bottom: 4px;
85}
86
87#language-options-input-method-list button {
88  -webkit-margin-start: 20px;
89  display: block;
90  /* Same margin as .settings-row. */
91  margin-bottom: 0.65em;
92  margin-top: 0.65em;
93}
94
95#language-options-list {
96  -webkit-box-flex: 1;
97  outline: none;
98  padding: 0;
99  width: 100%;
100}
101
102#language-options-list .language-name {
103  -webkit-box-flex: 1;
104  overflow: hidden;
105  text-overflow: ellipsis;
106  white-space: nowrap;
107}
108
109#language-options-list li {
110  -webkit-padding-start: 12px;
111  padding-bottom: 2px;
112  padding-top: 2px;
113}
114
115#language-options-list-dropmarker {
116  background-clip: padding-box;
117  background-color: hsl(214, 91%, 65%);
118  border: 3px solid hsl(214, 91%, 65%);
119  border-bottom-color: transparent;
120  border-radius: 0;
121  border-top-color: transparent;
122  box-sizing: border-box;
123  display: none;
124  height: 8px;
125  overflow: hidden;
126  pointer-events: none;
127  position: fixed;
128  z-index: 10;
129}
130
131/* TODO(kochi): This is temporary copy from new_tab.css */
132/* Notification */
133
134#notification {
135  -webkit-transition: opacity 150ms;
136  background-color: hsl(52, 100%, 80%);
137  border: 1px solid rgb(211, 211, 211);
138  border-radius: 6px;
139  color: black;
140  display: table;
141  font-weight: bold;
142  /* Set the height and margin so that the element does not use any vertical
143    space. */
144  height: 16px;
145  margin: -44px auto 12px auto;
146  opacity: 0;
147  padding: 7px 15px;
148  pointer-events: none;
149  position: relative;
150  white-space: nowrap;
151  z-index: 1;
152}
153
154#notification > * {
155  display: table-cell;
156  max-width: 500px;
157  overflow: hidden;
158  text-overflow: ellipsis;
159}
160
161#notification.show {
162  -webkit-transition: opacity 1s;
163  opacity: 1;
164  pointer-events: all;
165}
166
167#notification .link {
168  -webkit-appearance: none;
169  -webkit-padding-start: 20px;
170  background: none;
171  border: 0;
172  color: rgba(0, 102, 204, 0.3);
173  cursor: pointer;
174  text-decoration: underline;
175}
176
177#notification .link-color {
178  color: rgb(0, 102, 204);
179}
180
181#chewing-max-chi-symbol-len {
182  height: 30%;
183  width: 100px;
184}
185
186#add-language-overlay-page .content-area {
187  padding-bottom: 10px;
188}
189
190/* TODO(hshi): Remove this temporary hack once the bug is fixed in Chrome. */
191#add-language-overlay-language-list {
192  width: -webkit-calc(100% - 4px);
193}
194
195.standalone-link-button {
196  padding: 0;
197}
198