|
|
Line 6: |
Line 6: |
| <title>University of Southampton | | <title>University of Southampton |
| Wiki</title> | | Wiki</title> |
| + | <link rel="stylesheet" href="http://www.personal.soton.ac.uk/jeh2v07/css/menu.css" type="text/css"/> |
| <style type= "text/css"> | | <style type= "text/css"> |
| #youtubevideo { | | #youtubevideo { |
Line 300: |
Line 301: |
| } | | } |
| /*HEADINGS END*/ | | /*HEADINGS END*/ |
- | /*MENU CODE*/
| + | |
- | ul.cssMenu ul{display:none}
| + | |
- | ul.cssMenu li:hover>ul{display:block}
| + | |
- | ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
| + | |
- | ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
| + | |
- | ul.cssMenu,ul.cssMenu ul {
| + | |
- | margin:0px;
| + | |
- | list-style:none;
| + | |
- | padding:0px 2px 2px 0px;
| + | |
- | background-repeat:repeat;
| + | |
- | background: rgba(51, 51, 51, 0.2);
| + | |
- | border-width:0px;
| + | |
- | border-style:solid;
| + | |
- | }
| + | |
- | ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
| + | |
- | display:block;
| + | |
- | zoom:1;
| + | |
- | float: left;
| + | |
- | }
| + | |
- | ul.cssMenu ul{
| + | |
- | width:129px;
| + | |
- | }
| + | |
- | ul.cssMenu li{
| + | |
- | display:block;
| + | |
- | margin:2px 0px 0px 2px;
| + | |
- | font-size:0px;
| + | |
- | }
| + | |
- | ul.cssMenu a:active, ul.cssMenu a:focus {
| + | |
- | outline-style:none;
| + | |
- | }
| + | |
- | ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
| + | |
- | display:block;
| + | |
- | vertical-align:middle;
| + | |
- | border-width:0px;
| + | |
- | background: rgba(51, 51, 51, 0.2);border-style:solid;
| + | |
- | text-align:left;
| + | |
- | text-decoration:none;
| + | |
- | padding:2px 42px 2px 42px;
| + | |
- | _padding-left:0;
| + | |
- | font:normal 13px Trebuchet MS,Tahoma;
| + | |
- | color: #FFFFFF;
| + | |
- | text-decoration:none;
| + | |
- | cursor:default;
| + | |
- | }
| + | |
- | ul.cssMenu span{
| + | |
- | overflow:hidden;
| + | |
- | }
| + | |
- | ul.cssMenu li {
| + | |
- | float:left;
| + | |
- | }
| + | |
- | ul.cssMenu ul li {
| + | |
- | float:none;
| + | |
- | }
| + | |
- | ul.cssMenu ul a {
| + | |
- | text-align:left;
| + | |
- | white-space:nowrap;
| + | |
- | }
| + | |
- | ul.cssMenu li.sep{
| + | |
- | text-align:left;
| + | |
- | padding:0px;
| + | |
- | line-height:0;
| + | |
- | height:100%;
| + | |
- | }
| + | |
- | ul.cssMenu li.sep span{
| + | |
- | float:none; padding-right:0;
| + | |
- | width:3px;
| + | |
- | height:100%;
| + | |
- | display:inline-block;
| + | |
- | background-color:#FFFFFF #111111 #111111 #cccccc; background-image:none;}
| + | |
- | ul.cssMenu ul li.sep span{
| + | |
- | width:100%;
| + | |
- | height:3px;
| + | |
- | }
| + | |
- | ul.cssMenu li:hover{
| + | |
- | position:relative;
| + | |
- | }
| + | |
- | ul.cssMenu li:hover>a{
| + | |
- | background: rgba(0, 64, 109, 0.1);border-style:solid;
| + | |
- | font:normal 13px Trebuchet MS, Tahoma;
| + | |
- | color: #FFFFFF;
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
- | ul.cssMenu li a:hover{
| + | |
- | position:relative;
| + | |
- | background: rgba(0, 64, 109, 0.1);border-style:solid;
| + | |
- | font:normal 13px Trebuchet MS, Tahoma;
| + | |
- | color: #FFFFFF;
| + | |
- | text-decoration:none;
| + | |
- | }
| + | |
- | ul.cssMenu li.dis a {
| + | |
- | color: #666 !important;
| + | |
- | }
| + | |
- | ul.cssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
| + | |
- | height:16px;
| + | |
- | }
| + | |
- | ul.cssMenu ul img {width:16px;
| + | |
- | height:16px;
| + | |
- | }
| + | |
- | ul.cssMenu img.over{display:none}
| + | |
- | ul.cssMenu li.dis a:hover img.over{display:none !important}
| + | |
- | ul.cssMenu li.dis a:hover img.def {display:inline !important}
| + | |
- | ul.cssMenu li:hover > a img.def {display:none}
| + | |
- | ul.cssMenu li:hover > a img.over {display:inline}
| + | |
- | ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
| + | |
- | ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
| + | |
- | ul.cssMenu a:hover ul{display:block}
| + | |
- | ul.cssMenu span{
| + | |
- | display:block;
| + | |
- | background-image:url(./images/arr_white.gif);
| + | |
- | background-position:right center;
| + | |
- | background-repeat: no-repeat;
| + | |
- | padding-right:12px;}
| + | |
- | ul.cssMenu li:hover>a>span{ background-image:url(./images/arrv_white.gif);
| + | |
- | }
| + | |
- | ul.cssMenu a:hover span{ _background-image:url(./images/arrv_white.gif)}
| + | |
- | ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_white.gif)}
| + | |
- | body
| + | |
| </style> | | </style> |
| </head> | | </head> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">