Template:Team:KULeuven/Common2/Submenutest
From 2009.igem.org
(Difference between revisions)
Bart Bosmans (Talk | contribs) |
Bart Bosmans (Talk | contribs) |
||
(56 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
div#header2 { | div#header2 { | ||
- | height: | + | height: 160px; |
background-color: none; | background-color: none; | ||
- | background: url(https://static.igem.org/mediawiki/2009/ | + | background: url(https://static.igem.org/mediawiki/2009/0/02/Header2.3.png) no-repeat; |
background-position: top left; | background-position: top left; | ||
position: relative; | position: relative; | ||
vertical-align: bottom; | vertical-align: bottom; | ||
- | margin-bottom: | + | margin-bottom: 30px; |
} | } | ||
Line 16: | Line 16: | ||
position: absolute; | position: absolute; | ||
top: 30px; | top: 30px; | ||
- | left: | + | left: 115px; |
- | font-size: | + | font-size: 220%; |
z-index: 1; | z-index: 1; | ||
font-family: "Times New Roman"; /*,Georgia,Serif; */ | font-family: "Times New Roman"; /*,Georgia,Serif; */ | ||
- | font-weight: | + | font-weight: bold; |
- | + | ||
color: white; | color: white; | ||
} | } | ||
Line 29: | Line 28: | ||
top: 75px; | top: 75px; | ||
left: 200px; | left: 200px; | ||
- | font-size: | + | font-size: 300%; |
z-index: 1; | z-index: 1; | ||
font-family: "Times New Roman"; /*,Georgia,Serif; */ | font-family: "Times New Roman"; /*,Georgia,Serif; */ | ||
Line 44: | Line 43: | ||
div#slogan2 { | div#slogan2 { | ||
position: absolute; | position: absolute; | ||
- | top: | + | top: 110px; |
left: 220px; | left: 220px; | ||
- | font-size: | + | font-size: 180%; |
z-index: 1; | z-index: 1; | ||
font-family: "Times New Roman"; /*,Georgia,Serif; */ | font-family: "Times New Roman"; /*,Georgia,Serif; */ | ||
Line 54: | Line 53: | ||
} | } | ||
- | div# | + | div#submenu { |
width: 147px; | width: 147px; | ||
height:100%; | height:100%; | ||
position:absolute; | position:absolute; | ||
left:0px; | left:0px; | ||
- | top: | + | top: 208px; |
left:5px; | left:5px; | ||
float: left; | float: left; | ||
Line 65: | Line 64: | ||
} | } | ||
- | div# | + | div#submenu ul { |
position: relative; | position: relative; | ||
margin-top:50px; | margin-top:50px; | ||
} | } | ||
- | div# | + | div#submenu ul a { |
display: block; | display: block; | ||
background-color:none; | background-color:none; | ||
Line 82: | Line 81: | ||
} | } | ||
- | div# | + | div#submenu ul a:hover { |
color: Black; | color: Black; | ||
background-color: #C9D5E0; | background-color: #C9D5E0; | ||
Line 88: | Line 87: | ||
} | } | ||
- | div# | + | div#submenu ul .selflink { |
display: block; | display: block; | ||
background-color: #C9D5E0; | background-color: #C9D5E0; | ||
Line 101: | Line 100: | ||
} | } | ||
- | div# | + | div#submenu li { |
list-style: none; | list-style: none; | ||
color: #1b1a44; | color: #1b1a44; | ||
Line 112: | Line 111: | ||
height:26px; | height:26px; | ||
position: absolute; | position: absolute; | ||
- | top: | + | top:160px; |
bottom: 0px; | bottom: 0px; | ||
left: 0px; | left: 0px; | ||
Line 122: | Line 121: | ||
.ddsmoothmenu ul{ | .ddsmoothmenu ul{ | ||
z-index:100; | z-index:100; | ||
+ | position:relative; | ||
margin:0; | margin:0; | ||
- | |||
left:147px; | left:147px; | ||
padding: 0; | padding: 0; | ||
Line 132: | Line 131: | ||
/*Top level list items*/ | /*Top level list items*/ | ||
.ddsmoothmenu ul li{ | .ddsmoothmenu ul li{ | ||
- | position: relative; | + | position:relative; |
margin:2px 0 1px 0; | margin:2px 0 1px 0; | ||
display: inline; | display: inline; | ||
Line 144: | Line 143: | ||
color: black; | color: black; | ||
margin-right:-1px; | margin-right:-1px; | ||
- | padding: 2px 8px; | + | padding: 2px 8px 2px 8px; |
border: 1px solid white; | border: 1px solid white; | ||
border-bottom: none; | border-bottom: none; | ||
border-top:none; | border-top:none; | ||
- | color: | + | color: black; |
text-decoration: none; | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .ddsmoothmenu ul li strong.selflink { | ||
+ | Background-color:#C9D5E0; | ||
} | } | ||
Line 166: | Line 169: | ||
.ddsmoothmenu ul li a:hover{ | .ddsmoothmenu ul li a:hover{ | ||
- | background: | + | background: #C9D5E0; /*background of menu items during onmouseover (hover state)*/ |
- | color: | + | color: Black; |
} | } | ||
Line 232: | Line 235: | ||
} | } | ||
+ | div#ContactUs{ | ||
+ | position: relative; | ||
+ | top:-23px; | ||
+ | left:860px ; | ||
+ | float: left; | ||
+ | z-index: 1; | ||
+ | background-color:none; | ||
+ | height:26px; | ||
+ | } | ||
+ | |||
+ | div#ContactUs a { | ||
+ | font: bold 12px Verdana; | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | margin: 2px 0 2px 0; | ||
+ | padding: 3px 20px 3px 3px; | ||
+ | border-left:1px solid white; | ||
+ | } | ||
+ | |||
+ | div#ContactUs a:hover { | ||
+ | color: Black; | ||
+ | background-color: #C9D5E0; | ||
+ | } | ||
--> | --> | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 07:48, 10 October 2009