/* Css code for Dropdown Menu */ /* The container <div> - needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; } /* The dropdown container <div> - needed to hold the content inside dropdown */ .dropdown-content { right: -20px; display: none; position: absolute; min-width: 150px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Accordion as a button to add expandible and collapsible menu items */ .accordion { border: solid white; border-width: thin; display: block; background-color:#121212; color: white; cursor: pointer; padding: 11px; width: 100%; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } /* Sub menu items inside the accordion */ .sub-menu { line-height: 35px; padding: 0px 20px; background-color: dimgray; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } /* Styling for text of submenu */ .sub-menu a{ text-decoration: none; color: aliceblue; cursor: pointer; outline: none; font-size: 15px; } .active, .accordion:hover { background-color: darkgray; } /* Changing of + and - on menu expand and collapse respectively*/ .collapsible:after { content: '\002B'; /* color:black; */ /* font-weight: bold; */ float: right; /* margin-left: 5px; */ } .active:after { content: "\2212"; float:right; } /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { display: block; } #dropdownMenu{ cursor: pointer; }