Team:Freiburg/css/styles.css

From 2014.igem.org

(Difference between revisions)
Line 46: Line 46:
body {  
body {  
background-color: #fff;
background-color: #fff;
-
}
 
}
}
Line 52: Line 51:
width: 100%;  
width: 100%;  
height: 100%;
height: 100%;
-
border: 5px;
+
border: 0px;
background-color: transparent;
background-color: transparent;
-
margin-top: 0px;
+
margin: 0px;
-
        margin-bottom: 0px;
+
-
        margin-right:0px;
+
-
        margin-left:0px;
+
padding: 0px;
padding: 0px;
}
}
Line 141: Line 137:
a.footer:link {color: white; display: block; text-decoration: none;}
a.footer:link {color: white; display: block; text-decoration: none;}
-
a.footer:hover {background: black; display: block; text-decoration: none;}
+
a.footer:hover {color: red; display: block; text-decoration: none;}
.newsTitle {
.newsTitle {
Line 227: Line 223:
}
}
-
nav {  
+
nav {
-
  display: block;
+
max-width: 1200px;
-
  text-align: center;
+
background-color: #FFFFFF;
-
}
+
color: #FFFFFF;
-
nav ul {
+
margin: 14px auto 0;
-
  margin: 0;
+
text-align: center
-
  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 {
-
.nav > li:first-child > a {  
+
display: inline-block;
-
  border-radius: 4px 0 0 0;
+
}
-
}
+
nav a {
-
.nav > li:last-child {  
+
        text-decoration: none;
-
  border-radius: 0 0 4px 0;  
+
line-height: 81px;
-
  margin-right: 0;
+
padding: 0 10px;
-
+
color: #000;
-
}
+
}
-
.nav > li:last-child > a {
+
-
  border-radius: 0 4px 0 0;
+
-
}
+
-
.nav li li a {
+
-
  margin-top: 1px;
+
-
}
+
-
nav ul li ul {  
+
nav a:visited {
-
    position: absolute;
+
color: orange;
-
    background: #ccc;
+
}
-
    width: 100%;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    display: none; }
+
-
.nav li a:first-child:nth-last-child(2):before {  
+
nav img {
-
  content: "";
+
width: 81px;
-
  position: absolute;
+
}
-
  height: 0;
+
-
  width: 0;  
+
-
  border: 5px solid transparent;
+
-
  top: 50% ;
+
-
  right:5px; 
+
-
  display: block;
 
-
}
 
         .content * {
         .content * {
-
                 color: black;
+
                 color: white;
                 background-color: white;
                 background-color: white;
}
}
-
nav img {
 
-
width: 81px;
 
-
}
 
</style></html>
</style></html>

Revision as of 22:03, 28 August 2014