OLD | NEW |
1 .language-options { | 1 .language-options { |
2 display: -webkit-box; | 2 display: -webkit-box; |
3 margin: 10px 0; | 3 margin: 10px 0; |
4 } | 4 } |
5 | 5 |
6 .language-options-lower-left button, | 6 .language-options-lower-left button, |
7 .language-options-right button { | 7 .language-options-right button { |
8 min-width: 70px; | 8 min-width: 70px; |
9 } | 9 } |
10 | 10 |
(...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
111 overflow: hidden; | 111 overflow: hidden; |
112 pointer-events: none; | 112 pointer-events: none; |
113 position: fixed; | 113 position: fixed; |
114 z-index: 10; | 114 z-index: 10; |
115 } | 115 } |
116 | 116 |
117 #language-options-ui-restart-button { | 117 #language-options-ui-restart-button { |
118 margin-top: 12px; | 118 margin-top: 12px; |
119 } | 119 } |
120 | 120 |
121 <if expr="not pp_ifdef('touchui')"> | 121 /* |
| 122 * In ChromeOS we present the language choices as a big page of links. |
| 123 */ |
| 124 |
122 html[os=chromeos] #add-language-overlay-language-list { | 125 html[os=chromeos] #add-language-overlay-language-list { |
123 -webkit-column-count: 2; | 126 -webkit-column-count: 2; |
124 -webkit-column-gap: 20px; | 127 -webkit-column-gap: 20px; |
125 } | 128 } |
126 | 129 |
127 html[os=chromeos] #add-language-overlay-cancel-button { | 130 html[os=chromeos] #add-language-overlay-cancel-button { |
128 /* Place the button in the center. */ | 131 /* Place the button in the center. */ |
129 display: block; | 132 display: block; |
130 margin: auto; | 133 margin: auto; |
131 margin-top: 15px; | 134 margin-top: 15px; |
132 } | 135 } |
133 | 136 |
134 html[os=chromeos] #add-language-overlay-page { | 137 html[os=chromeos] #add-language-overlay-page { |
135 width: 800px; | 138 width: 800px; |
136 padding: 20px; | 139 padding: 20px; |
137 } | 140 } |
138 | 141 |
139 html[os=chromeos] #add-language-overlay-page button.link-button { | 142 html[os=chromeos] #add-language-overlay-page button.link-button { |
140 padding: 0; | 143 padding: 0; |
141 text-align: left; | 144 text-align: left; |
142 } | 145 } |
143 | 146 |
144 html[os=chromeos] #add-language-overlay-page ul { | 147 html[os=chromeos] #add-language-overlay-page ul { |
145 padding: 0; | 148 padding: 0; |
146 margin: 0; | 149 margin: 0; |
147 } | 150 } |
148 </if> | |
149 | 151 |
150 /* TODO(kochi): This is temporary copy from new_tab.css */ | 152 /* TODO(kochi): This is temporary copy from new_tab.css */ |
151 /* Notification */ | 153 /* Notification */ |
152 | 154 |
153 #notification { | 155 #notification { |
154 position: relative; | 156 position: relative; |
155 background-color: hsl(52, 100%, 80%); | 157 background-color: hsl(52, 100%, 80%); |
156 border: 1px solid rgb(211, 211, 211); | 158 border: 1px solid rgb(211, 211, 211); |
157 border-radius: 6px; | 159 border-radius: 6px; |
158 padding: 7px 15px; | 160 padding: 7px 15px; |
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
218 | 220 |
219 button[disabled].text-button, | 221 button[disabled].text-button, |
220 button[disabled].text-button:active, | 222 button[disabled].text-button:active, |
221 button[disabled].text-button:focus, | 223 button[disabled].text-button:focus, |
222 button[disabled].text-button:hover { | 224 button[disabled].text-button:hover { |
223 -webkit-box-shadow: none; | 225 -webkit-box-shadow: none; |
224 background: transparent none; | 226 background: transparent none; |
225 border-color: transparent; | 227 border-color: transparent; |
226 color: #AAA; | 228 color: #AAA; |
227 } | 229 } |
OLD | NEW |