Team:Freiburg/css/styles.css

From 2014.igem.org

(Difference between revisions)
Line 223: Line 223:
}
}
-
nav{
+
nav {  
-
            display: block;
+
  display: block;
-
            text-align: center;
+
  text-align: center;
}
}
-
 
+
nav ul {
-
        nav ul {
+
  margin: 0;
-
            margin: 0;
+
  padding:0;
-
            padding: 0;
+
  list-style: none;
-
            list-style: none;
+
}
}
-
 
+
.nav a {
-
        .nav a {
+
  display:block;  
-
            display: block;
+
  background: #111;  
-
            background: #111;
+
  color: #fff;  
-
            color: #fff;
+
  text-decoration: none;
-
            text-decoration: none;
+
  padding: 0.8em 1.8em;
-
            padding: 0.8em 1.8em;
+
  text-transform: uppercase;
-
            text-transform: uppercase;
+
  font-size: 80%;
-
            font-size: 80%;
+
  letter-spacing: 2px;
-
            letter-spacing: 2px;
+
  text-shadow: 0 -1px 0 #000;
-
            text-shadow: 0 -1px 0 #000
+
  position: relative;
-
            position: relative
+
}
}
-
 
+
.nav{
-
      .nav {
+
  vertical-align: top;  
-
            vertical-align: top;
+
  display: inline-block;
-
            display: inline-block;
+
  box-shadow:  
-
            box-shadow:  
+
    1px -1px -1px 1px #000,
-
                1px -1px -1px 1px #000
+
    -1px 1px -1px 1px #fff,
-
                -1px 1px -1px 1px #fff
+
    0 0 6px 3px #fff;
-
                0 0 6px 3px #fff
+
  border-radius:6px;
-
            border-radius: 6px;
+
}
}
-
 
+
.nav li {
-
        .nav li {
+
  position: relative;
-
            position: relative;
+
}
}
-
 
+
.nav > li {  
-
        .nav > li {
+
  float: left;  
-
            float: left;
+
  border-bottom: 4px #aaa solid;  
-
            border-bottom: 4px #aaa solid;
+
  margin-right: 1px;
-
            margin-right: 1px;
+
}
 +
.nav > li > a {
 +
  margin-bottom: 1px;
 +
  box-shadow: inset 0 2em .33em -0.5em #555;  
}
}
-
 
+
.nav > li:hover,  
-
        .nav > li:hover,
+
.nav > li:hover > a {  
-
        .nav > li:hover > a {
+
  border-bottom-color: orange;
-
            border-bottom-color: orange;
+
}
}
-
 
+
.nav li:hover > a {  
-
        .nav li: hover > a {
+
  color:orange;  
-
            color:orange;
+
}
}
-
 
+
.nav > li:first-child {  
-
        .nav > li:first-child {  
+
  border-radius: 4px 0 0 4px;
-
            border-radius: 4px 0 0 4px;
+
}  
}  
-
 
+
.nav > li:first-child > a {  
-
        .nav > li:first-child > a {  
+
  border-radius: 4px 0 0 0;
-
            border-radius: 4px 0 0 0;
+
}
}
-
 
+
.nav > li:last-child {  
-
        .nav > li:last-child {  
+
  border-radius: 0 0 4px 0;  
-
            border-radius: 0 0 4px 0;  
+
  margin-right: 0;
-
            margin-right: 0;
+
}  
}  
-
 
+
.nav > li:last-child > a {  
-
        .nav > li:last-child > a {  
+
  border-radius: 0 4px 0 0;
-
            border-radius: 0 4px 0 0;
+
}
 +
.nav li li a {
 +
  margin-top: 1px;
}
}
-
 
-
        .nav li li a {
 
-
            margin-top: 1px;
 
-
}       
 
-
 
-
nav img {
 
-
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 * {
                 color: white;
                 color: white;
Line 317: Line 294:
 +
nav img {
 +
width: 81px;
 +
}
</style></html>
</style></html>

Revision as of 12:55, 28 August 2014

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