Team:Bielefeld-Germany/igembielefeld2013.css

From 2013.igem.org

(Difference between revisions)
Line 26: Line 26:
   position:relative;
   position:relative;
   padding:10px;
   padding:10px;
-
  float:right;
 
}
}
Line 35: Line 34:
}
}
-
 
+
ul#navigation li {
-
/*horizontales menu */
+
-
 
+
-
ul#navigation li{
+
   display:inline;
   display:inline;
-
   margin:5px;
+
   float:left;
 +
  position:relative;
 +
 
}
}
-
 
ul#navigation li a{
ul#navigation li a{
 +
  padding: 0px 5px;
   text-decoration:none;
   text-decoration:none;
   display:inline-block;
   display:inline-block;
Line 50: Line 48:
}
}
-
ul#navigation ul{
+
ul#navigation li a:hover {
-
  color:cyan
+
    background:#f8f8f8;
 +
    color:#282828;
}
}
-
ul#navigation li:hover > ul{
+
ul#navigation li:hover > a {
-
  visibility:visible;
+
    background:#ff6600;
-
  opacity:1;
+
}
 +
ul#navigation li:hover > ul {
 +
    visibility:visible;
 +
    opacity:1;
}
}
ul#navigation ul, ul#navigation ul li ul {
ul#navigation ul, ul#navigation ul li ul {
-
  visibility:hidden;
+
    list-style: none;
-
  opacity:0;
+
    margin: 0;
 +
    padding: 0; 
 +
    visibility:hidden;
 +
    opacity:0;
 +
    position: absolute;
 +
    z-index: 99999;
 +
}
 +
 
 +
 
 +
ul#navigation ul li {
 +
    clear:both;
 +
    width:100%;
 +
    border:0 none;
 +
    border-bottom:1px solid #c9c9c9;
 +
}
 +
 
 +
ul#navigation ul li a {
 +
    background:none;
 +
    padding:7px 15px;
 +
    color:#616161;
 +
    text-shadow:1px 1px 0px #fff;
 +
    text-decoration:none;
 +
    display:inline-block;
 +
    border:0 none;
 +
    float:left;
 +
    clear:both;
 +
    width:150px;
}
}

Revision as of 20:37, 4 June 2013

  1. logo{ 
 background-image: -webkit-linear-gradient(right, #ff6600 0%, white  100%); 
 background-image: -moz-linear-gradient(right, #ff6600 0%, white  100%); 
 background-image: -o-linear-gradient(right, #ff6600 0%, white  100%);  
 background-image: linear-gradient(right, #ff6600 0%, white  100%);
 margin: 0px 0px 20px 0px;

}

  1. navi{ 
 color:grey;
 font-size:30px;
 font-variant:small-caps;
 font-family:Roboto;
 padding-right:10px;
 text-shadow: 0 2px 2px lightgray;
 float:left;

}


  1. navi l:hover { 
 color:#ff6600;
 text-shadow: 0 0px 0px #ff6600;

}

  1. nav{ 
 position:relative;
 padding:10px;

}

ul#navigation{ 

 margin: 10px;
 position: relative;
 float:left;

}

ul#navigation li { 

 display:inline;
 float:left;
 position:relative;

}

ul#navigation li a{ 

 padding: 0px 5px;
 text-decoration:none;
 display:inline-block;

}

ul#navigation li a:hover { 

   background:#f8f8f8;
   color:#282828;

}

ul#navigation li:hover > a { 

   background:#ff6600;

}

ul#navigation li:hover > ul { 

   visibility:visible;
   opacity:1;

}

ul#navigation ul, ul#navigation ul li ul { 

   list-style: none;
   margin: 0;
   padding: 0;  
   visibility:hidden;
   opacity:0;
   position: absolute;
   z-index: 99999;

}


ul#navigation ul li { 

   clear:both;
   width:100%;
   border:0 none;
   border-bottom:1px solid #c9c9c9;

}


ul#navigation ul li a { 

   background:none;
   padding:7px 15px;
   color:#616161;
   text-shadow:1px 1px 0px #fff;
   text-decoration:none;
   display:inline-block;
   border:0 none;
   float:left;
   clear:both;
   width:150px;

}

Retrieved from "http://2013.igem.org/Team:Bielefeld-Germany/igembielefeld2013.css"