/* * This CSS file will be applied after all the built in styles. * * CSS files are loaded in alphabetic order, hence the "zzz" in * the filename to force it to load after the other css files! * * Add any local over-rides here. * * To totally replace a system css file, create a file of the same * name in this directory. eg. messages.css * */ body { background-color: white; color: black; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 11px; height: auto; line-height: 15px; margin-left: auto; margin-right: auto; padding: 0; width: 705px; } h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-weight: normal; text-align: left; } h2, h3, h4 { color: #03257D; padding-top: 4px; } h1 { color: #CC6600; font-size: 24px; } h2 { border-top: solid 1px #CCCCCC; font-size: 18px; } h3 { border-top: dashed 1px #CCCCCC; font-size: 14px; } h3 a { text-decoration: underline; } h4 { font-size: 12px; } a { color:#03257D; text-decoration: none; } a:hover { color: #CC6600; text-decoration: underline; } .noborder { background-color: transparent; border: none; } /* The header contains the banner, menu bar and status bar. */ .sob_tm_header { height: 162px; position: relative; width: 100%; } /* Use relative positioning for all images in the header. They also float above all other elements. */ .sob_tm_header img { border-style: none; display: inline; position: absolute; z-index: 10; } /* University of Otago logo. */ .otago_tm_logo img { left: 20px; } /* School of Business logo. */ .sob_tm_logo img { left: 285px; top: 19px; } /* The menu is created within a relatively positioned DIV. This runs the width of the layout and floats behind all other elements. */ #sob_tm_menu { background-color: #03257D; height: 20px; position: absolute; top: 94px; width: 100%; z-index: 5; } #sob_tm_menu_items { background-color: #03257D; border-right: dotted 1px #5C78BF; float: left; left: 127px; margin: 0px; padding: 0px; position: absolute; text-align: left; z-index: 7; } /* Drop down menus based on the tutorial at: http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp This includes some odd little hacks for portability across browsers (mainly IE). Additional IE-only hackery can be found in ie_hacks.css. */ #sob_tm_menu_items ul { float: left; list-style: none; margin: 0; padding: 0; text-align: center; width: 112px; } #sob_tm_menu_items a { background: none; border-left: dotted 1px #5C78BF; color: white; display: block; font-weight: bold; line-height: 20px; margin: 0; text-decoration: none; } #sob_tm_menu_items li { position: relative; } #sob_tm_menu_items a:hover { background-color: #CC6600; color: white; } #sob_tm_menu_items ul ul { background-color: #03257D; border-top: solid 1px white; position: absolute; text-align: left; z-index: 500; } #sob_tm_menu_items ul ul a { border-style: none; padding-left: 1em; } #sob_tm_menu_items ul ul ul { border: none; left: 100%; position: absolute; top: 0; } /* Ugly hack for compatibility with all browsers. Would be much cleaner with child selectors. */ div#sob_tm_menu_items ul ul, div#sob_tm_menu_items ul li:hover ul ul, div#sob_tm_menu_items ul ul li:hover ul ul, div#sob_tm_menu_items ul ul ul li:hover ul ul { display: none; } div#sob_tm_menu_items ul li:hover ul, div#sob_tm_menu_items ul ul li:hover ul, div#sob_tm_menu_items ul ul ul li:hover ul, div#sob_tm_menu_items ul ul ul ul li:hover ul { display: block; } /* Set the appearance of the EPrints status/search bar. */ .sob_tm_searchbar { color: #666666; background-color: #CCCCCC; background-image: url(/style/images/gray_bar.png); font-size: 10px; height: 38px; line-height: 14px; position: absolute; top: 114px; width: 100%; white-space: nowrap; } .sob_tm_searchbar table { border: none; margin-bottom: 5px; margin-left: 117px; margin-right: 10px; margin-top: 5px; width: 578px; } .sob_login_status { padding-right: 10px; text-align: left; width: 325px; } .sob_search_box, .sob_feeds { text-align: right; } .sob_feeds { float: right; height: 0px; position: relative; top: -32px; width: 200px; } /* Override the appearance of the standard classes for the remaining items in the status/search bar. */ .ep_search_feed { font-size: 10px; line-height: 14px } .ep_search_feed a { color: #666666; } .ep_search_feed a:hover { color: #CC6600; } .ep_search_feed img { position: static; } .ep_tm_searchbarbutton { font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 10px line-height: 14px; padding-left: 3px; padding-right: 3px; } .ep_tm_searchbarbox { font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-size: 10px line-height: 14px; width: 180px; } /* Ensure that tables inside "toolboxes" run to the full width regardless of their contents. */ .ep_toolbox_content table { width: 100%; } /* The "main" section contains the main content of the page. */ .sob_tm_main { margin: 1em; } /* The footer contains the links menus. */ .sob_tm_footer { border-top: 1px dotted #CCCCCC; color: #666666; font-size: 10px; height: 30px; line-height: 14px; padding-top: 5px; } .sob_tm_footer_left { float: left; margin-left: 3em; } .sob_tm_footer_right { float: right; margin-right: 3em; text-align: right; } .sob_tm_footer a { color: #666666; } .sob_tm_footer a:hover { color: #CC6600; }