Download as
Browse Code »

Commit f8f9e56c05120ac6dd4a97045a9313b26d0e7b7d

Authored by Daniela Feitosa
1 parent bcfe6e28
Exists in master and in 2 other branches production, staging

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
View file @bcfe6e2
... ... @@ -1 +0,0 @@
1   -../participa-theme/footer.rhtml
2 0 \ No newline at end of file
style.css
  Diff comments   View file @f8f9e56
... ... @@ -567,71 +567,73 @@ outline: 1px dotted #DFDFDF;
567 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 570 #content .colored-links .link-list-block li,
577 571 #box-organizer .colored-links .link-list-block li {
578 572 font-family: 'frente_h1regular';
579 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 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 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 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 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 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 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 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 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 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 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 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 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 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 630 background-color: #FCC72B;
633 631 }
634 632  
  633 +#content .colored-links .link-list-block li:hover {
  634 + opacity: 0.8;
  635 +}
  636 +
635 637 #content .colored-links .link-list-block li a:hover {
636 638 color: #FFF;
637 639 font-weight: bold;
... ...
theme.js
  Diff comments   View file @f8f9e56
1 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 2 $('.link-list-block a').each(function() {
47 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  
... ...