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

Line 48: Line 48:
 
     position: relative;
 
     position: relative;
 
     display: inline-block;
 
     display: inline-block;
−
width:150px;
+
width:200px;
 
text-align:center;
 
text-align:center;
 
padding-top:10px;
 
padding-top:10px;
Line 57: Line 57:
 
     position: absolute;
 
     position: absolute;
 
     background-color: #f9f9f9;
 
     background-color: #f9f9f9;
−
     min-width: 160px;
+
     min-width: 210px;
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
     padding: 12px 16px;
 
     padding: 12px 16px;

Revision as of 11:11, 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: 100px; background-color: white; box-shadow: 0 10px 20px -5px gray; position:fixed; width:100%; top:20px; }

/*style title*/

  1. title{

text-align:center; font-family:"Impact", Charcoal, sans-serif; color:#5bc7d8; font-size:40px; height:30px; padding-top:10px; }

/*style image*/ img.cover { 

   width: 100%;

}

/*for drop down function*/

.dropdown { 

   position: relative;
   display: inline-block;

width:200px; text-align:center; padding-top:10px; }

.dropdown-content { 

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

}

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

   display:block;

} /* end of dropdown function*/