Use the Guix logo instead of GuixSD.
[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 p {
65 max-width: 70rem;
66 }
67
68 p + p {
69 text-indent: 0.5rem;
70 margin-top: 1.0rem;
71 }
72
73
74 form {
75 padding-bottom: 2em;
76 }
77
78 label {
79 text-align: right;
80 margin-right: 0.5em;
81 }
82
83 thead {
84 border-bottom: 2px solid #ddd;
85 font-weight: bold;
86 }
87
88 tr {
89 border-bottom: 1px solid #ddd;
90 }
91
92 tr td:nth-child(3){
93 min-width: 8rem;
94 }
95
96 #header {
97 background: #333333;
98 border-color: #1A1A1A1A;
99 border-style: none none solid none;
100 border-width: thin;
101 width: 100%;
102 margin-bottom: 1rem;
103 padding: .5em;
104 color: #fff;
105 border-radius: 0;
106 }
107 #header .navbar-brand {
108 padding: 0;
109 }
110
111 #header #search input:focus {
112 width: 500px;
113 }
114
115 table {
116 width: 100%;
117 }
118
119 /* messages */
120 .row.event {
121 margin-bottom: 1em;
122 font-size: 1.2em;
123 }
124
125 .info .stat {
126 display: block;
127 color: #586069;
128 }
129 .info .stat .label {
130 display: block;
131 }
132
133 .conversation .avatar {
134 height: 64px;
135 width: 64px;
136 border: 1px solid #ddd;
137 border-radius: 6px;
138 color: #fff;
139 display: flex;
140 justify-content: center;
141 align-items: center;
142 font-size: 58px;
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 }
255
256 .status-tag {
257 display: inline-block;
258 color: #fff;
259 text-align: center;
260 padding: 4px;
261 border-radius: 3px;
262 margin-right: 8px;
263 }
264
265 .status-tag.done {
266 background: #cb2431;
267 }
268 .status-tag.open {
269 background: #2cbe4e;
270 }
271
272 .error.parse {
273 font-style: italic;
274 font-size: 0.8em;
275 }