"
Team:Bielefeld-Germany/igembielefeld2013.css
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
#logo{ | #logo{ | ||
| - | background-image: -webkit-linear-gradient( | + | background-image: -webkit-linear-gradient(top,ff6600, white 40%, #ff6600); |
background-image: -moz-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: -o-linear-gradient(right, #ff6600 0%, white 100%); | ||
background-image: linear-gradient(right, #ff6600 0%, white 100%); | background-image: linear-gradient(right, #ff6600 0%, white 100%); | ||
margin: 0px 0px 0px 0px; | margin: 0px 0px 0px 0px; | ||
| - | height: | + | height:65px; |
} | } | ||
| Line 16: | Line 16: | ||
text-shadow: 0 2px 2px lightgray; | text-shadow: 0 2px 2px lightgray; | ||
float:left; | float:left; | ||
| + | |||
} | } | ||
#navi l:hover { | #navi l:hover { | ||
| - | color:#ff6600; | + | /*color:#ff6600; erstmal raus*/ |
} | } | ||
| Line 26: | Line 27: | ||
#nav{ | #nav{ | ||
position:relative; | position:relative; | ||
| - | padding: | + | padding:30px; |
| + | |||
} | } | ||
| Line 33: | Line 35: | ||
position: relative; | position: relative; | ||
float:left; | float:left; | ||
| + | |||
} | } | ||
ul#navigation li { | ul#navigation li { | ||
| - | + | display:inline; | |
| - | + | float:left; | |
| - | + | position:relative; | |
| - | + | ||
} | } | ||
| + | /*menuunterpunkte gesamt*/ | ||
ul#navigation li a{ | ul#navigation li a{ | ||
| - | + | /*background: #ff6600;*/ | |
| - | + | padding: 0px 15px; | |
| - | + | text-decoration:none; | |
| - | + | display:inline-block; | |
| - | + | font-family:Roboto; | |
| - | + | font-variant:small-caps; | |
| - | + | font-size:30px; | |
| + | color:grey; | ||
} | } | ||
ul#navigation li a:hover { | ul#navigation li a:hover { | ||
| - | + | /* background:#ff6600;*/ | |
color:grey; | color:grey; | ||
| + | |||
| + | } | ||
| + | |||
| + | ul#navigation la a{ | ||
| + | border-radius: 15px; | ||
} | } | ||
| + | /*hover nur uber hauptelement*/ | ||
ul#navigation li:hover > a { | ul#navigation li:hover > a { | ||
| + | /*background:#ff6600;*/ | ||
| + | color:white; | ||
} | } | ||
| Line 65: | Line 77: | ||
visibility:visible; | visibility:visible; | ||
opacity:1; | opacity:1; | ||
| + | |||
} | } | ||
| Line 75: | Line 88: | ||
position: absolute; | position: absolute; | ||
z-index: 99999; | z-index: 99999; | ||
| + | |||
} | } | ||
| Line 81: | Line 95: | ||
clear:both; | clear:both; | ||
width:100%; | width:100%; | ||
| - | border:0 none; | + | /*border:0 none;*/ |
| + | |||
} | } | ||
| - | + | /*runtergeklappte Menupunkte, einzeln*/ | |
ul#navigation ul li a { | ul#navigation ul li a { | ||
| + | font-size:20; | ||
background:#ff6600; | background:#ff6600; | ||
padding:7px 10px; | padding:7px 10px; | ||
| - | color: | + | color:grey; |
text-shadow:0px 0px 0px #fff; | text-shadow:0px 0px 0px #fff; | ||
text-decoration:none; | text-decoration:none; | ||
| Line 95: | Line 111: | ||
clear:both; | clear:both; | ||
width:150px; | width:150px; | ||
| + | |||
| + | |||
} | } | ||
Revision as of 16:39, 10 June 2013
- logo{
background-image: -webkit-linear-gradient(top,ff6600, white 40%, #ff6600); 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 0px 0px; height:65px;
}
- navi{
color:grey; font-size:30px; 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:relative; 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: #ff6600;*/ padding: 0px 15px; text-decoration:none; display:inline-block; font-family:Roboto; font-variant:small-caps; font-size:30px; color:grey;
}
ul#navigation li a:hover {
/* background:#ff6600;*/ color:grey;
}
ul#navigation la a{ border-radius: 15px; }
/*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: 0; padding: 0; 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:20;
background:#ff6600; padding:7px 10px; color:grey; text-shadow:0px 0px 0px #fff; text-decoration:none; display:inline; float:left; clear:both; width:150px;
}
