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