6f92864628427388a45ee04a1a78bd055f904406
[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 .multipart.scheme {
155 white-space: pre-wrap;
156 font-family: monospace;
157 }
158
159 .attachment:before {
160 background-image: url('/img/file.svg');
161 background-size: 1rem;
162 display: inline-block;
163 height: 1rem;
164 width: 1rem;
165 content: "";
166 }
167
168 .download-part {
169 float: right;
170 font-size: 0.8em;
171 font-style: italic;
172 }
173
174 .message .from .address {
175 font-weight: bold;
176 }
177
178 .message .details {
179 margin-top: .5em;
180 display: none;
181 }
182
183 .message span.line {
184 white-space: pre-wrap;
185 font-family: monospace;
186 }
187
188 /* diff styles */
189 .message span.line.diff.file {
190 color: #005cc5;
191 }
192 .message span.line.diff.separator {
193 color: #005cc5;
194 }
195 .message span.line.diff.addition {
196 color: #22863a;
197 background-color: #f0fff4;
198 }
199 .message span.line.diff.deletion {
200 color: #b31d28;
201 background-color: #ffeef0;
202 }
203 .message span.line.diff.range {
204 color: #6f42c1;
205 font-weight: bold;
206 }
207
208 /* commit styles */
209 .message span.commit.attribution {
210 color: #005cc5;
211 }
212 .message span.commit.header {
213 color: #005cc5;
214 }
215 .message span.commit.changelog {
216 color: #005cc5;
217 }
218
219 /* quote styles */
220 .message span.line.quote {
221 margin-left: 1em;
222 color: #3868cc;
223 }
224
225 .message span.line.cut-here {
226 color: #888;
227 }
228
229 .filter {
230 display: inline-block;
231 color: #fff;
232 background: #aaa;
233 text-align: center;
234 padding: 2px;
235 border-radius: 3px;
236 font-family: monospace;
237 }
238
239 .status-tag {
240 display: inline-block;
241 color: #fff;
242 text-align: center;
243 padding: 4px;
244 border-radius: 3px;
245 margin-right: 8px;
246 }
247
248 .status-tag.done {
249 background: #cb2431;
250 }
251 .status-tag.open {
252 background: #2cbe4e;
253 }
254
255 .error.parse {
256 font-style: italic;
257 font-size: 0.8em;
258 }