Commit f8f9e56c05120ac6dd4a97045a9313b26d0e7b7d
1 parent
bcfe6e28
Exists in
master
and in
2 other branches
Repeating color sequence of link-list-block
Also removed unused js code
Showing
3 changed files
with
23 additions
and
66 deletions
Show diff stats
footer.rhtml
style.css
| @@ -567,71 +567,73 @@ outline: 1px dotted #DFDFDF; | @@ -567,71 +567,73 @@ outline: 1px dotted #DFDFDF; | ||
| 567 | border-right: none; | 567 | border-right: none; |
| 568 | } | 568 | } |
| 569 | 569 | ||
| 570 | -#content .colored-links .link-list-block li:hover { | ||
| 571 | - opacity: 0.8; | ||
| 572 | - font-weight: bold; | ||
| 573 | - color: #FFF; | ||
| 574 | -} | ||
| 575 | - | ||
| 576 | #content .colored-links .link-list-block li, | 570 | #content .colored-links .link-list-block li, |
| 577 | #box-organizer .colored-links .link-list-block li { | 571 | #box-organizer .colored-links .link-list-block li { |
| 578 | font-family: 'frente_h1regular'; | 572 | font-family: 'frente_h1regular'; |
| 579 | text-align: center; | 573 | text-align: center; |
| 574 | +} | ||
| 575 | + | ||
| 576 | +#content .colored-links .link-list-block li, | ||
| 577 | +#content .colored-links .link-list-block li:nth-child(14n+1) { | ||
| 580 | background-color: #db6389; | 578 | background-color: #db6389; |
| 581 | } | 579 | } |
| 582 | 580 | ||
| 583 | -#content .colored-links .link-list-block li + li { | 581 | +#content .colored-links .link-list-block li:nth-child(14n+2) { |
| 584 | background-color: #dd7b62; | 582 | background-color: #dd7b62; |
| 585 | } | 583 | } |
| 586 | 584 | ||
| 587 | -#content .colored-links .link-list-block li + li + li { | 585 | +#content .colored-links .link-list-block li:nth-child(14n+3) { |
| 588 | background-color: #f8a845; | 586 | background-color: #f8a845; |
| 589 | } | 587 | } |
| 590 | 588 | ||
| 591 | -#content .colored-links .link-list-block li + li + li + li { | 589 | +#content .colored-links .link-list-block li:nth-child(14n+4) { |
| 592 | background-color: #60e278; | 590 | background-color: #60e278; |
| 593 | } | 591 | } |
| 594 | 592 | ||
| 595 | -#content .colored-links .link-list-block li + li + li + li + li { | 593 | +#content .colored-links .link-list-block li:nth-child(14n+5) { |
| 596 | background-color: #bee15f; | 594 | background-color: #bee15f; |
| 597 | } | 595 | } |
| 598 | 596 | ||
| 599 | -#content .colored-links .link-list-block li + li + li + li + li + li { | 597 | +#content .colored-links .link-list-block li:nth-child(14n+6) { |
| 600 | background-color: #61b5e1; | 598 | background-color: #61b5e1; |
| 601 | } | 599 | } |
| 602 | 600 | ||
| 603 | -#content .colored-links .link-list-block li + li + li + li + li + li + li { | 601 | +#content .colored-links .link-list-block li:nth-child(14n+7) { |
| 604 | background-color: #61dee2; | 602 | background-color: #61dee2; |
| 605 | } | 603 | } |
| 606 | 604 | ||
| 607 | -#content .colored-links .link-list-block li + li + li + li + li + li + li + li { | 605 | +#content .colored-links .link-list-block li:nth-child(14n+8) { |
| 608 | background-color: #fed22b; | 606 | background-color: #fed22b; |
| 609 | } | 607 | } |
| 610 | 608 | ||
| 611 | -#content .colored-links .link-list-block li + li + li + li + li + li + li + li + li { | 609 | +#content .colored-links .link-list-block li:nth-child(14n+9) { |
| 612 | background-color: #8a59e6; | 610 | background-color: #8a59e6; |
| 613 | } | 611 | } |
| 614 | 612 | ||
| 615 | -#content .colored-links .link-list-block li + li + li + li + li + li + li + li + li + li { | 613 | +#content .colored-links .link-list-block li:nth-child(14n+10) { |
| 616 | background-color: #5F6CB2; | 614 | background-color: #5F6CB2; |
| 617 | } | 615 | } |
| 618 | 616 | ||
| 619 | -#content .colored-links .link-list-block li + li + li + li + li + li + li + li + li + li + li { | 617 | +#content .colored-links .link-list-block li:nth-child(14n+11) { |
| 620 | background-color: #47A227; | 618 | background-color: #47A227; |
| 621 | } | 619 | } |
| 622 | 620 | ||
| 623 | -#content .colored-links .link-list-block li + li + li + li + li + li + li + li + li + li + li + li { | 621 | +#content .colored-links .link-list-block li:nth-child(14n+12) { |
| 624 | background-color: #316620; | 622 | background-color: #316620; |
| 625 | } | 623 | } |
| 626 | 624 | ||
| 627 | -#content .colored-links .link-list-block li + li + li + li + li + li + li + li + li + li + li + li + li { | 625 | +#content .colored-links .link-list-block li:nth-child(14n+13) { |
| 628 | background-color: #FBB959; | 626 | background-color: #FBB959; |
| 629 | } | 627 | } |
| 630 | 628 | ||
| 631 | -#content .colored-links .link-list-block li + li + li + li + li + li + li + li + li + li + li + li + li + li { | 629 | +#content .colored-links .link-list-block li:nth-child(14n+14) { |
| 632 | background-color: #FCC72B; | 630 | background-color: #FCC72B; |
| 633 | } | 631 | } |
| 634 | 632 | ||
| 633 | +#content .colored-links .link-list-block li:hover { | ||
| 634 | + opacity: 0.8; | ||
| 635 | +} | ||
| 636 | + | ||
| 635 | #content .colored-links .link-list-block li a:hover { | 637 | #content .colored-links .link-list-block li a:hover { |
| 636 | color: #FFF; | 638 | color: #FFF; |
| 637 | font-weight: bold; | 639 | font-weight: bold; |
theme.js
| 1 | (function($) { | 1 | (function($) { |
| 2 | - var $replaceOnHover = { | ||
| 3 | - 'before': 'after', | ||
| 4 | - 'Comunicação': 'colaborativa', | ||
| 5 | - 'Experiência': 'colaborativa', | ||
| 6 | - 'Relatoria': 'compartilhada', | ||
| 7 | - 'Convidados': 'confirmados', | ||
| 8 | - 'Arena': 'participação social', | ||
| 9 | - 'Como Chegar': 'mais informações' | ||
| 10 | - } | ||
| 11 | - | ||
| 12 | - var $specialCases = { | ||
| 13 | - 'case': 'change', | ||
| 14 | - 'participação social': 'letter-spacing', | ||
| 15 | - 'mais informações': 'letter-spacing', | ||
| 16 | - 'Rede de pesquisa': 'letter-spacing', | ||
| 17 | - 'Rede de Pesquisa': 'letter-spacing' | ||
| 18 | - } | ||
| 19 | - | ||
| 20 | - var before; | ||
| 21 | - var after; | ||
| 22 | - | ||
| 23 | - $('.link-list-block a').hover ( | ||
| 24 | - function() { | ||
| 25 | - var element = $(this); | ||
| 26 | - before = element.html(); | ||
| 27 | - after = $replaceOnHover[before]; | ||
| 28 | - var changeSpecial = $specialCases[after]; | ||
| 29 | - | ||
| 30 | - if (after) { | ||
| 31 | - element.html(after); | ||
| 32 | - } | ||
| 33 | - if (changeSpecial) { | ||
| 34 | - element.css(changeSpecial, '1px'); | ||
| 35 | - } | ||
| 36 | - }, | ||
| 37 | - function() { | ||
| 38 | - var element = $(this); | ||
| 39 | - | ||
| 40 | - if (after) { | ||
| 41 | - element.html(before).css('letter-spacing', '5px'); | ||
| 42 | - } | ||
| 43 | - } | ||
| 44 | - ); | ||
| 45 | - | ||
| 46 | $('.link-list-block a').each(function() { | 2 | $('.link-list-block a').each(function() { |
| 47 | var element = $(this); | 3 | var element = $(this); |
| 48 | - if (element.html().length > 13) { | ||
| 49 | - element.css('letter-spacing', '1px'); | 4 | + if (element.html().length > 12) { |
| 5 | + element.css('letter-spacing', '0px'); | ||
| 50 | } | 6 | } |
| 51 | }); | 7 | }); |
| 52 | 8 |