/**
 * Outer list and list items
 */

.mcm1-post-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.mcm1-post-list > li {
    margin-bottom: 1.6em;
    border: 1px solid rgb(212, 211, 210);
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 10px 15px 8px;
    transition: border-color .2s ease-out;
}


.mcm1-post-list > li:hover {
    border-color: rgb(165, 164, 163);
    border-color: rgba(0, 0, 0, .3);
}

/**
 * Post details
 */

.mcm1-post-details {
    margin-bottom: 7px;
}

.mcm1-post-details,
.mcm1-post-actions {
    font-size: 90%;
    line-height: 1.3;
    opacity: .5;
    transition: opacity .2s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.mcm1-post-list > li:hover .mcm1-post-details,
.mcm1-post-list > li:hover .mcm1-post-actions {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

/** Avatar */
.mcm1-user-avatar {
    float: left;
    margin: 2px 5px 0 0;
}

.mcm1-user-avatar img {
    display: block;
    height: 24px;
    border-radius: 3px;
}

.mcm1-post-details span {
    display: block;
    margin-bottom: 3px;
}

/** Post creator & creation date */
.mcm1-post-creator {
    font-weight: bold;
    color: rgb(51, 51, 51);
    color: rgba(0, 0, 0, .8);
}

.mcm1-user-has-avatar .mcm1-post-creator,
.mcm1-user-has-avatar .mcm1-post-created-on {
    margin-left: 30px;
}

.mcm1-post-created-on {
    display: block;
    color: rgb(147, 146, 146);
    color: rgba(0, 0, 0, .4);
}

.mcm1-community-thread {
    container: community-thread / inline-size;
}

@container community-thread (min-width: 380px) {
    .mcm1-community-thread .mcm1-post-details span {
        margin: 0;
    }

    .mcm1-community-thread .mcm1-post-details .mcm1-user-avatar {
        margin-right: 5px;
    }

    .mcm1-community-thread .mcm1-post-creator,
    .mcm1-community-thread .mcm1-post-created-on {
        display: inline;
        line-height: 24px;
    }

    .mcm1-community-thread .mcm1-post-created-on:before {
        content: "•";
        margin: 0 3px;
        font-size: 50%;
        color: #ccc;
    }
}

/**
 * Post content
 */

.mcm1-post-content {
    margin-bottom: 10px;
    font-size: 100%;
    clear: left;
}

/** Quotes */
.mcm1-post-content .quote_text {
    margin: 10px 0 0;
    border-left: 3px solid #d7d7d7;
    padding-left: 10px;
    color: rgb(95, 95, 95);
    color: rgba(0, 0, 0, .6);
}

.mcm1-post-content .quote_username {
    font-style: italic;
    font-weight: bold;
    padding-bottom: 2px;
}

/** Fix mangled html from UBBParser */
.mcm1-post-content li[style~='none'] {
    display: none;
}

/**
 * Post actions
 */

.mcm1-post-actions p {
    margin: 0;
}

.mcm1-post-edited-on {
    font-size: .9em;
    font-style: italic;
    color: rgb(147, 146, 146);
    color: rgba(0, 0, 0, .4);
}

.mcm1-post-actions a {
    text-decoration: none;
}

.mcm1-post-actions:hover a {
    text-decoration: underline;
}