/* Swansea University Basic Stylesheet : Created by Mark Berge, Web Editor */ /* ----------------------------------------------------------------------------- BASIC STYLING ----------------------------------------------------------------------------- */ body {margin: 0; padding: 0; background: #ffffff; font: 85%/1.5em arial, verdana, helvetica, sans-serif; color: #333333; text-align: center; } acronym {cursor: help; font-style: normal; border: none; } h1 {display: none;} h2 {font-size: 100%; font-weight: bold; color: #922; margin: 0 0 0.7em 0; padding: 0; } h3 { width: 420px; height: 20px; margin: 1.2em 0 0.8em 0; } h3 span { display: none; visibility: hidden; } p { font-size: 88%; margin: 0 0 0.6em 0; } .hidden { display:none; } /* \*/ * html body p { font-size: 80%; } /* */ /* ----------------------------------------------------------------------------- BASIC SHARED STYLES ----------------------------------------------------------------------------- */ #MainFeature {padding-top: 20px; padding-bottom: 30px; margin-left: 300px; } #MainFeature h3 {display:none;} .caption {font: x-small/2em tahoma, verdana, sans-serif; text-indent: 0; } #secondarytext {width: 430px;margin-left: 35px; margin-bottom: 35px;} #subfeature { position: absolute; left: 540px; top: 445px; font: bold 70%/3em tahoma, verdana, sans-serif; color: #922; } #subfeature img { border:1px; border-style: solid; padding: 2px;} #subfeature table { border: 0px;} .sub {width: 120px;margin: 0 0 0px 0px;padding: 0px;font-size: 120%;} .sub img {margin-bottom: -5px;} .sub a { text-decoration:none; color:#922;} .sub a:visited { text-decoration: underline;color:#922;} .sub a:hover { text-decoration: underline;color:#0066cc;} #pageHeader {width: 750px;height: 100px; } #footer {margin: 0px 0 0 0; font: bold 70%/3em tahoma, verdana, sans-serif; text-transform: uppercase; letter-spacing: 1px; border: 1px; border-style: solid; border-bottom: 0px; border-left: 0px; border-right: 0px; width: 100%; } #checks {width: 935px; } #checks p {text-align: right;} #archive_list {font: Arial, helvetica, verdana; color: #666666; font-size:100%; padding-top: 140px; padding-left: 38px; width: 45%; position:relative;} /* ----------------------------------------------------------------------------- MAIN MENU STYLING ----------------------------------------------------------------------------- */ #menu {text-align: left; font-family: Arial, Verdana, Helvetica; margin-left: 260px; border-top-style: none; z-index: 10; width: 670px; } #nav, #nav ul { /* all lists */padding: 0; margin: 0; list-style: none; line-height: 2; font-size: 80%; font-weight: bold; background: none; z-index:10; } #nav ul li {font-size: 100%; padding-left: 3px; font-weight: bold;} #nav a {display: block; width: 11em; color: #ffffff; text-decoration: none; padding-bottom: 2px; margin-left: 12px; margin-top: -2px; } #nav li { /* all list items */float: left; width: 12em; font-weight: bold; /* width needed or else Opera goes nuts */} #nav li ul { /* second-level lists */ position: absolute; background: white; width: 12em; left: -999em; border:1px; border-style: solid; font-size: 110%; /* using left instead of display to hide menus because display: none isn't read by screen readers */} #nav li ul a { color: #0068C6; line-height: 16px; text-align: left; margin: 3px; font-weight: bold; font-size: 90%;} #nav li ul a:visited {line-height: 16px; text-align: left; font-size: 3px; font-weight: bold; font-size: 90%;} #nav li ul a:hover {color: white;line-height: 16px; background-color: #0068C6; font-weight: bold; font-size: 90%;} #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; } .topnav {} /* ----------------------------------------------------------------------------- LEFT HAND SIDE NAVIGATION STYLING ----------------------------------------------------------------------------- */ #navlist {padding-left: 0px; margin-left: 15px; border-bottom: 1px solid gray; width: 180px; margin-top: 25px;} #navlist li{list-style: none;margin: 0; padding: 0.10em; border-top: 1px solid gray;} #navlist li a { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 80%; font-weight: bold; color: #0068C6;} #navlist li a:hover { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 80%; font-weight: bold; color: #cccccc;} /* ----------------------------------------------------------------------------- QUICKLINKS ----------------------------------------------------------------------------- */ #quicklinks {text-align: left; font-family: Arial, Verdana, Helvetica; border-top-style: none; } #quicklinks, #quicklinks ul { /* all lists */padding: 0px; margin: 0px; list-style: none; line-height: 1; font-size: 100%; font-weight: bold; background: none; margin-left: 0px; padding-left: 0px; } #quicklinks ul li {font-size: 75%; padding-left: 0px; font-weight: bold; } #quicklinks a {display: block; width: 13.5em; color: #0066CC; text-decoration: none; padding-bottom: 2px; margin-left: 0px; margin-top: 0px; } #quicklinks li { /* all list items */float: left; width: 12em; font-weight: bold; /* width needed or else Opera goes nuts */} #quicklinks li ul { /* second-level lists */ position: absolute; background: white; width: 9em; left: -999em; border:1px; border-style: solid; font-size: 110%; /* using left instead of display to hide menus because display: none isn't read by screen readers */} #quicklinks li ul a { color: #0068C6; line-height: 10px; text-align: left; margin: 2px; font-weight: bold; font-size: 90%;} #quicklinks li ul a:visited {line-height: 10px; text-align: left; font-size: 3px; font-weight: bold; font-size: 90%;} #quicklinks li ul a:hover {color: white;line-height: 10px; background-color: #0068C6; font-weight: bold; font-size: 90%;} #quicklinks li:hover ul, #quicklinks li.sfhover ul { /* lists nested under hovered list items */ left: auto; } #quicklinks img {border: 0px;} /* English */ #en .quicklinks_nav {background-image: url(/images/File,272,en.png); background-repeat: no-repeat; line-height: 2; padding-left: 12px;z-index: 10;} /* Cymraeg */ #cy .quicklinks_nav {background-image: url(/cy/images/text/File,1046,cy.png); background-repeat: no-repeat; line-height: 2; padding-left: 12px;z-index: 10;} /* ----------------------------------------------------------------------------- HOMEPAGE CAMPAIGN IMAGE FEATURES ----------------------------------------------------------------------------- */ .campaign {border: 1px; border-style: solid; float: left; padding: 4px; margin-right: 10px; } .campaign_text {float: left; letter-spacing: 1px; font-size: 75%; } /* ----------------------------------------------------------------------------- BASIC LISTS ----------------------------------------------------------------------------- */ /*#announce {width:560px; margin-left:20px; padding:20px; padding-bottom:0; padding-top:0; background-color: #FFF; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;}*/ #introduction { margin: 50px 0 0 40px; padding: 0 0 0 0; width:560px; margin-top:20px; font: 14px/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif; float:left;} #introduction h2 {font: Arial, helvetica, verdana; color: #009460; font-size: 110%; font-weight: bold; } #introduction p.p2 {font: 10px/16px tahoma, verdana, sans-serif; color: #efece3; padding: 5px 17px;; border-top: 1px solid #923b09;} #introduction p.p2 a {color: #efece3; border: none; font-weight: bold; } #introduction p.p2 a:hover {color: #ec9; } #introduction p.p1 {display: none;} #footer a {background: #ffffff; padding: 2px 5px; color: #0066cc; border: none; margin: 0; } #footer a:hover {background: #0066cc; border: none; color: #ffffff;} #footer img {padding-left: 10px; padding-top: 3px;} #footer label {display:none;} /* English */ #en h3.latest_news { background: transparent url(/images/text/File,288,en.png) no-repeat;} #en h3.latest_research { background: transparent url(/images/text/File,306,en.png) no-repeat;} #en h3.archives { background: transparent url(/images/text/File,465,en.png) no-repeat; } #en h3.inthissection { background: transparent url(/images/text/File,316,en.png) no-repeat; } #en h3.vacancies { background: transparent url(/images/text/File,289,en.png) no-repeat; } #en h3.happening {background: transparent url(/images/text/File,290,en.png) no-repeat; margin-top: 1px;} #en h3.research {background: transparent url(/images/text/File,617,en.png) no-repeat; margin-top: 1px;} #en h3.news {background: transparent url(/images/text/File,286,en.png) no-repeat; margin-top: 1px;} #en h3.documents{background: transparent url(/images/text/File,287,en.png) no-repeat; margin-top: 1px;} #en h3.aboutus{background: transparent url(/images/text/File,1073,en.png) no-repeat; margin-top: 1px;} /* Cymraeg*/ #cy h3.latest_news { background: transparent url(/cy/images/text/File,1047,cy.png) no-repeat;} #cy h3.latest_research { background: transparent url(/cy/images/text/File,1048,cy.png) no-repeat;} #cy h3.archives { background: transparent url(/cy/images/text/File,1049,cy.png) no-repeat; } #cy h3.inthissection { background: transparent url(/cy/images/text/File,1050,cy.png) no-repeat; } #cy h3.vacancies { background: transparent url(/cy/images/text/File,1051,cy.png) no-repeat; } #cy h3.happening {background: transparent url(/cy/images/text/File,1052,cy.png) no-repeat; margin-top: 1px;} #cy h3.research {background: transparent url(/cy/images/text/File,1053,cy.png) no-repeat; margin-top: 1px;} #cy h3.news {background: transparent url(/cy/images/text/File,1054,cy.png) no-repeat; margin-top: 1px;} #cy h3.documents{background: transparent url(/cy/images/text/File,1055,cy.png) no-repeat; margin-top: 1px;} #cy h3.aboutus{background: transparent url(/cy/images/text/File,1074,cy.png) no-repeat; margin-top: 1px;} #breadcrumbs { background-repeat: repeat-y; margin-top:16px; padding-top: 6px; padding-right: 4px; padding-left: 4px; border-top:1px solid #eee; border-bottom:1px solid #eee; height:18px; width:90%; margin-left: 0px; } #breadcrumbs a { color: #009460; text-decoration: none; } #breadcrumbs a:hover { color: #000000; text-decoration: underline;} #breadcrumbs ul li{font-size: 10px; color: #009460; display: inline; list-style-type: none; margin: 0px; line-height: 12px;} #breadcrumbs ul { margin:0px;padding: 0px; width: 100%;} /* ----------------------------------------------------------------------------- CORPORATE NEWS ----------------------------------------------------------------------------- */ #news_wrap {margin:40px auto; width:900px; } #news_header {margin-left: 40px; margin-top: 20px; } #main_news {} #main_news ul {list-style:none; font: Verdana, arial, helvetica, sans-serif; } /*#news_sidebar {float:right; width: 400px; margin-top: -80px; } */#news_footer { margin-left:40px; width:560px; clear:both; padding-top: 10px;} /*#story {font: Arial, helvetica, verdana; color: #000000; font-size:100%;} #story.left { float:left;} #story.right { float:right;} .right { float: right; margin-left: 2%; } .left { float: left; margin-right: 2%; }*/ /* ----------------------------------------------------------------------------- CORPORATE NEWS Lists ----------------------------------------------------------------------------- */ #latest_research ul li a{font-weight: bold; color: #663333; font-size: 80%;} #latest_research ul li a:visited{font-weight: bold; color: #0066cc; font-size: 80%;} #latest_research ul li a:hover{font-weight: bold; color: #0066cc; font-size: 80%;} #latest_research ul{list-style: url(/images/basic/File,435,en.png); margin: 0px 0px 0px 0px; padding-left: 35px;} .sportpr { font: x-small/2em tahoma, verdana, sans-serif; color:#009460; font-weight: bold; /*border-top: 2px; border-top-style: solid; border-top-color: #999; width:100%;*/ padding-bottom: 30px;} #main_news { position: absolute; top: 120px; left: 500px; width: 450px; margin-right: 30px; } #home_news { width: 85%; margin-top: 20px; position:relative;} #home_news h3 {width: 210px; height: 25px; margin: 0 0 0 0; padding: 0; } #home_news p, #home_news li {font: 70%/1.6em tahoma, verdana, sans-serif; text-indent: 0; } #home_news ul {list-style: none; margin: 0; padding: 0; } #home_news li {color: #000; border-bottom: 1px dotted #0066cc; line-height: 1.5em; padding: 0.5em 17px; } #home_news li a { display: block; border: none; color:#0066cc; font-weight: bold; margin-left: -12px; padding-left: 12px; text-decoration:none; } #home_news li a:hover {color: #cccccc; background-position: -300px 60%; text-decoration: underline;} #home_news li a.c { display: inline; padding: 0; margin: 0; background: none; color: #000; font-weight: normal; } #home_news li a.c:hover { color: #cccccc; } #home_happening { width: 85%; margin-top: 20px; position:relative;} #home_happening h3 {width: 210px; height: 25px; margin: 0 0 0 0; padding: 0; } #home_happening p, #home_happening li {font: 70%/1.6em tahoma, verdana, sans-serif; color: #0066cc; text-indent: 0; } #home_happening ul {list-style: none; margin: 0; padding: 0; } #home_happening li {color: #000; border-bottom: 1px dotted #0066cc; line-height: 1.5em; padding: 0.5em 17px; } #home_happening li a { display: block; border: none; color: #0066cc; font-weight: bold; margin-left: -12px; padding-left: 12px; text-decoration:none;} #home_happening li a:hover {color: #cccccc; background-position: -300px 60%; text-decoration: underline;} #home_happening li a.c { display: inline; padding: 0; margin: 0; background: none; color: #000; font-weight: normal; } #home_happening li a.c:hover { color: #cccccc; } #home_research { width: 85%; margin-top: 20px; position:relative;} #home_research h3 {width: 210px; height: 25px; margin: 0 0 0 0; padding: 0; } #home_research p, #home_research li {font: 70%/1.6em tahoma, verdana, sans-serif; color: #0066cc; text-indent: 0; } #home_research ul {list-style: none; margin: 0; padding: 0; } #home_research li {color: #000; border-bottom: 1px dotted #0066cc; line-height: 1.5em; padding: 0.5em 17px; } #home_research li a { display: block; border: none; color: #0066cc; font-weight: bold; margin-left: -12px; padding-left: 12px; text-decoration:none;} #home_research li a:hover {color: #cccccc; background-position: -300px 60%; text-decoration: underline;} #home_research li a.c { display: inline; padding: 0; margin: 0; background: none; color: #000; font-weight: normal; } #home_research li a.c:hover { color: #cccccc; } #home_newsarchive { width: 85%;margin-top: 20px; position:relative;} #home_newsarchive h3 {width: 210px; height: 25px; margin: 0 0 0 0; padding: 0; } #home_newsarchive p, #home_newsarchive li {font: 70%/1.6em tahoma, verdana, sans-serif; color: #0066cc; text-indent: 0; } #home_newsarchive ul {list-style: none; margin: 0; padding: 0; } #home_newsarchive li {color: #000; border-bottom: 1px dotted #0066cc; line-height: 1.5em; padding: 0.5em 17px; } #home_newsarchive li a { display: block; border: none; color: #0066cc; font-weight: bold; margin-left: -12px; padding-left: 12px; } #home_newsarchive li a:hover {color: #cccccc; background-position: -300px 60%; } #home_newsarchive li a.c { display: inline; padding: 0; margin: 0; background: none; color: #000; font-weight: normal; } #home_newsarchive archivesli a.c:hover {color: #cccccc;} #picbg {width:220px; margin-left:20px; margin-top:20px; margin-right:40px; float:right; } #pic {width:220px; margin-bottom:10px; padding:5px 5px 5px 5px; border:solid thin #cfe4d4; background-color:#FFF;}