/* CSS Document */ /* Swansea University HUMANITIES History Main Stylesheet : Created by Chris Rees, Web Builder 27th May 2008 */ /* All associated graphics copyright 2008 Swansea University */ ----------------------------------------------------------------------------- WRAPPER DIVS ----------------------------------------------------------------------------- */ #wrapper {} #wrapper_top {margin-top: 3px;} #wrapper_left {float:left; width: 190px;margin-right: 8px;} #wrapper_right {float:left;margin-left: 15px;width:72%; margin-top: 4px; margin-right: 10px; padding-right: 10px;} #wrapper_footer {clear:both; } /* ----------------------------------------------------------------------------- LEFT HAND NAVIGATION STYLING ----------------------------------------------------------------------------- */ #navlist {border-bottom: 1px solid gray; width: 190px;list-style: none;padding: 0;margin: 0;} #navlist li{ border-top: 1px solid gray; padding: .1em;} #navlist li a { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 70%; font-weight: bold; color: #663366;} #navlist li a:hover { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 70%; font-weight: bold; color: #993399;} /* ----------------------------------------------------------------------------- BREADCRUMB STYLING ----------------------------------------------------------------------------- */ #breadcrumbs {margin-top: 5px; margin-bottom: 5px; padding-top: 3px; padding-bottom: 8px;font-family: arial, helvetica, sans-serif; } #breadcrumbs a { color: #663366; text-decoration: none;} #breadcrumbs a:hover { color: #663366; text-decoration: underline;} #breadcrumbs ul li{ color: #000; display: inline; list-style-type: none; margin: 0px; line-height: 10px; margin-right: 2px;} #breadcrumbs ul { margin:0px;padding: 0px; width: 100%; font-size: .65em;} /* ----------------------------------------------------------------------------- WRAPPER RIGHT CONTENT AREA ----------------------------------------------------------------------------- */ .introduction { border-bottom: 1px solid #0066cc; z-index: 9; width: 97%; margin-bottom: 15px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;} .introduction h2 {font-size: 1.1em; color: #0066cc; letter-spacing: 3px; font-variant: normal; margin: 0px; font-weight: normal; } .introduction img {padding: 3px;} .introduction p {font-size: 70%; margin-top: 5px; margin-bottom: 5px;} .MainFeature a {color: #024d98; text-decoration: none; font-weight: bold;} .MainFeature a:visited {color: #0089D3; text-decoration: none; font-weight: bold;} .MainFeature a:hover {color: #df6426; text-decoration: none; font-weight: bold;} .MainFeature {font-family: Arial, Helvetica, Verdana,Geneva, sans-serif; font-size: 80%; } .MainFeature h1 {font-size: 1.5em; color: #0066cc;} .MainFeature h2 {font-size: 1.4em;color: #0066cc;} .MainFeature h3 {font-size: 1.3em;} .MainFeature h4 {font-size: 1.1em;} .MainFeature h5 {font-size: 1.0em;} .MainFeature h6 {font-size: .9em;} .MainFeature ul .MainFeature li .MainFeature img {} .MainFeature table {border-width:1px;border-spacing:5px; border-style: solid; color:#024486; width: 98%; } .MainFeature table td { border-width:1px;border-style: solid; border-color: #EAF0F5; padding: 8px; } .MainFeature table th { border-width:1px;border-style: solid; background-color: #EAF0F5; text-align:center; } .MainFeature table p {margin:0px;} #style3_intro h2 { color: #990066; font-size: 1.5em; font-weight: normal; padding: 0; font-family: Arial, Helvetica, sans-serif; width: auto; margin-top: 0em; margin-right: 0; margin-bottom: 0.5em; margin-left: 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #990066;} /* ----------------------------------------------------------------------------- WRAPPER RIGHT CONTENT AREA ----------------------------------------------------------------------------- */ #left {text-align:center; } #left img {float:left; padding-right: 10px;} #left .title {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing: 2px; font-size: .9em; margin-top: 0px; } #left .title a {text-decoration:none; color: #0066cc;} #left .title a:hover {text-decoration:none; color: #000000; } #left .pubdate {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size: .7em; color:#00a744; margin: 0px;margin-bottom: 4px; padding: 0px;} #left .affiliation{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size: .7em; color:#00a744; margin: 0px; padding-bottom: 1px;text-decoration: none;} #left p {font: .6em Verdana,Georgia, serif; border-bottom-style: solid; border-bottom: 1px; letter-spacing: 1px;padding-bottom: 16px; } #centre {border: 1px; border-left-style: dotted; border-color: #0066cc; padding-left: 14px; } #centre a {text-decoration:none;color: #000000; padding-bottom: 4px;} #centre a:hover {color: #853c24;} #center img {margin-bottom: 3px;} #centre h4 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: .9em; border: 1px; border-bottom-style: solid; color: #853c24;} #centre h5 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: .6em; border: 1px; margin: 0px; font-weight:normal;} #centre h6 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: .6em; border: 1px; border-bottom-style: solid; color: #0066cc; margin:0px; margin-bottom:10px; padding-bottom: 5px; text-align: right;} #seminarlistings a {text-decoration:none;color: #000000;} #seminarlistings a:hover {color: #853c24;} #right {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } #right h3 {color: #00a744;font-size: .8em; margin-bottom:: 3px;margin-top: 0px;border: 1px; border-style: solid; padding: 2px;border-color: #000000;} #right form { border: 1px; border-bottom-style: dotted;margin-bottom: 4px;} #right form input { width: 80px;} #right form p {font-size: .6em; margin-top: 0px;} #right #portrait {padding-bottom: 10px; width: 140px; border: 1px; border-bottom-style: dotted;margin-top: 10px;} #right #portrait h4 {font-size: .7em; } #right #portrait img {float: left; margin-right: 7px;} #right #portrait p {font-size: .6em;} #right #portrait a {color:#0066cc;} #right #portrait a:hover {color:#000000;} #right #awards {margin-top: 10px; width:140px;} #right #awards p a {font-size: .6em;text-decoration:none; font-weight: bold;color:#0066cc;} #right #awards p a:hover {font-size: .6em;color:#b03e3e; } #right #awards p a:visited { color:#000000;} #right #lectures {margin-top: 10px; width:140px;} #right #lectures p {font-size: .6em;} #right #lectures p a {text-decoration:none; font-weight: bold;color:#0066cc;} #right #lectures p a:hover {color:#b03e3e; } #right #lectures p a:visited {color:#000000;} #text {text-align: left; font-size: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; padding-right: 10px;} #text p {font-size: .8em; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0px; border: 0px; margin: 0px;} #text table { border: 1px;} #text a {text-decoration:none; font-weight: bold;color:#0066cc;} #text a:hover {color:#b03e3e;} #text li {font-size: .8em;} #text img {padding: 10px;} /* ----------------------------------------------------------------------------- ACADEMIC REGISTRY A-Z LISTINGS ----------------------------------------------------------------------------- */ .az ul li {display: inline; list-style: none; font-size: .7em; padding: 5px; border: 1px solid #0066cc; border-style: solid; border-bottom: 0px; border-left: 0px; border-top: 0px;} .az {margin-left: 170px;} /* ----------------------------------------------------------------------------- COURSE LISTINGS ----------------------------------------------------------------------------- */ #course {font-family: Arial, Helvetica, sans-serif; font-size: .8em; } #course .introduction h2 {font-size: 1.4em;} #course .introduction p {font-size: .85em;} #course .introduction a {text-decoration: none; color: red; font-weight: bold;} #course .introduction a:hover {text-decoration: underline; color: red; font-weight: bold;} .coursecolumn1 {width: 70%; float:left;} .coursecolumn2 {} /* ----------------------------------------------------------------------------- HOME STYLE 3 ----------------------------------------------------------------------------- */ #style3_intro {font-family: Arial, Helvetica, sans-serif; font-size: .8em; width: 450px; float:left;} #style3_address {font-family: Arial, Helvetica, sans-serif; font-size: .75em; color: #000; width:160px; float:right; padding:5px;} #style3_address a:link {color:#663366; font-weight: bold;} #style3_address a:visited { color:#663366; font-weight: bold;} #style3_address a:hover {color:#0066cc; font-weight: bold; text-decoration:underline;} #style3_news { width: 175px; float:right;} #style3_news h3 span {display: none; visibility: hidden; } #style3_news h3.latest_news { background: transparent url(/images/text/File,288,en.png) no-repeat;} #style3_news h3.latest_research { background: transparent url(/images/text/File,306,en.png) no-repeat;} #style3_news h3.archives { background: transparent url(/images/text/File,465,en.png) no-repeat; } #style3_news h3.inthissection { background: transparent url(/images/text/File,316,en.png) no-repeat; } #style3_news h3.vacancies { background: transparent url(/images/text/File,289,en.png) no-repeat; } #style3_news h3.happening {background: transparent url(/images/text/File,290,en.png) no-repeat; margin-top: 1px;} #style3_news h3.research {background: transparent url(/images/text/File,617,en.png) no-repeat; margin-top: 1px;} #style3_news h3.news {background: transparent url(/images/text/File,23678,en.png) no-repeat; margin-top: 1px;} #style3_news h3.documents{background: transparent url(/images/text/File,287,en.png) no-repeat; margin-top: 1px;} #style3_news h3.aboutus{background: transparent url(/images/text/File,1073,en.png) no-repeat; margin-top: 1px;} #style3_news h3.events{background: transparent url(/images/text/File,23680,en.png) no-repeat; margin-top: 1px;} #style3_address h3.news{background: transparent url(/images/text/File,23679,en.png) no-repeat; margin-top: 1px;} #style3_news #newscentre { } #style3_news #newsbanner {display:none;} #style3_news #latest_research ul li a{font-weight: bold; color: #663333; font-size: 70%; } #style3_news #latest_research ul li a:visited{font-weight: bold; color: #0066cc; font-size: 70%;} #style3_news #latest_research ul li a:hover{font-weight: bold; color: #0066cc; font-size: 70%;} #style3_news #latest_research ul{list-style: url(/images/basic/File,6082,en.gif); margin: -12px -5px -5px 8px; padding-left: 0px;padding-top: 0px;z-index: 10; padding-bottom: 5px; line-height: 1.1em;} #style3_news #latest_research h3 {height: 25px;} #style3_news home_news { float:left;margin: 0px;width: 210px;} #style3_news #home_news h3 {height: 25px; margin: 0 0 0 0px; padding: 0px; } #style3_news #home_news p, #home_news li {font: x-small/1.6em tahoma, verdana, sans-serif; text-indent: 0; } #style3_news #home_news ul {list-style: none; padding: 0px; margin-top: 0px; margin-right:0px; margin-bottom: 20px; margin-left: 0;} #style3_news #home_news li {color: #000; border-bottom: 1px dotted #C8D6E6; line-height: 1.5em; padding: 0.5em 17px; } #style3_news #home_news li a {display: block; border: none; color:#663366; font-weight: bold; margin-left: 0px; padding-left: 0px; text-decoration: none; } #style3_news #home_news li a:hover {color: #993399; } #style3_news #home_news li a.c {display: inline; padding: 0; margin: 0; background: none; color: #000; font-weight: normal; } #style3_news #home_news li a.c:hover {color: #663333;} #style3_news #home_happening {margin-left: 220px; } #style3_news #home_happening h3{height: 25px; margin: 0 0 0 0px; padding: 0; } #style3_news #home_happening p, #home_happening li {font: x-small/1.6em tahoma, verdana, sans-serif; color: #0066cc; text-indent: 0px;} #style3_news #home_happening ul {list-style: none; margin: 0 0 0 0; padding: 0px; } #style3_news #home_happening li {color: #000; border-bottom: 1px dotted #C8D6E6; line-height: 1.5em; padding: 0.5em 17px; } #style3_news #home_happening li a {display: block; border: none; color: #0066cc; font-weight: bold; margin-left: 0px; padding-left: 00px; text-decoration: none; } #style3_news #home_happening li a:hover {color: #663333; } #style3_news home_happening li a.c {display: inline; padding: 0px; margin: 0; background: none; color: #000; font-weight: normal;} #style3_news #home_happening li a.c:hover {color: #663333;} /*---------------------------------------------------------------------------------- LARGE HISTORY NAVIGATION BUTTONS ---------------------------------------------------------------------------------*/ #history1 a { display:block; width: 146px; font: bold 13px sans-serif; color:#333; text-decoration: none; height: 220px; float:left; padding: 0px; margin-right: 1px; margin-top: 5px; background-image:url(/images/links/File,23672,en.png) } #history1 a:hover { background-image:url(/images/links/File,23673,en.png) } #history2 a { display:block; width: 146px; font: bold 13px sans-serif; color:#333; text-decoration: none; height: 220px; float:left; padding: 0px; margin-right: 1px; margin-top: 5px; background-image:url(/images/links/File,23674,en.png); background-repeat: no-repeat; } #history2 a:hover { background-image:url(/images/links/File,23675,en.png); background-repeat: no-repeat; } #history3 a { display:block; width: 146px; font: bold 13px sans-serif; color:#333; text-decoration: none; height: 220px; float:left; padding: 0px; margin-right: 1px; margin-top: 5px; background-image: url(/images/links/File,23676,en.png); background-repeat: no-repeat; } #history3 a:hover { background-image:url(/images/links/File,23677,en.png); background-repeat: no-repeat; } #home_news ul li a:link {color:#993366} #home_news ul li a:visited {color:#993366} #footer {background-color: #fff; } #footer img {padding-left:5px;} .contact-bold { font-weight: bold;}