/* Based on the NewsBruiser 1.x stylesheet. This is also used by pages
   outside the app that include the recent-posts fragment, so rules here
   are scoped to NewsBruiser's own classes wherever the old ones were. */

body {
    background-color: white;
    margin: 10px 5% 0 5%;
}

li {
    /* A little whitespace between list items. */
    margin-bottom: 5px;
}

h1.heading {
    /* Page headings (eg. "[Blog] for [date]", "Drafts for [Blog]") */
    font-weight: bold;
    font-size: large;
    text-decoration: none;
}

p.alert {
    /* Alerts, like a login refused after too many attempts */
    color: red;
    font-weight: bold;
    font-size: larger;
}

/* Entry rendering. */

.entry {
    /* Overarching properties for an entry. */
    margin: 0 2% 0 2%;
}

.entryDate {
    /* The date of an entry */
    font-weight: bold;
    color: #007700;
}

.entry-title {
    /* The title of an entry */
    font-weight: bold;
    color: #444444;
}

nav.post-nav {
    /* Links to the previous and next posts */
    display: flex;
    justify-content: space-between;
}

nav.post-nav a {
    text-decoration: none;
}

/* Comments */

.comment-meta {
    /* The author and date above each comment */
    background-color: #EEEEEE;
}

/* Moderation buttons. Once a comment has been accepted or rejected, the
   chosen button is highlighted and the other is faded but still works. */

form.moderation button.selected {
    font-weight: bold;
    border: 2px solid;
}

form.moderation button.selected[value="accept"] {
    background-color: #cceecc;
    border-color: #007700;
}

form.moderation button.selected[value="reject"] {
    background-color: #f4cccc;
    border-color: #990000;
}

form.moderation-accepted button:not(.selected),
form.moderation-rejected button:not(.selected) {
    opacity: 0.5;
}

form.moderation-accepted button:not(.selected):hover,
form.moderation-rejected button:not(.selected):hover {
    opacity: 1;
}

.honeypot {
    /* A spam trap: hidden from people, visible to bots. */
    position: absolute;
    left: -9999px;
}