1517a56afa1c697f4a23266ee0cb9875d247bfd0
[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 border-radius: 0;
89 }
90 #header .navbar-brand {
91 padding: 0;
92 }
93
94 #header #search input:focus {
95 width: 500px;
96 }
97
98 table {
99 width: 100%;
100 }
101
102 /* messages */
103 .row.event {
104 margin-bottom: 1em;
105 font-size: 1.2em;
106 }
107
108 .info .stat {
109 display: block;
110 color: #586069;
111 }
112 .info .stat .label {
113 display: block;
114 }
115
116 .conversation .avatar {
117 height: 64px;
118 width: 64px;
119 border: 1px solid #ddd;
120 border-radius: 6px;
121 color: #fff;
122 display: flex;
123 justify-content: center;
124 align-items: center;
125 font-size: 58px;
126 }
127
128 .address + .address:before {
129 content: ", ";
130 }
131
132 .message .body pre {
133 background: transparent;
134 border: none;
135 }
136
137 .message .body .multipart {
138 padding-bottom: 1rem;
139 }
140
141 .message .body .multipart + .multipart {
142 padding-top: 1rem;
143 padding-bottom: 1rem;
144 border-top: 1px dashed #ddd;
145 }
146
147 .multipart.application-pgp-signature {
148 display: none;
149 }
150
151 .multipart.text-x-patch {
152 }
153
154 .message .from .address {
155 font-weight: bold;
156 }
157
158 .message .details {
159 margin-top: .5em;
160 display: none;
161 }
162
163 .message span.line {
164 white-space: pre-wrap;
165 font-family: monospace;
166 }
167
168 /* diff styles */
169 .message span.line.diff.file {
170 color: #005cc5;
171 }
172 .message span.line.diff.separator {
173 color: #005cc5;
174 }
175 .message span.line.diff.addition {
176 color: #22863a;
177 background-color: #f0fff4;
178 }
179 .message span.line.diff.deletion {
180 color: #b31d28;
181 background-color: #ffeef0;
182 }
183 .message span.line.diff.range {
184 color: #6f42c1;
185 font-weight: bold;
186 }
187
188 /* commit styles */
189 .message span.commit.attribution {
190 color: #005cc5;
191 }
192 .message span.commit.header {
193 color: #005cc5;
194 }
195 .message span.commit.changelog {
196 color: #005cc5;
197 }
198
199 /* quote styles */
200 .message span.line.quote {
201 margin-left: 1em;
202 color: #3868cc;
203 }
204
205 .message span.line.cut-here {
206 color: #888;
207 }
208
209 .filter {
210 display: inline-block;
211 color: #fff;
212 background: #aaa;
213 text-align: center;
214 padding: 2px;
215 border-radius: 3px;
216 font-family: monospace;
217 }
218
219 .status-tag {
220 display: inline-block;
221 color: #fff;
222 text-align: center;
223 padding: 4px;
224 border-radius: 3px;
225 margin-right: 8px;
226 }
227
228 .status-tag.done {
229 background: #cb2431;
230 }
231 .status-tag.open {
232 background: #2cbe4e;
233 }
234
235 .error.parse {
236 font-style: italic;
237 font-size: 0.8em;
238 }