Difference between revisions of "Template:William and Mary"

Line 92: Line 92:
  
  
body {
+
 
  margin: 0;
+
  padding: 0;
+
  background: #ccc;
+
}
+
+
.nav ul {
+
  list-style: none;
+
  background-color: #444;
+
  text-align: center;
+
  padding: 0;
+
  margin: 0;
+
}
+
.nav li {
+
  font-family: 'Oswald', sans-serif;
+
  font-size: 1.2em;
+
  line-height: 40px;
+
  height: 40px;
+
  border-bottom: 1px solid #888;
+
}
+
+
.nav a {
+
  text-decoration: none;
+
  color: #fff;
+
  display: inline;
+
  transition: .3s background-color;
+
}
+
+
.nav a:hover {
+
  background-color: #005f5f;
+
}
+
+
.nav a.active {
+
  background-color: #fff;
+
  color: #444;
+
  cursor: default;
+
}
+
+
@media screen and (min-width: 600px) {
+
  .nav li {
+
    width: 120px;
+
    border-bottom: none;
+
    height: 50px;
+
    line-height: 50px;
+
    font-size: 1.4em;
+
  }
+
+
  /* Option 1 - Display Inline */
+
  .nav li {
+
    display: inline;
+
    margin-right: -4px;
+
  }
+
+
  /* Options 2 - Float
+
  .nav li {
+
    float: left;
+
  }
+
  .nav ul {
+
    overflow: auto;
+
    width: 600px;
+
    margin: 0 auto;
+
  }
+
  .nav {
+
    background-color: #444;
+
  }
+
  */
+
}
+
  
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/

Revision as of 18:43, 14 June 2017

William_and_Mary