OLD | NEW |
1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 body { | 4 body { |
5 background-attachment: fixed !important; | 5 background-attachment: fixed !important; |
6 background-color: white; | 6 background-color: white; |
7 cursor: default; | 7 cursor: default; |
8 font-family: arial, sans-serif; | 8 font-family: arial, sans-serif; |
9 font-size: small; | 9 font-size: small; |
10 margin: 0; | 10 margin: 0; |
11 overflow-x: hidden; | 11 overflow-x: hidden; |
12 } | 12 } |
13 | 13 |
14 #ntp-contents { | 14 #ntp-contents { |
15 text-align: -webkit-center; | 15 text-align: -webkit-center; |
16 } | 16 } |
17 | 17 |
18 .non-google-page #ntp-contents { | 18 .non-google-page #ntp-contents { |
19 position: absolute; | 19 position: absolute; |
20 top: -webkit-calc(50% - 155px); | 20 top: calc(50% - 155px); |
21 width: 100%; | 21 width: 100%; |
22 } | 22 } |
23 | 23 |
24 body.hide-fakebox-logo #logo, | 24 body.hide-fakebox-logo #logo, |
25 body.hide-fakebox-logo #fakebox { | 25 body.hide-fakebox-logo #fakebox { |
26 visibility: hidden; | 26 visibility: hidden; |
27 } | 27 } |
28 | 28 |
29 body.fakebox-disable #fakebox { | 29 body.fakebox-disable #fakebox { |
30 border-color: rgb(238, 238, 238); | 30 border-color: rgb(238, 238, 238); |
(...skipping 19 matching lines...) Expand all Loading... |
50 } | 50 } |
51 | 51 |
52 #fakebox { | 52 #fakebox { |
53 /* Use GPU compositing if available. */ | 53 /* Use GPU compositing if available. */ |
54 -webkit-transform: translate3d(0, 0, 0); | 54 -webkit-transform: translate3d(0, 0, 0); |
55 -webkit-transition: -webkit-transform 100ms linear, border-color 100ms linear; | 55 -webkit-transition: -webkit-transform 100ms linear, border-color 100ms linear; |
56 background-color: #fff; | 56 background-color: #fff; |
57 border: 1px solid rgb(185, 185, 185); | 57 border: 1px solid rgb(185, 185, 185); |
58 border-radius: 1px; | 58 border-radius: 1px; |
59 border-top-color: rgb(160, 160, 160); | 59 border-top-color: rgb(160, 160, 160); |
60 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
61 cursor: text; | 60 cursor: text; |
62 font-size: 18px; | 61 font-size: 18px; |
63 height: 36px; | 62 height: 36px; |
| 63 line-height: 36px; |
64 max-width: 620px; | 64 max-width: 620px; |
65 position: relative; | 65 position: relative; |
66 /* #fakebox width (here and below) should be 2px less than #mv-tiles | 66 /* #fakebox width (here and below) should be 2px less than #mv-tiles |
67 to account for its border. */ | 67 to account for its border. */ |
68 width: 298px; | 68 width: 298px; |
69 } | 69 } |
70 | 70 |
71 #fakebox:hover { | 71 #fakebox:hover { |
72 border: 1px solid rgb(169, 169, 169); | 72 border: 1px solid rgb(169, 169, 169); |
73 border-top-color: rgb(144, 144, 144); | 73 border-top-color: rgb(144, 144, 144); |
74 } | 74 } |
75 | 75 |
| 76 .classical #fakebox { |
| 77 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
| 78 } |
| 79 |
76 body.fakebox-focused #fakebox { | 80 body.fakebox-focused #fakebox { |
77 border: 1px solid rgb(77, 144, 254); | 81 border: 1px solid rgb(77, 144, 254); |
78 } | 82 } |
79 | 83 |
80 #fakebox > input { | 84 #fakebox > input { |
81 bottom: 0; | 85 bottom: 0; |
82 box-sizing: border-box; | 86 box-sizing: border-box; |
83 left: 0; | 87 left: 0; |
84 margin: 0; | 88 margin: 0; |
85 opacity: 0; | 89 opacity: 0; |
86 padding-left: 8px; | 90 padding-left: 8px; |
87 position: absolute; | 91 position: absolute; |
88 top: 0; | 92 top: 0; |
89 width: 100%; | 93 width: 100%; |
90 } | 94 } |
91 | 95 |
92 body.rtl #fakebox > input { | 96 body[dir=rtl] #fakebox > input { |
93 padding-left: 0; | 97 padding-left: 0; |
94 padding-right: 8px; | 98 padding-right: 8px; |
95 right: 0; | 99 right: 0; |
96 } | 100 } |
97 | 101 |
| 102 #fakebox-text { |
| 103 color: #bbb; |
| 104 font-family: arial, sans-serif; |
| 105 font-size: 16px; |
| 106 height: 16px; |
| 107 left: 9px; |
| 108 margin-top: 1px; |
| 109 position: absolute; |
| 110 vertical-align: middle; |
| 111 visibility: hidden; |
| 112 } |
| 113 |
| 114 body[dir=rtl] #fakebox-text { |
| 115 left: auto; |
| 116 right: 9px; |
| 117 } |
| 118 |
98 #cursor { | 119 #cursor { |
99 background: #333; | 120 background: #333; |
100 bottom: 5px; | 121 bottom: 5px; |
101 left: 9px; | 122 left: 9px; |
102 position: absolute; | 123 position: absolute; |
103 top: 5px; | 124 top: 5px; |
104 visibility: hidden; | 125 visibility: hidden; |
105 width: 1px; | 126 width: 1px; |
106 } | 127 } |
107 | 128 |
108 body.rtl #cursor { | 129 body[dir=rtl] #cursor { |
109 left: auto; | 130 left: auto; |
110 right: 9px; | 131 right: 9px; |
111 } | 132 } |
112 | 133 |
113 @-webkit-keyframes blink { | 134 @-webkit-keyframes blink { |
114 0% { | 135 0% { |
115 opacity: 1; | 136 opacity: 1; |
116 } | 137 } |
117 61.55% { | 138 61.55% { |
118 opacity: 0; | 139 opacity: 0; |
119 } | 140 } |
120 } | 141 } |
121 | 142 |
| 143 body.fakebox-drag-focused #fakebox-text, |
| 144 body.fakebox-focused #fakebox-text { |
| 145 visibility: inherit; |
| 146 } |
| 147 |
122 body.fakebox-drag-focused #cursor { | 148 body.fakebox-drag-focused #cursor { |
123 visibility: inherit; | 149 visibility: inherit; |
124 } | 150 } |
125 | 151 |
126 body.fakebox-focused #cursor { | 152 body.fakebox-focused #cursor { |
127 -webkit-animation: blink 1.3s step-end infinite; | 153 -webkit-animation: blink 1.3s step-end infinite; |
128 visibility: inherit; | 154 visibility: inherit; |
129 } | 155 } |
130 | 156 |
131 #most-visited { | 157 #most-visited { |
132 -webkit-user-select: none; | 158 -webkit-user-select: none; |
| 159 text-align: -webkit-center; |
| 160 } |
| 161 |
| 162 .classical #most-visited { |
133 margin-top: 51px; | 163 margin-top: 51px; |
134 text-align: -webkit-center; | 164 } |
| 165 |
| 166 .md #most-visited { |
| 167 margin-top: 50px; |
135 } | 168 } |
136 | 169 |
137 #mv-tiles { | 170 #mv-tiles { |
| 171 margin: 0; |
| 172 position: relative; |
| 173 text-align: left; |
| 174 } |
| 175 |
| 176 body[dir=rtl] #mv-tiles { |
| 177 text-align: right; |
| 178 } |
| 179 |
| 180 .classical #mv-tiles { |
138 height: calc(2 * 138px); | 181 height: calc(2 * 138px); |
139 line-height: 138px; | 182 line-height: 138px; |
140 margin: 0; | 183 } |
| 184 |
| 185 .md #mv-tiles { |
| 186 height: calc(2 * 126px); |
| 187 line-height: 126px; |
| 188 } |
| 189 |
| 190 .mv-tile { |
| 191 display: inline-block; |
141 position: relative; | 192 position: relative; |
142 } | 193 vertical-align: top; |
143 | 194 } |
144 .mv-tile { | 195 |
| 196 .mv-page-ready { |
| 197 cursor: pointer; |
| 198 outline: none; |
| 199 } |
| 200 |
| 201 .classical .mv-tile { |
| 202 background: linear-gradient(#f2f2f2, #e8e8e8); |
| 203 border-radius: 3px; |
| 204 box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09); |
| 205 height: 85px; |
| 206 margin-left: 10px; |
| 207 margin-right: 10px; /* Total horizontal margins add to TILE_MARGIN. */ |
| 208 width: 140px; |
| 209 } |
| 210 |
| 211 .classical .mv-page-ready { |
145 -webkit-transition-duration: 200ms; | 212 -webkit-transition-duration: 200ms; |
146 -webkit-transition-property: -webkit-transform, margin, opacity, width; | 213 -webkit-transition-property: -webkit-transform, margin, opacity, width; |
147 background: -webkit-linear-gradient(#f2f2f2, #e8e8e8); | 214 } |
148 border: 1px solid transparent; | 215 |
149 border-radius: 3px; | 216 .md .mv-tile { |
150 box-shadow: inset 0 2px 3px rgba(0, 0, 0, .09); | 217 background: #f2f2f2; |
151 display: inline-block; | 218 border-radius: 1px; |
152 height: 83px; | 219 height: 114px; |
153 margin-left: 10px; | 220 margin-left: 6px; |
154 margin-right: 10px; /* Total horizontal margins add to TILE_MARGIN. */ | 221 margin-right: 6px; |
155 position: relative; | 222 width: 146px; |
156 vertical-align: top; | 223 } |
157 width: 138px; | 224 |
| 225 .md .mv-page-ready { |
| 226 -webkit-transition-duration: 200ms; |
| 227 -webkit-transition-property: -webkit-transform, margin, opacity, width; |
| 228 } |
| 229 |
| 230 .md.dark .mv-tile { |
| 231 background: #333; |
| 232 } |
| 233 |
| 234 .mv-tile-inner { |
| 235 visibility: hidden; |
| 236 } |
| 237 |
| 238 .mv-page-ready .mv-tile-inner { |
| 239 visibility: visible; |
158 } | 240 } |
159 | 241 |
160 /* Class applied to tiles to trigger the blacklist animation. */ | 242 /* Class applied to tiles to trigger the blacklist animation. */ |
161 .mv-tile.mv-blacklist { | 243 .mv-tile.mv-blacklist { |
| 244 opacity: 0; |
| 245 } |
| 246 |
| 247 .classical .mv-tile.mv-blacklist { |
162 -webkit-transform: scale(0.5); | 248 -webkit-transform: scale(0.5); |
163 opacity: 0; | 249 } |
164 } | 250 |
165 | 251 .md .mv-tile.mv-blacklist { |
166 .mv-page-ready { | 252 -webkit-transform: scale(0, 0); |
167 border: 1px solid #c0c0c0; | 253 -webkit-transform-origin: 0 41px; |
| 254 margin-left: 0; |
| 255 margin-right: 0; |
| 256 width: 0; |
| 257 } |
| 258 |
| 259 /* .mv-mask is used to alter tile appearance, including borders, shadows, */ |
| 260 /* and backgrounds. */ |
| 261 .mv-mask { |
| 262 background: transparent; |
| 263 border-style: solid; |
| 264 border-width: 1px; |
168 cursor: pointer; | 265 cursor: pointer; |
169 outline: none; | 266 pointer-events: none; |
170 } | 267 position: absolute; |
171 | 268 } |
172 .mv-page-ready:hover, | 269 |
173 .mv-page-ready:focus { | 270 .classical .mv-mask { |
174 border-color: #7f7f7f | 271 box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.09); |
175 } | 272 } |
176 | 273 |
177 .mv-thumb, | 274 .md .mv-mask { |
178 .mv-mask { | 275 border-color: transparent; |
| 276 border-radius: 2px; |
| 277 height: 112px; |
| 278 width: 144px; |
| 279 } |
| 280 |
| 281 /* Styling border. */ |
| 282 .classical .mv-page-ready .mv-mask { |
| 283 border-style: solid; |
| 284 } |
| 285 |
| 286 .default-theme.classical .mv-page-ready .mv-mask { |
| 287 border-color: #c0c0c0; |
| 288 } |
| 289 |
| 290 .default-theme.classical .mv-page-ready:hover .mv-mask, |
| 291 .default-theme.classical .mv-page-ready:focus .mv-mask { |
| 292 border-color: #7f7f7f; |
| 293 } |
| 294 |
| 295 .default-theme.md.old-hover .mv-page-ready:hover .mv-mask, |
| 296 .default-theme.md.old-hover .mv-page-ready:focus .mv-mask { |
| 297 border-color: #999; |
| 298 } |
| 299 |
| 300 .default-theme.md.dark .mv-page-ready:hover .mv-mask, |
| 301 .default-theme.md.dark .mv-page-ready:focus .mv-mask, |
| 302 .default-theme.md.old-hover.dark .mv-page-ready:hover .mv-mask { |
| 303 border-color: #888; |
| 304 } |
| 305 |
| 306 /* Styling shadow. */ |
| 307 .md .mv-page-ready .mv-mask { |
| 308 -webkit-transition: box-shadow 200ms, border 200ms; |
| 309 } |
| 310 .default-theme.md .mv-page-ready:hover .mv-mask { |
| 311 box-shadow: 0 2px 8px rgba(0,0,0,0.3); |
| 312 } |
| 313 |
| 314 .default-theme..md.dark .mv-page-ready:hover .mv-mask, |
| 315 .default-theme..md.old-hover .mv-page-ready:hover .mv-mask { |
| 316 box-shadow: none; |
| 317 } |
| 318 |
| 319 /* Styling background. */ |
| 320 .classical .mv-page:focus .mv-mask { |
| 321 -webkit-transition: background-color 100ms ease-in-out; |
| 322 background: linear-gradient(rgba(255, 255, 255, 0), |
| 323 rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.9)); |
| 324 background-color: rgba(0, 0, 0, 0.35); |
| 325 } |
| 326 |
| 327 .md .mv-page:focus .mv-mask { |
| 328 -webkit-transition: box-shadow 200ms, border 200ms, |
| 329 background-color 100ms ease-in-out, ; |
| 330 background: rgba(0, 0, 0, 0.3); |
| 331 border-color: rgba(0, 0, 0, 0.3); |
| 332 } |
| 333 |
| 334 .mv-title { |
| 335 border: none; |
| 336 position: absolute; |
| 337 } |
| 338 |
| 339 .classical .mv-title { |
| 340 bottom: -27px; |
| 341 height: 18px; |
| 342 left: 0; |
| 343 width: 140px; |
| 344 } |
| 345 |
| 346 .md .mv-title { |
| 347 bottom: auto; |
| 348 height: 15px; |
| 349 left: 28px; |
| 350 top: 7px; |
| 351 width: 112px; |
| 352 } |
| 353 |
| 354 @media (-webkit-min-device-pixel-ratio: 2) { |
| 355 .md .mv-title { |
| 356 top: 6px; |
| 357 } |
| 358 } |
| 359 |
| 360 body[dir=rtl] .md .mv-title { |
| 361 left: auto; |
| 362 right: 28px; |
| 363 } |
| 364 |
| 365 .mv-thumb { |
179 border: none; | 366 border: none; |
180 cursor: pointer; | 367 cursor: pointer; |
| 368 position: absolute; |
| 369 } |
| 370 |
| 371 .classical .mv-thumb, |
| 372 .classical .mv-mask { |
181 height: 83px; | 373 height: 83px; |
| 374 width: 138px; |
| 375 } |
| 376 |
| 377 .classical .mv-thumb { |
| 378 border-radius: 2px; |
| 379 left: 1px; |
| 380 top: 1px; |
| 381 } |
| 382 |
| 383 .classical .mv-mask { |
| 384 border-radius: 3px; |
182 left: 0; | 385 left: 0; |
183 position: absolute; | |
184 top: 0; | 386 top: 0; |
| 387 } |
| 388 |
| 389 .md .mv-thumb, |
| 390 .md .mv-thumb-fallback { |
| 391 border-radius: 0; |
| 392 height: 82px; |
| 393 left: 4px; |
| 394 top: 28px; |
185 width: 138px; | 395 width: 138px; |
186 } | 396 } |
187 | 397 |
188 .mv-title { | 398 body[dir=rtl] .md .mv-thumb, |
189 border: none; | 399 body[dir=rtl] .md .mv-thumb-fallback { |
190 bottom: -28px; | 400 left: auto; |
191 height: 18px; | 401 right: 4px; |
192 left: 0; | 402 } |
193 position: absolute; | 403 |
194 width: 140px; | 404 .md .mv-thumb-fallback { |
195 } | 405 background: #fff; |
196 | 406 padding: none; |
197 .mv-mask { | 407 position: absolute; |
198 opacity: 0.35; | 408 } |
199 pointer-events: none; | 409 |
200 } | 410 .md.dark .mv-thumb-fallback { |
201 | 411 background: #555; |
202 .mv-page:focus .mv-mask { | 412 } |
203 -webkit-transition: background-color 100ms ease-in-out; | 413 |
204 background: -webkit-linear-gradient(rgba(255, 255, 255, 0), | 414 .md .mv-thumb-fallback .dot { |
205 rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.9)); | 415 background: #f2f2f2; |
206 background-color: black; | 416 border-radius: 16px; |
| 417 display: block; |
| 418 height: 32px; |
| 419 left: 50%; |
| 420 margin-left: -16px; |
| 421 margin-top: -16px; |
| 422 position: absolute; |
| 423 top: 50%; |
| 424 width: 32px; |
| 425 } |
| 426 |
| 427 .md.dark .mv-thumb-fallback .dot { |
| 428 background: #333; |
207 } | 429 } |
208 | 430 |
209 .mv-x-hide .mv-x { | 431 .mv-x-hide .mv-x { |
210 display: none; | 432 display: none; |
211 } | 433 } |
212 | 434 |
213 /* An X button to blacklist a tile or hide the notification. */ | 435 /* An X button to blacklist a tile or hide the notification. */ |
214 .mv-x { | 436 .mv-x { |
215 background: transparent url(images/close_2.png); | 437 background-color: transparent; |
| 438 background-image: url(images/close_2.png); |
216 border: none; | 439 border: none; |
217 cursor: default; | 440 cursor: default; |
218 height: 16px; | 441 height: 16px; |
219 width: 16px; | 442 width: 16px; |
220 } | 443 } |
221 | 444 |
222 .mv-x:hover, | |
223 #mv-notice-x:focus { | |
224 background: transparent url(images/close_2_hover.png); | |
225 } | |
226 | |
227 .mv-x:active { | |
228 background: transparent url(images/close_2_active.png); | |
229 } | |
230 | |
231 .mv-page .mv-x { | 445 .mv-page .mv-x { |
232 -webkit-transition: opacity 150ms; | 446 -webkit-transition: opacity 150ms; |
233 opacity: 0; | 447 opacity: 0; |
234 position: absolute; | 448 position: absolute; |
| 449 } |
| 450 |
| 451 .mv-x:hover, |
| 452 #mv-notice-x:focus { |
| 453 background-image: url(images/close_2_hover.png); |
| 454 } |
| 455 |
| 456 .mv-x:active { |
| 457 background-image: url(images/close_2_active.png); |
| 458 } |
| 459 |
| 460 .classical .mv-page .mv-x { |
235 right: 2px; | 461 right: 2px; |
236 top: 2px; | 462 top: 2px; |
237 } | 463 } |
238 | 464 |
239 body.rtl .mv-page .mv-x { | 465 .md .mv-x { |
| 466 background-color: rgba(187,187,187,0.8); |
| 467 border-radius: 8px; |
| 468 } |
| 469 |
| 470 .md.dark .mv-x { |
| 471 background-color: rgba(119,119,119,0.8); |
| 472 } |
| 473 |
| 474 .md .mv-page .mv-x { |
| 475 right: 4px; |
| 476 top: 5px; |
| 477 } |
| 478 |
| 479 body[dir=rtl] .classical .mv-page .mv-x { |
240 left: 2px; | 480 left: 2px; |
241 right: auto; | 481 right: auto; |
242 } | 482 } |
243 | 483 |
| 484 body[dir=rtl] .md .mv-page .mv-x { |
| 485 left: 4px; |
| 486 right: auto; |
| 487 } |
| 488 |
244 .mv-page-ready:hover .mv-x { | 489 .mv-page-ready:hover .mv-x { |
245 -webkit-transition-delay: 500ms; | 490 -webkit-transition-delay: 500ms; |
246 opacity: 1; | 491 opacity: 1; |
247 } | 492 } |
248 | 493 |
249 .mv-page-ready .mv-x:hover { | 494 .mv-page-ready .mv-x:hover { |
250 -webkit-transition: none; | 495 -webkit-transition: none; |
251 } | 496 } |
252 | 497 |
253 .mv-favicon { | 498 .mv-favicon { |
254 background-size: 16px; | 499 background-size: 16px; |
255 bottom: -8px; | |
256 height: 16px; | 500 height: 16px; |
257 left: 61px; | |
258 pointer-events: none; | 501 pointer-events: none; |
259 position: absolute; | 502 position: absolute; |
260 width: 16px; | 503 width: 16px; |
261 } | 504 } |
262 | 505 |
| 506 .classical .mv-favicon { |
| 507 bottom: -7px; |
| 508 left: 62px; |
| 509 } |
| 510 |
| 511 .md .mv-favicon { |
| 512 left: 6px; |
| 513 top: 6px; |
| 514 } |
| 515 |
| 516 body[dir=rtl] .md .mv-favicon { |
| 517 left: auto; |
| 518 right: 6px; |
| 519 top: 6px; |
| 520 } |
| 521 |
263 /* The notification shown when a tile is blacklisted. */ | 522 /* The notification shown when a tile is blacklisted. */ |
264 #mv-notice { | 523 #mv-notice { |
265 font-size: 12px; | 524 font-size: 12px; |
266 font-weight: bold; | 525 font-weight: bold; |
267 opacity: 1; | 526 opacity: 1; |
268 padding: 10px 0; | 527 padding: 10px 0; |
269 } | 528 } |
270 | 529 |
271 #mv-notice span { | 530 #mv-notice span { |
272 cursor: default; | 531 cursor: default; |
273 } | 532 } |
274 | 533 |
275 /* Links in the notification. */ | 534 /* Links in the notification. */ |
276 #mv-notice-links span { | 535 #mv-notice-links span { |
277 -webkit-margin-start: 6px; | 536 -webkit-margin-start: 6px; |
278 color: rgb(17, 85, 204); | 537 color: rgb(17, 85, 204); |
279 cursor: pointer; | 538 cursor: pointer; |
280 outline: none; | 539 outline: none; |
281 padding: 0 4px; | 540 padding: 0 4px; |
282 } | 541 } |
283 | 542 |
284 #mv-notice-links span:hover, | 543 #mv-notice-links span:hover, |
285 #mv-notice-links span:focus, | 544 #mv-notice-links span:focus, |
286 #recent-tabs:hover { | 545 #recent-tabs:hover { |
287 text-decoration: underline; | 546 text-decoration: underline; |
288 } | 547 } |
289 | 548 |
| 549 .default-theme.dark #mv-msg { |
| 550 color: #fff; |
| 551 } |
| 552 |
290 #mv-notice-links .mv-x { | 553 #mv-notice-links .mv-x { |
291 -webkit-margin-start: 8px; | 554 -webkit-margin-start: 8px; |
292 outline: none; | 555 outline: none; |
293 vertical-align: top; | 556 vertical-align: top; |
294 } | 557 } |
295 | 558 |
296 #mv-notice.mv-notice-delayed-hide { | 559 #mv-notice.mv-notice-delayed-hide { |
297 -webkit-transition-delay: 10s; | 560 -webkit-transition-delay: 10s; |
298 -webkit-transition-property: opacity; | 561 -webkit-transition-property: opacity; |
299 opacity: 0; | 562 opacity: 0; |
300 } | 563 } |
301 | 564 |
302 #mv-notice.mv-notice-hide { | 565 #mv-notice.mv-notice-hide { |
303 display: none; | 566 display: none; |
304 } | 567 } |
305 | 568 |
306 #attribution { | 569 #attribution { |
307 -webkit-user-select: none; | 570 -webkit-user-select: none; |
308 bottom: 0; | 571 bottom: 0; |
309 color: #fff; | 572 color: #fff; |
310 cursor: default; | 573 cursor: default; |
311 display: inline-block; | 574 display: inline-block; |
312 font-size: 13px; | 575 font-size: 13px; |
313 position: fixed; | 576 position: fixed; |
314 right: 8px; | 577 right: 8px; |
315 text-align: left; | 578 text-align: left; |
316 z-index: -1; | 579 z-index: -1; |
317 } | 580 } |
318 | 581 |
319 body.rtl #attribution { | 582 body[dir=rtl] #attribution { |
320 text-align: right; | 583 text-align: right; |
321 } | 584 } |
322 | 585 |
323 #recent-tabs { | 586 #recent-tabs { |
324 background: #fff; | 587 background: #fff; |
325 border: 1px solid #c0c0c0; | 588 border: 1px solid #c0c0c0; |
326 border-radius: 2px; | 589 border-radius: 2px; |
327 bottom: 0; | 590 bottom: 0; |
328 color: rgb(17, 85, 204); | 591 color: rgb(17, 85, 204); |
329 cursor: pointer; | 592 cursor: pointer; |
330 font-family: Arial; | 593 font-family: Arial; |
331 font-size: 14px; | 594 font-size: 14px; |
332 opacity: 0.9; | 595 opacity: 0.9; |
333 padding: 3px; | 596 padding: 3px; |
334 position: fixed; | 597 position: fixed; |
335 right: 8px; | 598 right: 8px; |
336 } | 599 } |
337 | 600 |
338 body.rtl #attribution,body.rtl #recent-tabs { | 601 body[dir=rtl] #attribution,body[dir=rtl] #recent-tabs { |
339 left: 8px; | 602 left: 8px; |
340 right: auto; | 603 right: auto; |
341 } | 604 } |
OLD | NEW |