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