Changeset View
Changeset View
Standalone View
Standalone View
extension/action_popup.css
| Show All 10 Lines | |||||
| 11 | 11 | | |||
| 12 | header { | 12 | header { | ||
| 13 | background: #1d99f3; | 13 | background: #1d99f3; | ||
| 14 | padding: 2px; | 14 | padding: 2px; | ||
| 15 | color: #fff; | 15 | color: #fff; | ||
| 16 | text-align: center; | 16 | text-align: center; | ||
| 17 | } | 17 | } | ||
| 18 | 18 | | |||
| 19 | section { | ||||
| 20 | margin: 0 0.5em; | ||||
| 21 | } | ||||
| 22 | | ||||
| 19 | section > header { | 23 | section > header { | ||
| 20 | background: #F0F0F0; | 24 | background: #F0F0F0; | ||
| 21 | color: #757777; | 25 | color: #757777; | ||
| 22 | margin: 0 -1em .5em -1em; | 26 | margin: 0 -1em -0.5em -1em; | ||
| 23 | } | 27 | } | ||
| 24 | 28 | | |||
| 25 | .message { | 29 | .message { | ||
| 26 | padding: 10px; | 30 | padding: 10px; | ||
| 27 | } | 31 | } | ||
| 28 | .message.with-icon::before { | 32 | .message.with-icon::before { | ||
| 29 | content: ''; | 33 | content: ''; | ||
| 30 | height: 48px; | 34 | height: 48px; | ||
| 31 | display: block; | 35 | display: block; | ||
| 32 | background: center no-repeat; | 36 | background: center no-repeat; | ||
| 33 | } | 37 | } | ||
| 38 | .message.with-icon.general::before { | ||||
| 39 | background-image: url('icons/plasma.svg'); | ||||
| 40 | } | ||||
| 34 | .message.with-icon.error::before { | 41 | .message.with-icon.error::before { | ||
| 35 | background-image: url('icons/sad-face.svg'); | 42 | background-image: url('icons/sad-face.svg'); | ||
| 36 | } | 43 | } | ||
| 37 | 44 | | |||
| 38 | @media (prefers-color-scheme: dark) { | 45 | @media (prefers-color-scheme: dark) { | ||
| 39 | body { | 46 | body { | ||
| 40 | background-color: #232629; | 47 | background-color: #232629; | ||
| 41 | color: #eff0f1; | 48 | color: #eff0f1; | ||
| 42 | } | 49 | } | ||
| 43 | .message.with-icon.error::before { | 50 | .message.with-icon.error::before { | ||
| 44 | filter: invert(1); | 51 | filter: invert(1); | ||
| 45 | } | 52 | } | ||
| 46 | } | 53 | } | ||
| 54 | | ||||
| 55 | /* Media controls blacklist */ | ||||
| 56 | .mpris-blacklist-info { | ||||
| 57 | padding: 0.5em 0; | ||||
| 58 | } | ||||
| 59 | .mpris-blacklist-info p { | ||||
| 60 | padding: 0 0.5em; | ||||
| 61 | } | ||||
| 62 | .mpris-blacklist-info ul { | ||||
| 63 | display: block; | ||||
| 64 | padding: 0 0.5em; | ||||
| 65 | } | ||||
| 66 | .mpris-blacklist-info ul > li { | ||||
| 67 | display: block; | ||||
| 68 | margin-bottom: 0.5em; | ||||
| 69 | } | ||||