| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
| 2 <link rel="import" href="settings_vars_css.html"> | 2 <link rel="import" href="settings_vars_css.html"> |
| 3 | 3 |
| 4 <!-- Common styles for Material Design settings. --> | 4 <!-- Common styles for Material Design settings. --> |
| 5 <dom-module id="settings-shared"> | 5 <dom-module id="settings-shared"> |
| 6 <template> | 6 <template> |
| 7 <style include="cr-shared-style"> | 7 <style include="cr-shared-style"> |
| 8 /* Included here so we don't have to include "iron-positioning" in every | 8 /* Included here so we don't have to include "iron-positioning" in every |
| 9 * stylesheet. See crbug.com/498405. */ | 9 * stylesheet. See crbug.com/498405. */ |
| 10 [hidden] { | 10 [hidden] { |
| (...skipping 332 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 343 align-items: center; | 343 align-items: center; |
| 344 background-color: var(--paper-yellow-500); | 344 background-color: var(--paper-yellow-500); |
| 345 border-radius: 2px; | 345 border-radius: 2px; |
| 346 padding: 4px 10px; | 346 padding: 4px 10px; |
| 347 text-align: center; | 347 text-align: center; |
| 348 width: 100px; | 348 width: 100px; |
| 349 } | 349 } |
| 350 | 350 |
| 351 /* Provides the arrow which points at the anchor element. */ | 351 /* Provides the arrow which points at the anchor element. */ |
| 352 .search-bubble-innards::after { | 352 .search-bubble-innards::after { |
| 353 -webkit-transform: rotate(-45deg); | |
| 354 background-color: var(--paper-yellow-500); | 353 background-color: var(--paper-yellow-500); |
| 355 content: ''; | 354 content: ''; |
| 356 height: 10px; | 355 height: 10px; |
| 357 left: 55px; | 356 left: 55px; |
| 358 position: absolute; | 357 position: absolute; |
| 359 top: -5px; | 358 top: -5px; |
| 359 transform: rotate(-45deg); |
| 360 width: 10px; | 360 width: 10px; |
| 361 z-index: -1; | 361 z-index: -1; |
| 362 } | 362 } |
| 363 | 363 |
| 364 /* Turns the arrow direction downwards, when the bubble is placed above | 364 /* Turns the arrow direction downwards, when the bubble is placed above |
| 365 * the anchor element */ | 365 * the anchor element */ |
| 366 .search-bubble-innards.above::after { | 366 .search-bubble-innards.above::after { |
| 367 -webkit-transform: rotate(-135deg); | |
| 368 bottom: -5px; | 367 bottom: -5px; |
| 369 top: auto; | 368 top: auto; |
| 369 transform: rotate(-135deg); |
| 370 } | 370 } |
| 371 </style> | 371 </style> |
| 372 </template> | 372 </template> |
| 373 </dom-module> | 373 </dom-module> |
| OLD | NEW |