/* JAVOUE.com - stylesheet adapted from the legacy site (web/style.css).
 *
 * The original was tiny: Verdana 11px, midnight-blue links and lavender
 * form fields. That look is kept here, with rules added for the markup the
 * Django templates produce.
 */

/* --- The original rules, nearly verbatim -------------------------------- */

a:link {
    text-decoration: none;
    color: #191970;
    font-family: Verdana;
    font-size: 11px;
}

a:visited {
    text-decoration: none;
    color: #191970;
    font-family: Verdana;
    font-size: 11px;
}

a:active {
    text-decoration: none;
    color: #191970;
    font-family: Verdana;
    font-size: 11px;
}

a:hover {
    color: #800000;
    text-decoration: none;
}

select {
    color: #000000;
    font-size: 11px;
    font-family: Verdana;
    background-color: #e6e6fa;
}

input,
textarea {
    color: #000000;
    font-size: 11px;
    font-family: Verdana;
    background-color: #e6e6fa;
}

.norbold {
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana;
}

.noritbold {
    font-style: italic;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana;
}

td,
body {
    text-align: left;
    font-size: 11px;
    font-family: Verdana;
}

.small {
    font-size: 9px;
    font-family: Verdana;
}

td.haut {
    border-bottom: thin solid #191970;
}

/* The legacy stylesheet set no page background: the 706px table carries the
   lavender (#e6e6fa) and everything around it is white. Do not tint the body,
   or the page stops matching the original. */
body {
    color: #191970;
}

hr {
    color: #191970;
    border: 0;
    border-top: thin solid #cccccc;
}

/* --- Headings: the legacy pages used coloured <font> tags -------------- */

h1 {
    font-size: 13px;
    font-family: Verdana;
    color: #191970;
}

h2 {
    font-size: 12px;
    font-family: Verdana;
    color: #191970;
}

/* --- Structure the templates use --------------------------------------- */

nav {
    background-color: #e6e6fa;
}

.nav_menu {
    padding: 4px;
}

.nav_title {
    font-weight: bold;
    color: #191970;
}

nav ul {
    margin: 4px 0;
    padding-left: 0;
}

nav li,
.nav_li {
    display: inline-block;
    margin: 2px;
    list-style: none;
}

nav a {
    color: #191970;
    font-family: Verdana;
    font-size: 11px;
}

/* The two nav lists: main links, then the category links. */
.nav_main li,
.nav_category li {
    display: inline-block;
    margin: 2px 4px 2px 0;
    list-style: none;
}

.nav_category {
    padding-left: 0;
}

/* The selected category, as emphasised in the legacy menu. */
.a_highlight {
    font-weight: bold;
    color: #800000;
}

main {
    display: block;
}

section {
    display: block;
}

article {
    clear: both;
}

.article_title {
    font-size: 11px;
    font-family: Verdana;
    color: #800000;
    margin: 6px 0 2px 0;
}

.article_title span {
    font-weight: normal;
}

.article_tag span {
    font-size: 9px;
    font-family: Verdana;
    color: #191970;
    background-color: #b0c4de;
    padding: 0 3px;
    margin-right: 3px;
}

.article_meilleur {
    font-size: 11px;
    font-family: Verdana;
    color: #800000;
}

.article_moderation {
    font-size: 11px;
    font-family: Verdana;
}

.article_links {
    text-align: right;
    font-size: 9px;
    font-family: Verdana;
}

.pagination_nav {
    text-align: center;
    font-size: 11px;
    font-family: Verdana;
    margin: 8px 0;
}

.confess_emphase {
    color: #191970;
}

/* Legacy avouer.asp labelled each field with a maroon caption over a pale
 * steel-blue highlight (`font color="maroon"` + background-color: #B0C4DE). */
.confess_label {
    color: maroon;
    font-family: Verdana;
    font-size: 11px;
    background-color: #B0C4DE;
}

/* The "© JAVOUE.com …" line of the intro block was maroon bold. */
.confess_maroon {
    color: maroon;
}

.droits {
    font-size: 9px;
    font-family: Verdana;
}

.messages {
    list-style: none;
    padding-left: 0;
    color: #800000;
}

/* --- PressBook ---------------------------------------------------------- */

.press_item {
    margin-bottom: 8px;
}

.press_desc {
    background-color: #e6e6fa;
}

/* Legacy header: the title sat in its own steel-blue box, the "Retour" link
 * was centred underneath. */
.press_title {
    display: inline-block;
    background-color: #b0c4de;
    padding: 2px 6px;
    font-size: 11px;
    font-family: Verdana;
}

.press_back {
    text-align: center;
}

.press_admin,
.news_admin {
    font-size: 9px;
    font-family: Verdana;
}

/* --- Statistics --------------------------------------------------------- */

.stats_totals {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.stats_total strong {
    font-size: 1.4em;
}

.stats_table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1.5rem;
}

.stats_table th,
.stats_table td {
    text-align: left;
    padding: 2px 8px 2px 0;
    vertical-align: middle;
}

.stats_table th {
    border-bottom: 1px solid #191970;
}

.stats_bar_col {
    width: 320px;
}

.stats_cat {
    white-space: nowrap;
    padding-right: 1rem;
}

.stats_bar {
    background: #191970;
    color: #ffffff;
    font-size: 11px;
    height: 15px;
    line-height: 15px;
    padding-left: 4px;
    min-width: 1.5em;
}

.stats_none {
    color: #999999;
}