mailpit/server/ui-src/assets/styles.scss

@import "bootstrap";

[v-cloak] {
    display: none !important;
}

.navbar {
    z-index: 99;

    .navbar-brand {
        color: #2d4a5d;

        img {
            width: 40px;
        }

        @include media-breakpoint-down(md) {
            padding: 0;

            img {
                width: 35px;
            }
        }
    }
}

#loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.4);
    z-index: 1500;
}

.message.read:not(.active):not(.selected) {
    color: $gray-500;
}

#nav-plain-text,
#nav-source {
    white-space: pre;
    font-family: Courier New, Courier, System, fixed-width;
    font-size: 0.85em;
}

#nav-plain-text {
    white-space: pre-wrap;
}

.messageHeaders {
    margin: 15px 0 0;

    th {
        padding-right: 1.5rem;
        font-weight: normal;
        vertical-align: top;
    }

    td {
        vertical-align: top;
    }
}

#nav-html {
    padding-right: 1.5rem;
}

#preview-html {
    min-height: 300px;
}

.list-group-item:first-child {
    border-top: 0;
}

.message.selected {
    background: $primary;
    color: #fff;

    .text-muted {
        color: #fff !important;
    }

    &.read {
        b {
            font-weight: normal;
        }
    }
}

body.blur {
    .privacy {
        filter: blur(3px);
    }
}