topic Re: Stylesheet overrides (solved) in Alfresco Archive

Stylesheet overrides (solved)

michaelc — Sat, 25 Feb 2012 00:31:28 GMT

So I find some style sheet issues that I expect others have also found and fix. I noted the the UL does not have disk so it does not show and the indent for the LI items is removed. it looks like this is done because a UL is being used to place items ( the contact form and also the carousel image

Re: Stylesheet overrides (solved)

michaelc — Mon, 27 Feb 2012 23:29:10 GMT

no one ?
how does anyone use this without the UL & OL ?
I see it is done in reset.css remove ul and ol and li and it now works as expected.

but I see that this will affect image placement and forms in the product.

table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   background: transparent;
}
‍‍‍‍‍‍‍‍‍

Why was it done this way - ugg ?
So I can define some type of reset of the reset but what would be the margin and padding ?
Ul detailBlock {
to reset ul and ol
}

Re: Stylesheet overrides (solved)

michaelc — Thu, 01 Mar 2012 20:08:25 GMT

Talking to myself again . . .

Ok I created a wraper stylesheet class for my pages "stdPage" and then did an overwrite to article-body.
I think that about covers it.
if anyone can see an error in this let me know before the cement dries.
seems to be functional everywhere.
Looks like tables have an issue with borders.

in reset.css


.stdPage ul{
   list-style-type:circle;
   margin: 0px 30px;
   padding: 0px; 
   }
.stdPage ol{
   list-style-type:decimal;
   margin: 0px 30px;
   padding: 0px; 
   }   
.article-body ul{
   list-style-type:circle;
   margin: 0px 30px;
   padding: 0px; 
   }
.article-body    ol{
   list-style-type:decimal;
   margin: 0px 30px;
   padding: 0px; 
   }   
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍