I've customised a few sites to look more how I want them so I thought I would post the css here (hope this is the right place).
Hopefully, other people have also done the same and will also then be able to share their modifications so we can all benefit.
The requirements for this to work are a Firefox or Mozilla trunk build after the dates mentioned in this post http://lists.w3.org/Archives/Public/www ... /0135.html .
Anyway, here is my css:
Centre align BBC News:
Code: Select all
@-moz-document url-prefix(http://news.bbc.co.uk/) {
body{
text-align:center !important;
margin:0 !important;
padding:0 !important;
border:none !important;
}
div[class="nwfoot"], table[cellpadding="0"][cellspacing="0"][border="0"][width="760"],
div[class="f"], table[width="100%"][cellpadding="0"][cellspacing="0"][border="0"]{
margin:auto !important;
}
table[width="100%"][cellpadding="0"][cellspacing="0"][border="0"]{
width:760px !important;
}
div[class="ticki"]{
text-align:left !important;
}
table[width="100%"][cellpadding="0"][cellspacing="0"][border="0"] img{
max-width:759px !important;
}
}
Centre align fixed width version of the Register.co.uk (also got rid of some in my opinion clutter):
Code: Select all
@-moz-document domain(theregister.co.uk), domain(theregister.com) {
[id="MastheadTop"], td[id="LeftNav"], table[id="RelatedStuff"], div[class="IconsBtm"],
div[class="IconsTop"], div[id="Related"]{
display:none !important;
}
body{
text-align:center !important;
margin:0 !important;
padding:0 !important;
background-image:none !important;
}
div[id="Masthead"], ul[class="Menu Buttons"], ul[class="Menu"]{
margin:auto !important;
width:748px !important;
border-left:2px solid red !important;
border-right:2px solid red !important;
}
div[id="Masthead"], ul[class="Menu Buttons"]{
text-align:left !important;
}
div[id="UnderMenuBar"] hr{
margin:auto !important;
width:752px !important;
border-left:2px solid red !important;
border-right:2px solid red !important;
}
table[id="MainCols"]{
margin:auto !important;
text-align:left !important;
width:750px !important;
border-left:2px solid red !important;
border-right:2px solid red !important;
}
td[id="Content"]{
width:700px !important;
}
div[id="Footer"]{
width:709px !important;
margin:auto !important;
border-left:2px solid red !important;
border-right:2px solid red !important;
}
div[id="Footer"] ul[class="Menu"]{
border:none !important;
}
}
Centre align fixed width version of the Inquirer.net (also got rid of some in my opinion clutter):
Code: Select all
@-moz-document domain(theinquirer.net) {
td[class="quote"], div[id="TopStoriesBox"], div[id="article_body_footer"],
div[id="article_body_header"]{
display:none !important;
}
body{
text-align:center !important;
margin:0 !important;
padding:0 !important;
}
table[cellspacing="0"][cellpadding="0"][width="630"][border="0"]{
margin:auto !important;
width:750px !important;
text-align:left !important;
border-right: 2px solid crimson !important;
}
table[id="tb_mainbody"]{
width:626px !important;
}
}
Centre align fixed width version of Reuters (also got rid of some in my opinion clutter):
Code: Select all
@-moz-document domain(reuters.com){
table[class="reutersTvBox"], table [id="VerticalMenu1_SpecialNav1"]{
display:none !important;
}
body{
text-align:center !important;
margin:0 !important;
padding:0 !important;
}
table[width="760"], table[cellspacing="0"][border="0"]{
margin:auto !important;
}
table[align="left"][width="158"]{
margin:0 !important;
}
}