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

Revision as of 08:06, 19 June 2018

.extra_space{ display:none; }

1. globalWrapper{

padding-bottom:0px; height:100%; }

.igem_2018_team_content .igem_2018_team_column_wrapper {

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

}

.igem_2018_team_menu.displaying_menu{ display:none; }

.igem_2018_team_content{ width:100%; }

.nymu_menu{ min-width: 1310px; width:100%; position: fixed; z-index: 1; height: 150px; }

body #content .igem_2018_team_column_wrapper{ font-family: sans-serif; background-color:#F1F1F1; }

a{ text-decoration: none; }

1. title{

display:none; }

/*for drop down function*/

.menu_item{ position: relative; top:25px; }

.dropdown {

   position: relative;
   display: inline-block;

min-width:140px; width:10%; text-align:center; color:#638695; font-size: 20px; }

.dropdown:hover { /*color:#B1C4C9;*/ color: pink; }

.dropdown .submenu_item:hover{ border-style: solid; border-width: 1px; border-color: pink; }

.dropdown-content {

   display: none;
   position: absolute;
   top:0px;
   width: 100%;
   z-index: 2;
   text-align: left;

top:50px; }

.dropdown-content a .submenu_item{ color:pink; margin:15px; }

.dropdown img{ width: 40px; position: relative; top:20px; left:50px; } /*.dropdown:hover .dropdown-content {

   display: block;

}

• /

.dropdown-content a:hover { background-color: #ddd }

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

   display:block;

} /* end of dropdown function*/

.cover video{ top:100px; width: 80%; position: relative; opacity: 0.7; }

1. coversentence1{

position: absolute; left:60%; top:75%; font-size: 50px; color:gray; animation-name:fade-in2; animation-duration: 4s; font-family: 'Monoton', cursive; }

1. coversentence2{

position: absolute; left:60%; top:60%; font-size: 70px; color:#638695; animation-name:fade-in1; animation-duration: 4s; font-family: 'Monoton', cursive; }

@keyframes fade-in1{ from{ opacity: 0; } to{ opacity:1; } }

@keyframes fade-in2{ 0%{ opacity: 0; } 30%{ opacity:0; } 100%{ opacity: 1; } }