Team:Bielefeld-Germany/igembielefeld2013.css
From 2013.igem.org
(Difference between revisions)
Line 103: | Line 103: | ||
ul#navigation ul li a { | ul#navigation ul li a { | ||
font-size:16px; | font-size:16px; | ||
- | background:# | + | background:#FF6600; |
padding:7px 10px; | padding:7px 10px; | ||
- | color: | + | color:lightgrey; |
text-shadow:0px 0px 0px #fff; | text-shadow:0px 0px 0px #fff; | ||
text-decoration:none; | text-decoration:none; |
Revision as of 12:29, 29 July 2013
- logo{
background-image: -webkit-linear-gradient(top, #ff6600, white 40%, #ff6600); background-image: -moz-linear-gradient(top, #ff6600, white 40%, #ff6600); background-image: -o-linear-gradient(top, #ff6600, white 40%, #ff6600); background-image: linear-gradient(top, #ff6600, white 40%, #ff6600); margin: 0px 0px 0px 0px; height:65px; position:relative;
}
- navi{
color:grey; font-size:20px; font-variant:small-caps; font-family:Roboto; padding-right:10px; text-shadow: 0 2px 2px lightgray; float:left;
}
- navi l:hover {
/*color:#ff6600; erstmal raus*/
}
- nav{
position:absolute; bottom:0; /* padding:30px;*/
}
ul#navigation{
margin: 0px; position: relative; float:left;
}
ul#navigation li { display:inline; float:left; position:relative; }
/*menuunterpunkte gesamt*/ ul#navigation li a{ /*background: #FF7519;*/ padding: 2px 15px; text-decoration:none; display:inline-block; font-family:Roboto; font-variant:small-caps; font-size:20px; color:grey;
}
ul#navigation li a:hover {
/* background:#ff6600;*/ color:grey;
}
/*hover nur uber hauptelement*/
ul#navigation li:hover > a {
/*background:#ff6600;*/
color:white;
}
ul#navigation li:hover > ul {
visibility:visible; opacity:1;
}
ul#navigation ul, ul#navigation ul li ul {
list-style: none; margin: 0px; padding: 0px; visibility:hidden; opacity:0; position: absolute; z-index: 99999;
}
ul#navigation ul li {
clear:both; width:100%; /*border:0 none;*/
}
/*runtergeklappte Menupunkte, einzeln*/ ul#navigation ul li a { font-size:16px;
background:#FF6600; padding:7px 10px; color:lightgrey; text-shadow:0px 0px 0px #fff; text-decoration:none; display:inline; float:left; clear:both; width:150px;
border-style:none;
}