notifications.css
110 lines
| 1 | @import "../partials/tailwind.css"; |
| 2 | |
| 3 | #advads-notifications { |
| 4 | @apply fixed text-sm pt-12 top-0; |
| 5 | z-index: 999; |
| 6 | right: 15px; |
| 7 | |
| 8 | .item { |
| 9 | @apply text-white flex relative justify-end; |
| 10 | padding: 5px 0; |
| 11 | } |
| 12 | |
| 13 | .item-inner { |
| 14 | @apply flex rounded-md; |
| 15 | |
| 16 | .content p::before { |
| 17 | @apply align-middle mr-1.5; |
| 18 | } |
| 19 | |
| 20 | > div { |
| 21 | @apply p-1.5; |
| 22 | |
| 23 | &:first-of-type { |
| 24 | @apply rounded-l-md; |
| 25 | } |
| 26 | |
| 27 | &:last-of-type { |
| 28 | @apply rounded-r-md; |
| 29 | } |
| 30 | } |
| 31 | |
| 32 | .content { |
| 33 | @apply pl-3 pr-3; |
| 34 | |
| 35 | p { |
| 36 | @apply text-nowrap block; |
| 37 | } |
| 38 | } |
| 39 | |
| 40 | p { |
| 41 | @apply m-0; |
| 42 | } |
| 43 | |
| 44 | a { |
| 45 | @apply text-white; |
| 46 | } |
| 47 | |
| 48 | .dashicons { |
| 49 | scale: 0.66; |
| 50 | } |
| 51 | |
| 52 | .dismiss { |
| 53 | cursor: pointer; |
| 54 | |
| 55 | .dashicons::before { |
| 56 | content: "\f153"; |
| 57 | color: rgb(255, 255, 255, 0.5); |
| 58 | } |
| 59 | } |
| 60 | |
| 61 | .sep { |
| 62 | width: 1px; |
| 63 | padding: 0; |
| 64 | background-color: rgb(255, 255, 255, 0.5) !important; |
| 65 | } |
| 66 | } |
| 67 | |
| 68 | .item-error .item-inner { |
| 69 | background-color: #cc3000; |
| 70 | |
| 71 | .content p::before { |
| 72 | font-family: dashicons, sans-serif; |
| 73 | content: "\f534"; |
| 74 | } |
| 75 | } |
| 76 | |
| 77 | .item-success .item-inner { |
| 78 | background-color: #1b183a; |
| 79 | |
| 80 | .content p::before { |
| 81 | font-family: dashicons, sans-serif; |
| 82 | content: "\f147"; |
| 83 | } |
| 84 | } |
| 85 | |
| 86 | .item-info .item-inner { |
| 87 | background-color: #0474a2; |
| 88 | |
| 89 | .content p::before { |
| 90 | font-family: dashicons, sans-serif; |
| 91 | content: "\f14c"; |
| 92 | } |
| 93 | } |
| 94 | } |
| 95 | |
| 96 | #show-tester::before { |
| 97 | font-size: 30px; |
| 98 | border: 1px solid #0474a2; |
| 99 | background-color: #0474a2; |
| 100 | border-radius: 50%; |
| 101 | color: #f1ffdf; |
| 102 | } |
| 103 | |
| 104 | .advads-page { |
| 105 | #message, |
| 106 | #setting-error-settings_updated { |
| 107 | @apply hidden; |
| 108 | } |
| 109 | } |
| 110 |