| 1 |
|
| 2 |
.wrap summary { cursor: pointer; } |
| 3 |
.wdm-wpma-box, .toplevel_page_wdm_wpma_mail_queue form[action="options.php"] { padding: 2rem; background-color: #fff; } |
| 4 |
.toplevel_page_wdm_wpma_mail_queue form[action="options.php"] { background: url("../img/mail-queue-postman.svg?v=1.0.0") scroll no-repeat bottom 3.5rem right 2rem #fff; } |
| 5 |
@media (min-width: 100em) { |
| 6 |
.toplevel_page_wdm_wpma_mail_queue form[action="options.php"] { background-position: bottom 3.5rem right 5rem; } |
| 7 |
} |
| 8 |
.wdm-wpma-select-all { margin-left: 0 !important; } |
| 9 |
h1.wdm-wpma-title { position: relative; padding: 3rem 0 3rem 7.5rem; } |
| 10 |
h1.wdm-wpma-title::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6rem; height: 6rem; background: url("../img/mail-queue-icon.gif?v=1.0.0") scroll no-repeat center center/contain transparent; } |
| 11 |
@media (-webkit-min-device-pixel-ratio: 1.5) { |
| 12 |
h1.wdm-wpma-title::before { background-image: url("../img/mail-queue-icon-2x.gif?v=1.0.0"); } |
| 13 |
} |
| 14 |
.wdm-wpma-logo { width: 18rem; height: auto; } |
| 15 |
.wdm-wpma-box + .wdm-wpma-box { border-top: 1px solid #ddd; } |
| 16 |
.wdm-wpma-box h2 { margin-top: .5em; font-size: 2.5em; } |
| 17 |
.wdm-wpma-box p { font-size: 1rem; } |
| 18 |
span.wdm-wpma-status { background: #ccc; border-radius: 5px; display: inline-block; padding: 5px 10px; line-height: 1; } |
| 19 |
span.wdm-wpma-status + span.wdm-wpma-status { margin-left: 10px; } |
| 20 |
.wdm-wpma-ok, .wdm-wpma-warning { padding: .25em .5em; border-radius: .25em; } |
| 21 |
.wdm-wpma-ok { background: green; color: white; } |
| 22 |
.wdm-wpma-warning { background: red; color: white; } |
| 23 |
span.wdm-wpma-status.wdm-wpma-status-high, |
| 24 |
span.wdm-wpma-status.wdm-wpma-status-sent, |
| 25 |
span.wdm-wpma-status.wdm-wpma-status-sent-from-queue { background: green; color: white; } |
| 26 |
span.wdm-wpma-status.wdm-wpma-status-instant { background: orange; color: white; } |
| 27 |
span.wdm-wpma-status.wdm-wpma-status-alert { background: #1d2327; color: white; } |
| 28 |
.wdm-wpma-status-has-info { position: relative; } |
| 29 |
.wdm-wpma-status-has-info::after { content: ""; position: absolute; right: -2em; top: 60%; transform: translateY(-50%); width: 1.5em; height: 1.5em; margin-left: .25em; background: scroll no-repeat center center/contain transparent; opacity: .35; |
| 30 |
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='currentColor'%3E%3Cpath d='M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0-10a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1zm0-1a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'%3E%3C/path%3E%3C/svg%3E"); } |
| 31 |
.wdm-wpma-info { position: absolute; top: 50%; left: calc(100% + 1.25rem); z-index: 9; visibility: hidden; padding: .75rem; background-color: #1d2327; color: #fff; line-height: 1.35; border-radius: 5px; box-shadow: 0 .5rem 4rem -1rem rgba(0,0,0,.15); white-space: pre; } |
| 32 |
.wdm-wpma-status-has-info:hover .wdm-wpma-info { visibility: visible; } |
| 33 |
.column-id { width: 30px; } |
| 34 |
.column-timestamp { width: 150px; } |
| 35 |
.column-status { width: 80px; } |
| 36 |
.column-message { width: 20%; } |
| 37 |
.wdm-wpma-view-source { position: relative; } |
| 38 |
.wdm-wpma-view-source::after { content: ""; position: absolute; left: 0; top: 100%; width: 100%; height: 10px; } |
| 39 |
.wdm-wpma-email-source { position: relative; left: 50%; transform: translateX(-50%); z-index: 1; width: 50vw; max-width: 50em; max-height: 50vh; overflow-y: auto; padding: .5rem; border: 1px solid #ccc; margin: 1em 0; font-family: monospace; background-color: #fff; color: #000; box-shadow: 0 .5rem 4rem -1rem rgba(0,0,0,.15); } |
| 40 |
.wdm-wpma-email-source-meta { color: #50575e; } |
| 41 |
.wdm-wpma-email-source-meta summary { font-weight: bold; } |
| 42 |
.wdm-wpma-email-source-meta summary + pre { margin-top: .125rem; } |
| 43 |
.wdm-wpma-email-plain-text { white-space: break-spaces; } |
| 44 |
|
