"
Team:Groningen/Templates/Navigationbar
From 2013.igem.org
(Difference between revisions)
| Line 129: | Line 129: | ||
.menu-item h4:hover { | .menu-item h4:hover { | ||
background: rgb(0,71,171); /* Old browsers */ | background: rgb(0,71,171); /* Old browsers */ | ||
| - | background: -moz-linear-gradient(left, rgba(0,71,171,1) | + | background: -moz-linear-gradient(left, rgba(0,71,171,1) 48%, rgba(87,122,168,1) 100%); /* FF3.6+ */ |
| - | background: -webkit-gradient(linear, left top, right top, color-stop( | + | background: -webkit-gradient(linear, left top, right top, color-stop(48%,rgba(0,71,171,1)), color-stop(100%,rgba(87,122,168,1))); /* Chrome,Safari4+ */ |
| - | background: -webkit-linear-gradient(left, rgba(0,71,171,1) | + | background: -webkit-linear-gradient(left, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* Chrome10+,Safari5.1+ */ |
| - | background: -o-linear-gradient(left, rgba(0,71,171,1) | + | background: -o-linear-gradient(left, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* Opera 11.10+ */ |
| - | background: -ms-linear-gradient(left, rgba(0,71,171,1) | + | background: -ms-linear-gradient(left, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* IE10+ */ |
| - | background: linear-gradient(to right, rgba(0,71,171,1) | + | background: linear-gradient(to right, rgba(0,71,171,1) 48%,rgba(87,122,168,1) 100%); /* W3C */ |
| - | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='# | + | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#577aa8',GradientType=1 ); /* IE6-9 */ |
| - | |||
| - | |||
} | } | ||
| Line 146: | Line 144: | ||
/*ul Styles*/ | /*ul Styles*/ | ||
| + | |||
| + | .menu-item-link ul { | ||
| + | background: #fff; | ||
| + | font-size: 13px; | ||
| + | line-height: 30px; | ||
| + | height: 0px; | ||
| + | list-style-type: none; | ||
| + | overflow: hidden; | ||
| + | padding: 0px; | ||
| + | |||
.menu-item ul { | .menu-item ul { | ||
background: #fff; | background: #fff; | ||
| Line 169: | Line 177: | ||
width: 160px; | width: 160px; | ||
} | } | ||
| + | |||
| + | .menu-item-link ul a { | ||
| + | margin-left: 20px; | ||
| + | text-decoration: none; | ||
| + | color: black; | ||
| + | display: block; | ||
| + | width: 160px; | ||
| + | } | ||
| + | |||
| + | |||
/*li Styles*/ | /*li Styles*/ | ||
| Line 175: | Line 193: | ||
} | } | ||
| + | /*li Styles*/ | ||
| + | .menu-item-link li { | ||
| + | border-bottom: 1px solid #eee; | ||
| + | } | ||
| + | |||
| + | .menu-item-link li:hover { | ||
| + | background: #F68924; | ||
| + | } | ||
| + | |||
.menu-item li:hover { | .menu-item li:hover { | ||
background: #F68924; | background: #F68924; | ||
| Line 187: | Line 214: | ||
.menu-item h4 a { | .menu-item h4 a { | ||
| + | color: white; | ||
| + | display: block; | ||
| + | text-decoration: none; | ||
| + | width: 160px; | ||
| + | } | ||
| + | |||
| + | .menu-item-link h4 a { | ||
color: white; | color: white; | ||
display: block; | display: block; | ||
Revision as of 10:26, 25 September 2013
