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