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

(remove style tag)
Line 1: Line 1:
 +
 
.igem_2018_team_menu {  
 
.igem_2018_team_menu {  
−
background-color:red;  
+
background-color:#c4baba;
 +
border-left: 1px solid #c4baba;
 +
display:block;
 +
float:right;
 +
height:100vh;
 +
max-width: 270px;
 +
overflow-y: auto;
 +
overflow-x: hidden;
 +
padding:0px;
 +
position:fixed;
 +
right:0%;
 +
text-align:left;
 +
width: 1350px;  
 
}
 
}
 +
 +
 +
/*dropdown stuff04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)[[User:HANSONGTSENG|HANSONGTSENG]] ([[User talk:HANSONGTSENG|talk]]) 04:04, 27 May 2018 (UTC)*/
 +
.dropbtn {
 +
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
}
 +
 +
/* The container <div> - 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;
 +
}
 +
 +
/*dropdown stuff04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)~~*/

Revision as of 04:04, 27 May 2018

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


/*dropdown stuff04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)HANSONGTSENG (talk) 04:04, 27 May 2018 (UTC)*/ .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;

}

/*dropdown stuff04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)04:04, 27 May 2018 (UTC)~~*/