Team:Freiburg/css/styles.css

From 2014.igem.org

(Difference between revisions)
Line 223: Line 223:
}
}
-
nav {
+
nav {  
-
max-width: 1200px;
+
  display: block;
-
background-color: #FFFFFF;
+
  text-align: center;
-
color: #FFFFFF;
+
}
-
margin: 14px auto 0;
+
nav ul {
-
text-align: center
+
  margin: 0;
-
}
+
  margin-top: 20px;
 +
  padding:0;
 +
  list-style: none;
 +
}
 +
.nav a {
 +
  display:block;
 +
  background: #111;  
 +
  color: #fff;  
 +
  text-decoration: none;
 +
  padding: 0.8em 1.8em;
 +
  text-transform: uppercase;
 +
  font-size: 80%;
 +
  letter-spacing: 2px;
 +
  text-shadow: 0 -1px 0 #000;
 +
  position: relative;
 +
}
 +
.nav{ 
 +
  vertical-align: top;
 +
  display: inline-block;
 +
  box-shadow:
 +
    1px -1px -1px 1px #000,
 +
    -1px 1px -1px 1px #fff,
 +
    0 0 6px 3px #fff;
 +
  border-radius:6px;
 +
}
 +
.nav li {
 +
  position: relative;
 +
}
 +
.nav > li {
 +
  float: left;
 +
  border-bottom: 4px #aaa solid;
 +
  margin-right: 1px;
 +
}
 +
.nav > li > a {
 +
  margin-bottom: 1px;
 +
  box-shadow: inset 0 2em .33em -0.5em #555;
 +
}
 +
.nav > li:hover,
 +
.nav > li:hover > a {
 +
  border-bottom-color: orange;
 +
}
 +
.nav li:hover > a {
 +
  color:orange;
 +
}
 +
.nav > li:first-child {
 +
  border-radius: 4px 0 0 4px;
-
nav li {
+
}
-
display: inline-block;
+
.nav > li:first-child > a {  
-
}
+
  border-radius: 4px 0 0 0;
-
nav a {
+
}
-
        text-decoration: none;
+
.nav > li:last-child {  
-
line-height: 81px;
+
  border-radius: 0 0 4px 0;  
-
padding: 0 10px;
+
  margin-right: 0;
-
color: #000;
+
-
}
+
}
 +
.nav > li:last-child > a {
 +
  border-radius: 0 4px 0 0;
 +
}
 +
.nav li li a {
 +
  margin-top: 1px;
 +
}
-
nav a:visited {
+
nav ul li ul {
-
color: orange;
+
    position: absolute;
 +
    background: #ccc;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    display: none; }
 +
 
 +
.nav li a:first-child:nth-last-child(2):before {  
 +
  content: "";
 +
  position: absolute;
 +
  height: 0;
 +
  width: 0;
 +
  border: 5px solid transparent;
 +
  top: 50% ;
 +
  right:5px; 
 +
 
 +
  display: block;
 +
}
 +
        .content * {
 +
                color: black;
 +
                background-color: white;
}
}
 +
nav img {
nav img {
width: 81px;
width: 81px;
}
}
 +
         .content * {
         .content * {

Revision as of 22:04, 28 August 2014

Retrieved from "http://2014.igem.org/Team:Freiburg/css/styles.css"