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