]> git.elephly.net Git - software/mumi.git/blob - assets/css/screen.css
css: Make tables fill the whole container width.
[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 .title {
26 clear: both;
27 font-size: 16px;
28 margin-bottom: 1rem;
29 border-bottom: 1px dashed #ddd;
30 padding: 0px;
31 padding-bottom: 1rem;
32 color: #586069;
33 }
34
35 .comment-box {
36 margin-top: 1rem;
37 margin-bottom: 2rem;
38 border-top: 1px dashed #ddd;
39 padding-top: 1rem;
40 }
41
42 h2 {
43 border-bottom: 1px solid #eee;
44 padding-bottom: 5px;
45 }
46
47 p {
48 max-width: 70rem;
49 }
50
51 p + p {
52 text-indent: 0.5rem;
53 margin-top: 1.0rem;
54 }
55
56
57 form {
58 padding-bottom: 2em;
59 }
60
61 label {
62 text-align: right;
63 margin-right: 0.5em;
64 }
65
66 thead {
67 border-bottom: 2px solid #ddd;
68 font-weight: bold;
69 }
70
71 tr {
72 border-bottom: 1px solid #ddd;
73 }
74
75 tr td:nth-child(3){
76 min-width: 8rem;
77 }
78
79 #header {
80 background: #333333;
81 border-color: #1A1A1A1A;
82 border-style: none none solid none;
83 border-width: thin;
84 width: 100%;
85 margin-bottom: 1rem;
86 padding: .5em;
87 color: #fff;
88 position: relative;
89 display: block;
90 }
91 #header a {
92 color: #fff;
93 text-decorations: none;
94 }
95
96 #header .flex {
97 display: flex;
98 }
99
100 #header .flex .logo {
101 display: inline-block;
102 float: left;
103 }
104
105 #header .flex form {
106 display: inline-block;
107 }
108
109 input#query {
110 box-sizing: border-box;
111 width: 100%;
112 padding: .2rem;
113 color: #111;
114 border-radius: 3px;
115 }
116
117 #header input#query {
118 width: auto;
119 position: absolute;
120 right: 1rem;
121 }
122
123 table {
124 width: 100%;
125 }
126
127 /* messages */
128 .row.event {
129 margin-bottom: 1em;
130 font-size: 1.2em;
131 }
132
133 .info .stat {
134 display: block;
135 color: #586069;
136 }
137 .info .stat .label {
138 display: block;
139 }
140
141 .conversation .avatar {
142 height: 64px;
143 width: 64px;
144 border: 1px solid #ddd;
145 border-radius: 6px;
146 color: #fff;
147 display: flex;
148 justify-content: center;
149 align-items: center;
150 font-size: 58px;
151 }
152
153 .address + .address:before {
154 content: ", ";
155 }
156
157 .message .body pre {
158 background: transparent;
159 border: none;
160 }
161
162 .message .body .multipart {
163 padding-bottom: 1rem;
164 }
165
166 .message .body .multipart + .multipart {
167 padding-top: 1rem;
168 padding-bottom: 1rem;
169 border-top: 1px dashed #ddd;
170 }
171
172 .multipart.application-pgp-signature {
173 display: none;
174 }
175
176 .multipart.text-x-patch {
177 }
178
179 .message .from .address {
180 font-weight: bold;
181 }
182
183 .message .details {
184 margin-top: .5em;
185 display: none;
186 }
187
188 .message span.line {
189 white-space: pre-wrap;
190 font-family: monospace;
191 }
192
193 /* diff styles */
194 .message span.line.diff.file {
195 color: #005cc5;
196 }
197 .message span.line.diff.separator {
198 color: #005cc5;
199 }
200 .message span.line.diff.addition {
201 color: #22863a;
202 background-color: #f0fff4;
203 }
204 .message span.line.diff.deletion {
205 color: #b31d28;
206 background-color: #ffeef0;
207 }
208 .message span.line.diff.range {
209 color: #6f42c1;
210 font-weight: bold;
211 }
212
213 /* commit styles */
214 .message span.commit.attribution {
215 color: #005cc5;
216 }
217 .message span.commit.header {
218 color: #005cc5;
219 }
220 .message span.commit.changelog {
221 color: #005cc5;
222 }
223
224 /* quote styles */
225 .message span.line.quote {
226 margin-left: 1em;
227 color: #3868cc;
228 }
229
230 .message span.line.cut-here {
231 color: #888;
232 }
233
234 .status-tag {
235 display: inline-block;
236 color: #fff;
237 text-align: center;
238 padding: 4px;
239 border-radius: 3px;
240 margin-right: 8px;
241 }
242
243 .status-tag.done {
244 background: #cb2431;
245 }
246 .status-tag.open {
247 background: #2cbe4e;
248 }
249
250 .error.parse {
251 font-style: italic;
252 font-size: 0.8em;
253 }