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

Line 61: Line 61:
 
     padding: 20px 16px;
 
     padding: 20px 16px;
 
     z-index: 1;
 
     z-index: 1;
 +
}
 +
 +
.dropdown-content a{
 +
height:40px;
 
}
 
}
  

Revision as of 16:21, 29 May 2018

.extra_space{ display:none; }

.igem_2018_team_content .igem_2018_team_column_wrapper {

   margin: auto;
   max-width:none;
    width: 100%; 

}

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

/*styling the menu*/ .nymu_menu{ height: 120px; background-color: white; box-shadow: 0 10px 20px -5px gray; position:fixed; width:100%; top:30px; }

/*style title*/

  1. title{

text-align:center; font-family:"Impact", fantasy; color:#5bc7d8; font-size:70px; height:30px; padding-top:30px; }

/*style image*/ img.cover {

   width: 100%;

}

/*for drop down function*/

.dropdown {

   position: relative;
   display: inline-block;

width:14%; text-align:center; padding-top:25px; }

.dropdown-content {

   display: none;
   position: absolute;
   background-color:white;
   min-width: 210px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   padding: 20px 16px;
   z-index: 1;

}

.dropdown-content a{ height:40px; }

.dropdown:hover .dropdown-content {

   display: block;

}

.igem_2018_team_content .igem_2018_team_column_wrapper a{ text-decoration:none; } .dropdown:hover .dropdown-content {

   display:block;

} /* end of dropdown function*/