::-webkit-scrollbar { display: none; } body::-webkit-scrollbar { display: none; } menu */ .navigation { width: 300px; } /* reset our lists to remove bullet points and padding */ .mainmenu, .submenu { list-style: none; padding: 0; margin: 0; } /* make ALL links (main and submenu) have padding and background color */ .mainmenu a { display: block; background-color: #CCC; text-decoration: none; padding: 10px; color: #000; } /* add hover behaviour */ .mainmenu a:hover { background-color: #C5C5C5; } /* when hovering over a .mainmenu item, display the submenu inside it. we're changing the submenu's max-height from 0 to 200px; */ .mainmenu li:hover .submenu { display: block; max-height: 200px; } /* we now overwrite the background-color for .submenu links only. CSS reads down the page, so code at the bottom will overwrite the code at the top. */ .submenu a { background-color: #999; } /* hover behaviour for links inside .submenu */ .submenu a:hover { background-color: #666; } /* this is the initial state of all submenus. we set it to max-height: 0, and hide the overflowed content. */ .submenu { overflow: hidden; max-height: 0; -webkit-transition: all 0.5s ease-out; } body{ height:100%; width:100%; } ::-webkit-scrollbar { display: none; } ul, li { list-style: none; float: left; line-height: 15vh; } footer { background:#FAFAFA; bottom: 0; width: 100%; /* height: 50px; padding: 20px; */ position: fixed; opacity: 1.0; filter: alpha(opacity=50); text-align: center; border-top:1px solid #ddd; } footer:hover{ opacity: 1.0; filter: alpha(opacity=100); } .active-link{ border-bottom: 1px solid #1ba0c0; font-weight: bold; } a:hover{ text-decoration: none; color: #1ba0c0!important; } .main{ /* padding: 16px; padding-right: 0%; margin-top: 48px; height: 89vh; */ } header{ overflow: hidden; background-color: #333; position: fixed; top: 0; width: 100%; } .tableHeader{ background-color: #A2C523; color : white; }