Mercurial > kallithea
comparison rhodecode/public/css/style.css @ 3203:fd449fb5925f beta
top menu: highlight current menu item - reusing hover
Giving a visual hint where the user 'is' helps navigating and feeling
comfortable with the site.
author | Mads Kiilerich <madski@unity3d.com> |
---|---|
date | Wed, 23 Jan 2013 20:26:33 +0100 |
parents | 875b417b4155 |
children | f01540c62f8a |
comparison
equal
deleted
inserted
replaced
3202:62ad5f2c474e | 3203:fd449fb5925f |
---|---|
466 #header #header-inner #quick li span.icon img,#header #header-inner #quick li span.icon_short img | 466 #header #header-inner #quick li span.icon img,#header #header-inner #quick li span.icon_short img |
467 { | 467 { |
468 margin: 0px -2px 0px 0px; | 468 margin: 0px -2px 0px 0px; |
469 } | 469 } |
470 | 470 |
471 #header #header-inner #quick li.current a, | |
471 #header #header-inner #quick li a:hover { | 472 #header #header-inner #quick li a:hover { |
472 background: #4e4e4e no-repeat top left; | 473 background: #4e4e4e no-repeat top left; |
473 } | 474 } |
474 | 475 |
476 #header #header-inner #quick li.current a span, | |
475 #header #header-inner #quick li a:hover span { | 477 #header #header-inner #quick li a:hover span { |
476 border-left: 1px solid #545454; | 478 border-left: 1px solid #545454; |
477 } | 479 } |
478 | 480 |
479 #header #header-inner #quick li a:hover span.icon,#header #header-inner #quick li a:hover span.icon_short | 481 #header #header-inner #quick li.current a span.icon, |
482 #header #header-inner #quick li.current a span.icon_short, | |
483 #header #header-inner #quick li a:hover span.icon, | |
484 #header #header-inner #quick li a:hover span.icon_short | |
480 { | 485 { |
481 border-left: none; | 486 border-left: none; |
482 border-right: 1px solid #464646; | 487 border-right: 1px solid #464646; |
483 } | 488 } |
484 | 489 |