mailcatcher/public/stylesheets/application.css

23 lines
2.0 KiB
CSS

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; }
body { line-height: 1; color: black; background: Window; color: WindowText; 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; }
#mail { height: 10em; overflow: auto; background: ThreeDHighlight; border-bottom: 1px solid ButtonFace; }
#mail table { width: 100%; }
#mail table thead tr { background: ButtonHighlight; color: ButtonText; }
#mail table thead tr th { padding: .25em; font-weight: bold; }
#mail table tbody tr:nth-child(even) { background: ButtonHighlight; color: ButtonText; }
#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; text-align: right; 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 .formats ul { border-bottom: 1px solid WindowFrame; padding: 0 .5em; }
#message .formats ul li { display: inline-block; padding: .5em; border: solid WindowFrame; background: ButtonFace; color: ButtonText; border-width: 1px 1px 0 1px; }
#message .formats ul li.selected { background: ThreeDHighlight; color: WindowText; height: 13px; margin-bottom: -1px; }
#message iframe { width: 100%; height: 42em; background: ThreeDHighlight; }