]> git.elephly.net Git - software/mumi.git/blob - assets/css/screen.css
view/html: Hide search hint by default.
[software/mumi.git] / assets / css / screen.css
1 html, body {
2 background-color: #fff;
3 width: 100%;
4 height: 100%;
5 padding: 0px;
6 margin: 0px;
7 }
8
9 h1 {
10 clear: both;
11 margin-top: 1.3rem;
12 margin-bottom: 0.5rem;
13 }
14
15 .title {
16 clear: both;
17 font-size: 16px;
18 margin-bottom: 1rem;
19 border-bottom: 1px dashed #ddd;
20 padding: 0px;
21 padding-bottom: 1rem;
22 color: #586069;
23 }
24
25 .comment-box {
26 margin-top: 1rem;
27 margin-bottom: 2rem;
28 border-top: 1px dashed #ddd;
29 padding-top: 1rem;
30 }
31
32 h2 {
33 border-bottom: 1px solid #eee;
34 padding-bottom: 5px;
35 }
36
37 ul.merged li, ul.blockedby li, ul.blocks li {
38 display: inline-block;
39 }
40 ul.merged li + li:before,
41 ul.blockedby li + li:before,
42 ul.blocks li + li:before {
43 content: ", ";
44 }
45
46 p + p {
47 text-indent: 0.5rem;
48 margin-top: 1.0rem;
49 }
50
51 .card-body form {
52 padding-bottom: 1em;
53 }
54
55 thead {
56 border-bottom: 2px solid #ddd;
57 font-weight: bold;
58 }
59
60 tr {
61 border-bottom: 1px solid #ddd;
62 }
63
64 tr td:nth-child(3){
65 min-width: 8rem;
66 }
67
68 tr.serious td:nth-child(1) {
69 background-color: #ff5a2a;
70 color: #fff;
71 }
72 tr.important td:nth-child(1) {
73 background-color: #feaaaa;
74 }
75
76 #header {
77 background: #333333;
78 border-color: #1A1A1A1A;
79 border-style: none none solid none;
80 border-width: thin;
81 width: 100%;
82 margin-bottom: 1rem;
83 padding: .5em;
84 color: #fff;
85 border-radius: 0;
86 }
87 #header .navbar-brand {
88 padding: 0;
89 }
90
91 @media (min-width: 576px) {
92 #search input:focus {
93 width: 400px;
94 }
95 }
96
97 @media (min-width: 768px) {
98 #search input:focus {
99 width: 500px;
100 }
101 }
102
103 footer {
104 border-color: #1A1A1A1A;
105 border-style: dashed none none none;
106 border-width: 2px;
107 width: 100%;
108 align-items: center;
109 text-align: center;
110 margin-top: 3rem;
111 padding: 1rem;
112 color: #586069;
113 background: #fafafa;
114 }
115
116 table {
117 width: 100%;
118 }
119
120 /* messages */
121 .row.event {
122 margin-bottom: 1em;
123 font-size: 1.2em;
124 }
125
126 .info .stat {
127 display: block;
128 color: #586069;
129 }
130 .info .stat .label {
131 display: block;
132 }
133
134 .conversation .avatar {
135 display: none;
136 }
137
138 .message .from .avatar {
139 width: 1.2em;
140 height: 1.2em;
141 border-radius: 3px;
142 color: #fff;
143 display: inline-flex;
144 justify-content: center;
145 align-items: center;
146 margin-right: 3px;
147 }
148
149 @media (min-width: 768px) {
150 .conversation .avatar {
151 height: 64px;
152 width: 64px;
153 border: 1px solid #ddd;
154 border-radius: 6px;
155 color: #fff;
156 display: flex;
157 justify-content: center;
158 align-items: center;
159 font-size: 58px;
160 position: absolute;
161 }
162 }
163
164 .address + .address:before {
165 content: ", ";
166 }
167
168 @media (min-width: 768px) {
169 .message {
170 margin-left: 80px;
171 }
172 }
173
174 .message .body pre {
175 background: transparent;
176 border: none;
177 }
178
179 .message .body .multipart {
180 padding-bottom: 1rem;
181 }
182
183 .message .body .multipart + .multipart {
184 padding-top: 1rem;
185 padding-bottom: 1rem;
186 border-top: 1px dashed #ddd;
187 }
188
189 .multipart.application-pgp-signature {
190 display: none;
191 }
192
193 .multipart.text-x-patch {
194 }
195
196 .multipart.scheme {
197 white-space: pre-wrap;
198 font-family: monospace;
199 }
200
201 .attachment:before {
202 background-image: url('/img/file.svg');
203 background-size: 1rem;
204 display: inline-block;
205 height: 1rem;
206 width: 1rem;
207 content: "";
208 }
209
210 .download-part {
211 float: right;
212 font-size: 0.8em;
213 font-style: italic;
214 }
215
216 @media (min-width: 768px) {
217 .message .card-header:before {
218 content: "";
219 border-color: transparent;
220 border-right-color: #ddd;
221 border-style: solid solid outset;
222 border-width: 10px;
223 height: 0;
224 width: 0;
225 margin-left: -40px;
226 top: calc(1rem - 1px);
227 position: absolute;
228 }
229 .message .card:before {
230 content: "";
231 border-color: transparent;
232 border-right-color: #f8f9fa;
233 border-style: solid solid outset;
234 border-width: 9px;
235 height: 0;
236 width: 0;
237 left: -18px;
238 top: 1rem;
239 position: absolute;
240 z-index: 10;
241 }
242 .message .from .avatar {
243 display: none;
244 }
245 }
246
247 .message .from .address {
248 font-weight: bold;
249 }
250
251 .message .details {
252 margin-top: .5em;
253 display: none;
254 }
255
256 .message span.line {
257 white-space: pre-wrap;
258 font-family: monospace;
259 }
260
261 /* diff styles */
262 .message span.line.diff.file {
263 color: #005cc5;
264 }
265 .message span.line.diff.separator {
266 color: #005cc5;
267 }
268 .message span.line.diff.addition {
269 color: #22863a;
270 background-color: #f0fff4;
271 }
272 .message span.line.diff.deletion {
273 color: #b31d28;
274 background-color: #ffeef0;
275 }
276 .message span.line.diff.range {
277 color: #6f42c1;
278 font-weight: bold;
279 }
280
281 /* commit styles */
282 .message span.commit.attribution {
283 color: #005cc5;
284 }
285 .message span.commit.header {
286 color: #005cc5;
287 }
288 .message span.commit.changelog {
289 color: #005cc5;
290 }
291
292 /* quote styles */
293 .message span.line.quote {
294 margin-left: 1em;
295 color: #3868cc;
296 }
297
298 .message span.line.cut-here {
299 color: #888;
300 }
301
302 .filter {
303 display: inline-block;
304 color: #fff;
305 background: #aaa;
306 text-align: center;
307 padding: 2px;
308 border-radius: 3px;
309 font-family: monospace;
310 margin: 1px;
311 }
312
313 .status-tag {
314 display: inline-block;
315 color: #fff;
316 text-align: center;
317 padding: 4px;
318 border-radius: 3px;
319 margin-right: 8px;
320 }
321
322 .status-tag.done {
323 background: #cb2431;
324 }
325 .status-tag.open {
326 background: #2cbe4e;
327 }
328
329 .error.parse {
330 font-style: italic;
331 font-size: 0.8em;
332 }