/* 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 ----------------------------------------------------------------------------- */ .caption {font: x-small/2em tahoma, verdana, sans-serif; text-indent: 0; } .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; } .introduction {font: 14px/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif; padding-top: 20px;padding-left: 38px;width: 45%; z-index: 9;} .introduction h2 {font: Arial, helvetica, verdana; color: #0066CC; font-size: 110%; font-weight: bold; } #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;} #checks a img { border: none; } #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;} /* ----------------------------------------------------------------------------- BASIC LISTS ----------------------------------------------------------------------------- */ .introduction p.p2 {text-indent: 0; font: 10px/16px tahoma, verdana, sans-serif; color: #efece3; padding: 5px 17px; margin: 25px 0 0 0; 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(../images/text/rhs_latestnews_cy.png) no-repeat;} #cy h3.latest_research { background: transparent url(../images/text/rhs_latestresearch_cy.png) no-repeat;} #cy h3.archives { background: transparent url(../images/text/rhs_newsarchive_cy.png) no-repeat; } #cy h3.inthissection { background: transparent url(../images/text/rhs_inthissection_cy.png) no-repeat; } #cy h3.vacancies { background: transparent url(../images/text/rhs_swyddi_cy.png) no-repeat; } #cy h3.happening {background: transparent url(../images/text/rhs_happening_cy.png) no-repeat; margin-top: 1px;} #cy h3.research {background: transparent url(../images/text/rhs_ymchwil_cy.png) no-repeat; margin-top: 1px;} #cy h3.news {background: transparent url(../images/text/rhs_news_cy.png) no-repeat; margin-top: 1px;} #cy h3.documents{background: transparent url(../images/text/rhs_documents_sy.png) no-repeat; margin-top: 1px;} #cy h3.aboutus{background: transparent url(../images/text/rhs_aboutus.png) no-repeat; margin-top: 1px;} */ #breadcrumbs {} #breadcrumbs a { color: #0066cc; text-decoration: none; } #breadcrumbs a:hover { color: #000000; text-decoration: underline;} #breadcrumbs ul li{font-size: 65%; color: #0066cc; display: inline; list-style-type: none; margin: 0px; line-height: 12px;} #breadcrumbs ul { margin:0px;padding: 0px; width: 100%;} /* ----------------------------------------------------------------------------- CORPORATE NEWS ----------------------------------------------------------------------------- */ #news_wrap {margin:0 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; } .introduction { float:left; width:420px;margin-top: -20px;} #news_sidebar {float:right; width: 400px; margin-top: -80px; } #news_footer {clear:both; margin-left: 40px;padding-top: 10px;} .story li{font: Arial, helvetica, verdana; color: #000000;font-size: 80%; list-style: decimal;} .story.left { float:left;} .story.right { float:right;} .story a {display: block;} .right { float: right; margin-left: 2%; } .left { float: left; margin-right: 2%; } /* ----------------------------------------------------------------------------- CORPORATE NEWS Lists ----------------------------------------------------------------------------- */ .pr { font: x-small/2em tahoma, verdana, sans-serif; font-weight: bold; border-top: 1px; border-top-style: solid; border-top-color: #0066cc; width: 420px; 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;}