public/assets/css/inbox.css

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