mailcatcher/public/stylesheets/application.css

171 lines
3.4 KiB
CSS
Raw Normal View History

2011-05-28 02:21:11 -04:00
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }
2011-05-27 09:46:12 -04:00
2011-05-28 02:21:11 -04:00
body {
line-height: 1;
background: #eee;
color: #000;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif; }
ol, ul {
list-style: none; }
table {
border-collapse: separate;
border-spacing: 0px; }
caption, th, td {
text-align: left;
font-weight: normal; }
html, body {
width: 100%;
height: 100%; }
2011-05-27 09:46:12 -04:00
body {
2011-05-28 02:21:11 -04:00
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical; }
2011-05-27 09:46:12 -04:00
#message {
2011-05-28 02:21:11 -04:00
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1; }
2011-05-27 09:46:12 -04:00
#message iframe {
2011-05-28 02:21:11 -04:00
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1; }
#mail {
height: 10em;
overflow: auto;
background: #fff;
border-bottom: 1px solid #ccc; }
#mail table {
width: 100%; }
#mail table thead tr {
background: #eee;
color: #333; }
#mail table thead tr th {
padding: .25em;
font-weight: bold;
color: #666;
text-shadow: 0 1px 0 #fff; }
#mail table tbody tr:nth-child(even) {
background: #ddd;
color: #333; }
#mail table tbody tr.selected {
background: Highlight;
color: HighlightText; }
#mail table tbody tr td {
padding: .25em; }
#message .metadata {
padding: 1em; }
#message .metadata div {
padding: .25em; }
#message .metadata div label {
display: inline-block;
width: 8em;
margin-right: .5em;
text-align: right;
font-weight: bold;
color: #666;
text-shadow: 0 1px 0 #fff; }
#message .metadata .subject span {
font-weight: bold; }
#message .metadata .attachments {
display: none; }
#message .metadata .attachments ul {
display: inline; }
#message .metadata .attachments ul li {
display: inline-block;
margin-right: .5em; }
#message .actions ul {
border-bottom: 1px solid #999;
padding: 0 .5em; }
#message .actions ul li.tab {
display: inline-block;
padding: .5em;
border: 1px solid #999;
background: #ddd;
color: #333;
border-width: 1px 1px 0 1px;
cursor: pointer;
text-shadow: 0 1px 0 #eee; }
#message .actions ul li.tab:not(.selected):hover {
background-color: #ddd; }
#message .actions ul li.tab.selected {
background: #fff;
color: #000;
height: 13px;
margin-bottom: -1px; }
#message .actions ul li.button {
display: inline-block;
float: right;
margin: 0 .25em; }
#message .actions ul li.button a {
display: inline-block;
padding: .25em .5em;
border: 1px solid #999;
border-radius: .35em;
background: #ddd;
color: #333;
text-decoration: none;
text-shadow: 1px 1px 0 #eee;
box-shadow: 1px 1px 0 #ccc; }
#message .actions ul li.button a:hover {
background: #fff;
text-shadow: none; }
#message .actions ul li.button a:active {
margin: 1px -1px -1px 1px;
box-shadow: none; }
#message .body {
width: 100%;
min-height: 20em;
height: 100%;
background: #fff; }