I want to apply custom styling for our institution's students using Moodle Mobile.
I have found the following at http://docs.moodle.org/25/en/Mobile_app#Style_customization
The app can also retrieve your custom styles from your Moodle site. Since the app is a HTML5 app, you can apply safely any CSS, CSS2and CSS3 style.
In your Moodle installation go to Plugins / Web services / Mobile and enter in the mobilecssurl field a valid URL pointing to a CSS file containing your custom styles. The original styles to override can be found here: https://github.com/moodlehq/moodlemobile/tree/master/css
The CSS should be placed inside your Moodle installation (in your custom theme or inside a local plugin)
Once the user is logged in the app, there is a periodical process that retrieves your remote CSS files for applying your custom styles.
Notice that on the first time a user opens the app, he will see the default "orange" style. Your custom styles will be applied once the user has added a site in the app.
The only "problem" is that I don't really know CSS (I can read and understand the code and make basic changes, e.g. colours etc.but that's were it ends)
And therefore I have these questions:
1. "The app can also retrieve your custom styles from your Moodle site" - Where is this CSS file located? I assume it is a single file?
2. "The original styles to override can be found...." - Do I need to download both the style.css and layout.css as well as the fonts-folder? When I've made changes to style.css and layout.css where is the best place in my Moodle installation to place it?
3. What is the "format" of the 'mobilecssurl' needed? Do I need to include my site url or can I just link to it as /themes/... ?
4. Should the 'mobilecssurl' link to a single CSS file (i.e. ending in .css) or does it link to a folder contatining the CSS file(s)?