57 lines
2.7 KiB
CSS
57 lines
2.7 KiB
CSS
/**
|
|
* Gallery 3 Grey Dragon Theme
|
|
* Copyright (C) 2006-2011 Serguei Dosyukov
|
|
*
|
|
* CSS rules related to menus
|
|
*/
|
|
|
|
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
|
|
/* menus.css - Main menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
|
|
|
|
#g-site-menu { position: absolute; }
|
|
#g-site-menu.g-default { left: 21em; bottom: 0; }
|
|
#g-site-menu.g-top { left: 21em; top: 2px; }
|
|
#g-site-menu.g-bottom-right { bottom: 0; right: 2em; }
|
|
#g-site-menu.g-bar { left: 0; top: 0; width: 100%; padding-left: .5em; position: fixed !important; z-index: 9999; font-size: 0.9em; }
|
|
|
|
#g-site-menu ul { float: left; width: 100%; white-space: nowrap; z-index: 102; }
|
|
#g-site-menu>ul>li>ul { margin-top: 1px; }
|
|
|
|
#g-site-menu ul ul ul { padding-top: 0; }
|
|
#g-site-menu a { display: block; padding: 0.2em 0.4em; text-align: center; width: auto; letter-spacing: 0; cursor: pointer; z-index: 102; }
|
|
#g-site-menu li { float: left; padding: 0; background-color: transparent; border: transparent 1px solid; z-index: 102; }
|
|
#g-site-menu li ul a { text-align: left; padding: 0.3em 0; text-indent: 0.8em; letter-spacing: 0; }
|
|
#g-site-menu li ul a:hover { background-image: none; }
|
|
#g-site-menu li ul { position: absolute; margin: 0 0 0 -1px; width: 14em; height: auto; left: -999em; }
|
|
|
|
#g-site-menu li li { width: 14em; padding-right: 0; }
|
|
#g-site-menu li ul a { width: 14em; }
|
|
#g-site-menu li ul ul { margin: -1.8em 0 0 14em; }
|
|
#g-site-menu li:hover ul ul,
|
|
#g-site-menu li:hover ul ul ul,
|
|
#g-site-menu li.iemhover ul ul,
|
|
#g-site-menu li.iemhover ul ul ul { left: -999em; }
|
|
#g-site-menu li:hover ul,
|
|
#g-site-menu li li:hover ul,
|
|
#g-site-menu li li li:hover ul,
|
|
#g-site-menu li.iemhover ul,
|
|
#g-site-menu li li.iemhover ul,
|
|
#g-site-menu li li li.iemhover ul { left: auto; }
|
|
|
|
#g-site-menu>ul>li>ul { display: none; }
|
|
|
|
/* menus.css - Context menu ~~~~~~~~~~~~~~~~~~~~~~~~~~*/
|
|
|
|
.g-item .g-context-menu { position: absolute; margin: 0; padding: 0; top: 6px; left: 196px; width: 14px; height: 14px; background-position: -178px -144px; z-index: 4; }
|
|
.g-item.g-extended .g-context-menu { left: 296px; }
|
|
.g-item .g-context-menu li { width: 100%; padding: 0; margin: 0; text-indent: -9999px; }
|
|
.g-item .g-context-menu>li>a { font-size: 0em; }
|
|
.g-item .g-context-menu:hover { top: 4px; left: 6px; width: 200px; height: auto; z-index: 102; }
|
|
.g-item.g-extended .g-context-menu:hover { width: 300px; }
|
|
.g-item .g-context-menu ul { padding: 0; margin: 0; }
|
|
.g-item .g-context-menu li li { display: none; }
|
|
.g-item .g-context-menu li li a { display: block; padding: 4px 6px; }
|
|
.g-item .g-context-menu:hover li li { display: block; text-indent: 0px; }
|
|
|
|
.g-item.g-detail .g-context-menu { left: auto; right: 6px; }
|
|
.g-item.g-detail .g-context-menu:hover { left: auto; right: 6px; } |