html: Show block info.
[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 .logo:link,
26 .logo:visited {
27 background-image: url("../img/logo.png");
28 background-position: bottom;
29 background-repeat: no-repeat;
30 border-style: none;
31 display: inline-block;
32 height: 55px;
33 width: 170px;
34 }
35
36 .logo:active,
37 .logo:focus,
38 .logo:hover {
39 background-position: top;
40 }
41
42 .title {
43 clear: both;
44 font-size: 16px;
45 margin-bottom: 1rem;
46 border-bottom: 1px dashed #ddd;
47 padding: 0px;
48 padding-bottom: 1rem;
49 color: #586069;
50 }
51
52 .comment-box {
53 margin-top: 1rem;
54 margin-bottom: 2rem;
55 border-top: 1px dashed #ddd;
56 padding-top: 1rem;
57 }
58
59 h2 {
60 border-bottom: 1px solid #eee;
61 padding-bottom: 5px;
62 }
63
64 ul.merged li, ul.blockedby li, ul.blocks li {
65 display: inline-block;
66 }
67 ul.merged li + li:before,
68 ul.blockedby li + li:before,
69 ul.blocks li + li:before {
70 content: ", ";
71 }
72
73 p {
74 max-width: 70rem;
75 }
76
77 p + p {
78 text-indent: 0.5rem;
79 margin-top: 1.0rem;
80 }
81
82
83 form {
84 padding-bottom: 2em;
85 }
86
87 label {
88 text-align: right;
89 margin-right: 0.5em;
90 }
91
92 thead {
93 border-bottom: 2px solid #ddd;
94 font-weight: bold;
95 }
96
97 tr {
98 border-bottom: 1px solid #ddd;
99 }
100
101 tr td:nth-child(3){
102 min-width: 8rem;
103 }
104
105 tr.serious td:nth-child(1) {
106 background-color: #ff5a2a;
107 color: #fff;
108 }
109 tr.important td:nth-child(1) {
110 background-color: #feaaaa;
111 }
112
113 #header {
114 background: #333333;
115 border-color: #1A1A1A1A;
116 border-style: none none solid none;
117 border-width: thin;
118 width: 100%;
119 margin-bottom: 1rem;
120 padding: .5em;
121 color: #fff;
122 border-radius: 0;
123 }
124 #header .navbar-brand {
125 padding: 0;
126 }
127
128 #header #search input:focus {
129 width: 500px;
130 }
131
132 table {
133 width: 100%;
134 }
135
136 /* messages */
137 .row.event {
138 margin-bottom: 1em;
139 font-size: 1.2em;
140 }
141
142 .info .stat {
143 display: block;
144 color: #586069;
145 }
146 .info .stat .label {
147 display: block;
148 }
149
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 }
161
162 .address + .address:before {
163 content: ", ";
164 }
165
166 .message .body pre {
167 background: transparent;
168 border: none;
169 }
170
171 .message .body .multipart {
172 padding-bottom: 1rem;
173 }
174
175 .message .body .multipart + .multipart {
176 padding-top: 1rem;
177 padding-bottom: 1rem;
178 border-top: 1px dashed #ddd;
179 }
180
181 .multipart.application-pgp-signature {
182 display: none;
183 }
184
185 .multipart.text-x-patch {
186 }
187
188 .multipart.scheme {
189 white-space: pre-wrap;
190 font-family: monospace;
191 }
192
193 .attachment:before {
194 background-image: url('/img/file.svg');
195 background-size: 1rem;
196 display: inline-block;
197 height: 1rem;
198 width: 1rem;
199 content: "";
200 }
201
202 .download-part {
203 float: right;
204 font-size: 0.8em;
205 font-style: italic;
206 }
207
208 .message .from .address {
209 font-weight: bold;
210 }
211
212 .message .details {
213 margin-top: .5em;
214 display: none;
215 }
216
217 .message span.line {
218 white-space: pre-wrap;
219 font-family: monospace;
220 }
221
222 /* diff styles */
223 .message span.line.diff.file {
224 color: #005cc5;
225 }
226 .message span.line.diff.separator {
227 color: #005cc5;
228 }
229 .message span.line.diff.addition {
230 color: #22863a;
231 background-color: #f0fff4;
232 }
233 .message span.line.diff.deletion {
234 color: #b31d28;
235 background-color: #ffeef0;
236 }
237 .message span.line.diff.range {
238 color: #6f42c1;
239 font-weight: bold;
240 }
241
242 /* commit styles */
243 .message span.commit.attribution {
244 color: #005cc5;
245 }
246 .message span.commit.header {
247 color: #005cc5;
248 }
249 .message span.commit.changelog {
250 color: #005cc5;
251 }
252
253 /* quote styles */
254 .message span.line.quote {
255 margin-left: 1em;
256 color: #3868cc;
257 }
258
259 .message span.line.cut-here {
260 color: #888;
261 }
262
263 .filter {
264 display: inline-block;
265 color: #fff;
266 background: #aaa;
267 text-align: center;
268 padding: 2px;
269 border-radius: 3px;
270 font-family: monospace;
271 }
272
273 .status-tag {
274 display: inline-block;
275 color: #fff;
276 text-align: center;
277 padding: 4px;
278 border-radius: 3px;
279 margin-right: 8px;
280 }
281
282 .status-tag.done {
283 background: #cb2431;
284 }
285 .status-tag.open {
286 background: #2cbe4e;
287 }
288
289 .error.parse {
290 font-style: italic;
291 font-size: 0.8em;
292 }