Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
/* Cubic Bezier Transition */
2 
/***
3 
Inbox Page
4 
***/
5 
.inbox {
6 
  margin-bottom: 20px; }
7 
  .inbox .compose-btn {
8 
    padding: 8px 14px; }
9 
  .inbox .inbox-content {
10 
    min-height: 400px; }
11 
  .inbox .inbox-nav {
12 
    margin: 30px 0;
13 
    padding: 0;
14 
    list-style: none; }
15 
    .inbox .inbox-nav > li {
16 
      padding: 0;
17 
      margin: 0; }
18 
      .inbox .inbox-nav > li > a {
19 
        text-decoration: none !important;
20 
        display: block;
21 
        padding: 8px 16px;
22 
        border-left: 4px solid transparent; }
23 
        .inbox .inbox-nav > li > a:hover {
24 
          background: #f1f4f7; }
25 
        .inbox .inbox-nav > li > a .badge {
26 
          float: right;
27 
          margin-top: 1px; }
28 
      .inbox .inbox-nav > li.active > a {
29 
        border-left: 4px solid #ed6b75; }
30 
      .inbox .inbox-nav > li.divider {
31 
        padding: 0;
32 
        margin: 4px 16px;
33 
        border-top: 1px solid #eef1f5; }
34 
  .inbox .inbox-contacts {
35 
    margin: 0 0 30px 0;
36 
    padding: 0;
37 
    list-style: none; }
38 
    .inbox .inbox-contacts > li {
39 
      padding: 0;
40 
      margin: 0; }
41 
      .inbox .inbox-contacts > li.divider {
42 
        padding: 0;
43 
        margin: 4px 16px;
44 
        border-top: 1px solid #eef1f5; }
45 
      .inbox .inbox-contacts > li > a {
46 
        position: relative;
47 
        display: block;
48 
        padding: 8px 16px;
49 
        color: #3f444a; }
50 
        .inbox .inbox-contacts > li > a:hover {
51 
          background: #f1f4f7;
52 
          text-decoration: none; }
53 
        .inbox .inbox-contacts > li > a .contact-name {
54 
          display: inline-block;
55 
          padding-left: 5px; }
56 
        .inbox .inbox-contacts > li > a .contact-pic {
57 
          width: 30px;
58 
          height: 30px;
59 
          border-radius: 50% !important; }
60 
        .inbox .inbox-contacts > li > a .contact-status {
61 
          position: absolute;
62 
          width: 10px;
63 
          height: 10px;
64 
          border-radius: 50% !important;
65 
          left: 38px;
66 
          top: 30px; }
67 
  .inbox .input-actions .btn {
68 
    margin-left: 10px; }
69 
  .inbox .inbox-view-info {
70 
    color: #666;
71 
    padding: 5px 0;
72 
    border-top: solid 1px #eee;
73 
    border-bottom: solid 1px #eee; }
74 
    .inbox .inbox-view-info .inbox-author {
75 
      border-radius: 50% !important;
76 
      margin-right: 10px; }
77 
    .inbox .inbox-view-info .inbox-info-btn .btn-group {
78 
      float: right;
79 
      margin-top: 5px; }
80 
  .inbox .inbox-sidebar {
81 
    padding: 20px;
82 
    border: 1px solid #e7ecf1;
83 
    border-radius: 4px; }
84 
  .inbox .inbox-body {
85 
    padding: 20px;
86 
    border: 1px solid #e7ecf1;
87 
    border-radius: 4px; }
88 
  .page-container-bg-solid .inbox .inbox-sidebar {
89 
    background: #ffffff;
90 
    border: 0; }
91 
  .page-container-bg-solid .inbox .inbox-body {
92 
    background: #ffffff;
93 
    border: 0; }
94 
 
95 
.inbox .inbox {
96 
  margin-bottom: 0px; }
97 
 
98 
.inbox .tab-content {
99 
  overflow: inherit; }
100 
 
101 
.inbox .inbox-loading {
102 
  display: none;
103 
  font-size: 22px;
104 
  font-weight: 300; }
105 
 
106 
/*Inbox Content*/
107 
.inbox .inbox-header {
108 
  overflow: hidden; }
109 
 
110 
.inbox .inbox-header h1 {
111 
  margin: 0;
112 
  color: #666;
113 
  margin-bottom: 20px; }
114 
 
115 
.inbox .pagination-control {
116 
  text-align: right; }
117 
 
118 
.inbox .pagination-control .pagination-info {
119 
  display: inline-block;
120 
  padding-right: 10px;
121 
  font-size: 14px;
122 
  line-height: 14px; }
123 
 
124 
.inbox tr {
125 
  color: #777;
126 
  font-size: 13px; }
127 
 
128 
.inbox tr label {
129 
  display: inline-block; }
130 
 
131 
.inbox tr.unread td {
132 
  font-weight: 600; }
133 
 
134 
.inbox td i.icon-paper-clip {
135 
  top: 2px;
136 
  color: #d8e0e5;
137 
  font-size: 17px;
138 
  position: relative; }
139 
 
140 
.inbox tr i.icon-star,
141 
.inbox tr i.icon-trash {
142 
  cursor: pointer; }
143 
 
144 
.inbox tr i.icon-star {
145 
  color: #eceef0; }
146 
 
147 
.inbox tr i.icon-star:hover {
148 
  color: #fd7b12; }
149 
 
150 
.inbox tr i.inbox-started {
151 
  color: #fd7b12; }
152 
 
153 
.inbox .table th,
154 
.inbox .table td {
155 
  border: none; }
156 
 
157 
.inbox .table th {
158 
  background: #eef4f7;
159 
  border-bottom: solid 5px #fff; }
160 
 
161 
.inbox th.text-right {
162 
  text-align: right; }
163 
 
164 
.inbox th label.inbox-select-all {
165 
  color: #828f97;
166 
  font-size: 13px;
167 
  padding: 1px 4px 0; }
168 
 
169 
.inbox td.text-right {
170 
  width: 100px;
171 
  text-align: right; }
172 
 
173 
.inbox td.inbox-small-cells {
174 
  width: 10px; }
175 
 
176 
.inbox .table-hover tbody tr:hover > td,
177 
.inbox .table-hover tbody tr:hover > th,
178 
.inbox .table-striped tbody > tr:nth-child(odd) > td,
179 
.inbox .table-striped tbody > tr:nth-child(odd) > th {
180 
  background: #f8fbfd;
181 
  cursor: pointer; }
182 
 
183 
.inbox .table-hover tbody tr:hover > td,
184 
.inbox .table-hover tbody tr:hover > th {
185 
  background: #eef4f7; }
186 
 
187 
/*Inbox Drafts*/
188 
.inbox .inbox-drafts {
189 
  padding: 8px 0;
190 
  text-align: center;
191 
  border-top: solid 1px #eee;
192 
  border-bottom: solid 1px #eee; }
193 
 
194 
/*Inbox View*/
195 
.inbox-view-header {
196 
  margin-bottom: 20px; }
197 
 
198 
.inbox-view-header h1 {
199 
  color: #666;
200 
  font-size: 22px;
201 
  line-height: 24px;
202 
  margin-bottom: 0 !important; }
203 
 
204 
.inbox-view-header h1 a {
205 
  top: -2px;
206 
  color: #fff;
207 
  cursor: pointer;
208 
  font-size: 13px;
209 
  padding: 2px 7px;
210 
  line-height: 16px;
211 
  position: relative;
212 
  background: #b0bcc4;
213 
  display: inline-block; }
214 
 
215 
.inbox-view-header h1 a:hover {
216 
  background: #aab5bc;
217 
  text-decoration: none; }
218 
 
219 
.inbox-view-header i.icon-print {
220 
  color: #94a4ab;
221 
  cursor: pointer;
222 
  font-size: 14px;
223 
  display: inline-block;
224 
  padding: 6px 8px !important;
225 
  background: #edf1f4 !important; }
226 
 
227 
.inbox-view-header i.icon-print:hover {
228 
  background: #e7ebef !important; }
229 
 
230 
.inbox-view-info strong {
231 
  color: #666;
232 
  margin: 0 10px 0 5px; }
233 
 
234 
.inbox-view {
235 
  color: #666;
236 
  padding: 10px 0 0; }
237 
 
238 
.inbox-view a {
239 
  color: #169ce9; }
240 
 
241 
.inbox-attached {
242 
  line-height: 16px; }
243 
 
244 
.inbox-attached a {
245 
  margin: 0 2px; }
246 
 
247 
.inbox-attached img {
248 
  height: auto;
249 
  max-width: 250px;
250 
  margin-bottom: 5px; }
251 
 
252 
.inbox-attached span {
253 
  margin-right: 3px; }
254 
 
255 
.inbox-attached strong {
256 
  color: #555;
257 
  display: block;
258 
  font-size: 13px; }
259 
 
260 
.inbox-attached .margin-bottom-25 {
261 
  margin-bottom: 25px; }
262 
 
263 
.inbox-attached .margin-bottom-15 {
264 
  margin-bottom: 15px; }
265 
 
266 
/*Inbox Compose*/
267 
.inbox-compose {
268 
  margin-top: 1px;
269 
  border: solid 1px #eee; }
270 
 
271 
.inbox-compose-btn {
272 
  padding: 12px 12px;
273 
  background: #f0f6fa; }
274 
 
275 
.inbox-compose-attachment {
276 
  padding: 8px 8px; }
277 
 
278 
.inbox-compose-attachment .btn {
279 
  padding: 4px 10px; }
280 
 
281 
.inbox-compose .inbox-form-group {
282 
  margin-bottom: 0;
283 
  position: relative;
284 
  border-bottom: solid 1px #eee; }
285 
 
286 
.inbox-compose .controls {
287 
  margin-left: 85px; }
288 
 
289 
.inbox-compose .inbox-form-group > label {
290 
  width: 80px;
291 
  float: left;
292 
  color: #979797;
293 
  text-align: right; }
294 
 
295 
.inbox-compose .controls > input {
296 
  border: none !important; }
297 
 
298 
.inbox-compose .controls-to {
299 
  padding-right: 55px; }
300 
 
301 
.inbox-compose .controls-cc {
302 
  padding-right: 20px; }
303 
 
304 
.inbox-compose .controls-bcc {
305 
  padding-right: 20px; }
306 
 
307 
.inbox-compose .inbox-form-group a.close {
308 
  top: 13px;
309 
  right: 10px;
310 
  position: absolute; }
311 
 
312 
.inbox-compose .mail-to .inbox-cc-bcc {
313 
  display: inline-block;
314 
  top: 7px;
315 
  right: 10px;
316 
  color: #979797;
317 
  font-size: 14px;
318 
  cursor: pointer;
319 
  position: absolute; }
320 
 
321 
.inbox-compose .mail-to .inbox-bcc {
322 
  margin-left: 5px; }
323 
 
324 
.inbox-compose .mail-to inbox-cc:hover,
325 
.inbox-compose .mail-to inbox-bcc:hover {
326 
  color: #777; }
327 
 
328 
.inbox-compose .wysihtml5 {
329 
  padding: 0px !important;
330 
  margin: 0px !important;
331 
  border: 0 !important; }
332 
 
333 
.inbox-compose .wysihtml5-sandbox {
334 
  padding: 0px !important;
335 
  margin: 0px !important;
336 
  display: block !important;
337 
  border: 0 !important;
338 
  margin-top: 5px;
339 
  width: 100% !important;
340 
  border-left: none;
341 
  border-right: none;
342 
  border-color: #eee; }
343 
 
344 
.inbox-compose .wysihtml5-toolbar {
345 
  border: 0;
346 
  border-bottom: 1px solid #eee; }
347 
 
348 
.inbox-compose .wysihtml5-toolbar > li {
349 
  height: 34px;
350 
  margin-right: 0;
351 
  margin-bottom: 0; }
352 
 
353 
.inbox-compose .wysihtml5-toolbar > li > a,
354 
.inbox-compose .wysihtml5-toolbar > li > div > a {
355 
  background: #fff !important;
356 
  border-color: #fff !important; }
357 
  .inbox-compose .wysihtml5-toolbar > li > a:hover,
358 
  .inbox-compose .wysihtml5-toolbar > li > div > a:hover {
359 
    background: #f1f1f1 !important;
360 
    border-color: #f1f1f1 !important;
361 
    border-radius: 0; }
362 
 
363 
.inbox-compose .wysihtml5-toolbar .dropdown.open .dropdown-toggle,
364 
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
365 
  background: #eee !important; }
366 
 
367 
@media (max-width: 480px) {
368 
  .inbox-compose .inbox-form-group > label {
369 
    margin-top: 7px; } }