Support downloading of attachments.
[software/mumi.git] / assets / css / screen.css
1 @media all {html {font-size: 28px;}}
2
3 html, body {
4 background-color: #fff;
5 width: 100%;
6 height: 100%;
7 line-height: 1.4em;
8 padding: 0px;
9 margin: 0px;
10 font-family: sans-serif;
11 }
12
13 h1 {
14 clear: both;
15 font-size: 32px;
16 line-height: 105%;
17 margin-top: 1.3rem;
18 margin-bottom: 0.5rem;
19 padding: 0px;
20 display: block;
21 font-weight: 400;
22 color: #333;
23 }
24
25 .title {
26 clear: both;
27 font-size: 16px;
28 margin-bottom: 1rem;
29 border-bottom: 1px dashed #ddd;
30 padding: 0px;
31 padding-bottom: 1rem;
32 color: #586069;
33 }
34
35 .comment-box {
36 margin-top: 1rem;
37 margin-bottom: 2rem;
38 border-top: 1px dashed #ddd;
39 padding-top: 1rem;
40 }
41
42 h2 {
43 border-bottom: 1px solid #eee;
44 padding-bottom: 5px;
45 }
46
47 p {
48 max-width: 70rem;
49 }
50
51 p + p {
52 text-indent: 0.5rem;
53 margin-top: 1.0rem;
54 }
55
56
57 form {
58 padding-bottom: 2em;
59 }
60
61 label {
62 text-align: right;
63 margin-right: 0.5em;
64 }
65
66 thead {
67 border-bottom: 2px solid #ddd;
68 font-weight: bold;
69 }
70
71 tr {
72 border-bottom: 1px solid #ddd;
73 }
74
75 tr td:nth-child(3){
76 min-width: 8rem;
77 }
78
79 #header {
80 background: #333333;
81 border-color: #1A1A1A1A;
82 border-style: none none solid none;
83 border-width: thin;
84 width: 100%;
85 margin-bottom: 1rem;
86 padding: .5em;
87 color: #fff;
88 border-radius: 0;
89 }
90 #header .navbar-brand {
91 padding: 0;
92 }
93
94 #header #search input:focus {
95 width: 500px;
96 }
97
98 table {
99 width: 100%;
100 }
101
102 /* messages */
103 .row.event {
104 margin-bottom: 1em;
105 font-size: 1.2em;
106 }
107
108 .info .stat {
109 display: block;
110 color: #586069;
111 }
112 .info .stat .label {
113 display: block;
114 }
115
116 .conversation .avatar {
117 height: 64px;
118 width: 64px;
119 border: 1px solid #ddd;
120 border-radius: 6px;
121 color: #fff;
122 display: flex;
123 justify-content: center;
124 align-items: center;
125 font-size: 58px;
126 }
127
128 .address + .address:before {
129 content: ", ";
130 }
131
132 .message .body pre {
133 background: transparent;
134 border: none;
135 }
136
137 .message .body .multipart {
138 padding-bottom: 1rem;
139 }
140
141 .message .body .multipart + .multipart {
142 padding-top: 1rem;
143 padding-bottom: 1rem;
144 border-top: 1px dashed #ddd;
145 }
146
147 .multipart.application-pgp-signature {
148 display: none;
149 }
150
151 .multipart.text-x-patch {
152 }
153
154 .attachment:before {
155 background-image: url('/img/file.svg');
156 background-size: 1rem;
157 display: inline-block;
158 height: 1rem;
159 width: 1rem;
160 content: "";
161 }
162
163 .message .from .address {
164 font-weight: bold;
165 }
166
167 .message .details {
168 margin-top: .5em;
169 display: none;
170 }
171
172 .message span.line {
173 white-space: pre-wrap;
174 font-family: monospace;
175 }
176
177 /* diff styles */
178 .message span.line.diff.file {
179 color: #005cc5;
180 }
181 .message span.line.diff.separator {
182 color: #005cc5;
183 }
184 .message span.line.diff.addition {
185 color: #22863a;
186 background-color: #f0fff4;
187 }
188 .message span.line.diff.deletion {
189 color: #b31d28;
190 background-color: #ffeef0;
191 }
192 .message span.line.diff.range {
193 color: #6f42c1;
194 font-weight: bold;
195 }
196
197 /* commit styles */
198 .message span.commit.attribution {
199 color: #005cc5;
200 }
201 .message span.commit.header {
202 color: #005cc5;
203 }
204 .message span.commit.changelog {
205 color: #005cc5;
206 }
207
208 /* quote styles */
209 .message span.line.quote {
210 margin-left: 1em;
211 color: #3868cc;
212 }
213
214 .message span.line.cut-here {
215 color: #888;
216 }
217
218 .filter {
219 display: inline-block;
220 color: #fff;
221 background: #aaa;
222 text-align: center;
223 padding: 2px;
224 border-radius: 3px;
225 font-family: monospace;
226 }
227
228 .status-tag {
229 display: inline-block;
230 color: #fff;
231 text-align: center;
232 padding: 4px;
233 border-radius: 3px;
234 margin-right: 8px;
235 }
236
237 .status-tag.done {
238 background: #cb2431;
239 }
240 .status-tag.open {
241 background: #2cbe4e;
242 }
243
244 .error.parse {
245 font-style: italic;
246 font-size: 0.8em;
247 }