PurpleMine2/sass/components/_issue.scss

//
// Issue page
// --------------------------------------------------

.issue.details {
    padding: $issue-padding;
    margin-bottom: $line-height-computed;
    background-color: $issue-bg;
    border: 1px solid $issue-border;
    color: $issue-text;
    word-wrap: break-word;
    border-radius: $border-radius-base;
    box-shadow: $panel-shadow;

    @if $use-gravatars
    {
        > img.gravatar {
            float: left;
            width: $issue-gravatar-size;
            height: $issue-gravatar-size;
            margin-right: 10px;
            margin-bottom: $line-height-computed / 2;
        }

        table img.gravatar {
            margin-right: 5px;
            position: relative;
            top: -1px;
        }

        > .subject,
        > .author {
            padding-left: $issue-gravatar-size + 10px;
        }
    }

    > .subject {
        h3 {
            margin-bottom: 5px;
            line-height: $headings-line-height;
            color: $gray-darkest;
            font-weight: bold;
            font-size: $issue-heading-size * 1em;
        }

        p {
            font-size: $font-size-small;
            margin-bottom: 5px;
        }
    }

    > .author {
        margin-bottom: $line-height-computed;
    }

    > hr {
        margin: $issue-padding (-$issue-padding);
        border-top-color: $issue-border;
    }

    > .description {
        > p {
            margin-bottom: $issue-padding;
        }

        > .wiki {
            margin: 0 (-$issue-padding) (-$issue-padding);
            padding: $padding-wiki;
            border-top: 1px solid $issue-border;
            background: $body-bg;
        }
    }

    .next-prev-links {
        color: $gray-light;
    }
}

div.fileover {
    background-color: $tooltip-bg;
}

div.attachments {
    margin: $issue-padding (-$issue-padding) (-$issue-padding);
    padding: $issue-padding;
    border-top: 1px solid $issue-border;

    p {
        margin: 10px 0 0;

        &:first-child {
            margin-top: 0;
        }
    }

    img {
        vertical-align: middle;
        position: relative;
        top: -1px;
    }

    span.author {
        color: $gray;
        font-size: $font-size-small;
    }
}

div.thumbnails {
    margin-top: $issue-padding;

    div {
        display: inline;
    }

    a {
        display: inline-block;
        margin-right: 2px;
        background-color: $body-bg;
        border: 1px solid $gray-lighter;
        border-radius: $border-radius-base;

        &:hover {
            border-color: $gray-light;
        }
    }

    img {
        margin: 3px;
        top: 0;
        border-radius: $border-radius-base - 1;
    }
}

#issue_tree,
#relations {
    > p {
        margin-bottom: 0;
    }

    .issues {
        margin: ($line-height-computed / 2) 0 0;

        tr:last-child > td {
            border-bottom: 0 none;
        }

        td.checkbox {
            display: none;
        }

        td.subject {
            padding-left: 0;
        }

        td.buttons {
            vertical-align: middle;
        }
    }
}

#relations {
    td.checkbox {
        display: none;
    }

    td.buttons {
        padding: 0;
    }
}

table.attributes {
    width: 100%;

    th,
    td {
        vertical-align: top;
        text-align: left;
        padding: $table-condensed-cell-padding $table-condensed-cell-padding $table-condensed-cell-padding 0;
    }

    > tbody > tr {
        > th {
            width: 15%;
        }
        > td {
            width: 35%;
        }
    }
}

#new-relation-form {
    text-align: right;

    > p {
        margin-bottom: 0;

        > input {
            margin-right: 5px;
        }
    }
}

#history {
    $journal-gravatar: 24px;
    $journal-indent: 0;

    @if $use-gravatars {
        $journal-indent: $journal-gravatar + 5px;
    }

    .journal {
        margin-bottom: $line-height-computed / 2;
        overflow: auto;

        h4 {
            margin-bottom: 5px;
            border-bottom: 1px solid $gray-lighter;

            > .gravatar {
                float: left;
                margin-right: 5px;
            }
        }

        .details {
            padding-left: $journal-indent + 15px;

            img {
                margin: 0 0 -3px 4px;
            }
        }

        .wiki {
            margin-left: $journal-indent;
            margin-bottom: $line-height-computed / 2;
        }

        i {
            &:first-of-type,
            &:last-of-type {
                padding: $tracker-inline-padding;
                border-radius: $border-radius-small;
                font-size: .9285em;
                font-style: normal;
            }

            &:first-of-type {
                background-color: mix($body-bg, $diff-out-bg, 64%);
                color: $diff-out-color;
            }

            &:last-of-type {
                background-color: mix($body-bg, $diff-in-bg, 64%);
                color: $diff-in-color;
            }
        }
    }

    .private-notes {
        border-left: 3px solid $brand-warning;
        padding-left: 3px;
        margin-left: -(3px + 3px);
        border-radius: $border-radius-base 0 0 $border-radius-base;
    }
}

#activity dt,
.journal {
    clear: left;
}

.journal-link {
    float: right;
}

span.private {
    position: relative;
    top: -1px;
    text-transform: uppercase;
    background: $brand-warning;
    color: $brand-text;
    font-weight: bold;
    padding: $tracker-inline-padding;
    font-size: .714em;
    border-radius: $border-radius-small;
}

div#issue-changesets {
    float: right;
    width: 33%;
    margin-left: $padding-side;
    margin-bottom: $line-height-computed;

    div.changeset {
        padding: $table-cell-padding;
        border-bottom: 1px solid $gray-lighter;
    }
}