/* public/styles/frost-pane.css
   this should work on net ape version 7.1 / Iexploiter6 / dillo */

body {
    font-family: Tahoma;
}

body.pane {
    margin: 0;
    padding: 4px 6px;
    background: #ffffff;
    color: #000000;
    font-size: 12px;
}

pre.tree {
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
    white-space: pre;
}

pre.tree a { text-decoration: none; color: #0000cc; }
pre.tree a:hover { text-decoration: underline; }
pre.tree a.active { background: #000080; color: #ffffff; }

.pane-title {
    margin: 0 0 4px 0;

    font-size: 13px;
    border-bottom: 1px solid #808080;
    padding-bottom: 2px;
}

/* top tab strip */
.tabstrip {
    background: #ece9d8;          /* classic luna grey */
    border-bottom: 1px solid #808080;
    padding: 4px 6px;

    font-size: 12px;
}
.tabstrip a {
    display: inline-block;
    padding: 2px 8px;
    margin-right: 2px;
    border: 1px solid #808080;
    background: #f5f4ea;
    color: #000080;
    text-decoration: none;
}
.tabstrip a:hover { background: #ffffff; }
.tab-status { float: right; color: #555; font-size: 11px; padding: 2px 4px; }

/* posts */
.post { border-bottom: 1px dotted #999; padding: 2px 0 6px 0; margin-bottom: 4px; }
.post-rail { margin: 0; color: #999; font-size: 11px; }
.post-head {

    font-size: 12px;
    background: #f0f0f0;
    padding: 1px 4px;
}
.post-head a { color: #888; }
.post-body {

    font-size: 13px;
    padding: 4px 4px 0 4px;
    white-space: normal;
}
.tiny { font-size: 11px; color: #555; }


body.content-page {
    background: #ffffff;
    color: #000000;
    font-size: 12px;
}

.content-page .status-warning {
    background: #ffffc0;
    border: 1px solid #c0c080;
    padding: 4px 8px;
}

.status-success {
    color: #060;
    font-weight: bold;
}
.tiny {
    font-size: 11px;
    color: #555;
}
.italic {
    font-style: italic;
}

/* ---- post message notices ---- */
.ban-message     { background: #ffe8e8; border: 1px solid #c00; color: #800; font-weight: bold; padding: 3px 6px; font-size: 11px; margin: 2px 0; }
.warning-message { background: #ffffc0; border: 1px solid #c0c080; color: #440; padding: 3px 6px; font-size: 11px; margin: 2px 0; }
.automod-message { background: #e6f0ff; border: 1px solid #88b; color: #006; padding: 3px 6px; font-size: 10px; font-style: italic; margin: 2px 0; }

/* ---- thread list table ---- */
.thread-list { border-collapse: collapse; width: 100%; font-family: "Courier New", monospace; font-size: 12px; line-height: 1.4; table-layout: fixed; }
.thread-list th, .thread-list td { padding: 0 4px 1px 0; vertical-align: middle; overflow: hidden; white-space: nowrap; }
.tl-header th { font-weight: normal; color: #555; border-bottom: 1px solid #ccc; padding-bottom: 2px; }
.tl-header a { color: #555; text-decoration: none; }
.tl-header a:hover { text-decoration: underline; }
.tl-header a.tl-sort-active { color: #000080; font-weight: bold; }
.tl-branch { width: 28px; }
.tl-icons { width: 34px; }
.tl-title-wrap { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.tl-date { width: 56px; font-size: 11px; color: #666; }
.tl-r { width: 24px; text-align: right; font-size: 11px; color: #666; }
.tl-by { width: 32%; }
.thread-list a { text-decoration: none; color: #0000cc; }
.thread-list a:hover { text-decoration: underline; }
.thread-list a.active { background: #000080; color: #ffffff; }
.tl-unread .tl-by { font-weight: bold; }

/* ---- capcode / geo / proxy tags ---- */
.capcode    { font-size: 11px; font-weight: bold; }
.sage-badge { font-size: 11px; color: #006633; font-style: italic; }
.geotag     { font-size: 11px; color: #555; }
.proxytag       { font-size: 11px; font-weight: bold; }
.ip-vpn, .ip-VPN             { color: #996600; }
.ip-tor, .ip-TOR             { color: #990000; }
.ip-proxy, .ip-DATACENTER    { color: #660099; }
.ip-datacenter { color: #005599; }

/* ---- post reply back-links ---- */
.post-replies { font-size: 11px; color: #555; padding: 2px 4px; }
.post-replies a { color: #0000aa; }

/* ---- post attachments (pane) ---- */
.post-attachments { font-size: 11px; padding: 2px 4px; border-top: 1px dotted #ccc; }
.post-attachments a { color: #0000aa; }

/* ---- pane pagination ---- */
.pane-pages { padding: 2px 0; border-top: 1px solid #ccc; margin-top: 4px; }
.pane-pages a { color: #0000cc; }

/* ---- webchat ---- */
.chat-line { font-size: 12px; padding: 1px 0; border-bottom: 1px dotted #eee; }
.chat-ts   { color: #888; font-size: 11px; }
.chat-handle { color: #000080; }
.chat-shadow { opacity: 0.4; font-style: italic; }
.chat-self .chat-handle { color: #555; }
.chat-lock-notice { color: #cc3300; font-size: 11px; padding: 4px; }
.wchat-mod-toolbar { font-size: 11px; padding: 2px 4px; background: #f0f0e0; border-bottom: 1px solid #ccc; color: #333; }
.wchat-mod-toolbar form { display: inline; margin: 0; }
.chat-del { font-size: 10px; padding: 0 3px; line-height: 1.2; cursor: pointer; color: #990000; background: none; border: 1px solid #990000; margin-left: 3px; vertical-align: middle; }

.wchat-active { font-size: 11px; color: #555; padding: 2px 4px; border-bottom: 1px solid #eee; }
.wchat-footer { font-size: 11px; color: #888; padding: 2px 4px; border-top: 1px dotted #eee; }

/* ---- new-thread form inside pane ---- */
.unlock-box { padding: 4px; }

/* ---- donate page (content-page context) ---- */
.donation-stats-box { border: 1px solid #c0c0b8; background: #f5f5f0; padding: 6px 8px; margin: 6px 0; font-size: 12px; line-height: 1.8; }
.donation-bar-container { background: #ddd; border: 1px solid #bbb; height: 14px; margin: 4px 0; overflow: hidden; }
.donation-bar { background: #000080; height: 100%; min-width: 2px; }
.crypto-reveal CODE { font-size: 11px; word-break: break-all; display: block; }
.greentext { color: #789922; }