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

Line 16: Line 16:
 
}
 
}
  
−
.nymu_menu{
+
.igem_2018_team_menu{
−
height: 50px;
+
height: 50px;
−
background-color: white;
+
background-color: white;
−
box-shadow: 0 10px 20px -5px gray;
+
box-shadow: 0 10px 20px -5px gray;
−
width:1440px;
+
}
 +
.dropdownbutton{
 +
 +
}
 +
.dropdownbutton a{
 +
 +
}
 +
.dropdownbutton: hover:{
 +
 +
 
 +
}
 +
button{
 +
background-color: white;
 +
border-color: white;
 +
color:black;
 +
font-size: 1em;
 +
width: 100%;
 +
height: 50px;
 +
display: inline;
 +
}
 +
 
 +
button a{
 +
color:black;
 +
}
 +
 
 +
button:hover{
 +
background-color: white;
 +
}
 +
.dropdowncontent{
 +
position:absolute;
 +
background-color: white;
 +
opacity: 0.9;
 +
font-size: 1em;
 +
display: block;
 +
z-index: 2;
 +
overflow: visible;
 +
width: 11%;
 +
 
 +
}
 +
.dropdowncontent a{
 +
width: 5em;
 +
height: 3em;
 +
color:black;
 
}
 
}
  
−
.dropdown {
+
.submenu_item{
−
padding-top:20px;
+
height: 50px;
−
    position: relative;
+
text-align: center;
−
    display: inline-block;
+
border-bottom: 1px white;
−
width:150px;
+
−
text-align:center;
+
 
}
 
}
  
−
.dropdown-content {
+
.notshow{
−
    display: none;
+
display:none;
−
    position: absolute;
+
−
    background-color: #f9f9f9;
+
−
    min-width: 160px;
+
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
−
    padding: 12px 16px;
+
−
    z-index: 1;
+
 
}
 
}
  
−
.dropdown:hover .dropdown-content {
+
.dropdownitem{
−
    display: block;
+
display:inline-block;
 +
width: 10%;
 
}
 
}

Revision as of 12:28, 28 May 2018

.extra_space{ display:none; }

.igem_2018_team_column_wrapper{ width:1440px; }

.igem_2018_team_content { background-color:white; display:block; width: 100%; } .igem_2018_team_menu.displaying_menu{ display:none; }

.igem_2018_team_menu{ height: 50px; background-color: white; box-shadow: 0 10px 20px -5px gray; } .dropdownbutton{

} .dropdownbutton a{

} .dropdownbutton: hover:{


} button{ background-color: white; border-color: white; color:black; font-size: 1em; width: 100%; height: 50px; display: inline; }

button a{ color:black; }

button:hover{ background-color: white; } .dropdowncontent{ position:absolute; background-color: white; opacity: 0.9; font-size: 1em; display: block; z-index: 2; overflow: visible; width: 11%;

} .dropdowncontent a{ width: 5em; height: 3em; color:black; }

.submenu_item{ height: 50px; text-align: center; border-bottom: 1px white; }

.notshow{ display:none; }

.dropdownitem{ display:inline-block; width: 10%; }