/** * 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; }