- 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