mailr/public/stylesheets/webmail/webmail.css

161 lines
5.6 KiB
CSS
Executable file

#attachform { margin: 1em; padding: .5em; border: thin solid #888; background: #ddd; }
.actionmenu { padding: 0; display: inline; }
.actionmenu li { display: inline; list-style-position: outside; }
.actionmenu li + li:before { content: " | " }
#topmenu .actionmenu { padding-left: 2em; }
#attachments table { border: thin solid black; border-collapse: collapse; }
#attachments table thead tr { background: #888; }
#attachments table th { color: #fff; text-align: left;}
#attachments table tbody tr { border: thin solid black; background: #eee;}
#attachments table tbody td, #attachments table thead th { padding: 0 1em; }
#msgops { border: 1px solid #888; margin: 0 0 5px 5px; padding: 5px; }
#msgops h4 {padding: 0; margin: 0; font-size: 12px;}
#opch { font-size: .75em;}
#destp { font-size: .75em; margin: 1em; padding: 1em; padding-left: 133px; }
#msgmenu .actionmenu { padding-left: 2em; }
#msg_search { border: 1px solid #888; margin: 0 0 5px 5px; padding: 5px; }
.ct-unknown { border: thin solid #c00; background: #f88;}
#prefs { margin: 1em; padding: .5em; border: 1px solid #888; background: #ddd; }
#prefs table { border-collapse: collapse; }
#prefs table thead tr { background: #888; }
#prefs table thead th { color: #fff; }
#prefs tbody td { padding: 0 .5em; }
#prefs .readonly .prefval { background: #f88; }
#prefs input { margin: 5px; }
#folders { margin: 0 0 0 0; padding: 0; border: 1px solid #888; background: #fff; text-align: left; }
#folders ul { margin: 0; padding: 10px; }
#folders ul li { margin: 0; padding-left: 20px; list-style-type:none; font-size: 1em; background: url("/images/icon-folder-open.gif") top left no-repeat; }
#folders h4 { margin: 0; padding: 5px; text-align: left; }
#messages { margin: 0 0 0 0; padding: 0; width: 100%; }
#msgshow { margin: 10px; padding: 0; background: #fff; }
table.messageheader td{border-bottom-style:solid;border-bottom-width:1px;padding:.5em;font:78% verdana;}
table.messageheader td.label{font-weight:bold;width:1%; }
table.messageheader td{border-bottom-color:#E6E6E6; }
table.messageheader td.label{background-color:#e1ebfb;}
table.messageheader {
border-top-width: 1px;
border-style: solid;
border-color:#C1C1C1;
margin-top: 1em;
margin-bottom: 1em;
}
#msglist { margin: 0; padding: .5em; background: #fff; }
#msglist thead th {
border-top-color:#FFF;
border-bottom-color:#C1C1C1;
border-right-color:#C1C1C1;
background-color:#E6E6E6;
text-align:left;
border-width:1px 1px 1px 0;
border-style:solid;
padding:1px 0 1px 5px;
}
#msglist thead th.sortcol{background-color:#C1C1C1;}
#msglist tbody td{border-bottom-color:#E6E6E6; font-size: 0.8em; }
#msglist tr.selected td {background-color:#D6DEEC;}
#msglist tbody tr.seen { background: #f6f6f6; }
#msglist tbody tr.notseen { font-weight:bold; }
#msglist table { border-collapse:collapse; font-size: 14px;}
#msglist tbody td {
border-width: 0 0 1px 0;
border-style: solid;
padding:2px 0 2px 2px;
vertical-align:center;
}
#msglist h2 { margin: 0; padding: 0; }
#msglist a img { border: 0; }
#msglist p.paginator { padding: 0; margin: 0; }
.msgpart { margin: 10px 0; padding: 0; width: 100%; }
.notviscode { visibility: hidden; width: 0px; height: 0px; display: none;}
#msg-fl-list { margin: 0; padding: .5em; background: #fff; }
#msg-fl-list table { width: 100%; }
#msg-fl-list thead th {
border-top-color:#FFF;
border-bottom-color:#C1C1C1;
border-right-color:#C1C1C1;
background-color:#E6E6E6;
text-align:left;
border-width:1px 1px 1px 0;
border-style:solid;
padding:1px 0 1px 5px;
}
#msg-fl-list thead th.sortcol{background-color:#C1C1C1;}
#msg-fl-list tbody td{border-bottom-color:#E6E6E6;}
#msg-fl-list tr.selected td {background-color:#D6DEEC;}
#msg-fl-list tbody tr.seen { background: #f6f6f6; }
#msg-fl-list tbody tr.notseen { font-weight:bold; }
#msg-fl-list table { border-collapse:collapse;clear:both;}
#msg-fl-list tbody td{border-width: 0 0 1px 0;border-style: solid;padding:2px 0 2px 5px;vertical-align:center;}
#msg-compose { margin: 0; padding: 0; background: #fff; width: 100%; }
#msghdr { margin: 0; padding: 5px 0; background: #ddd;}
#msghdr label { text-align:left; padding:1px 0 1px 5px; font-weight:bold; color: #0000AA}
#msgeditor { width: 100%; }
#msgeditor textarea { font-size: 12px; width: 100%; }
.open { display: block; }
.closed { display: none; }
a,a:visited{text-decoration:none;}
a:hover{ text-decoration:underline;}
a,a:visited{color:#039;}
// Autocomplete design
div.auto_complete {
position:absolute;
width:250px;
background-color:white;
border:1px solid #888;
margin:0px;
padding:0px;
}
ul.contacts {
list-style-type: none;
margin:0px;
padding:0px;
}
ul.contacts li.selected { background-color: #e1ebfb; }
li.contact {
list-style-type: none;
display:block;
margin:0;
padding:2px;
height:32px;
border:0.3px solid #CCC;
background-color: #fff;
}
li.contact div.email {
font-weight:bold;
font-size:12px;
line-height:1.2em;
}
#list {
margin:0;
margin-top:10px;
padding:0;
list-style-type: none;
width:250px;
}
#list li {
margin:0;
margin-bottom:4px;
padding:5px;
border:1px solid #888;
cursor:move;
}