/******* WARWICK INSTITUTE OF EDUCATION SITE SPECIFIC CSS ***********/ /********************** UPDATED TUE, AUG 05, 2008 - KM **********************/ /********************** GLOBAL MARKUP (contains headings) **********************/ h1 { color: #006666; } h2 { color: #006666; } h3 { color: #006666; } h4 { color: #006666; } h5 { color: #006666; } h6 { color: #006666; } /********************** DEPARTMENT BAR **********************/ #departmentBar { background: url(tile.gif) #3fafb7; } #departmentBarCurve { background-image: url(corner.gif); background-repeat: no-repeat; } /*LEFT NAV BAR*/ #outerNavigation, .navigationBackground { background-color: #d4eced; } /*tab colour*/ #navigation .rtop *, #navigation .rbottom *, #navigation div { background-color: #7d7572; } /*selected section background colour*/ #navigation li.selectedSection div, #navigation li.selectedSection .rtop *, #navigation li.selectedSection .rbottom *, #navigation li.selectedSection ul { background-color: #94d1d2; } /*child pages background colour*/ #navigation .submenu li.selected div.children .rtop *, #navigation .submenu li.selected div.children .rbottom *, #navigation .submenu li.selected div.children ul { background-color: #75628e; } /*text colour on current page tab*/ #navigation .selected div {color: #006666;} /* tab links */ #navigation li a:link, #navigation li a:visited { color: #ffffff; } /* selected section link */ #navigation .selectedSection a:link, #navigation .selectedSection a:visited { color: #006666; } /* page children links */ #navigation .children a:link, #navigation .children a:visited { color: #ffffff; } /*tab hover*/ #main #navigation li a:link:hover, #main #navigation li a:visited:hover { color: #94d1d2; } /*selected section hover*/ #main #navigation .selectedSection a:link:hover, #main #navigation .selectedSection a:visited:hover {color: #7d7572;} /*child hover*/ #main #navigation .children a:link:hover, #main #navigation .children a:visited:hover {color: #94d1d2;} #outerNavigation { background-image: url(bottom.gif); background-repeat: repeat-x; background-position: bottom left; } #navigation { padding-bottom: 100px; } /********************** MAIN BODY, RIGHT SITE, FOOTER LINES**********************/ #pageTitle, #footercontent { border-color: #006666; } .smallcopy {font-size: 80%;} .orangecopy {color: #75628e; font-size: 120%; font-weight: bold;} .greencopy {color: #006666; font-size: 120%; font-weight: bold;} .highlight {border: solid 3px #006666; padding: 5px; color: #006666; font-weight: bold;} #mainContent .content .stafflist h2 { background-color: #7d7572; color: white; font-size: 90%; padding: 0 0 0 5px; margin: 0 0 0 0; } #mainContent .content .stafflist td { border-bottom: dotted 1px #006666; } /*new homepage styles */ #wiesearch {margin-top: 0px;} #wiesearch .title {font-size: 120%; font-weight: bold; color: #633690;} #wiesearch form {margin: 0px; padding: 0px;} #wiesearch #wiesearchcontainer {margin: 0px; padding: 0px;} #wiesearch #wiesearchbox {float: left; padding-top: 5px;} #wiesearch #wiesearchbutton {padding: 0px 0px 0px 130px;} #rhsContent #search_results ul li {background-image: none; padding-left:0; color: #636466; font-size: 90%; font-style: italic;} #rhsContent #search_results ul li a {font-size: 110%; font-style: normal; color: #636466;} #rhsContent #search_results ul li a:visited {color: #75628e; text-decoration: none;} #rhsContent #search_results ul li a:hover {color: #592989; text-decoration: underline;} #rhsContent #search_results ul li .lastmoddate { display: none; } #search_results ul {padding-left:0} #rhsContent .content ul {padding-left:0} .smalltext {font-size: 90%; font-family: Tahoma, Verdana, sans-serif;} .intropara {color: #636466; padding-right: 15px;} #blueboxtr {background: url(blueboxtr.gif) no-repeat top right; padding: 0; margin: 0px 15px 5px 0px; width: 95%;} #blueboxtl {background: url(blueboxtl.gif) no-repeat top left; padding: 0; margin: 0;} #blueboxbl {background: url(blueboxbl.gif) no-repeat bottom left; padding: 0; margin: 0;} #blueboxbr {background: url(blueboxbr.gif) no-repeat bottom right; padding: 5px 10px 10px 10px; margin: 0; min-height: 120px;} #blueboxbr h2 {color: #51b6bd; font-family: Tahoma, Verdana, sans-serif; font-weight: normal; font-size: 170%;} #mainContent .content #specialbullet ul {padding-left: 0px;} #mainContent .content #specialbullet ul li {background: url(bullet.gif) no-repeat 0 5px; padding: 0px 0 0px 12px;} #wienews h3 {color: #3fafb7; font-variant: normal; font-size: 170%; margin-bottom: -5px;} #wienews strong {display: none;} #wienews p {margin: -10px 0px -10px 0px;} #wienewsmore {margin: 20px 0px 8px 0px;} #wienews a {color: #4f5d66; text-decoration: none; } #wienews a:link {color: #4f5d66; text-decoration: none;} #wienews a:visited {color: #4f5d66; text-decoration: none;} #wienews a:active {color: #4f5d66; text-decoration: none;} #wienews a:hover {color: #4f5d66; text-decoration: underline;} #wienewsmore a {color: #3fafb7; text-decoration: none; } #wienewsmore a:link {color: #3fafb7; text-decoration: none;} #wienewsmore a:visited {color: #3fafb7; text-decoration: none;} #wienewsmore a:active {color: #3fafb7; text-decoration: none;} #wienewsmore a:hover {color: #3fafb7; text-decoration: underline;} #wieevents h3 {color: #3fafb7; font-variant: normal; font-size: 170%;} #wieevents strong {color: #4f5d66; font-size: 90%; font-style: italic; font-weight: normal;} #wieevents a {color: #4f5d66; text-decoration: none; } #wieevents a:link {color: #4f5d66; text-decoration: none;} #wieevents a:visited {color: #4f5d66; text-decoration: none;} #wieevents a:active {color: #4f5d66; text-decoration: none;} #wieevents a:hover {color: #4f5d66; text-decoration: underline;} #wieeventsmore {margin: -3px 0px 14px 0px;} #wieeventsmore a {color: #3fafb7; text-decoration: none; } #wieeventsmore a:link {color: #3fafb7; text-decoration: none;} #wieeventsmore a:visited {color: #3fafb7; text-decoration: none;} #wieeventsmore a:active {color: #3fafb7; text-decoration: none;} #wieeventsmore a:hover {color: #3fafb7; text-decoration: underline;} #wieexpertisesearch {margin-bottom: 5px;} #wieexpertisesearch a {font-size: 120%; font-weight: bold; color: #633690;} #wieexpertisesearch a:link {color: #633690; text-decoration: none;} #wieexpertisesearch a:visited {color: #633690; text-decoration: none;} #wieexpertisesearch a:active {color: #633690; text-decoration: none;} #wieexpertisesearch a:hover {color: #633690; text-decoration: underline;} /* new styles implemented 05/08/08*/ .womanbox, .swirlbox, .leafbox {background: url(swirlbox.gif) no-repeat; width: 125px; height: 90px; padding: 0; margin-bottom: 10px;} .womanbox p, .swirlbox p, .leafbox p {padding: 40px 10px 0px 10px; color: #3fafb7; font-weight: bold; font-size: 120%;} #rhsContent .content .womanbox a, #rhsContent .content .swirlbox a, #rhsContent .content .leafbox a {color: #3fafb7; text-decoration: none; width: 100px; height: 70px; display: block; padding: 10px; font-weight: bold; font-size: 120%;} #rhsContent .content .womanbox a:link, #rhsContent .content .swirlbox a:link, #rhsContent .content .leafbox a:link { color: #3fafb7; text-decoration: none;} #rhsContent .content .womanbox a:visited, #rhsContent .content .swirlbox a:visited, #rhsContent .content .leafbox a:visited { color: #3fafb7; text-decoration: none;} #rhsContent .content .womanbox a:active, #rhsContent .content .swirlbox a:active, #rhsContent .content .leafbox a:active { color: #3fafb7; text-decoration: none;} #rhsContent .content .womanbox a:hover, #rhsContent .content .swirlbox a:hover, #rhsContent .content .leafbox a:hover { color: #3fafb7; text-decoration: underline; } .questionbox {background: url(questionbox.gif) no-repeat; width: 125px; height: 90px; padding: 0; margin-bottom: 10px;} .questionbox p {padding: 10px; color: white; font-weight: bold; font-size: 120%;} #rhsContent .content .questionbox a {color: white; text-decoration: none; width: 100px; height: 70px; display: block; padding: 10px; font-weight: bold; font-size: 120%;} #rhsContent .content .questionbox a:link { color: white; text-decoration: none;} #rhsContent .content .questionbox a:visited { color: white; text-decoration: none;} #rhsContent .content .questionbox a:active { color: white; text-decoration: none;} #rhsContent .content .questionbox a:hover { color: white; text-decoration: underline; } .applybox {background: url(applybox.gif) no-repeat; width: 125px; height: 90px; padding: 0; margin-bottom: 10px;} #rhsContent .content .applybox a {color: white; text-decoration: none; width: 100px; height: 70px; display: block; padding: 5px 10px 10px 10px; font-weight: bold; font-size: 120%;} #rhsContent .content .applybox a:link { color: white; text-decoration: none;} #rhsContent .content .applybox a:visited { color: white; text-decoration: none;} #rhsContent .content .applybox a:active { color: white; text-decoration: none;} #rhsContent .content .applybox a:hover { color: white; text-decoration: underline; } .contactbox {background: url(contactbox.gif) no-repeat; width: 125px; height: 90px; padding: 0; margin-bottom: 10px;} #rhsContent .content .contactbox a {color: white; text-decoration: none; width: 100px; height: 70px; display: block; padding: 5px 10px 10px 10px; font-weight: bold; font-size: 120%;} #rhsContent .content .contactbox a:link { color: white; text-decoration: none;} #rhsContent .content .contactbox a:visited { color: white; text-decoration: none;} #rhsContent .content .contactbox a:active { color: white; text-decoration: none;} #rhsContent .content .contactbox a:hover { color: white; text-decoration: underline; } .gobox {background: url(gobox.gif) no-repeat; width: 125px; height: 90px; padding: 0; margin-bottom: 10px;} #rhsContent .content .gobox a {color: white; text-decoration: none; width: 100px; height: 70px; display: block; padding: 5px 10px 10px 10px; font-weight: bold; font-size: 120%;} #rhsContent .content .gobox a:link { color: white; text-decoration: none;} #rhsContent .content .gobox a:visited { color: white; text-decoration: none;} #rhsContent .content .gobox a:active { color: white; text-decoration: none;} #rhsContent .content .gobox a:hover { color: white; text-decoration: underline; } .greenwithorangebox {background: url(palepurple.gif) no-repeat; width: 125px; height: 90px; padding: 0; margin-bottom: 10px;} #rhsContent .content .greenwithorangebox a {color: #75628e; text-decoration: none; width: 100px; height: 70px; display: block; padding: 5px 10px 10px 10px; font-weight: bold; font-size: 120%;} #rhsContent .content .greenwithorangebox a:link { color: #75628e; text-decoration: none;} #rhsContent .content .greenwithorangebox a:visited { color: #75628e; text-decoration: none;} #rhsContent .content .greenwithorangebox a:active { color: #75628e; text-decoration: none;} #rhsContent .content .greenwithorangebox a:hover { color: #75628e; text-decoration: underline; } .orangewithgreenbox {background: url(palebrown.gif) no-repeat; width: 125px; height: 90px; padding: 0; margin-bottom: 10px;} #rhsContent .content .orangewithgreenbox a {color: #7d7572; text-decoration: none; width: 100px; height: 70px; display: block; padding: 5px 10px 10px 10px; font-weight: bold; font-size: 120%;} #rhsContent .content .orangewithgreenbox a:link { color: #7d7572; text-decoration: none;} #rhsContent .content .orangewithgreenbox a:visited { color: #7d7572; text-decoration: none;} #rhsContent .content .orangewithgreenbox a:active { color: #7d7572; text-decoration: none;} #rhsContent .content .orangewithgreenbox a:hover { color: #7d7572; text-decoration: underline; } #mainContent .content .greenbox {background: url(gradientarrow.gif) no-repeat right #ffffff; color: #3b8383; padding: 5px; width: 95%; font-weight: bold;} #mainContent .content .greenbox a { color: #3b8383; text-decoration: none; display: block; width: 100%; height: 15px;} #mainContent .content .greenbox a:link { color: #3b8383; text-decoration: none;} #mainContent .content .greenbox a:visited { color: #3b8383; text-decoration: none;} #mainContent .content .greenbox a:active { color: #3b8383; text-decoration: none;} #mainContent .content .greenbox a:hover { color: #3b8383; text-decoration: underline; } #rhsContent .content .greenbox {background: url(gradientarrow.gif) no-repeat right #ffffff; color: #3b8383; padding: 10px 5px 10px 5px; width: 115px; font-weight: bold;} #rhsContent .content .greenbox a { color: #3b8383; text-decoration: none; display: block; width: 100%; height: 15px;} #rhsContent .content .greenbox a:link { color: #3b8383; text-decoration: none;} #rhsContent .content .greenbox a:visited { color: #3b8383; text-decoration: none;} #rhsContent .content .greenbox a:active { color: #3b8383; text-decoration: none;} #rhsContent .content .greenbox a:hover { color: #3b8383; text-decoration: underline; } #mainContent .content .orangebox {background: url(gradientarrow.gif) no-repeat right #ffffff; color: #75628e; padding: 5px; width: 95%; font-weight: bold;} #mainContent .content .orangebox a { color: white; text-decoration: none; display: block; width: 100%; height: 15px;} #mainContent .content .orangebox a:link { color: #75628e; text-decoration: none;} #mainContent .content .orangebox a:visited {color: #75628e; text-decoration: none;} #mainContent .content .orangebox a:active { color: #75628e; text-decoration: none;} #mainContent .content .orangebox a:hover { color: #75628e; text-decoration: underline; } #rhsContent .content .orangebox {background: url(gradientarrow.gif) no-repeat right #ffffff; color: #75628e; padding: 10px 5px 10px 5px; width: 115px; font-weight: bold;} #rhsContent .content .orangebox a { color: #75628e; text-decoration: none; display: block; width: 100%; height: 15px;} #rhsContent .content .orangebox a:link { color: #75628e; text-decoration: none;} #rhsContent .content .orangebox a:visited { color: #75628e; text-decoration: none;} #rhsContent .content .orangebox a:active { color: #75628e; text-decoration: none;} #rhsContent .content .orangebox a:hover { color: #75628e; text-decoration: underline; } /******* END OF WARWICK INSTITUTE OF EDUCATION SITE SPECIFIC CSS ***********/