Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(475)

Side by Side Diff: chrome/browser/resources/options2/language_options.css

Issue 10809005: Options: Rename chrome/browser/resources/options2 -> chrome/browser/resources/options. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Fix. Created 8 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
(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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/options2/language_list.js ('k') | chrome/browser/resources/options2/language_options.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698