One Hat Cyber Team

View File Name : screen.css

/* Sidebar icons. */
.imp-inbox {
    background-image: url("../graphics/folders/inbox.png");
}
.imp-empty-trash {
    background-image: url("../graphics/empty_trash.png");
}
.imp-empty-spam {
    background-image: url("../graphics/empty_spam.png");
}
.imp-folder {
    background-image: url("../graphics/folders/folder.png");
}
.imp-search {
    background-image: url("../graphics/search.png");
}
.imp-filters {
    background-image: url("../graphics/filters.png");
}

/* Mailbox page styling. */
.mboxheader .pageCount {
    padding-right: 10px;
}

table.mboxactions {
    border-collapse: collapse;
    width: 100%;
}

#checkheader {
    padding: 0 2px;
    width: 8%;
}
#checkheader input {
    float: left;
}

#mboxdate {
    width: 14%;
}

#mboxto, #mboxfrom {
    width: 20%;
}

#mboxthread, #mboxsubject {
    width: 52%;
}

#mboxsize {
    width: 6%;
}

.actionsSelectSection {
    font-weight: bold;
}

table.messageList .sortup, table.messageList .sortdown {
    padding-left: 0;
}

/* Message list table styles. */
.searchmbox a.smallheader {
    display: block;
}
.messageList {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}
.messageList tr {
    height: 21px;
}
.messageList th {
    cursor: pointer;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
}
.messageList th .toggleSort {
    font-size: 90%;
}
.messageList td {
    padding-top: 0;
    padding-bottom: 0;
    text-indent: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 1px solid #d0d0d0;
    vertical-align: middle;
}
.messageList td label input {
    vertical-align: middle;
}
.messageList td span.flagUser {
    font-size: 80%;
    margin-right: 3px;
}

#messages h1.header {
    font-size: 110%;
    vertical-align: bottom;
}
#messages h1.header span.flagUser {
    font-size: 80%;
    margin-left: 3px;
}

/* Navbar action styling. */
li .imp-navbar span.iconImg, li .imp-navbar input {
    margin: -4px 0 0;
}
li .imp-navbar span.iconImg {
    padding: 0;
    background-position: center center;
}
table.msgActionTable, #fmanager table {
    width: 100%;
    border-collapse: collapse;
}
div.msgActions, #fmanager div.folderActions {
    padding-left: 15px;
}

#mailboxLabel .iconImg {
    margin-top: -2px;
    margin-left: 4px;
    vertical-align: top;
}
#mailboxLabel .flagUser {
    margin-left: 4px;
}
#mailboxLabel .msgflags.flagPersonal {
    background-image: url("../graphics/flags/personal-inv.png");
}
#mailboxLabel .msgflags.flagHighpriority {
    background-image: url("../graphics/flags/priority_high-inv.png");
}
#mailboxLabel .msgflags.flagLowpriority {
    background-image: url("../graphics/flags/priority_low-inv.png");
}
#mailboxLabel .msgflags.flagSignedmsg {
    background-image: url("../graphics/flags/signed-inv.png");
}
#mailboxLabel .msgflags.flagEncryptmsg {
    background-image: url("../graphics/flags/encrypted-inv.png");
}
#mailboxLabel .msgflags.flagAttachmsg {
    background-image: url("../graphics/flags/attachment-inv.png");
}
#mailboxLabel .msgflags.flagList {
    background-image: url("../graphics/flags/group-inv.png");
}
#mailboxLabel .msgflags.flagJunk {
    background-image: url("../graphics/flags/spam-inv.png");
}
#mailboxLabel .msgflags.flagNotJunk {
    background-image: url("../graphics/flags/innocent-inv.png");
}
#mailboxLabel .msgflags.flagUnseen {
    background-image: url("../graphics/flags/unseen-inv.png");
}
#mailboxLabel .msgflags.flagAnswered {
    background-image: url("../graphics/flags/answered-inv.png");
}
#mailboxLabel .msgflags.flagDraft {
    background-image: url("../graphics/flags/draft-inv.png");
}
#mailboxLabel .msgflags.flagForwarded {
    background-image: url("../graphics/flags/forwarded-inv.png");
}
#mailboxLabel .msgflags.flagFlagged {
    background-image: url("../graphics/flags/flagged-inv.png");
}
#mailboxLabel .msgflags.flagDeleted {
    background-image: url("../graphics/flags/deleted-inv.png");
}

/* Message headers styling. */
#msgheaders {
    padding: 18px;
    background-color: #eceff0;
    border-bottom: 1px solid #d0d0d0;
}
#msgheaders p {
    font-size: 140%;
    font-weight: bold;
}
#msgheaders table {
    border-collapse: collapse;
}
#msgheaders td {
    vertical-align: top;
    padding: 0 0 1px 0;
}
#msgheaders td.rightAlign {
    font-weight: bold;
    padding-right: 4px;
}

.msgheaderParts .msgheader td {
    padding: 0 4px 2px 0 !important;
}

/* Message body styling. */
.messageBody {
    padding: 18px;
    border-bottom: 1px solid #d0d0d0;
}

/* Folder view. */
#checkAll0, #checkAll1, #fmanager input.checkbox {
    vertical-align: middle;
}

#fmanager div.folderChoose {
    padding-left: 5px;
}

/* Compose view */
.composebody {
    padding: 2px;
}
#text_identity {
    width: 500px;
}
#compose td.light {
    vertical-align: top;
}

#compose .horde-spellcheck-popdown {
    display: inline-block;
    float: none;
    margin-bottom: -8px;
}

#signature {
    padding: 2px;
}
#signatureBorder.signaturePlain {
    border: 0;
    padding: 0;
}

.seen {
    background: #fff;
}

.addressTr {
    width: 580px;
}
.addressTr span {
    vertical-align: top;
}

.attachList {
    width: 100%;
    border-collapse: collapse;
}

/* Message flags definitions.
 * For background color, see config/prefs.php [msgflags preference]. */
tr.flagLowpriority {
    font-weight: normal !important;
}
tr.flagUnseen {
    font-weight: bold;
}
tr.flagDeleted * {
    text-decoration: line-through;
}

/* Pad the addressbook icon in header compose links. */
td.msgheader {
    width: 100%;
}
.msgheader img {
    padding: 0 1px 0 2px;
    vertical-align: middle;
}

/* Loading graphic */
td.addressTr span.loadingImg {
    padding: 0 0 0 16px;
}

/* iTip styles. */
.itipconflicts {
    border-spacing: 0;
}
.itipconflicts tr.itipcollision {
    background-color: #f03232;
    color: #fff;
}

.itipconflicts tr.itipnearcollision {
    background-color: #ffdf4d;
}

/* Quota styles. */
#quota {
    border-collapse: collapse;
    width: 100%;
}
#quota td {
    padding: 3px;
    vertical-align: middle;
    text-align: center;
}

/* Basic search page. */
table.searchBasic input.checkbox {
    margin-left: 5px;
    vertical-align: middle;
}