/* Site URL: http://www.csu.edu.au/**** Last updated: ***** Last updated by: **** Author: **** - web@csu.edu.au Copyright CSU 2008 Please do not edit this stylesheet - contact CSU Webteam for all amendments to CSS */ /* Colour Pallete #d5d7e3 – Container Borders #eaeaea - #leftnav li #d3d3d3 – #leftnav expandable link a.sub #666666 – h3, h5, caption, #leftnav strong (Contact CSU), #rightbox strong (Quicklinks), global navigation #536378 - CSU red, header, h2, h4 */ /* @import url(/styles/global.css); Global Nav, Footer and Search styles */ html,body { height: 100%; margin:0 0 1px 0; padding:0; } body { font-family: "Times New Roman", Times, serif; margin: 0; padding: 0; background-color: #536378; } #container { color: #000; background-color: #fff;} /* HEADER STYLES */ /* Header */ #header { width: 100%; height: 4em; border-bottom: 1px solid #777; padding-bottom: 0.1em; background: url(backgrounds/header.jpg) left top no-repeat #536378;} #header h1 { clear: none; margin:0; float:left; font-size:2em; font-weight: 100; letter-spacing: -0.01em; color:#fff; padding: 0.5em 0 0 0.5em; } #logo { float: left; width:60px; height:60px; margin: 0.1em; } #logo img { border: 1px solid black; } #header-border { background: url(backgrounds/border.jpg) repeat-x top left #aa7; height: 18px; border-bottom: 1px solid #bb7;} /* Skip Nav */ #skip a, #skip a:hover, #skip a:visited, #skip a:active { position:absolute; left:0; top:-5em; overflow:hidden; } /* Branding Graphic */ #graphic { border-bottom: 1px solid #d5d7e3; background:url(/images/global-img/generic/backgrounds/title.jpg) #666; height: 133px; width:777px; float:left; } #subhead { width: 777px; height: 1.5em; border-bottom: 1px solid #fff; background: url(/images/global-img/generic/backgrounds/bar.jpg) repeat-x; float:left;} /* =Left Navigation */ #leftnav { float: left; width: 180px; background-color: #ccf; margin: 2px; padding: 1px;} #leftnav li { font-size: 0.75em; list-style-type: none; text-indent: 10px; font-weight: bold; letter-spacing: 0.15em; background-color: #eaeafa; } #leftnav ul { margin: 0; padding: 0; } #leftnav a { display: block; width: 180px; text-decoration: none; color: #79b; border-bottom: solid 1px #fff; padding: 4.8px 0;} #leftnav a.last { border-bottom: none; } #leftnav a:hover {background-color: #ddf;} #leftnav a.sub { font-size: 1.4em; background-color: #d3d3d3; text-indent:18px; } #leftnav a.sub:hover { background-color: #fff; } /* =Left Navigation */ #leftnav strong { display:block; font-size:0.75em; background-color: #666; color: #fff; margin-top: 20px; padding: 4px 0 4px 9px; } #leftwrapper { float: left; width: 181px; clear:both; } #home #home-tab, #sub2 #sub2-tab, #sub3 #sub4-tab, #sub5 #sub5-tab, #sub6 #sub6-tab, #sub7 #sub7-tab, #sub-a1 #sub-a1-tab, #sub-a2 #sub-a2-tab, #sub-a3 #sub-a3-tab, #sub-a4 #sub-a4-tab, #sub-b1 #sub-b1-tab, #sub-b2 #sub-b2-tab, #sub-b3 #sub-b3-tab, #sub-b4 #sub-b4-tab, #sub-c1 #sub-c1-tab, #sub-c2 #sub-c2-tab, #sub-c3 #sub-c3-tab, #sub-c4 #sub-c4-tab, #sub-d1 #sub-d1-tab, #sub-d2 #sub-d2-tab, #sub-d3 #sub-d3-tab, #sub-d4 #sub-d4-tab { background-color: #fff; } .treeopen {} .treeclosed {} /* MAIN CONTENT STYLES */ #content { margin-left: 200px; padding-top: 10px; max-width: 800px; clear:right; color:#000; background-color:#fff; min-height:400px; padding-bottom: 2em; padding-right: 2em;} #content.index { width: 375px; clear:none; } /* Link Styles for main content and rightbox */ #content a:link, #rightbox a:link{ text-decoration: underline; color: #536378; } #content a:visited, #rightbox a:visited { color:#999; } #content a:hover, #rightbox a:hover, #content a:active, #rightbox a:active { text-decoration: none; } /* Headings Styles - h1 in the header div */ #content h2 { font-style: italic; font-size: 1.3em; color: #536378; margin-top: 0; } #content h3 { font-size: 0.95em; color: #666; margin-top: 1.5em; } #content h3.boxtitle { font-size: 0.9em; color: #536378; background-color: #eee; padding: 0.3em 0.5em; border: 1px solid #ccc; } #content h4 { font-size: 0.85em; color: #536378; margin-top: 1.5em; } #content h5 { font-size: 0.8em; color: #666; margin-top: 1.5em; } /* Heading Links */ #content h2 a:link, #content h2 a:visited, #content h2 a:active { text-decoration: none; color: #536378; } #content h2 a:hover { text-decoration:underline; } #content h3 a:link, #content h3 a:visited, #content h3 a:active { text-decoration: none; color: #666; } #content h3 a:hover { text-decoration:underline; } /* Image Styles */ #content img { border: #ccc 1px solid ; padding: 1px; } .floatleft { float:left; margin: 0 15px 15px 0; } .floatright { float:right; margin: 0 0 15px 15px; } /* Misc Styles */ #content p.top {text-align:right; padding-right: 15px; background: url(/images/global-img/generic/backgrounds/top_page.gif) no-repeat bottom right #fff; font-size:0.7em; font-weight:bold; } #content p.back { padding-left: 15px; background: url(/images/global-img/generic/backgrounds/back.gif) no-repeat bottom left #fff; font-size:0.7em; font-weight:bold;} p { font-size: 0.8em; } p.outline { border: 1px solid #ccc; padding: 0.3em; } p.groups {margin-bottom: 30px; min-height:80px; } .clear { clear: both; } .indent { padding-left: 2em; padding-right: 2em; } p.spotlight {margin:0; padding:0;background: url(/styles/backgrounds/background-tint-bottom.gif) repeat-x bottom left #fff; border: 1px solid #d5d7e3;padding:5px; margin-bottom:5px; float:left; clear:both; width:98%;} /* List styles */ li { font-size: 0.8em; } #content li h3 { font-size: 1.00em; margin-bottom: 0; } #content ul li, #rightbox ul li { list-style-image:url(/images/global-img/generic/list/arrow.gif); padding-bottom: 0.5em; } #content ul ul { margin-top: 10px;} #content ul ul li { list-style-image:url(/images/global-img/generic/list/square.gif); padding-bottom: 0.5em; font-size:1em; } #content ol li { padding-bottom: 0.5em; } #content li.none { list-style-image:none; list-style-type: none; } #content ul.none li { border-bottom: 2px solid #ddd; list-style-image:none; list-style-type: none; } #content ul.square li { list-style-image:url(/images/global-img/generic/list/square.gif); list-style-type: none; padding-left: 5px; margin-bottom: 2px;} #content ul.table li { border: none; list-style-image:none; list-style-type: none; padding-left: 5px; margin-bottom: 2px;} #content ul.table li.label { float: left; width: 90px; list-style-image:none; list-style-type: none; text-align: left; padding-left: 0px; padding-right: 5px; font-weight: bold; color: #999; border-right: 5px solid #ddd; background-color: #f5f5f5; margin-right: 5px;} /* Table Styles */ table { width:100%; font-size: 0.8em;} th { background-color: #d3d3d3; color: #333; border:1px solid #c8c8c8; text-align: left; font-weight:bold;vertical-align: top; padding:0.5em; } td { border: 1px solid #d3d3d3; text-align: left; padding: 0.5em; vertical-align: top; } td ul { padding: 0 0 0 20px; margin: 0; } td li { list-style-image: url(/images/global-img/generic/list/arrow.gif); font-size: 1em; } td.none { border:1px solid #fff; font-size: 0.8em; } caption { color:#666; font-weight:bold; padding-bottom:10px; text-align:left; font-size:1.2em; } /* Form Styles */ fieldset { border: 2px solid #ddd; margin-bottom:15px; padding:10px } legend {font-size: 0.8em; font-weight:bold; color:#000; } form ul {list-style:none; margin:0; padding: 0; } form p {margin-bottom:15px; } #content form li {margin: 10px 0 10px 0; clear:both; padding: 0; list-style-image: none; } #content label { display: block; float: left; line-height: 1.6; margin: 0 10px 0 0; text-align: right; width: 30%; clear: both; } input, textarea { width: 50%; } #content .auto { width: auto; } .required { color: #536378; background-color: #fff; font-weight: bold; } /* Quick Links Box - link styles in Content area */ #rightbox {float: right; width: 180px; margin: 15px 0 15px 0; background-color: #fff; font-size:0.9em; } #rightbox strong { display: block; background-color: #666; color: #fff; padding: 4px 0 4px 10px; font-size:0.8em; } #rightbox ul {margin: 1em 0 0 0; padding:0 10px 0 20px; } #footer {background: url(backgrounds/footer.jpg) top repeat-x #536378; border-top: 5px solid white; clear: both; text-align: center; font-size: 0.85em; color: #aaf;} #footer ul li {display: inline; padding-right: 2em;} #footer ul li a,#footer ul li a:link,#footer ul li a:visited {color: #ccf;} #footer ul li a:hover {text-decoration: none; color: white}