0001-style-link-journal-items-together-9903.patch
| wcs/qommon/static/css/qommon.css | ||
|---|---|---|
| 430 | 430 |
list-style: none; |
| 431 | 431 |
padding: 0; |
| 432 | 432 |
margin: 0; |
| 433 |
background: linear-gradient(to right, transparent 0%, transparent 30px, #666 30px, white 32px, #666 34px, transparent 24px, transparent 100%) no-repeat; |
|
| 433 |
position: relative; |
|
| 434 |
} |
|
| 435 | ||
| 436 |
#evolutions:after {
|
|
| 437 |
/* the vertical timeline itself */ |
|
| 438 |
content: ""; |
|
| 439 |
background: #bbb; |
|
| 440 |
position: absolute; |
|
| 441 |
width: 5px; |
|
| 442 |
top: 40px; |
|
| 443 |
left: 28px; |
|
| 444 |
height: calc(100% - 40px); |
|
| 445 |
z-index: 0; |
|
| 446 |
border-radius: 3px; |
|
| 434 | 447 |
} |
| 435 | 448 | |
| 436 | 449 |
ul#evolutions li {
|
| 450 |
list-style-image: none; |
|
| 437 | 451 |
margin: 1em 0 2em 0; |
| 452 |
z-index: 10; |
|
| 453 |
position: relative; |
|
| 454 |
} |
|
| 455 | ||
| 456 |
ul#evolutions li:after {
|
|
| 457 |
/* li:after, horizontal line, from the timeline to the item */ |
|
| 458 |
content: ""; |
|
| 459 |
background: #bbb; |
|
| 460 |
position: absolute; |
|
| 461 |
width: 100px; |
|
| 462 |
left: 30px; |
|
| 463 |
top: 40px; |
|
| 464 |
height: 5px; |
|
| 465 |
z-index: -10; |
|
| 438 | 466 |
} |
| 439 | 467 | |
| 440 | 468 |
ul#evolutions div.evolution-metadata {
|
| 441 | 469 |
width: auto; |
| 442 | 470 |
display: inline-block; |
| 443 | 471 |
background: white; |
| 472 |
margin-left: 70px; |
|
| 444 | 473 |
padding: 1ex; |
| 445 | 474 |
border: 1px solid #666; |
| 446 | 475 |
margin-bottom: 0; |
| ... | ... | |
| 449 | 478 |
ul#evolutions span.time {
|
| 450 | 479 |
display: inline-block; |
| 451 | 480 |
padding-left: 1em; |
| 481 |
color: #aaa; |
|
| 482 |
} |
|
| 483 | ||
| 484 |
ul#evolutions li div.msg span.time {
|
|
| 485 |
position: absolute; |
|
| 486 |
top: 1ex; |
|
| 487 |
right: 1em; |
|
| 452 | 488 |
} |
| 453 | 489 | |
| 454 | 490 |
ul#evolutions span.status {
|
| ... | ... | |
| 472 | 508 |
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); |
| 473 | 509 |
position: relative; |
| 474 | 510 |
background: white; |
| 475 |
} |
|
| 476 | ||
| 477 |
ul#evolutions li div.msg span.time {
|
|
| 478 |
position: absolute; |
|
| 479 |
top: 1ex; |
|
| 480 |
right: 1em; |
|
| 481 |
opacity: 0.5; |
|
| 511 |
margin-left: 60px; |
|
| 512 |
margin-right: 30px; |
|
| 482 | 513 |
} |
| 483 | 514 | |
| 484 | 515 |
ul#evolutions li.msg-in div.msg {
|
| 485 |
margin-left: 60px; |
|
| 486 |
margin-right: 10%; |
|
| 487 | 516 |
background: #dfd; |
| 488 | 517 |
} |
| 489 | 518 | |
| 490 | 519 |
ul#evolutions li.msg-out div.msg {
|
| 491 |
margin-left: 20%; |
|
| 492 | 520 |
background: #ddf; |
| 493 | 521 |
} |
| 494 | 522 | |
| 523 |
#evolutions .msg-system {
|
|
| 524 |
padding-top: 23px; |
|
| 525 |
margin-bottom: 30px; |
|
| 526 |
} |
|
| 527 | ||
| 495 | 528 |
div.halfwidth {
|
| 496 | 529 |
width: 45%; |
| 497 | 530 |
float: left; |
| 498 |
- |
|