Difference between revisions of "Template:TPHS San Diego"

Line 25: Line 25:
 
}
 
}
  
−
.nav-bar {
+
.navbar
−
    list-style:none;
+
{
−
    height:200px;
+
  overflow: hidden;
−
    width:100vw;
+
  background-color:#FFFACD;
−
    background-color:#FFFACD;
+
  font-family: Arial;
 +
  font-size:16px;
 +
  padding:15px;
 +
  padding-left:500px;
 
}
 
}
  
 +
 +
 +
/* Links inside the navbar */
 +
.navbar a
 +
{
 +
  float: left;
 +
  font-size: 20px;
 +
  font-weight:500;
 +
  color:black;
 +
  text-align: center;
 +
  padding: 14px 16px;
 +
  text-decoration: none;
 +
}
 +
 +
/* The dropdown container */
 +
.dropdown
 +
{
 +
  float: left;
 +
  overflow: hidden;
 +
}
 +
 +
/* Dropdown button */
 +
.dropdown .dropbtn
 +
{
 +
  font-size: 16px;
 +
  border: none;
 +
  outline: none;
 +
  color: black;
 +
  font-weight:700;
 +
  font-size:20px;
 +
  padding: 14px 50px;
 +
  background-color: inherit;
 +
  font-family: inherit; /* Important for vertical align on mobile phones */
 +
  margin: 0; /* Important for vertical align on mobile phones */
 +
}
 +
 +
/* Add a red background color to navbar links on hover */
 +
.navbar a:hover, .dropdown:hover .dropbtn
 +
{
 +
  background-color:rgba(255, 229, 7, 0.47);
 +
}
 +
 +
/* 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
 +
{
 +
  float: none;
 +
  color: black;
 +
  padding: 12px 16px;
 +
  text-decoration: none;
 +
  display: block;
 +
  text-align: left;
 +
}
 +
 +
/* Add a grey background color to dropdown links on hover */
 +
.dropdown-content a:hover
 +
{
 +
  background-color: #ddd;
 +
}
 +
 +
/* Show the dropdown menu on hover */
 +
.dropdown:hover .dropdown-content
 +
{
 +
  display: block;
 +
}
  
  

Revision as of 22:28, 16 September 2018