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