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

(add own menu styling)
Line 2: Line 2:
 
.igem_2018_team_menu.displaying_menu {  
 
.igem_2018_team_menu.displaying_menu {  
 
display:none;
 
display:none;
 +
}
 +
 +
.nymu_menu{
 +
height: 50px;
 +
background-color: white;
 +
box-shadow: 0 10px 20px -5px gray;
 +
}
 +
.dropdownbutton{
 +
 +
}
 +
.dropdownbutton a{
 +
 +
}
 +
.dropdownbutton: hover:{
 +
 +
 +
}
 +
 +
#cover{
 +
top: 1000px;
 +
}
 +
 +
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%;
 +
}
 +
 +
.notshow{
 +
display:none;
 
}
 
}

Revision as of 03:40, 28 May 2018

.igem_2018_team_menu.displaying_menu { display:none; }

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

} .dropdownbutton a{

} .dropdownbutton: hover:{


}

  1. cover{

top: 1000px; }

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%; }

.notshow{ display:none; }