Difference between revisions of "Team:NYMU-Taipei/css-test"

Line 1: Line 1:
  
 
.igem_2018_team_menu {  
 
.igem_2018_team_menu {  
−
background-color:green;  
+
background-color:green;  
−
        width: 1350px;
+
width: 1350px;
−
        max-width:none;
+
max-width:none;
−
        height:100px;
+
height:100px;
 
overflow-x: auto;
 
overflow-x: auto;
−
}
+
}
−
.igem_2018_team_menu img{
+
−
display:none;
+
−
}
+
  
−
.igem_2018_team_menu .menu_item{
+
.igem_2018_team_menu img{
−
background-color:white;
+
display:none;
−
width:30px;
+
}
 +
 
 +
.igem_2018_team_menu .menu_item{
 +
background-color:white;
 +
width:30px;
 
clear:none;
 
clear:none;
 
padding:0px 0px 0px 0px;
 
padding:0px 0px 0px 0px;
 
}
 
}
 +
 +
.igem_2018_team_menu .menu_item.direct_link{
 +
padding:0px 0px 0px 0px;
 +
}
 +
 +
  
  

Revision as of 06:27, 27 May 2018

.igem_2018_team_menu { background-color:green; width: 1350px; max-width:none; height:100px; overflow-x: auto; }

.igem_2018_team_menu img{ display:none; }

.igem_2018_team_menu .menu_item{ background-color:white; width:30px; clear:none; padding:0px 0px 0px 0px; }

.igem_2018_team_menu .menu_item.direct_link{ padding:0px 0px 0px 0px; }



.dropbtn { 

   background-color: #4CAF50;
   color: white;
   padding: 16px;
   font-size: 16px;
   border: none;
   cursor: pointer;

}

/* The container
- needed to position the dropdown content */

.dropdown { 

   position: relative;
   display: inline-block;

}

/* Dropdown Content (Hidden by Default) */ .dropdown-content { 

   display: none;
   position: absolute;
   background-color: #f9f9f9;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;

}

/* Links inside the dropdown */ .dropdown-content a { 

   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;

}

/* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content { 

   display: block;

}

/* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn { 

   background-color: #3e8e41;
}