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

Revision as of 04:32, 27 May 2018

.igem_2018_team_menu { background-color:green; border-left: 1px solid #c4baba; display:inline-block; float:right; height:10px; max-width: 270px; overflow-y: auto; overflow-x: hidden; padding:0px; position:fixed; right:0%; text-align:left; width: 1350px;

}

.igem_2018_team_content { background-color:white; display:block; width: 1350px;

               float:clear;

}

.dropbtn {

   background-color: #4CAF50;
   color: white;
   padding: 16px;
   font-size: 16px;
   border: none;
   cursor: pointer;

}

/* The container

- needed to position the dropdown content */

.dropdown {

   position: relative;
   display: inline-block;

}

/* Dropdown Content (Hidden by Default) */ .dropdown-content {

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

}

/* Links inside the dropdown */ .dropdown-content a {

   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;

}

/* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {

   display: block;

}

/* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn {

   background-color: #3e8e41;

}

@@ Line 1: / Line 1: @@
 .igem_2018_team_menu {
-		background-color:#c4baba;
+		background-color:green;
 		border-left: 1px solid #c4baba;
 		display:inline-block;