Login menu (probably needs to be polished)
This commit is contained in:
parent
bf93e6bdd2
commit
8a87772cc6
@ -60,10 +60,62 @@ div#g-header {
|
|||||||
border-bottom: 3px solid #bba;
|
border-bottom: 3px solid #bba;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#g-banner {
|
a#g-logo, form#g-quick-search-form, div#g-site-menu {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
ul#g-login-menu {
|
||||||
|
list-style-type: none;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
margin: 0;
|
||||||
|
/*padding: 0.5em;*/
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
width: 20em;
|
||||||
|
width: 2.5em;
|
||||||
|
height: 2.5em;
|
||||||
|
background: url('../images/icons/g-login-menu.png') no-repeat center center;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#g-login-menu > li {
|
||||||
|
display: none;
|
||||||
|
text-align: right;
|
||||||
|
padding: 2px 0;
|
||||||
|
width: 20em;
|
||||||
|
margin-left: -17.6em ; /* -(20-2.5) */
|
||||||
|
background-color: #fcfcfc;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#g-login-menu > li:first-child {
|
||||||
|
margin-top: 2.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#g-login-menu > li > a {
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#g-login-menu > li:hover, ul#g-login-menu > li:hover > a {
|
||||||
|
background-color: #5266f3;
|
||||||
|
color: #fff;
|
||||||
|
border-color: #fff; /* a:hover */
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#g-login-menu:hover {
|
||||||
|
/*height: auto;*/
|
||||||
|
background-color: #5266f3;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul#g-login-menu:hover > li {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
ul.g-breadcrumbs {
|
ul.g-breadcrumbs {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -590,7 +642,7 @@ span.ui-icon-key { background-position: -112px -128px; }
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
#g-login-menu {
|
/*#g-login-menu {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -600,11 +652,11 @@ span.ui-icon-key { background-position: -112px -128px; }
|
|||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
#g-login-menu li:first-child {
|
#g-login-menu li:first-child {
|
||||||
/*display: none;*/
|
display: none;
|
||||||
}
|
}
|
||||||
#g-logo, #g-quick-search-form, #g-site-menu {
|
#g-logo, #g-quick-search-form, #g-site-menu {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user