|
|
| 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"/> |
| | + | <link rel="stylesheet" href="http://www.personal.soton.ac.uk/jeh2v07/css/style.css" type="text/css"/> |
| | <style type= "text/css"> | | <style type= "text/css"> |
| | /*FOOTERPUSH*/ | | /*FOOTERPUSH*/ |
| Line 47: |
Line 49: |
| | z-index:100; | | z-index:100; |
| | } | | } |
| - | /*BANNER*/
| |
| - | #banner {
| |
| - | position:absolute;
| |
| - | left:0px;
| |
| - | top:0px;
| |
| - | width:975px;
| |
| - | height:276px;
| |
| - | z-index:0;
| |
| - | }
| |
| - | /*TOOLBAR*/
| |
| - | #toolbar {
| |
| - | position:absolute;
| |
| - | left:3px;
| |
| - | top:0px;
| |
| - | width:975px;
| |
| - | height:27px;
| |
| - | z-index:100;
| |
| - | }
| |
| - | /*BG*/
| |
| - | #bg {
| |
| - | position:absolute;
| |
| - | left:0px;
| |
| - | top:138px;
| |
| - | width:975px;
| |
| - | height:1005px;
| |
| - | z-index:0;
| |
| - | }
| |
| - | #maintop {
| |
| - | position:absolute;
| |
| - | left:0px;
| |
| - | top:138px;
| |
| - | width:975px;
| |
| - | height:61px;
| |
| - | z-index:0;
| |
| - | }
| |
| - | /*FLICKRIVER*/
| |
| - | #flickriver {
| |
| - | position:absolute;
| |
| - | left:36px;
| |
| - | top:1113px;
| |
| - | width:894px;
| |
| - | height:134px;
| |
| - | z-index:0;
| |
| - | }
| |
| - | #flickriver2 {
| |
| - | position:absolute;
| |
| - | left:480px;
| |
| - | top:1113px;
| |
| - | width:894px;
| |
| - | height:134px;
| |
| - | z-index:0;
| |
| - | }
| |
| - | #blanker {
| |
| - | position:absolute;
| |
| - | left:480px;
| |
| - | top:1113px;
| |
| - | width:238px;
| |
| - | height:23px;
| |
| - | z-index:10;
| |
| - | }
| |
| - | #blanker2 {
| |
| - | position:absolute;
| |
| - | left:280px;
| |
| - | top:1224px;
| |
| - | width:238px;
| |
| - | height:23px;
| |
| - | z-index:10;
| |
| - | }
| |
| - | /*PROJECT DESCRIPTION*/
| |
| - | #logobox {
| |
| - | position:absolute;
| |
| - | left:90px;
| |
| - | top:300px;
| |
| - | width:63px;
| |
| - | height:63px;
| |
| - | z-index:10;
| |
| - | }
| |
| - | #projectheading {
| |
| - | position:absolute;
| |
| - | left:170px;
| |
| - | top:300px;
| |
| - | z-index:10;
| |
| - | }
| |
| - | #bluesubtitle {
| |
| - | position:absolute;
| |
| - | left:425px;
| |
| - | top:324px;
| |
| - | z-index:10;
| |
| - | }
| |
| - | #projdesc {
| |
| - | position:absolute;
| |
| - | left:25px;
| |
| - | top:360px;
| |
| - | width:731px;
| |
| - | height:273px;
| |
| - | }
| |
| - | /*LOGOBOX2*/
| |
| - | #logobox2 {
| |
| - | position:absolute;
| |
| - | left:13px;
| |
| - | top:695px;
| |
| - | width:440px;
| |
| - | height:398px;
| |
| - | }
| |
| - | /*UPDATESBOX*/
| |
| - | #updateheader {
| |
| - | position:absolute;
| |
| - | left:795px;
| |
| - | top:285px;
| |
| - | }
| |
| - | #updatedate {
| |
| - | position:absolute;
| |
| - | left:895px;
| |
| - | top:310px;
| |
| - | }
| |
| - | #updatecontent {
| |
| - | position:absolute;
| |
| - | left:795px;
| |
| - | top:330px;
| |
| - | width:164px;
| |
| - | height:333px
| |
| - | }
| |
| - | #updatedate2 {
| |
| - | position:absolute;
| |
| - | left:895px;
| |
| - | top:475px;
| |
| - | z-index:100;
| |
| - | }
| |
| - | #updatecontent2 {
| |
| - | position:absolute;
| |
| - | left:795px;
| |
| - | top:490px;
| |
| - | width:164px;
| |
| - | height:333px
| |
| - | }
| |
| - | /*LINKBOX*/
| |
| - | #linkheader {
| |
| - | position:absolute;
| |
| - | left:795px;
| |
| - | top:690px;
| |
| - | }
| |
| - | #linksemi {
| |
| - | position:absolute;
| |
| - | left:801px;
| |
| - | top:730px;
| |
| - | }
| |
| - | #linklsi {
| |
| - | position:absolute;
| |
| - | left:801px;
| |
| - | top:800px;
| |
| - | }
| |
| - | #linksoton {
| |
| - | position:absolute;
| |
| - | left:801px;
| |
| - | top:870px;
| |
| - | }
| |
| - | #clustr {
| |
| - | position:absolute;
| |
| - | left:795px;
| |
| - | top:975px;
| |
| - | }
| |
| - | /*TEAMBOX*/
| |
| - | #teamheader {
| |
| - | position:absolute;
| |
| - | left:480px;
| |
| - | top:700px;
| |
| - | }
| |
| - | #teampic {
| |
| - | position:absolute;
| |
| - | left:472px;
| |
| - | top:735px;
| |
| - | width:296px;
| |
| - | height:164px;
| |
| - | }
| |
| - | #teamcaption {
| |
| - | position:absolute;
| |
| - | left:480px;
| |
| - | top:910px;
| |
| - | width:270px;
| |
| - | height:100px;
| |
| - | }
| |
| - | #facebook {
| |
| - | position:absolute;
| |
| - | left:472px;
| |
| - | top:970px;
| |
| - | width:97px;
| |
| - | height:100px;
| |
| - | }
| |
| - | #findout {
| |
| - | position:absolute;
| |
| - | left:580px;
| |
| - | top:975px;
| |
| - | width:185px;
| |
| - | height:100px;
| |
| - | }
| |
| - | #projfind {
| |
| - | position:absolute;
| |
| - | left:150px;
| |
| - | top:920px;
| |
| - | width:300px;
| |
| - | height:100px;
| |
| - | z-index:100;
| |
| - | }
| |
| - | /*LAYOUT ENDS*/
| |
| - | /*HEADINGS BEGIN*/
| |
| - | h7 {
| |
| - | font-size: 36px;
| |
| - | color: #FFFFFF;
| |
| - | margin-top: 0px;
| |
| - | margin-bottom: 3px;
| |
| - | font-weight: normal; font-family: "Book Antiqua",
| |
| - | Georgia,
| |
| - | serif;
| |
| - | }
| |
| - | h8 {
| |
| - | font-size: 12px;
| |
| - | color: #5da8bd;
| |
| - | margin-top: 0px;
| |
| - | font-weight: normal;
| |
| - | font-family: Arial,
| |
| - | sans-serif;
| |
| - | }
| |
| - | h3 {font-size: 13px;
| |
| - | color: #ebebeb;
| |
| - | margin-top: 0px;
| |
| - | font-weight: normal; margin-bottom: 3px;
| |
| - | font-family: Arial,
| |
| - | sans-serif;
| |
| - | }
| |
| - | h4 {
| |
| - | font-size: 24px;
| |
| - | color: #FFFFFF;
| |
| - | margin-top: 0px;
| |
| - | font-weight: normal; font-family: "Book Antiqua",Georgia,
| |
| - | serif;
| |
| - | }
| |
| - | h5 {
| |
| - | font-size: 14px;
| |
| - | color: #323232;
| |
| - | margin-top: 0px;
| |
| - | font-weight: normal; font-family: Arial,
| |
| - | sans-serif
| |
| - | }
| |
| - | h6 {
| |
| - | font-size: 12px;
| |
| - | color: #ebebeb;
| |
| - | margin-top: 0px;
| |
| - | font-weight: normal; font-family: Arial,
| |
| - | sans-serif
| |
| - | }
| |
| - | /*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">
"
