- From: Martin Glancy <martin_glancy@bristol-city.gov.uk>
- Date: Thu, 20 May 2004 15:58:54 +0100
- To: <www-validator-css@w3.org>
- Message-Id: <s0acd6d0.060@mail.bristol-city.gov.uk>
Sample code below /* ================================== */ /* Font-size hacks from http://www.phespirit.info/cafe/css_hacks.htm Require DTD to be HTML 4.01 Transitional or absent to work in IE6 */ /* =================================================================== */ div, p, h3, h4, th, td, ul, ol, li, dd { font-size : small; } /*/*/a{} body, body div, body p, body h3, body h4, body th, body td, body ul, body ol, body li, body dd { font-size : x-small; voice-family : "\"}\""; voice-family : inherit; font-size : small; } html>head:first-child+body div, html>head:first-child+body p, html>head:first-child+body h3, html>head:first-child+body h4, html>head:first-child+body th, html>head:first-child+body td, html>head:first-child+body li, html>head:first-child+body dd { font-size : small; } /* */ /* =================================================================== */ h1 { font-size : x-large; } /*/*/a{} body h1 { font-size : large; voice-family : "\"}\""; voice-family : inherit; font-size : x-large; } html>head:first-child+body h1 { font-size : x-large; } /* */ /* =================================================================== */ h2 { font-size : large; } /*/*/a{} body h2 { font-size : medium; voice-family : "\"}\""; voice-family : inherit; font-size : large; } html>head:first-child+body h2 { font-size : large; } /* */ /* FONT ENDS ===================================== */ /* GENERAL STYLES */ .hidden { /* Used for accessibilty - hides text of use to those with readers */ display: none; font-size: 0px; } body { /* Set font for site */ font-family: Arial, Helvetica, Helv, Geneva, sans-serif; text-align: left; } td, th { /* Inheritance does not always work for body into TD so repeat */ font-family: Arial, Helvetica, Helv, Geneva, sans-serif; text-align: left; } h1 { /* Heading 1 */ padding: 5px 50px 0px 10px; /* 50px in from right */ margin-top: 5px; color: #000000; } h2 { /* Heading 2 */ color: #000066; } h3 { /* Heading three is like a bold paragraph */ font-weight: bold; color: #000066; margin-bottom: -1em; } td h3 { /* Heading three in a table - change margin */ margin-bottom: 1em; } em { /* use EM instead of I for accessibilty */ font-style: italic; } strong { /* use STRONG instead of B for accessibilty */ font-weight: bold; } /* FORM ELEMENTS ================================== */ .searchbox { width: 100px; height: 20px; margin-top: 4px; margin-right: 8px; } /* TITLE Contains SSH logo graphic and ================================== */ div.titleArea { background-color: #6097CF; margin-bottom: 0px; z-index: 98; float: left; } /* TOP TABS Contains BCC Intranet and search tabs ================================== */ div.topTabs { background-color: #6097CF; text-align: right; float: right; padding: 0px 10px 5px 10px; } div.topTabs a { color: #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; padding: 4px 0.6em 4px 0.6em; text-decoration: none; background: #EEEEEE; font-family: Verdana, Arial, Helvetica, Helv, Geneva, sans-serif; } div.topTabs a:hover { color: #FFFFFF; background: #3366CC; } /* TABS ================================== */ div.tabArea { background-color: #6097CF; padding: 0px 0px 3px 0px; clear: both; } div.tabArea a { background-color: #B5D2ED; border: 1px solid #285D98; border-bottom-width: 0px; padding: 2px 0.6em 4px 0.6em; text-decoration: none; position: relative; top: -1px; z-index: 100; font-family: Verdana, Arial, Helvetica, Helv, Geneva, sans-serif; } div.tabArea a, div.tabArea a:visited { color: #000000; } div.tabArea a:hover { background-color: #3366CC; color: #FFFFFF; } div.tabArea a.activetab, div.tabArea a.activetab:visited, div.tabArea a.activetab:hover { background-color: #FFFFFF; border: 1px solid #000060; border-bottom: 1px solid #FFFFFF; color: #000000; padding: 4px 1em 4px 1em; font-weight: bold; top: 0px; z-index: 102; } /* CRUMB or SUBMENU ================================== */ div.subMenu { border-color: #000000 #000000 #000000 #000000; border-top: 1px solid #333366; border-bottom: 1px solid #CCCCCC; background: #FFFFFF; margin-right: auto; margin-left: auto; padding: 0px 0px 0px 10px; text-align: left; position: relative; z-index: 101; color: #000000; } div.subMenu p { margin:10px 0px 15px 0px; } div.subMenu a { text-decoration: none; font-family: Verdana, Arial, Helvetica, Helv, Geneva, sans-serif; } div.subMenu a:hover { color: #000000; text-decoration: underline; } /* CONTENT ================================== */ div.content { padding: 0px 10px 10px 50px; } .nomargin { margin-left: -40px; margin-right: -40px; } /* CONTENT ADJUSTMENTS FOR ACPC ======================================= AS IT IS INSIDE A CONTENT DIV, WE NEED TO UNDO THE LEFT PADDING OF 50PX */ div.content h1 { margin-left: -50px; } div.content div.pageMenu p { margin-left: -50px; } /* Page menu - links internal to page - sits in grey box =================== */ div.pageMenu p { width: 590px; padding: 10px 10px 10px 50px; background-color: #EEEEEE; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } /* MISC CLASS TAGS ================================== */ a.topLink, a.topLink:visited, a.topLink:active { color: #000000; background-color: #B5D2ED; border: 1px solid #285D98; padding: 2px 0.6em 4px 0.6em; text-decoration: none; font-family: Verdana, Arial, Helvetica, Helv, Geneva, sans-serif; } a.topLink:hover { background-color: #3366CC; color: #FFFFFF; } /* NEWS PAGES ================================== */ div.news_menu a { text-decoration: none; } div.news_menu a:hover { text-decoration: underline; } .newsquote { font-family: Times, Geneva, serif; font-size: 20px; font-style: italic; font-weight:bold; color:#285D98; } .newspiccaption { color:#FFFFFF; padding:3px; } /* PHONELIST PAGES ================================== */ div.phonelist h2 { padding-top: 5px; border-top: 2px solid #BBBBBB; } /* MAIN INDEX PAGES ================================== */ div.indexPageMenu p { padding: 2px 0px 2px 10px; margin: 2px 20px 2px 0px; border-bottom: 1px solid #BBBBBB; background: #FFFFFF url("../images/menu_bullet_red.gif") no-repeat; } div.indexPageMenu p.indexPageMenuHead { padding: 2px 0px 2px 0px; background: #FFFFFF; font-weight: bold; } div.indexPageMenu a { text-decoration:none; } /* FOR PRINTING ================================== */ @media print { div.subMenu, div.tabArea, div.titleArea, div.topTabs, div.noPrint { display: none; } div, p, h3, h4, th, td, ul, ol, li, dd, input, textarea, select, option { font-size :12px; font-family: Arial, Helvetica, Helv, sans-serif; } } /* ================================== */ Martin Glancy, Web Co-ordinator Social Services and Health, Bristol City Council Tel 90 37648 Fax 903 7841 I work Wednesday afternoon; Thursday and Friday all day
Attachments
- text/css attachment: test_style.css
Received on Thursday, 20 May 2004 11:03:31 UTC