|
|
| Line 33: |
Line 33: |
| | } | | } |
| | | | |
| − | /* when hovering on a menu item */
| |
| − | .menu_item:hover {
| |
| − | color:#000000;
| |
| − | background-color: #72c9b6;
| |
| − | }
| |
| | | | |
| − | /* decoration icon for the menu buttons*/
| + | |
| − | .icon {
| + | |
| − | float:right;
| + | |
| − | font-size:16px;
| + | |
| − | font-weight:bold;
| + | |
| − | }
| + | |
| | | | |
| − | /* this is the icon for when the content is collapsed */
| |
| − | .plus::before {
| |
| − | content: "+";
| |
| − | }
| |
| − | /* this is the icon for when the content is expanded */
| |
| − | .less::before {
| |
| − | content: "–";
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* styling for the li that are the menu items */
| |
| − | .menu_items li {
| |
| − | width:90%;
| |
| − | margin-top:-2px;
| |
| − | padding: 15px 0px 15px 15px ;
| |
| − | display:block;
| |
| − | border-bottom: 1px solid #d3d3d3;
| |
| − | text-align:left;
| |
| − | font-weight:bold;
| |
| − | text-decoration:none;
| |
| − | color:#000000;
| |
| − | list-style-type:none;
| |
| − | cursor:pointer;
| |
| − | -webkit-transition: all 0.4s ease;
| |
| − | -moz-transition: all 0.4s ease;
| |
| − | -ms-transition: all 0.4s ease;
| |
| − | -o-transition: all 0.4s ease; transition: all 0.4s ease;
| |
| − | }
| |
| | | | |
| | .menu_item a { | | .menu_item a { |
