"
Team:Bielefeld-Germany/igembielefeld2013.css
From 2013.igem.org
(Difference between revisions)
| (99 intermediate revisions not shown) | |||
| 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( | + | background-image: -moz-linear-gradient(top, #ff6600, white 40%, #ff6600); |
| - | background-image: -o-linear-gradient( | + | background-image: -o-linear-gradient(top, #ff6600, white 40%, #ff6600); |
| - | background-image: linear-gradient( | + | background-image: linear-gradient(top, #ff6600, white 40%, #ff6600); |
| - | margin: 0px 0px | + | margin: 0px 0px 0px 0px; |
| + | height:65px; | ||
| + | position:relative; | ||
| + | |||
} | } | ||
| + | /* keine auswirkungen hier*/ | ||
#navi{ | #navi{ | ||
| - | color: | + | color:#003366; |
| - | font-size: | + | font-size:20px; |
font-variant:small-caps; | font-variant:small-caps; | ||
font-family:Roboto; | font-family:Roboto; | ||
padding-right:10px; | padding-right:10px; | ||
text-shadow: 0 2px 2px lightgray; | text-shadow: 0 2px 2px lightgray; | ||
| + | float:left; | ||
| + | |||
| + | |||
} | } | ||
| - | # | + | #navi l:hover { |
| - | color:#ff6600; | + | /*color:#ff6600; erstmal raus*/ |
| - | + | ||
} | } | ||
#nav{ | #nav{ | ||
| - | + | position:absolute; | |
| - | + | bottom:0; | |
| + | /* padding:30px;*/ | ||
| + | |||
} | } | ||
ul#navigation{ | ul#navigation{ | ||
| - | margin: | + | margin: 0px; |
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: #FF7519;*/ | |
| + | padding: 2px 15px; | ||
| + | text-decoration:none; | ||
| + | display:inline-block; | ||
| + | font-family:Roboto; | ||
| + | font-variant:small-caps; | ||
| + | font-size:20px; | ||
| + | color:#003366; | ||
| + | |||
} | } | ||
| - | ul#navigation li:hover > ul{ | + | 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 { | 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:#003366; | ||
| + | text-shadow:0px 0px 0px #fff; | ||
| + | text-decoration:none; | ||
| + | display:inline; | ||
| + | float:left; | ||
| + | clear:both; | ||
| + | width:150px; | ||
| + | border-style:none; | ||
| + | |||
| + | |||
} | } | ||
Latest revision as of 12:39, 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;
}
/* keine auswirkungen hier*/
- navi{
color:#003366; 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:#003366;
}
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:#003366; text-shadow:0px 0px 0px #fff; text-decoration:none; display:inline; float:left; clear:both; width:150px;
border-style:none;
}
