mirror of
https://github.com/jwinterm/modoboa.git
synced 2026-10-17 05:41:25 +02:00
55 lines
3.6 KiB
CSS
55 lines
3.6 KiB
CSS
/*
|
|
* Just an extract of Bootstrap table and alert styles in order to include it
|
|
* into the 'viewmail' page. It is not really *clean* but I don't know
|
|
* any other way to do that.
|
|
*/
|
|
body{margin:5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#333333;background-color:#ffffff;}
|
|
table{max-width:100%;border-collapse:collapse;border-spacing:0;background-color:transparent;}
|
|
.table{width:100%;margin-bottom:18px;}.table th,.table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
|
|
.table th{font-weight:bold;}
|
|
.table thead th{vertical-align:bottom;}
|
|
.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}
|
|
.table tbody+tbody{border-top:2px solid #dddddd;}
|
|
.table-condensed th,.table-condensed td{padding:4px 5px;}
|
|
.table-bordered{border:1px solid #dddddd;border-left:0;border-collapse:separate;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
|
|
.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
|
|
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
|
|
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
|
|
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
|
|
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
|
|
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
|
|
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;}
|
|
.alert{padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853;}
|
|
.alert-heading{color:inherit;}
|
|
.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;}
|
|
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
|
|
.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
|
|
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
|
|
.alert-block{padding-top:14px;padding-bottom:14px;}
|
|
.alert-block>p,.alert-block>ul{margin-bottom:0;}
|
|
.alert-block p+p{margin-top:5px;}
|
|
|
|
pre {
|
|
white-space: pre-wrap; /* css-3 */
|
|
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
|
|
white-space: -pre-wrap; /* Opera 4-6 */
|
|
white-space: -o-pre-wrap; /* Opera 7 */
|
|
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
|
font-size: medium;
|
|
border: 0;
|
|
}
|
|
#mailcontent {
|
|
width: 100%;
|
|
border: 0px transparent none;
|
|
margin: 0;
|
|
}
|
|
|
|
#emailheaders a, #emailheaders a:visited {
|
|
color: blue;
|
|
text-decoration: none;
|
|
}
|
|
#emailheaders a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.hidden { display: none; } |