| 1 | .inbox-tabs.nav-tabs {
|
|---|
| 2 | > li {
|
|---|
| 3 | > a {
|
|---|
| 4 | background-color:#FAFAFA;
|
|---|
| 5 | }
|
|---|
| 6 | &.active:not(.open) > a {
|
|---|
| 7 | & , &:hover, &:focus {
|
|---|
| 8 | background-color:#F1F5FA;
|
|---|
| 9 | box-shadow:0 -2px 3px 0 rgba(0, 0, 0, 0.1);
|
|---|
| 10 | color:#48768E;
|
|---|
| 11 | }
|
|---|
| 12 | }
|
|---|
| 13 |
|
|---|
| 14 | > a.btn-new-mail {
|
|---|
| 15 | background-color:transparent;
|
|---|
| 16 | border:none !important;
|
|---|
| 17 | padding:0 !important;
|
|---|
| 18 | > .btn {
|
|---|
| 19 | border-width:0 !important;
|
|---|
| 20 | border-radius:3px !important;
|
|---|
| 21 |
|
|---|
| 22 | padding:0 6px !important;
|
|---|
| 23 |
|
|---|
| 24 | position:relative;
|
|---|
| 25 |
|
|---|
| 26 | transition:none !important;
|
|---|
| 27 | }
|
|---|
| 28 | }
|
|---|
| 29 | &.active > a.btn-new-mail {
|
|---|
| 30 | box-shadow:none !important;
|
|---|
| 31 |
|
|---|
| 32 | > .btn:before {
|
|---|
| 33 | content:"";
|
|---|
| 34 | display:block;
|
|---|
| 35 | position:absolute; top:100%; left:35%; left:~"calc(50% - 6px)";
|
|---|
| 36 | border-width:6px 8px;
|
|---|
| 37 |
|
|---|
| 38 | border-style:solid;
|
|---|
| 39 | border-color:transparent;
|
|---|
| 40 | border-top-color:inherit;
|
|---|
| 41 | }
|
|---|
| 42 | }
|
|---|
| 43 |
|
|---|
| 44 | }
|
|---|
| 45 |
|
|---|
| 46 | &.tab-size-bigger > li {
|
|---|
| 47 | > a {
|
|---|
| 48 | padding:5px 15px 7px;
|
|---|
| 49 | font-size:14px;
|
|---|
| 50 | > [class*="icon-"]:first-child {
|
|---|
| 51 | margin-bottom:5px;
|
|---|
| 52 | }
|
|---|
| 53 |
|
|---|
| 54 | &.btn-new-mail > .btn{
|
|---|
| 55 | padding:10px !important;
|
|---|
| 56 | border-radius:7px !important;
|
|---|
| 57 | }
|
|---|
| 58 | }
|
|---|
| 59 |
|
|---|
| 60 | &.active > a.btn-new-mail {
|
|---|
| 61 | margin-top:0 !important;
|
|---|
| 62 | top:1px;
|
|---|
| 63 | }
|
|---|
| 64 | &.active > a.btn-new-mail > .btn:before {
|
|---|
| 65 | left:35%; left:~"calc(50% - 8px)";
|
|---|
| 66 | border-width:8px 10px;
|
|---|
| 67 | }
|
|---|
| 68 | }
|
|---|
| 69 |
|
|---|
| 70 | }
|
|---|
| 71 |
|
|---|
| 72 |
|
|---|
| 73 | @media only screen and (max-width: 475px) {
|
|---|
| 74 | .inbox-tabs > .li-new-mail {
|
|---|
| 75 | display:block;
|
|---|
| 76 | text-align:right;
|
|---|
| 77 | margin-bottom:8px !important;
|
|---|
| 78 | float:none !important;
|
|---|
| 79 | }
|
|---|
| 80 | .inbox-tabs > .li-new-mail > .btn-new-mail {
|
|---|
| 81 | display:inline-block;
|
|---|
| 82 | width:auto;
|
|---|
| 83 | }
|
|---|
| 84 | }
|
|---|
| 85 |
|
|---|
| 86 |
|
|---|
| 87 |
|
|---|
| 88 |
|
|---|
| 89 |
|
|---|
| 90 |
|
|---|
| 91 | .message-container {
|
|---|
| 92 | position:relative;
|
|---|
| 93 | }
|
|---|
| 94 | .message-list {
|
|---|
| 95 | position:relative;
|
|---|
| 96 | }
|
|---|
| 97 | .message-item {
|
|---|
| 98 | border:1px solid #EAEDF1;
|
|---|
| 99 | border-bottom-width:0;
|
|---|
| 100 | padding:12px 12px 14px;
|
|---|
| 101 | line-height:18px;
|
|---|
| 102 |
|
|---|
| 103 | position:relative;
|
|---|
| 104 | background-color:#FFF;
|
|---|
| 105 |
|
|---|
| 106 | &:first-child {
|
|---|
| 107 | border-top-width:0;
|
|---|
| 108 | }
|
|---|
| 109 |
|
|---|
| 110 | &:hover {
|
|---|
| 111 | border-color:#E2EAF2;
|
|---|
| 112 | background-color:#F2F6F9;
|
|---|
| 113 |
|
|---|
| 114 | + .message-item {
|
|---|
| 115 | border-top-color:#E2EAF2;
|
|---|
| 116 |
|
|---|
| 117 | &.selected {
|
|---|
| 118 | border-top-color:#FFF;
|
|---|
| 119 | }
|
|---|
| 120 | }
|
|---|
| 121 | }
|
|---|
| 122 |
|
|---|
| 123 | &.selected {
|
|---|
| 124 | background-color:#EFF4F7;
|
|---|
| 125 | border-color:#FFF #E2EAF2;
|
|---|
| 126 |
|
|---|
| 127 | + .message-item{
|
|---|
| 128 | border-top-color:#FFF;
|
|---|
| 129 |
|
|---|
| 130 | &:hover + .message-item {
|
|---|
| 131 | border-top-color:#FFF;
|
|---|
| 132 | }
|
|---|
| 133 | }
|
|---|
| 134 | }
|
|---|
| 135 |
|
|---|
| 136 | }
|
|---|
| 137 |
|
|---|
| 138 |
|
|---|
| 139 |
|
|---|
| 140 | .message-item {
|
|---|
| 141 | .sender {
|
|---|
| 142 | margin:0 6px 0 4px;
|
|---|
| 143 | vertical-align:middle;
|
|---|
| 144 | color:#467287;
|
|---|
| 145 |
|
|---|
| 146 | display:inline-block;
|
|---|
| 147 | width:110px; height:18px;
|
|---|
| 148 | text-overflow:ellipsis;
|
|---|
| 149 | overflow:hidden;
|
|---|
| 150 | white-space: nowrap;
|
|---|
| 151 |
|
|---|
| 152 | cursor:pointer;
|
|---|
| 153 | }
|
|---|
| 154 | &.message-unread .sender {
|
|---|
| 155 | color:#6A9CBA; font-weight:bold;
|
|---|
| 156 | }
|
|---|
| 157 |
|
|---|
| 158 | .summary {
|
|---|
| 159 | vertical-align:middle;
|
|---|
| 160 | display:inline-block;
|
|---|
| 161 | position:relative;
|
|---|
| 162 |
|
|---|
| 163 | margin-left:30px;
|
|---|
| 164 |
|
|---|
| 165 | max-width:250px;
|
|---|
| 166 | max-width:~"calc(100% - 300px)";
|
|---|
| 167 | min-width:200px;
|
|---|
| 168 | white-space: nowrap;
|
|---|
| 169 |
|
|---|
| 170 | .text {
|
|---|
| 171 | color:#555;
|
|---|
| 172 | vertical-align:middle;
|
|---|
| 173 | display:inline-block;
|
|---|
| 174 |
|
|---|
| 175 | width:auto;
|
|---|
| 176 | max-width:100%;
|
|---|
| 177 | height:18px;
|
|---|
| 178 | text-overflow:ellipsis;
|
|---|
| 179 | overflow:hidden;
|
|---|
| 180 | white-space: nowrap;
|
|---|
| 181 |
|
|---|
| 182 | cursor:pointer;
|
|---|
| 183 |
|
|---|
| 184 | &:hover {
|
|---|
| 185 | text-decoration:underline;
|
|---|
| 186 | }
|
|---|
| 187 | }
|
|---|
| 188 |
|
|---|
| 189 | .message-flags {
|
|---|
| 190 | display:block;
|
|---|
| 191 | position:absolute;
|
|---|
| 192 | right:101%;
|
|---|
| 193 | right:~"calc(100% + 4px)";
|
|---|
| 194 | height:18px;
|
|---|
| 195 | white-space: nowrap;
|
|---|
| 196 | }
|
|---|
| 197 |
|
|---|
| 198 | }
|
|---|
| 199 | &.message-unread .summary .text {
|
|---|
| 200 | color:#609FC4;
|
|---|
| 201 | font-weight:bold;
|
|---|
| 202 | }
|
|---|
| 203 |
|
|---|
| 204 |
|
|---|
| 205 | .time {
|
|---|
| 206 | float:right;
|
|---|
| 207 | width:60px;
|
|---|
| 208 | height:18px;
|
|---|
| 209 | text-overflow:ellipsis;
|
|---|
| 210 | overflow:hidden;
|
|---|
| 211 | white-space: nowrap;
|
|---|
| 212 | color:#666;
|
|---|
| 213 | }
|
|---|
| 214 | &.message-unread .time {
|
|---|
| 215 | font-weight:bold;
|
|---|
| 216 | color:#609FC4;
|
|---|
| 217 | }
|
|---|
| 218 |
|
|---|
| 219 |
|
|---|
| 220 | .attachment{
|
|---|
| 221 | color:#999;
|
|---|
| 222 | font-size:18px;
|
|---|
| 223 | vertical-align:middle;
|
|---|
| 224 | float:right;
|
|---|
| 225 | margin:0 12px;
|
|---|
| 226 | position:relative;
|
|---|
| 227 | }
|
|---|
| 228 | &.message-unread .attachment{
|
|---|
| 229 | color:#4F99C6;
|
|---|
| 230 | }
|
|---|
| 231 | }
|
|---|
| 232 | .message-content .time {
|
|---|
| 233 | font-weight:normal;
|
|---|
| 234 | }
|
|---|
| 235 |
|
|---|
| 236 | .message-star{
|
|---|
| 237 | vertical-align:middle;
|
|---|
| 238 | margin:2px 4px 0 6px;
|
|---|
| 239 | font-size:15px;
|
|---|
| 240 | cursor:pointer;
|
|---|
| 241 |
|
|---|
| 242 | &:hover {
|
|---|
| 243 | color:@ace-orange2 !important;
|
|---|
| 244 | text-decoration:none;
|
|---|
| 245 | }
|
|---|
| 246 | }
|
|---|
| 247 |
|
|---|
| 248 |
|
|---|
| 249 | .mail-tag:empty {
|
|---|
| 250 | display:inline-block;
|
|---|
| 251 | width:8px; height:11px;
|
|---|
| 252 | padding:0; line-height:normal;
|
|---|
| 253 | vertical-align:middle;
|
|---|
| 254 | margin:0 1px 0 0;
|
|---|
| 255 | }
|
|---|
| 256 | .badge.mail-tag{
|
|---|
| 257 | border-radius:2px;
|
|---|
| 258 | }
|
|---|
| 259 |
|
|---|
| 260 |
|
|---|
| 261 |
|
|---|
| 262 | @media only screen and (max-width: 979px) {
|
|---|
| 263 | .message-item .summary {
|
|---|
| 264 | min-width:0;
|
|---|
| 265 | }
|
|---|
| 266 | .message-item .sender {
|
|---|
| 267 | width:100px;
|
|---|
| 268 | }
|
|---|
| 269 | }
|
|---|
| 270 |
|
|---|
| 271 |
|
|---|
| 272 | @media only screen and (max-width: 550px) {
|
|---|
| 273 | .message-item .summary {
|
|---|
| 274 | margin:8px 0 0 32px;
|
|---|
| 275 | max-width:95%;
|
|---|
| 276 | min-width:0;
|
|---|
| 277 |
|
|---|
| 278 | display:block;
|
|---|
| 279 | }
|
|---|
| 280 | .message-item .sender {
|
|---|
| 281 | width:auto;
|
|---|
| 282 | max-width:150px;
|
|---|
| 283 | }
|
|---|
| 284 | .message-item .summary .text {
|
|---|
| 285 | max-width:95%;
|
|---|
| 286 | }
|
|---|
| 287 | }
|
|---|
| 288 |
|
|---|
| 289 |
|
|---|
| 290 |
|
|---|
| 291 |
|
|---|
| 292 | .btn-message , .btn-message:hover , .btn-message:focus, .btn-message:active, .open .btn-message.dropdown-toggle {
|
|---|
| 293 | background-color:#FFF !important;
|
|---|
| 294 | border:1px solid #94B9CE !important;
|
|---|
| 295 | color:#7CA3BA !important;
|
|---|
| 296 | text-shadow:none !important;
|
|---|
| 297 | }
|
|---|
| 298 |
|
|---|
| 299 |
|
|---|
| 300 |
|
|---|
| 301 |
|
|---|
| 302 | .message-content {
|
|---|
| 303 | padding:16px 12px;
|
|---|
| 304 | border:1px solid #E9E9E9;
|
|---|
| 305 | .box-shadow(~"0 0 1px 1px rgba(0,0,0,0.02)");
|
|---|
| 306 | background-color:rgba(255,255,255,0.8);
|
|---|
| 307 | border-top-width:0;
|
|---|
| 308 |
|
|---|
| 309 | .message-item & {
|
|---|
| 310 | margin-top:16px;
|
|---|
| 311 | border-top-width:1px;
|
|---|
| 312 | }
|
|---|
| 313 | }
|
|---|
| 314 | .message-body {
|
|---|
| 315 | padding:0 9px;
|
|---|
| 316 | color:#6A7177;
|
|---|
| 317 | }
|
|---|
| 318 |
|
|---|
| 319 |
|
|---|
| 320 | .message-navbar {
|
|---|
| 321 | line-height:24px;
|
|---|
| 322 | padding:10px 12px;
|
|---|
| 323 | border:1px solid #D6E1EA;
|
|---|
| 324 | border-color:#D6E1EA transparent;
|
|---|
| 325 |
|
|---|
| 326 | background-color:#F1F5FA;
|
|---|
| 327 |
|
|---|
| 328 | position:relative;
|
|---|
| 329 | }
|
|---|
| 330 |
|
|---|
| 331 | .message-navbar , .message-content {
|
|---|
| 332 | .dropdown-toggle {
|
|---|
| 333 | color:#777;
|
|---|
| 334 | &:hover, &:focus {
|
|---|
| 335 | text-decoration:none;
|
|---|
| 336 | color:#2283C5;
|
|---|
| 337 | }
|
|---|
| 338 | }
|
|---|
| 339 | }
|
|---|
| 340 |
|
|---|
| 341 |
|
|---|
| 342 |
|
|---|
| 343 | .message-bar {
|
|---|
| 344 | display:inline-block;
|
|---|
| 345 | min-height:28px;
|
|---|
| 346 | }
|
|---|
| 347 |
|
|---|
| 348 | @media only screen and (max-width: 480px) {
|
|---|
| 349 | .message-bar {
|
|---|
| 350 | display:block;
|
|---|
| 351 | min-height:60px;
|
|---|
| 352 | }
|
|---|
| 353 | }
|
|---|
| 354 |
|
|---|
| 355 |
|
|---|
| 356 | .message-footer {
|
|---|
| 357 | background-color:#F1F1F1;
|
|---|
| 358 | padding:12px 16px;
|
|---|
| 359 | border:1px solid #E6E6E6;
|
|---|
| 360 | border-width:1px 0;
|
|---|
| 361 | border-top:1px solid #E4E9EE;
|
|---|
| 362 |
|
|---|
| 363 | .pagination {
|
|---|
| 364 | margin:0;
|
|---|
| 365 | > li {
|
|---|
| 366 | margin:0;
|
|---|
| 367 | padding:0;
|
|---|
| 368 |
|
|---|
| 369 | > a , > span {
|
|---|
| 370 | color:#777;
|
|---|
| 371 | padding: 3px;
|
|---|
| 372 |
|
|---|
| 373 | margin-left:3px;
|
|---|
| 374 | margin-right:3px;
|
|---|
| 375 |
|
|---|
| 376 | background-color: transparent;
|
|---|
| 377 | border: none;
|
|---|
| 378 | }
|
|---|
| 379 | &.disabled > span {
|
|---|
| 380 | color:#BBBBBB;
|
|---|
| 381 | cursor:default;
|
|---|
| 382 | }
|
|---|
| 383 |
|
|---|
| 384 | > a:hover {
|
|---|
| 385 | color:#2283C5;
|
|---|
| 386 | text-decoration:none;
|
|---|
| 387 | }
|
|---|
| 388 | }
|
|---|
| 389 | }
|
|---|
| 390 |
|
|---|
| 391 | input[type=text] {
|
|---|
| 392 | font-size:12px;
|
|---|
| 393 |
|
|---|
| 394 | width:34px;
|
|---|
| 395 | height:24px;
|
|---|
| 396 | line-height:20px;
|
|---|
| 397 |
|
|---|
| 398 | margin-bottom:0;
|
|---|
| 399 |
|
|---|
| 400 | padding:3px;
|
|---|
| 401 | vertical-align:middle;
|
|---|
| 402 | text-align:center;
|
|---|
| 403 | }
|
|---|
| 404 |
|
|---|
| 405 | }
|
|---|
| 406 |
|
|---|
| 407 |
|
|---|
| 408 | .message-footer-style2 .pagination > li {
|
|---|
| 409 | > a , > span {
|
|---|
| 410 | border:1px solid #B5B5B5;
|
|---|
| 411 | border-radius:100% !important;
|
|---|
| 412 | width:26px; height:26px; line-height:24px;
|
|---|
| 413 | display:inline-block;
|
|---|
| 414 | text-align:center;
|
|---|
| 415 | padding:0;
|
|---|
| 416 | }
|
|---|
| 417 | > span {
|
|---|
| 418 | border-color:#CCC;
|
|---|
| 419 | }
|
|---|
| 420 | > a:hover {
|
|---|
| 421 | border-color:#84AFC9;
|
|---|
| 422 | background-color:#F7F7F7;
|
|---|
| 423 | }
|
|---|
| 424 | }
|
|---|
| 425 |
|
|---|
| 426 |
|
|---|
| 427 |
|
|---|
| 428 | .message-item.message-inline-open {
|
|---|
| 429 | background-color:#F2F6F9;
|
|---|
| 430 | border:1px solid #DDD;
|
|---|
| 431 | border-bottom-color:#CCC;
|
|---|
| 432 |
|
|---|
| 433 | &:first-child {
|
|---|
| 434 | border-top-color:#EEE;
|
|---|
| 435 | }
|
|---|
| 436 | &:last-child {
|
|---|
| 437 | border-bottom-color:#DDD;
|
|---|
| 438 | }
|
|---|
| 439 | + .message-item {
|
|---|
| 440 | border-bottom-color:transparent;
|
|---|
| 441 | }
|
|---|
| 442 | }
|
|---|
| 443 |
|
|---|
| 444 |
|
|---|
| 445 |
|
|---|
| 446 | .message-loading-overlay {
|
|---|
| 447 | position:absolute; z-index:14;
|
|---|
| 448 | top:0;bottom:0;right:0;left:0;
|
|---|
| 449 | background-color:rgba(255,255,255,0.5);
|
|---|
| 450 | text-align:center;
|
|---|
| 451 |
|
|---|
| 452 | > [class*="icon-"] {
|
|---|
| 453 | position:absolute;
|
|---|
| 454 | top:15%;
|
|---|
| 455 | left:0; right:0;
|
|---|
| 456 | text-align:center;
|
|---|
| 457 | }
|
|---|
| 458 | }
|
|---|
| 459 |
|
|---|
| 460 |
|
|---|
| 461 | .message-content {
|
|---|
| 462 | .sender {
|
|---|
| 463 | color:#6A9CBA;
|
|---|
| 464 | font-weight:bold;
|
|---|
| 465 | width:auto;
|
|---|
| 466 | text-overflow:inherit;
|
|---|
| 467 | vertical-align:middle;
|
|---|
| 468 | margin:0;
|
|---|
| 469 | }
|
|---|
| 470 | .time {
|
|---|
| 471 | width:auto;
|
|---|
| 472 | text-overflow:inherit;
|
|---|
| 473 | white-space:normal;
|
|---|
| 474 | float:none;
|
|---|
| 475 | vertical-align:middle;
|
|---|
| 476 | }
|
|---|
| 477 |
|
|---|
| 478 | }
|
|---|
| 479 |
|
|---|
| 480 |
|
|---|
| 481 |
|
|---|
| 482 | ul.attachment-list {
|
|---|
| 483 | margin:6px 0 4px 8px;
|
|---|
| 484 | > li{
|
|---|
| 485 | margin-bottom:3px;
|
|---|
| 486 | }
|
|---|
| 487 | }
|
|---|
| 488 | .message-attachment {
|
|---|
| 489 | padding-left:10px;
|
|---|
| 490 | padding-right:10px;
|
|---|
| 491 | }
|
|---|
| 492 |
|
|---|
| 493 | .attached-file {
|
|---|
| 494 | color:#777;
|
|---|
| 495 | width:200px;
|
|---|
| 496 |
|
|---|
| 497 | > [class*="icon-"] {
|
|---|
| 498 | display:inline-block;
|
|---|
| 499 | width:16px;
|
|---|
| 500 | margin-right:2px;
|
|---|
| 501 | }
|
|---|
| 502 |
|
|---|
| 503 | &:hover {
|
|---|
| 504 | text-decoration:none;
|
|---|
| 505 | color:#438EB9;
|
|---|
| 506 |
|
|---|
| 507 | .attached-name {
|
|---|
| 508 | color:#2283C5;
|
|---|
| 509 | }
|
|---|
| 510 | }
|
|---|
| 511 | .attached-name {
|
|---|
| 512 | display:inline-block;
|
|---|
| 513 | max-width:175px;
|
|---|
| 514 | text-overflow:ellipsis;
|
|---|
| 515 | overflow:hidden;
|
|---|
| 516 | white-space: nowrap;
|
|---|
| 517 | }
|
|---|
| 518 |
|
|---|
| 519 | }
|
|---|
| 520 |
|
|---|
| 521 |
|
|---|
| 522 |
|
|---|
| 523 |
|
|---|
| 524 |
|
|---|
| 525 | .messagebar-item-left , .messagebar-item-right {
|
|---|
| 526 | position:absolute;
|
|---|
| 527 | bottom:14px;
|
|---|
| 528 | left:12px;
|
|---|
| 529 | text-align:left;
|
|---|
| 530 | }
|
|---|
| 531 | .messagebar-item-right {
|
|---|
| 532 | right:12px;
|
|---|
| 533 | left:auto;
|
|---|
| 534 | }
|
|---|
| 535 | .message-navbar .nav-search {
|
|---|
| 536 | right:auto;
|
|---|
| 537 | left:60px;
|
|---|
| 538 | top:auto;
|
|---|
| 539 | bottom:11px;
|
|---|
| 540 | }
|
|---|
| 541 |
|
|---|
| 542 |
|
|---|
| 543 |
|
|---|
| 544 |
|
|---|
| 545 |
|
|---|
| 546 | .message-form {
|
|---|
| 547 | border:1px solid #ddd;
|
|---|
| 548 | border-top:none;
|
|---|
| 549 | padding-top:22px;
|
|---|
| 550 | }
|
|---|
| 551 |
|
|---|
| 552 | @media only screen and (max-width: 480px) {
|
|---|
| 553 | .message-form {
|
|---|
| 554 | padding-left:16px;
|
|---|
| 555 | padding-right:16px;
|
|---|
| 556 | }
|
|---|
| 557 | }
|
|---|
| 558 |
|
|---|
| 559 | .message-form {
|
|---|
| 560 | .form-actions {
|
|---|
| 561 | margin-bottom:0;
|
|---|
| 562 | }
|
|---|
| 563 |
|
|---|
| 564 | .wysiwyg-editor {
|
|---|
| 565 | overflow:auto;
|
|---|
| 566 | min-height:150px;
|
|---|
| 567 | max-height:250px;
|
|---|
| 568 | height:auto;
|
|---|
| 569 | }
|
|---|
| 570 | }
|
|---|
| 571 |
|
|---|
| 572 | .btn-send-message {
|
|---|
| 573 | position:relative;
|
|---|
| 574 | top:6px;
|
|---|
| 575 | }
|
|---|
| 576 |
|
|---|
| 577 | .btn-back-message-list {
|
|---|
| 578 | color:#777;
|
|---|
| 579 | &:hover {
|
|---|
| 580 | color:#478FCA;
|
|---|
| 581 | text-decoration:none;
|
|---|
| 582 | }
|
|---|
| 583 | }
|
|---|
| 584 |
|
|---|
| 585 |
|
|---|
| 586 |
|
|---|
| 587 | .message-condensed {
|
|---|
| 588 | .message-item {
|
|---|
| 589 | padding-top:8px;
|
|---|
| 590 | padding-bottom:9px;
|
|---|
| 591 | }
|
|---|
| 592 | .message-navbar , .message-footer {
|
|---|
| 593 | padding-top:7px;
|
|---|
| 594 | padding-bottom:7px;
|
|---|
| 595 | }
|
|---|
| 596 |
|
|---|
| 597 | .messagebar-item-left , .messagebar-item-right {
|
|---|
| 598 | bottom:9px;
|
|---|
| 599 | }
|
|---|
| 600 | .message-navbar .nav-search {
|
|---|
| 601 | bottom:7px;
|
|---|
| 602 | }
|
|---|
| 603 | }
|
|---|
| 604 |
|
|---|
| 605 | @media only screen and (max-width: 480px) {
|
|---|
| 606 | .message-condensed .message-bar {
|
|---|
| 607 | min-height:42px;
|
|---|
| 608 | }
|
|---|
| 609 | }
|
|---|
| 610 |
|
|---|
| 611 |
|
|---|
| 612 |
|
|---|
| 613 |
|
|---|
| 614 |
|
|---|
| 615 | //alternative to tabs
|
|---|
| 616 | .inbox-folders .btn-block {
|
|---|
| 617 | margin-top:0;
|
|---|
| 618 | }
|
|---|
| 619 | @media only screen and (max-width: 767px) {
|
|---|
| 620 | .inbox-folders.inbox-folders-responsive .btn-block {
|
|---|
| 621 | width:24%;
|
|---|
| 622 | }
|
|---|
| 623 | }
|
|---|
| 624 | @media only screen and (max-width: 600px) {
|
|---|
| 625 | .inbox-folders.inbox-folders-responsive .btn-block {
|
|---|
| 626 | width:48%;
|
|---|
| 627 | }
|
|---|
| 628 | }
|
|---|
| 629 | @media only screen and (max-width: 320px) {
|
|---|
| 630 | .inbox-folders.inbox-folders-responsive .btn-block {
|
|---|
| 631 | width:99%;
|
|---|
| 632 | }
|
|---|
| 633 | }
|
|---|
| 634 |
|
|---|
| 635 |
|
|---|
| 636 | .inbox-folders .btn-lighter , .inbox-folders .btn-lighter.active {
|
|---|
| 637 | background-color:#F4F4F4 !important;
|
|---|
| 638 | text-shadow:none !important;
|
|---|
| 639 | color:#7C8395 !important;
|
|---|
| 640 | border:1px solid #FFF !important;
|
|---|
| 641 | padding:5px 11px;
|
|---|
| 642 | }
|
|---|
| 643 | .inbox-folders .btn-lighter.active {
|
|---|
| 644 | background-color:#EDF2F8 !important;
|
|---|
| 645 | color:#53617C !important;
|
|---|
| 646 | }
|
|---|
| 647 |
|
|---|
| 648 | .inbox-folders .btn-lighter:hover {
|
|---|
| 649 | background-color:#EFEFEF !important;
|
|---|
| 650 | color:#6092C4 !important;
|
|---|
| 651 | }
|
|---|
| 652 | .inbox-folders .btn > [class*="icon-"]:first-child {
|
|---|
| 653 | display:inline-block;
|
|---|
| 654 | width:14px;
|
|---|
| 655 | text-align:left;
|
|---|
| 656 | }
|
|---|
| 657 |
|
|---|
| 658 |
|
|---|
| 659 | .inbox-folders .btn-lighter + .btn-lighter {
|
|---|
| 660 | border-top-width:0 !important;
|
|---|
| 661 | }
|
|---|
| 662 |
|
|---|
| 663 | .inbox-folders .btn.active:before{
|
|---|
| 664 | display:block;
|
|---|
| 665 | content:"";
|
|---|
| 666 | position:absolute;
|
|---|
| 667 | top:1px; bottom:1px; left:-1px;
|
|---|
| 668 | border-left:3px solid #4F99C6;
|
|---|
| 669 | }
|
|---|
| 670 | .inbox-folders .btn.active:after{
|
|---|
| 671 | display:none;
|
|---|
| 672 | }
|
|---|
| 673 |
|
|---|
| 674 | .inbox-folders .btn .counter {
|
|---|
| 675 | border-radius:3px;
|
|---|
| 676 | position:absolute;
|
|---|
| 677 | right: 8px;
|
|---|
| 678 | top:8px;
|
|---|
| 679 | padding-left:6px; padding-right:6px;
|
|---|
| 680 | .opacity(0.75);
|
|---|
| 681 | }
|
|---|
| 682 | .inbox-folders .btn:hover .badge{
|
|---|
| 683 | .opacity(1);
|
|---|
| 684 | }
|
|---|
![(please configure the [header_logo] section in trac.ini)](/space/chrome/site/your_project_logo.png){kind=logo}
