How many .css sheets are used with xoops and where are they?
Ok, I am curious how the .css structure of xoops is designed?
There is a xoops.css
and most themes at minimum have a style.css.
Been told we can put a style.css in with the module as well.
I am curious how this works and how it all ties together?
How do these all get used?
Is the xoops.css read first then the theme style.css then the module style.css? Then by inheritance they would be read in that order so module style.css would override theme.css which would override xoops.css?
the 2 first stylesheet are both called from the file theme.html so that xoops.css will be the first stylesheet to load containing some css resets concerning some xoops elements (banner,blocks,....)
after that style.css contain the enhancement part (styling with images ..) and because it's after xoops.css it can override some css rules if you change them in style.css
after that come the tough part
<!-- customized header contents -->
here xoops put all css stylesheets called by php or the ones that change depending on some parameters - like modules, some modules requires some css styling so they can add style sheet just by adding in the php side