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

Revision as of 08:01, 19 June 2018

.extra_space{ display:none; }

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; top:50px; }

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

a{ text-decoration: none; }

title{

display:none; }

/*for drop down function*/

.menu_item{ position: relative; }

.dropdown {

   position: relative;
   display: inline-block;

min-width:140px; width:10%; text-align:center; color:#638695; font-size: 20px; top: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:20px; }

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

.dropdown img{ width: 50px; 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; }

coversentence1{

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

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

@@ Line 28: / Line 28: @@
 	z-index: 1;
 	height: 150px;
+top:50px;
 }