/** ----------------------------------------------------------------------------------------------------- * * menu.css file * * @author Szincsák András * @copyright Copyright (c) 2021, Szincsák András * ------------------------------------------------------------------------------------------------------ */ /* ----------- TOP HEADER --------------*/ #switcher{display: block;float: left; position:relative;width: 24px;height: 25px;margin:17px 5px 0 13px; padding:22px 0 2px 3px;cursor:pointer;} #switcher span{top:4px;position:absolute;left:0;content:"";width:100%;height:3px;background:#627da4} #switcher span:before{top:6px;position:absolute;left:0;content:"";;width:100%;height:3px;background:#627da4} #switcher span:after{top:12px;position:absolute;left:0;content:"";width:100%;height:3px;background:#627da4} #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: #627da4; color: #fff; width: 32px; height: 32px; padding: 6px 0 0 0; border-radius: 50px;margin: auto;} #userinfo h2{max-width: 174px;color: #627da4; font-size:1em;font-weight:400;display:inline-table;text-align: center;padding: 0px 15px 0px 5px;margin: 0;vertical-align: middle;} #userinfo h2 small{display:block} #userinfo h2:after {content:"▼"; transition:transform .3s ease-in-out; font-size: .8em;width: 12px;height:12px;position:absolute; bottom: 5px; right: 0; top: 8px; } #userinfo .menuUser { min-width: 200px;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 .menuUser b {color:#fff;padding: 10px 0;display:block} #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: #93a9c8; color:#fff } #userinfo .menuUser li.divider{background: #93a9c8;height: 1px;} #userinfo .menuUser b{text-align: center; width: 100%;display: block;line-height: 1.2em; background: #627da4;color: #fff;padding: 2px 5px 5px 5px;} @media (max-width: 979px) { #userinfo{min-width:48px;height:40px; margin-right: 0px;pointer-events: 'none'} #userinfo h2{display: inline-block;max-width:0;max-height:0;overflow: hidden;padding: 0} } #userinfo:hover h2:after {transform:rotate(180deg);} #userinfo:hover .menuUser { visibility: visible;opacity:1;max-height:max-content; top: 35px;; min-width: 200px;} .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, .menuMain li.home{ width:195px;height:auto; min-height: 40px; } .menuMain li.top a, .menuMain li.home 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 a b, .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:#5b697c} .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} /*FOOTER*/ footer#topFooter{position:fixed;bottom:0;left:0;right:0;height:3vh ; background: #627da4;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;} .refresh{width:100%; text-align:right; margin:-30px 0 5px 0; font-size:.9em;} .refresh.hidden{display:none} .refresh { width: 200px; border-radius:3px; float: right; text-align: right; margin: -7px 0px 0px 0; font-size: .9em; padding: 7px 10px 3px 10px; background: #627da4; color:#fff; } .refresh h2{ font-size: 18px; text-align: left; margin: 0 0 5px 0;} .refresh h2 span{font-size: 14px;} .refresh select {border:none!Important; width:100%; padding: 3px 5px; border-radius:5px; outline: none;} .refresh select:hover{color:#fff;background:#4f8986} .refresh select option{padding:2px 0} .refresh .switch{margin:10px 0 5px 0} .refresh .fa-sync.rotate{opacity:0;margin-left:10px;} #refreshajax{color: #fff;font-size: 13px;width:100%;min-height:23px;text-align: center;margin-top:4px} #refreshajax b{color: #fff;} #refreshajax .refreshtime{color:#1d2e2d} main.sending .refresh{background:#e13445;} main.sending .refresh svg {display:inline-block; opacity:1!Important;} main.sending #refreshajax .refreshtime{color:#eaff5b} #timer{margin:-15px 0 15px 0;height:10px;} #timer b{background:#627da4 ;width:0;margin-top: 0px;height:10px;display:block;transition:width 0s ease-in-out} #timer.waiting b{width:100%;transition:width 5s ease-in-out} main.sending #timer b{background:#e13445 ;height:3px;} @media (max-width: 979px) { .refresh{ margin:0px 0 5px 0; font-size:.8em;} } .pager{margin: 20px 0;} .pager ul.yiiPager { font-size: 1em;} .pager ul.yiiPager .hidden a{color:#aaa;} .pager ul.yiiPager a{color:#617da4;font-weight:normal;border-color: #d8e0e0;padding:10px 15px} .pager ul.yiiPager .selected a {background:#617da4;color:#fff} .DyTab form{padding:15px 0} /*MOBIL TAB pils */ @media (max-width: 979px) { .nav-pills .nav-item{width:100%} .nav-pills{position:relative; background: #fff;margin-bottom: 5px} .nav-pills:after{content:"▼";color:#fff;position:absolute;right:7px;top:7px;} .nav-pills.open:after{ transform: rotate(180deg); text-shadow: 0 0 1px #000;} .nav-pills .nav-item .nav-link{display: none;;order:2} .nav-pills.open .nav-item .nav-link{display: block} .nav-pills .nav-item .nav-link.active{display: block;order:1} ul.yiiPager {width:100%} ul.yiiPager li.hidden{display:none} ul.yiiPager li {display: inline-block; height: 42px;} } .ui-menu .ui-menu-item svg {color:#1e7f99}