"
Team:Groningen/Templates/Navigationbar
From 2013.igem.org
(Difference between revisions)
| Line 16: | Line 16: | ||
.menu-item { | .menu-item { | ||
| + | background: #fff; | ||
| + | width: 160px; | ||
| + | } | ||
| + | |||
| + | .menu-item-linl { | ||
background: #fff; | background: #fff; | ||
width: 160px; | width: 160px; | ||
| Line 39: | Line 44: | ||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#577aa8',GradientType=1 ); /* IE6-9 */ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047ab', endColorstr='#577aa8',GradientType=1 ); /* IE6-9 */ | ||
} | } | ||
| + | |||
| + | /*Menu Header Styles*/ | ||
| + | .menu-item-link h4 { | ||
| + | border-bottom: 1px solid rgba(0,0,0,0.3); | ||
| + | border-top: 1px solid rgba(255,255,255,0.2); | ||
| + | color: #fff; | ||
| + | font-size: 15px; | ||
| + | font-weight: 500; | ||
| + | padding: 7px 12px; | ||
| + | |||
| + | /*Gradient Heb deze site gebruikt om dit te maken: http://www.colorzilla.com/gradient-editor/*/ | ||
| + | background: rgb(0,71,171); /* Old browsers */ | ||
| + | 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(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) 48%,rgba(87,122,168,1) 100%); /* Chrome10+,Safari5.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) 48%,rgba(87,122,168,1) 100%); /* IE10+ */ | ||
| + | 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='#577aa8',GradientType=1 ); /* IE6-9 */ | ||
| + | } | ||
| + | |||
.menu-item:hover ul { | .menu-item:hover ul { | ||
| Line 88: | Line 114: | ||
.menu-item-link h4:hover { | .menu-item-link 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) 100%, rgba(125,185,232,1) 100%); /* FF3.6+ */ | background: -moz-linear-gradient(left, rgba(0,71,171,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6+ */ | ||
Revision as of 10:22, 25 September 2013
