pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
section-inbox.less
(7684B)
1 /*
2 * INBOX
3 */
4 .table-wrap {
5 overflow: auto;
6
7 }
8 .inbox-body {position:relative}
9
10 .inbox-body .table-wrap {
11 background:@white;
12 padding:10px 14px 7px;
13 position:relative;
14 margin-left:200px;
15 }
16 .inbox-body.no-content-padding {
17 margin-top:0;
18 background:@white;
19 }
20
21 .inbox-nav-bar {
22 height: 70px;
23 margin-bottom: 0;
24 /*border-bottom: 1px solid #CECECE;*/
25 padding: 20px 14px;
26 background:@white;
27
28 }
29
30 .inbox-nav-bar .page-title {
31 display: inline-block;
32 margin: 0;
33 width: 196px;
34 line-height: 33px;
35 vertical-align: middle;
36 }
37
38 .inbox-footer {
39 height: 52px;
40 padding: 15px 14px 0;
41 border-top: 1px solid #CECECE;
42 background: @asideColor-start;
43 position: absolute;
44 bottom: -53px;
45 width: 100%;
46 }
47 .inbox-paging {
48 margin-left:10px;
49 }
50
51 .inbox-footer .btn-group {
52 margin-left:10px;
53 }
54
55 #inbox-table {
56 font-size: 13px;
57 border-top: none;
58 border-left-color: transparent !important;
59 border-right-color: transparent !important;
60 }
61
62
63 #inbox-table tbody tr:hover {
64 cursor: pointer;
65 background:#E4E4E4;
66 }
67
68 #inbox-table tr td {
69 border-right: none;
70 border-left: none;
71 line-height:26px;
72 padding:6px 4px 7px !important;
73 }
74
75 #inbox-table .inbox-table-icon {
76 padding-left:15px !important;
77 }
78
79 #inbox-table tbody tr th {
80 overflow: hidden;
81 }
82
83 #inbox-table.table tbody>tr>td {
84 border-color:#fff !important;
85 }
86
87 #inbox-table .radio, #inbox-table .checkbox {
88 margin-top:-1px;
89 margin-bottom:0px;
90 }
91
92 .inbox-table-icon, .inbox-data-attachment {
93 width: 28px;
94 text-align: left;
95 padding-left: 12px !important;
96 padding-right: 0px !important;
97 }
98
99 .inbox-table-icon, .inbox-data-attachment > :first-child {
100
101 }
102
103 .inbox-data-from {
104 width: 200px;
105 }
106
107 .inbox-data-from > :first-child {
108 width: 200px;
109 display:block;
110 overflow: hidden;
111 text-overflow: ellipsis;
112 white-space: nowrap;
113 }
114
115 .inbox-data-date {
116 width: 80px;
117 padding-left: 7px !important;
118 padding-right: 0px !important;
119 }
120 .inbox-data-message > :first-child {
121 width: 100%;
122 overflow: hidden;
123 text-overflow: ellipsis;
124 white-space: nowrap;
125 height: 27px;
126 color:#8A8A8A;
127 } .inbox-data-message > :first-child span {
128 color:#111;
129 }.inbox-data-message > :first-child span.label {
130 color:@white;
131 }
132
133 .inbox-data-message > :first-child > :first-child:after {
134 content: " - ";
135 }
136
137 .unread td {
138 background: @white;
139 }
140
141 .unread .inbox-data-message > :first-child > :first-child, .unread .inbox-data-from > :first-child, .unread .inbox-data-date > :first-child {
142 font-weight: bold;
143 }
144
145 tr.highlight td, tr.unread.highlight td {
146 background: #ffffcc !important; /*#ffffcc;*/
147 color: @gray-dark;
148 }
149
150 .inbox-checkbox-triggered {
151 display:inline-block;
152 }
153
154 .inbox-checkbox-triggered > .btn-group {
155 margin-right:10px;
156 }
157
158 .inbox-checkbox-triggered > .btn-group .btn {
159 padding-left:14px;
160 padding-right:14px;
161 }
162
163 .inbox-side-bar {
164 height:100%;
165 position:absolute;
166 background:@white;
167 display:block;
168 width:200px;
169 padding: 10px 0 10px 14px;
170 }
171
172 .inbox-side-bar h6 {
173 font-weight:normal;
174 font-size:11px;
175 display:block;
176 padding:0px 15px;
177 text-transform:uppercase;
178 color: #838383;
179 }
180 .inbox-side-bar h6 a {
181 font-size: @font-size-base + 1px;
182 margin-top:-2px;
183
184 }
185 .inbox-side-bar h6 .tooltip {
186 text-transform:none !important;
187 }
188
189 .inbox-side-bar > .btn {
190 margin-bottom:35px;
191 }
192 .inbox-side-bar .input-group {
193 margin-bottom:25px;
194 }
195
196 #compose-mail-mini {
197 margin-left:4px;
198 }
199
200 .inbox-space {
201 display:block;
202 width:185px;
203 }
204
205 .inbox-space > .progress {
206 margin-top:5px;
207 }
208
209 .inbox-menu-lg {
210 list-style:none;
211 padding:0;
212 margin: 0 0 20px 0;
213 }.inbox-menu-lg li a {
214 display:block;
215 padding: 6px 15px 7px;
216 font-size: @font-size-base;
217 color:@gray-dark;
218 }.inbox-menu-lg li {
219 display:block;
220 width:100%;
221 }.inbox-menu-lg li a:hover {
222 text-decoration:none;
223 background: @gray-lightest;
224 }.inbox-menu-lg li.active a {
225 font-weight:bold;
226 background: #F0F0F0;
227 border-bottom: 1px solid #E7E7E7;
228 color:@blueStandard;
229 }
230
231 .inbox-menu-sm {
232 list-style:none;
233 padding:0;
234 margin: 0 0 20px 0;
235 }.inbox-menu-sm li a {
236 display:block;
237 padding:8px 15px 10px;
238 font-size: @font-size-base;
239 color:@gray-dark;
240 }.inbox-menu-sm li {
241 display:block;
242 width:100%;
243 }.inbox-menu-sm li a:hover {
244 text-decoration:none;
245 background: @gray-lightest;
246 }.inbox-menu-sm li.active a {
247 font-weight:bold;
248 background: #F0F0F0;
249 border-bottom: 1px solid #E7E7E7;
250 color:@blueStandard;
251 }
252
253 /*
254 * Email opened
255 */
256
257 .email-open-header {
258 margin: -10px 0 0 0;
259 font-size: 20px;
260 border-bottom: 1px solid @gray-mid-light;
261 border-top: 1px solid @gray-lighter;
262 padding: 15px 3px;
263 } .email-open-header > span {
264 font-size:10px;
265 font-weight:normal;
266 padding:3px 5px;
267 letter-spacing:normal;
268 text-transform: uppercase;
269 vertical-align: middle;
270 line-height: 33px;
271 background:#ACACAC;
272 }
273
274 .inbox-info-bar {
275 padding:10px 0px;
276 border-bottom: 1px solid @gray-mid-light;
277 }
278
279 .inbox-info-bar img {
280 width: 35px;
281 height: auto;
282 display: inline-block;
283 vertical-align: middle;
284 margin-right: 7px;
285 margin-left: 2px;
286 border-left: 3px solid #FFF
287 }
288
289 .inbox-message, .inbox-download {
290 padding:15px 4px;
291 border-bottom: 1px solid @gray-mid-light;
292 }
293
294 .inbox-download-list {
295 list-style:none;
296 margin:5px 0 0;
297 padding:0;
298 }.inbox-download-list li {
299 display:inline-block;
300 margin:0 5px 0 0;
301 vertical-align:top;
302 }.inbox-download-list li>:first-child {
303 margin-bottom:0;
304 width: 150px;
305 overflow:hidden;
306 }.inbox-download-list li>:first-child:hover {
307 background:@white;
308 border-color:#C0C0C0;
309 }
310
311 .inbox-download-list li>:first-child >:first-child {
312 text-align:center;
313 display:block;
314 color: #D6D6D6;
315 }.inbox-download-list li>:first-child >:first-child > .fa{
316 font-size: 150px;
317 }
318 .inbox-download-list li>:first-child >:first-child > img {
319 max-width:120px;
320 }
321
322 .inbox-compose-footer {
323 padding:10px;
324 background:#F5F5F5;
325 border-bottom:1px solid #A9A9A9;
326 }
327
328 /* added space for large width devices */
329
330
331 .inbox-info-bar, .inbox-message, .inbox-download, .inbox-compose-footer {
332 margin-right:240px;
333 position:relative;
334 }
335
336 .email-infobox {
337 display:block;
338 width:180px;
339 border-bottom:1px solid @gray-mid-light;
340 padding-bottom:0px;
341 padding-top:15px;
342 position:absolute;
343 top:65px;
344 right:15px;
345 }
346
347 /* compose email */
348
349 .inbox-info-bar .form-group {
350 margin:0;
351 }
352
353 .inbox-info-bar .form-group input, .inbox-info-bar .select2-container-multi .select2-choices {
354 border-color: @white !important;
355 }
356
357 .inbox-info-bar .select2-choices > div {
358 display:none
359 }
360
361 .inbox-info-bar .col-md-1, .inbox-info-bar .col-md-11 {
362 padding-left:0px;
363 padding-right:0px;
364 }
365
366 .fileinput {
367 padding-top:3px;
368 }
369
370 .hidden {
371 display:none;
372 }
373
374 .inbox-info-bar em {
375 position: absolute;
376 top: 6px;
377 right: 20px;
378 text-align:right;
379 font-style:normal;
380 }
381
382 /* email reply text */
383
384 .email-reply-text > div {
385 border-left:1px solid #D6D6D6;
386 padding-left:10px;
387 margin-left:50px;
388 color:#A9A9A9;
389 }
390
391 .email-reply-text >:first-child {
392 padding-left: 45px;
393 }
394
395 @media (max-width: 1280px) {
396
397 .inbox-info-bar, .inbox-message, .inbox-compose-footer {
398 margin-right:0px;
399 }
400
401 .email-infobox {
402 display:none;
403 }
404
405 }
406
407 @media (max-width: 1024px) {
408 .inbox-side-bar {
409 display:none !important;
410 }
411 .inbox-body .table-wrap {
412 margin-left:0px !important;
413 }
414
415 .inbox-info-bar .col-md-1, .inbox-info-bar .col-md-11 {
416 padding-left:26px;
417 padding-right:26px;
418 }
419 }