Difference between revisions of "Team:TP-CC San Diego/Templates/NavBar"

Line 7: Line 7:
 
         #navbar-fill { width:100%; padding:0px;  margin-top:-7px; background-color:#6c6f76;}
 
         #navbar-fill { width:100%; padding:0px;  margin-top:-7px; background-color:#6c6f76;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
body {background-color:#2E323C; }
+
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
 
.dropbtn {
 
.dropbtn {
     background-color: #25274A;
+
     background-color: #4CAF50;
     color: #ABD0BE;
+
     color: white;
     padding: 16px;
+
     padding: 20px;
 
     font-size: 16px;
 
     font-size: 16px;
 
     border: none;
 
     border: none;
Line 24: Line 24:
 
}
 
}
  
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    max-width: 180px;
 +
    min-width: 40px;
 +
    background-color: #f9f9f9;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
}
 +
 +
/*
 
.dropdown-content {
 
.dropdown-content {
 
     display: none;
 
     display: none;
 
     position: absolute;
 
     position: absolute;
 
     right: 0;
 
     right: 0;
 +
    float:left;
 
     background-color: #f9f9f9;
 
     background-color: #f9f9f9;
     min-width: 160px;
+
     min-width: 40px;
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
     z-index: 1;
 
     z-index: 1;
 
}
 
}
 +
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}
 +
*/
  
 
.dropdown-content a {
 
.dropdown-content a {
Line 43: Line 63:
 
#title
 
#title
 
{
 
{
     color: #ABD0BE;
+
     color:white;
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
Line 58: Line 78:
 
</style>
 
</style>
 
</head>
 
</head>
<div id="navbar-fill">
 
 
<body>
 
<body>
  
 +
<div id="navbar-fill">
 
<div class="dropdown">
 
<div class="dropdown">
  <button class = "dropbtn" class id = "title" href="https://2017.igem.org/Team:TP-CC_San_Diego">Home </a>
+
  <button class = "dropbtn" class id = "title" href="https://2017.igem.org/Team:TP-CC_San_Diego"> Home </button>
 
</div>
 
</div>
  

Revision as of 07:07, 16 August 2017