Commit df6b300093f8753161e3b4ee03a0437124a14809
1 parent
6dcf70ed
Exists in
master
and in
2 other branches
Improving style for Events
Showing
1 changed file
with
62 additions
and
9 deletions
Show diff stats
style.css
| ... | ... | @@ -51,6 +51,10 @@ body { |
| 51 | 51 | min-height: 150px; |
| 52 | 52 | } |
| 53 | 53 | |
| 54 | +#profile-footer { | |
| 55 | + margin-top: 30px; | |
| 56 | +} | |
| 57 | + | |
| 54 | 58 | #site-title { top: -40px; } |
| 55 | 59 | |
| 56 | 60 | #user { top: -30px; } |
| ... | ... | @@ -283,6 +287,7 @@ div#article-parent { |
| 283 | 287 | |
| 284 | 288 | .box-2 { |
| 285 | 289 | width: 160px; |
| 290 | + margin-bottom: 40px; | |
| 286 | 291 | } |
| 287 | 292 | |
| 288 | 293 | #content .box-3 .block { |
| ... | ... | @@ -480,20 +485,51 @@ div#article-parent { |
| 480 | 485 | border-top: 4px solid #757575; |
| 481 | 486 | } |
| 482 | 487 | |
| 483 | -.agenda-item { | |
| 484 | - border-bottom: 1px solid #ddd; | |
| 488 | +#agenda-items td { | |
| 489 | + border-top: 1px solid #bbb; | |
| 490 | + padding: 5px; | |
| 491 | + transition: 0.3s; | |
| 485 | 492 | } |
| 486 | 493 | |
| 487 | -.agenda-item a { | |
| 488 | - color: black; | |
| 494 | +#agenda-items a { | |
| 495 | + color: #545454; | |
| 489 | 496 | } |
| 490 | -.agenda-item a:visited { | |
| 491 | - color: black; | |
| 497 | +#agenda-items a:visited { | |
| 498 | + color: #555; | |
| 492 | 499 | font-weight: normal; |
| 493 | 500 | } |
| 494 | -.agenda-item a:hover { | |
| 495 | - color: black; | |
| 496 | - text-decoration: underline !important; | |
| 501 | +#agenda-items a:hover { | |
| 502 | + color: #000; | |
| 503 | + text-decoration: underline; | |
| 504 | +} | |
| 505 | + | |
| 506 | +#agenda .event-date { | |
| 507 | + font-size: 12px; | |
| 508 | + margin-top: -5px; | |
| 509 | + margin-right: -5px; | |
| 510 | + width: 70px; | |
| 511 | + background: #bbb; | |
| 512 | + text-align: center; | |
| 513 | + float: right; | |
| 514 | + color: #fff; | |
| 515 | + font-weight: bold; | |
| 516 | +} | |
| 517 | + | |
| 518 | +#agenda .event-place { | |
| 519 | + font-size: 11px; | |
| 520 | + margin-top: 5px; | |
| 521 | + text-overflow: ellipsis; | |
| 522 | + height: 25px; | |
| 523 | + overflow: hidden; | |
| 524 | + color: #444; | |
| 525 | + margin-left: 5px; | |
| 526 | +} | |
| 527 | + | |
| 528 | +#agenda .event-title { | |
| 529 | + font-size: 1.2em; | |
| 530 | + max-height: 47px; | |
| 531 | + overflow: hidden; | |
| 532 | + width: 100%; | |
| 497 | 533 | } |
| 498 | 534 | |
| 499 | 535 | #agenda .agenda-calendar .calendar-day a { |
| ... | ... | @@ -518,6 +554,23 @@ div#article-parent { |
| 518 | 554 | padding-right: 20px; |
| 519 | 555 | } |
| 520 | 556 | |
| 557 | +#agenda #events-of-the-day, | |
| 558 | +#agenda .agenda-calendar { | |
| 559 | + float: left; | |
| 560 | + left: auto; | |
| 561 | +} | |
| 562 | + | |
| 563 | +#agenda #events-of-the-day { | |
| 564 | + position: relative; | |
| 565 | +} | |
| 566 | + | |
| 567 | +#agenda #events-of-the-day #agenda-items { | |
| 568 | + overflow: auto; | |
| 569 | + overflow-x: auto; | |
| 570 | + height: auto; | |
| 571 | + max-height: 650px; | |
| 572 | +} | |
| 573 | + | |
| 521 | 574 | #box-organizer .block-target { clear: both; } |
| 522 | 575 | |
| 523 | 576 | /* Custom Icons */ | ... | ... |