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;
+
-
text-align: center
+
-
}
+
-
nav li {
+
        nav ul {
-
display: inline-block;
+
            margin: 0;
-
}
+
            padding: 0;
 +
            list-style: none;
 +
}
-
nav a {
+
        .nav a {
-
        text-decoration: none;
+
            display: block;
-
line-height: 81px;
+
            background: #111;
-
padding: 0 10px;
+
            color: #fff;
-
color: #000;
+
            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 a:visited {
+
      .nav {
-
color: orange;
+
            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: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:first-child > a {
 +
            border-radius: 4px 0 0 0;
 +
}
 +
 
 +
        .nav > li:last-child {
 +
            border-radius: 0 0 4px 0;
 +
            margin-right: 0;
 +
}
 +
 
 +
        .nav > li:last-child > a {
 +
            border-radius: 0 4px 0 0;
 +
}
 +
 
 +
        .nav li li a {
 +
            margin-top: 1px;
 +
}       
nav img {
nav img {
width: 81px;
width: 81px;
}
}
 +
 +
      .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; 
 +
}
         .content * {
         .content * {

Revision as of 12:45, 28 August 2014

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