/** ----------------------------------------------------------------------------------------------------- * menu.css * @license http://www.opensource.org/licenses/bsd-license.php New BSD License * @copyright Copyright © Szincsák András * @author Szincsák András * @version 1.0 * ------------------------------------------------------------------------------------------------------ */ #topFooter{position:fixed;bottom:0;left:0;right:0;height:3vh ; background: #579778;padding:2px 0; min-height: 22px; z-index: 99;;} /*countDown*/ #countdown{position: absolute;right: 3px;bottom: 3px;font-size: 11px;padding: 2px;min-width:33px;transition: .3s all ease-in-out} #countdown.active{color: #fff;} #switcher{display: block;float: left; position:relative;width: 24px;height: 25px;margin: 13px 4px 0 10px; padding:22px 0 2px 3px;cursor:pointer;} #switcher span{top:4px;position:absolute;left:0;content:"";width:100%;height:3px;background:#579778} #switcher span:before{top:6px;position:absolute;left:0;content:"";;width:100%;height:3px;background:#579778} #switcher span:after{top:12px;position:absolute;left:0;content:"";width:100%;height:3px;background:#579778} #switcher .left{display:block} #switcher .right{display:none} /*userinfo*/ #userinfo { min-width: 100px;position: relative;text-align:left;display:block;float:right; top: 12px;right:5px; margin-right: 5px;} #userinfo .icon{font-size: .8em; text-align: center;display:block;float:left;background: #579778; color: #fff; width: 32px; height: 32px; padding: 6px 0 0 0; border-radius: 50px;margin: auto;} #userinfo h2{color: #579778; font-size:1em;font-weight:200;display:inline-block;text-align: center;padding: 7px 15px 7px 5px;margin: 0;} #userinfo h2 small{display:block} #userinfo h2:after {content:"▼"; transition:transform .3s ease-in-out;width: 12px;position:absolute; bottom: 5px; right: 0; top: 8px; color: #579778;} #userinfo .menuUser {visibility: hidden;opacity:0;max-height:0;;margin:0;padding: 0;position: absolute;background:#fff;right:0;z-index: 2000;border: 1px solid #ccc;box-shadow: 1px 1px 2px #ccc;transition: .3s all ease-in-out;} #userinfo:hover{} #userinfo:hover h2:after {transform:rotate(180deg);} #userinfo:hover .menuUser { visibility: visible;opacity:1;max-height:max-content;} #userinfo .menuUser li {list-style:none;padding:0;margin:0} #userinfo .menuUser li a {color:#666;padding: 5px 5%;display: block;text-align: left; border-bottom: 1px solid #eee;text-decoration:none!Important} #userinfo .menuUser li a:hover {background: #7b9fa2; color:#fff } #userinfo .menuUser li.divider{background: #7b9fa2;height: 1px;} #userinfo .menuUser small{text-align: center; width: 100%;display: block;line-height: 1.2em; background: #579778;color: #fff;padding: 2px 5px 5px 5px;} /* .menuMain {position:relative;list-style: none;margin: 0;padding: 0;} .menuMain ul, .menuMain li{list-style: none;margin: 0;padding:0;}/*transition: all .3s ease-in-out}/ .menuMain li.top{ width:60px; height: 40px;margin-bottom:20px;padding: 5px;}/*;transition: all .3s ease-in-out}/ .menuMain li ul li a{color:#fff;padding: 7px 0 7px 7px;font-size: .9em;width:100%;display:inline-block;text-decoration: none!Important;} .menuMain li b{color: #fff; margin-left: 15px;max-width:0;overflow:hidden;display:inline-block ;transition: all .3s ease-in-out } .menuMain li ul{visibility:hidden;} .menuMain li ul li{display:none;} .menuMain .fa-2x {font-size: 1.7em;color: #579778;} .menuMain li.top:hover {color: #fff;position:relative;width:200px;background:#579778;border-radius: 10px 0px 0 10px;} .menuMain li.top:hover svg {color: #fff;} .menuMain li.top:hover b{max-width:100%;} .menuMain li.top:hover ul{visibility:visible; position: absolute; background: #9cb3bd;z-index: 100; top: 40px;padding:1px; left: 45px; width: 155px;} .menuMain li.top:hover ul li{display:block;color:#fff;list-style: none;padding:0;margin:0} .menuMain li.top:hover ul li:hover {background:#fff;} .menuMain li.top:hover ul li.active{background:#ddd} .menuMain li.top:hover ul li:hover a, .menuMain li.top:hover ul li.active a{color:#333} body.maximalized .menuMain svg{color:#fff} body.maximalized .menuMain li.top{ width:195px;height:auto } body.maximalized .menuMain li b{max-width:100%} body.maximalized .menuMain li ul, body.maximalized .menuMain li ul li{;transition: all .5s ease-in-out; visibility: visible;;display:block;} body.maximalized .menuMain ul li a{color:#fff; margin-left: 40px;} body.maximalized .menuMain li.top:hover ul{visibility:visible; position: relative;;z-index: 100;top: initial;padding:0px;left:initial; width: 100%;} body.maximalized .menuMain li.top:hover ul li{display:block;color:#fff;list-style: none;padding:0;margin:0} */ .menuMain {position:relative;list-style: none;margin: 0;padding: 0;} .menuMain ul, .menuMain li{list-style: none;margin: 0;padding:0;}/*transition: all .3s ease-in-out}*/ .menuMain li b{max-width:100%;color:#fff;} .menuMain li ul{visibility:hidden;} .menuMain li ul li{display:none;} .menuMain li .ffa{color:#fff;width:34px;margin-right:5px; font-size: 25px;text-align: center;} .menuMain li.top{ width:195px;height:auto } .menuMain li.top a{color:#fff;padding: 7px 0 7px 0px;font-size: 16px;width:100%;display: flex;align-items: center;text-decoration: none!Important;} .menuMain li.top a:hover{background:#8fbdd1;color:#fff} .menuMain li.top li.active a{background:#8fbdd1;color:#1c5369!Important} .menuMain li.top.active a, .menuMain li.top.active .ffa{color:#b5e9ff} .menuMain li.top.active a:hover{background:transparent} .menuMain li.top.active ul{visibility:visible;padding:0px;background:#61a1bc} .menuMain li.top.active ul li{display:block;} .menuMain li.top.active li a{font-size:14px;padding: 6px 0 6px 20px;color:#fff} .menuMain li.top.active li a:hover{background:#8fbdd1;color:#fff} body.minimalized #sectionMenu .site{display:none} body.minimalized .menuMain li b{ max-height: 20px;color: #fff;max-width:0;overflow:hidden;display:inline-block ;}/*transition: all .3s ease-in-out }*/ body.minimalized .menuMain li.top{width:40px} body.minimalized .menuMain li.top ul{visibility:hidden} body.minimalized .menuMain li.top ul li{display:none;} body.minimalized .menuMain li.top.active ul{visibility:hidden;padding:0px;background:#61a1bc} body.minimalized .menuMain li.top.active ul li{display:none;} body.minimalized .menuMain li.top:hover {width:200px; background: #61a1bc;} body.minimalized .menuMain li.top:hover .toplink{background: #8a8a8a;} body.minimalized .menuMain li.top:hover b{max-width:100%;max-height: 40px;} body.minimalized .menuMain li.top:hover ul{visibility:visible;position:absolute;left:40px;width:160px;padding:0px;background:#61a1bc} body.minimalized .menuMain li.top:hover ul li{display:block;} body.minimalized .menuMain li.top:hover ul li a{font-size:14px;padding:6px 2px 6px 6px}