Hi Martin,
>
How do know which file processed is first?
Easy, if you are using Firefox webdeveloper:
a) in webdeveloper toolbar, click on CSS/View CSS: this opens a new tab
in which you can view the various CSS files used by the current Moodle
theme
b) in the page, the CSS files names and contents are aranged in the order in which they are processed...it's that simple.
This is an example for current Moodle.org site clearly shows that the css stylesheets from
the standard theme are processed first, followed by the stylesheets from the
moodleorange theme.
CSS -
http://moodle.org/mod/forum/discuss.php?d=31281http://moodle.org/mod/forum/discuss.php?d=31281http://moodle.org/theme/standard/styles.php?lang=en/**************************************
* THEME NAME: standard
* Files included in this sheet:
* standard/styles_layout.css
* standard/styles_fonts.css
* standard/styles_color.css
* standard/styles_moz.css
* /mod/assignment/styles.php
* /mod/choice/styles.php
etc./***** standard/styles_layout.css start *****/
styles_layout.css
This CSS file contains all layout definitions like positioning, floats, margins, padding, borders etc.
etc.h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
text-align: center;
}
etc./***** standard/styles_layout.css end *****/
etc.**/ http://moodle.org/theme/moodleorange/styles.php?lang=en/**************************************
* THEME NAME: moodleorange
*
* Files included in this sheet:
*
* moodleorange/moodle.css
**************************************/
/***** moodleorange/moodle.css start *****/
a:link,
a:visited {
color:#0000AA;
}
etc./***** moodleorange/moodle.css end *****