7ebdf3850292602cc9a1bd3e0d5497a42b2f6f60
[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: 2em;
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 #search input:focus {
92 width: 500px;
93 }
94
95 footer {
96 border-color: #1A1A1A1A;
97 border-style: dashed none none none;
98 border-width: 2px;
99 width: 100%;
100 align-items: center;
101 text-align: center;
102 margin-top: 3rem;
103 padding: 1rem;
104 color: #586069;
105 background: #fafafa;
106 }
107
108 table {
109 width: 100%;
110 }
111
112 /* messages */
113 .row.event {
114 margin-bottom: 1em;
115 font-size: 1.2em;
116 }
117
118 .info .stat {
119 display: block;
120 color: #586069;
121 }
122 .info .stat .label {
123 display: block;
124 }
125
126 .conversation .avatar {
127 height: 64px;
128 width: 64px;
129 border: 1px solid #ddd;
130 border-radius: 6px;
131 color: #fff;
132 display: flex;
133 justify-content: center;
134 align-items: center;
135 font-size: 58px;
136 }
137
138 .address + .address:before {
139 content: ", ";
140 }
141
142 .message .body pre {
143 background: transparent;
144 border: none;
145 }
146
147 .message .body .multipart {
148 padding-bottom: 1rem;
149 }
150
151 .message .body .multipart + .multipart {
152 padding-top: 1rem;
153 padding-bottom: 1rem;
154 border-top: 1px dashed #ddd;
155 }
156
157 .multipart.application-pgp-signature {
158 display: none;
159 }
160
161 .multipart.text-x-patch {
162 }
163
164 .multipart.scheme {
165 white-space: pre-wrap;
166 font-family: monospace;
167 }
168
169 .attachment:before {
170 background-image: url('/img/file.svg');
171 background-size: 1rem;
172 display: inline-block;
173 height: 1rem;
174 width: 1rem;
175 content: "";
176 }
177
178 .download-part {
179 float: right;
180 font-size: 0.8em;
181 font-style: italic;
182 }
183
184 .message .from .address {
185 font-weight: bold;
186 }
187
188 .message .details {
189 margin-top: .5em;
190 display: none;
191 }
192
193 .message span.line {
194 white-space: pre-wrap;
195 font-family: monospace;
196 }
197
198 /* diff styles */
199 .message span.line.diff.file {
200 color: #005cc5;
201 }
202 .message span.line.diff.separator {
203 color: #005cc5;
204 }
205 .message span.line.diff.addition {
206 color: #22863a;
207 background-color: #f0fff4;
208 }
209 .message span.line.diff.deletion {
210 color: #b31d28;
211 background-color: #ffeef0;
212 }
213 .message span.line.diff.range {
214 color: #6f42c1;
215 font-weight: bold;
216 }
217
218 /* commit styles */
219 .message span.commit.attribution {
220 color: #005cc5;
221 }
222 .message span.commit.header {
223 color: #005cc5;
224 }
225 .message span.commit.changelog {
226 color: #005cc5;
227 }
228
229 /* quote styles */
230 .message span.line.quote {
231 margin-left: 1em;
232 color: #3868cc;
233 }
234
235 .message span.line.cut-here {
236 color: #888;
237 }
238
239 .filter {
240 display: inline-block;
241 color: #fff;
242 background: #aaa;
243 text-align: center;
244 padding: 2px;
245 border-radius: 3px;
246 font-family: monospace;
247 margin: 1px;
248 }
249
250 .status-tag {
251 display: inline-block;
252 color: #fff;
253 text-align: center;
254 padding: 4px;
255 border-radius: 3px;
256 margin-right: 8px;
257 }
258
259 .status-tag.done {
260 background: #cb2431;
261 }
262 .status-tag.open {
263 background: #2cbe4e;
264 }
265
266 .error.parse {
267 font-style: italic;
268 font-size: 0.8em;
269 }