Mercurial > kallithea
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; |