/* We start with default behaviour for the basic (x)html tags */ /* Default behaviour of a paragraph */ p { text-align: left; margin-left: 0px; margin-top: 0em; margin-bottom: 1em; padding: 0; } /* Default behaviour of images - remove all borders */ img { border: none; margin: 0; padding: 0; color: inherit; background-color: inherit; } /* List padding must be set to zero for Firefox and perhaps other browsers. Also Firefox: its html style-sheet specifies "-moz-padding-start" but in "quirks" mode it doesn't. Not sure why we're in "quirks" mode for Firefox though - I think it doesn't properly support xhtml!?! */ ul { padding: 0; -moz-padding-start: 40px; } ol { padding: 0; -moz-padding-start: 40px; } address { margin-top: 10px; margin-bottom: 0; text-align: left; font-size: x-small; } table { border-collapse: collapse; border: 1px none white; } thead { font-weight: bolder; text-decoration: underline; } /* Now some "generic" helper classes: */ /* To make ANY object invisible: */ .cssinvisible { visibility: hidden; display: none; width: 0px; height: 0px; margin: 0px; padding: 0px; position: absolute; bottom: 0; right: 0; } /* "Disclaimer" text, and any other similar text we want small We don't specify a tag type so that this can be used with "div" and "p" */ .disclaimer { clear: both; text-align: left; font-size: xx-small; } /* The general page layout */ /* The body section. This is inside the html so that it can be centred */ div.body { display: block; text-align: left; width: 620px; min-width: 620px; /* The following fixes centering in FireFox and does not change IE behaviour: */ margin: auto; } /* The side bar and header block, including menu bar and logos, etc */ div.pagecontrol { position: absolute; width: 620px; min-width: 620px; top: 10px; float: left; padding: 0; margin: 0; /* z-index is required, 'cos otherwise some browsers (e.g. firefox) will "paint" this full width, although "transparent" over the actual page content, making it impossible to click anything! */ z-index: 0; } /* Tag line part of header, non-colour related stuff: */ div.tagline em { font-style: normal; font-weight: normal; font-size: 13px; } /* Tagline link (e-mail) to be right-justified */ div.tagline a { float: right; text-align: right; font-weight: normal; } /* The menu items are grouped in a block */ div.menu { float: left; width: 120px; clear: both; padding: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 10px; } /* Submenu items are indented...*/ div.menu div.submenu { background-color: transparent; padding: 0; margin-left: 7px; margin-right: 7px; border: none; } /* ... and have less bold font */ div.menu div.submenu div { font-weight: normal; } div.menu div.submenu a { font-weight: normal; } /* Sub-submenu items are indented by the same amount again... */ div.menu div.submenu div.subsubmenu { background-color: transparent; padding: 0; margin-left: 7px; margin-right: 7px; border: none; } /* ... and have a smaller font: */ div.menu div.submenu div.subsubmenu div { font-weight: normal; font-size: smaller; } div.menu div.submenu div.subsubmenu a { font-weight: normal; font-size: smaller; } /* The area that the content of the page will appear in. */ div.pagearea { padding: 0; margin-bottom: 20px; margin-right: 0; margin-top: 106px; margin-left: 125px; position: relative; width: 495px; min-width: 495px; /* z-index is required, 'cos otherwise some browsers (e.g. firefox) will have the header and menu full width, although "transparent" over this actual page content, making it impossible to click anything! */ z-index: 1; } div.pageheading { min-height: 37px; } /* A paragraph that must start on a new line */ p.new { clear: both; } /* This class is for the paragraph in faith page, which has references */ /* The lines need spacing slightly more than usual */ p.extraspaced { line-height: 1.3em; } /* Classes for lists of links (e.g. Churches page) */ p.linktitle { font-size: larger; font-weight: bold; text-align: left; margin-top: 2em; margin-bottom: 0px } p.linksubtitle { font-weight: bold; text-align: left; margin-top: 0.5em; margin-bottom: 1em } p.linkdesc { margin-left: 20pt; margin-top: 0px; margin-bottom: 0.5em } ul.pagelinks { list-style-type: disc; list-style-position: outside; margin-left: 1.5em; margin-top: -1em; margin-bottom: 1em; text-indent: 0em; } /* p.pagelinks { margin-left: 1.5em; margin-top: -1em; margin-bottom: 1em; text-indent: 0em; } */ /* Bulleted church list (churches page) */ ul.churchlist { list-style-type: disc; list-style-position: outside; margin-left: 1.5em; margin-top: 0em; margin-bottom: 0.5em; text-indent: 0em; } *#religiousplaceindent1 { margin-left: 5em; margin-top: -1.2em } *#religiousplaceindent2 { margin-left: 12em; margin-top: -1.2em } /* Visa description table - visal.html */ table.visatable { margin-left: auto; margin-right: auto; vertical-align: top; width: 400px; padding: 0px; } *#visaweeknum { vertical-align: top; text-align: center; padding: 0px; } *#visaweekdesc { vertical-align: top; padding-left: 20px; text-align: left; padding-top: 0px; padding-bottom: 0px; } /* What's New Table */ table.whatsnew tr td { vertical-align: top; padding-bottom : 0.5em; } /* What's New Table date column */ td.updated { white-space: nowrap; padding-right: 0.5em; text-align: right; } /* List for Statement of Faith */ ol.articles { list-style-type : lower-alpha; list-style-position : outside; margin-left : 2em; margin-top : 0em; margin-bottom : 1em; text-indent : 0em; } ol.articles li { margin-top: 0em; margin-bottom: 1em } /* The where are we page has one pair of classes: */ div.where { padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 60px; } div.where img { display: block; clear: both; padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: -20px; } p.advicecontact { padding: 0; margin-bottom: 0; } div.advicecontact { padding: 0; margin-top: 0; margin-left: 4em; margin-bottom: 1em; margin-right: 0; } /* The "imagedblock" is a block of text with images down the right side */ /* (in another div block - div.imageblock). The width 290 comes from the */ /* mainwidthblock (495px) - image width (imageblock = 200px) - 5px for padding in between */ div.imagedblock { width: 290px; float: left; } div.imageblock { float: right; width: 200px; } /* Buttons for friends page */ div.pushbuttons { display: block; clear: both; width: 492px; padding: 0; margin-top: 0; margin-bottom: 1em; margin-left: auto; margin-right: auto; color: inherit; background-color: white; } div.pushbuttons div { display: block; padding: 0; clear: both; vertical-align: middle; } /* div.pushbuttons div a img { display: block; clear: both; width: 160px; height: 90px; } */ div.pushbuttons div a { display: block; clear: none; float: left; width: 488px; height: 20px; min-height: 20px; /* Bugs in IE meant nice margins into background didn't work, so resorted to border */ border-left: solid 2px white; border-top: solid 2px white; border-right: solid 2px black; border-bottom: solid 2px black; padding: 0; padding-top: 2px; margin: 0; text-align: center; font-size: small; font-weight: bold; } div.pushbuttons div a.one { width: 242px; height: 30px; padding-top: 9px; padding-bottom: 9px; color: white; background-color: #FF6600; } div.pushbuttons div a.two { width: 242px; color: white; background-color: #CC3366; } div.pushbuttons div a.three { width: 242px; color: white; background-color: #663399; } div.pushbuttons div a.four { width: 488px; color: white; background-color: #0066CC; } div.pushbuttons div a.five { width: 488px; color: white; background-color: #339900; } div.pushbuttons div a.six { width: 240px; color: white; background-color: #009999; } div.pushbuttons div a:active { text-decoration: none; color: #007777; background-color: #FFCC33; border-left: solid 2px black; border-top: solid 2px black; border-right: solid 2px white; border-bottom: solid 2px white; } div.pushbuttons div a:hover { text-decoration: none; color: #007777; background-color: #FFCC33; border-left: solid 2px black; border-top: solid 2px black; border-right: solid 2px white; border-bottom: solid 2px white; } q { quotes: "" ""; /* No quotes to be compatible with IE 7 !! */ }