comparison rhodecode/public/css/style.css @ 3205:f01540c62f8a beta

top menu: show user menu as a menu option like others, now also with login name A minor regression: the message count is not clickable ... but it was hard to hit, and somewhat confusing that different parts of the icon meant different things. The new html/css will probably need some review and cross platform testing.
author Mads Kiilerich <madski@unity3d.com>
date Wed, 23 Jan 2013 20:26:34 +0100
parents fd449fb5925f
children d4bb8de7382f
comparison
equal deleted inserted replaced
3204:06cdedbc6ef9 3205:f01540c62f8a
451 top: 0; 451 top: 0;
452 left: 0; 452 left: 0;
453 border-left: none; 453 border-left: none;
454 border-right: 1px solid #2e5c89; 454 border-right: 1px solid #2e5c89;
455 padding: 8px 6px 4px; 455 padding: 8px 6px 4px;
456 min-width: 16px;
457 min-height: 16px;
456 } 458 }
457 459
458 #header #header-inner #quick li span.icon_short { 460 #header #header-inner #quick li span.icon_short {
459 top: 0; 461 top: 0;
460 left: 0; 462 left: 0;
2088 .user-menu .gravatar:hover{ 2090 .user-menu .gravatar:hover{
2089 background-color: #FDF784 !important; 2091 background-color: #FDF784 !important;
2090 } 2092 }
2091 #quick_login{ 2093 #quick_login{
2092 min-height: 80px; 2094 min-height: 80px;
2093 margin: 37px 0 0 -251px; 2095 margin: 37px 0 0 -280px;
2094 padding: 4px; 2096 padding: 4px;
2095 position: absolute; 2097 position: absolute;
2096 width: 278px; 2098 width: 278px;
2097 background-color: #003B76; 2099 background-color: #003B76;
2098 background-repeat: repeat-x; 2100 background-repeat: repeat-x;
4526 .notification-paginator{ 4528 .notification-paginator{
4527 padding: 0px 0px 4px 16px; 4529 padding: 0px 0px 4px 16px;
4528 float: left; 4530 float: left;
4529 } 4531 }
4530 4532
4531 .notifications{ 4533 .notifications {
4532 border-radius: 4px 4px 4px 4px; 4534 padding: 2px 7px !important;
4533 -webkit-border-radius: 4px; 4535 margin: 7px -4px -7px 4px !important;
4534 -moz-border-radius: 4px; 4536 text-align: center;
4535 float: right;
4536 margin: 20px 0px 0px 0px;
4537 position: absolute;
4538 text-align: center;
4539 width: 26px;
4540 z-index: 1000;
4541 }
4542 .notifications a{
4543 color:#888 !important; 4537 color:#888 !important;
4544 display: block;
4545 font-size: 10px; 4538 font-size: 10px;
4546 background-color: #DEDEDE !important; 4539 background-color: #DEDEDE !important;
4547 border-radius: 2px !important; 4540 border-radius: 4px !important;
4548 -webkit-border-radius: 2px !important; 4541 -webkit-border-radius: 4px !important;
4549 -moz-border-radius: 2px !important; 4542 -moz-border-radius: 4px !important;
4550 } 4543 }
4551 .notifications a:hover{ 4544
4552 text-decoration: none !important;
4553 background-color: #EEEFFF !important;
4554 }
4555 .notification-header{ 4545 .notification-header{
4556 padding-top:6px; 4546 padding-top:6px;
4557 } 4547 }
4558 .notification-header .desc{ 4548 .notification-header .desc{
4559 font-size: 16px; 4549 font-size: 16px;