<?php
/*
    comment styles..
    For pages that have comments at the foot.

    This MUST be included, usually via @@module@@ statements. It is /not/ called directly.
*/
echo <<<CSS

.comments {
    position: relative;
    margin: 3rem auto 0 17%;
    overflow: visible;
    max-width: 800px;
    z-index: 10;

    width: 67%;
}

/*.comment {}*/

.comment-text {
    font-family: %%font_family%%;
    padding: 0;
}


.comment-text ul {
    list-style: square outside url("%%uli_img%%");
}

.comment-text ul li {
    padding-top: .4rem;
    padding-bottom: .4rem;
}

.comment-text ol li {
    width: 80%;
    font-size: 95%;
    text-align: justify;
}


.hr-regular {
    height: 1px;
    width: 100%;
    margin-left: 0;
    text-align: left;
}

.warning {
    color: %%warning_color%%;
    font-weight: bold;
}

.comment-warning, .ct-refresh, .ct-refresh a, .comment-notice {
    font-weight: bold;
    text-decoration: none;
}
.ct-refresh, .ct-refresh a {
    font-size: 150%;
    color: %%h2_color%%;
}
.comment-warning {
    font-size: 5rem;
    color: red;
}
.comment-notice {
    font-size: 2.4rem;
    color: red;
}
.sub-warning {
    font-size: 3rem;
    color: %%warning_color%%;
}


/* gd-verify..    */

.text-verify {}

.verify-title {
    font-weight: bold;
}
.verify-text {
    margin: 0.83rem 0;
    color: %%pre_color%%;
    font-family: %%code_fonts%%;
    font-size: small;
}
.ortext {
    font-size: 90%;
}

.corz-reply {
    color: %%corz_reply_color%%;
}



/* comment controls..    */

textarea {
    width: 100%;
}
.email-address:focus:invalid {
    color: red;
}
.cb-buttons {
    float: right;
    margin: 0 0 5px;
}
#comment-cancel {
    float: right;
}
.admin-buttons {
    margin-top: 8px;
}
.comment-delete, .comment-edit {
    margin: 0;
}
.comment-edit {
    position: relative;
    left: 264px; /* space to prevent OOPS! type errors. */
}
.edit-button {
    height: 16px;
    width: 40px;
}
.delete-button {
    height: 16px;
    width: 16px;
}
.edit-button, .delete-button {
@@semi-opaque(o=75)@@
}
.edit-button:hover, .delete-button:hover {
@@opaque@@
}
.edit-button:active, .delete-button:active {
@@semi-opaque(o=25)@@
}


/*
so we can be CERTAIN which comment we are about to delete! */
.admin-buttons:hover + .comment {
    background-color: %%ccc_bg%%;
    color: %%warning_color%%;
}

#cancel {
    margin-top: -1rem;
    float: left;
}


/*
    For smaller screens..
                                    */
@media screen and (max-width: 920px) {
    .comments {
        width: 90%;
        margin: 3rem auto 0;
        overflow: visible;
    }
    .comment {
        margin-right: auto;
    }
    #commentform {
        margin-right: auto;
    }
    #cancel {
        position: relative;
        left: auto;
        margin-left: auto;
        margin-top: auto;
        float: none;
    }
}


@media screen and (max-width: 640px) {

    .comment-text {
        text-align: justify;
    }


}

@@bbcode@@

CSS;
?>