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

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

Issue 8937011: Revert "Options2: Pull the trigger." (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 9 years 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 .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 }
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