css: Make space for avatars on wide screens.
[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 display: none;
128 }
129
130 @media (min-width: 768px) {
131 .conversation .avatar {
132 height: 64px;
133 width: 64px;
134 border: 1px solid #ddd;
135 border-radius: 6px;
136 color: #fff;
137 display: flex;
138 justify-content: center;
139 align-items: center;
140 font-size: 58px;
141 position: absolute;
142 }
143 }
144
145 .address + .address:before {
146 content: ", ";
147 }
148
149 @media (min-width: 768px) {
150 .message {
151 margin-left: 80px;
152 }
153 }
154
155 .message .body pre {
156 background: transparent;
157 border: none;
158 }
159
160 .message .body .multipart {
161 padding-bottom: 1rem;
162 }
163
164 .message .body .multipart + .multipart {
165 padding-top: 1rem;
166 padding-bottom: 1rem;
167 border-top: 1px dashed #ddd;
168 }
169
170 .multipart.application-pgp-signature {
171 display: none;
172 }
173
174 .multipart.text-x-patch {
175 }
176
177 .multipart.scheme {
178 white-space: pre-wrap;
179 font-family: monospace;
180 }
181
182 .attachment:before {
183 background-image: url('/img/file.svg');
184 background-size: 1rem;
185 display: inline-block;
186 height: 1rem;
187 width: 1rem;
188 content: "";
189 }
190
191 .download-part {
192 float: right;
193 font-size: 0.8em;
194 font-style: italic;
195 }
196
197 .message .from .address {
198 font-weight: bold;
199 }
200
201 .message .details {
202 margin-top: .5em;
203 display: none;
204 }
205
206 .message span.line {
207 white-space: pre-wrap;
208 font-family: monospace;
209 }
210
211 /* diff styles */
212 .message span.line.diff.file {
213 color: #005cc5;
214 }
215 .message span.line.diff.separator {
216 color: #005cc5;
217 }
218 .message span.line.diff.addition {
219 color: #22863a;
220 background-color: #f0fff4;
221 }
222 .message span.line.diff.deletion {
223 color: #b31d28;
224 background-color: #ffeef0;
225 }
226 .message span.line.diff.range {
227 color: #6f42c1;
228 font-weight: bold;
229 }
230
231 /* commit styles */
232 .message span.commit.attribution {
233 color: #005cc5;
234 }
235 .message span.commit.header {
236 color: #005cc5;
237 }
238 .message span.commit.changelog {
239 color: #005cc5;
240 }
241
242 /* quote styles */
243 .message span.line.quote {
244 margin-left: 1em;
245 color: #3868cc;
246 }
247
248 .message span.line.cut-here {
249 color: #888;
250 }
251
252 .filter {
253 display: inline-block;
254 color: #fff;
255 background: #aaa;
256 text-align: center;
257 padding: 2px;
258 border-radius: 3px;
259 font-family: monospace;
260 margin: 1px;
261 }
262
263 .status-tag {
264 display: inline-block;
265 color: #fff;
266 text-align: center;
267 padding: 4px;
268 border-radius: 3px;
269 margin-right: 8px;
270 }
271
272 .status-tag.done {
273 background: #cb2431;
274 }
275 .status-tag.open {
276 background: #2cbe4e;
277 }
278
279 .error.parse {
280 font-style: italic;
281 font-size: 0.8em;
282 }