Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation"
Jump to navigation
Jump to search
m (→Help Links) |
m |
||
| Line 2: | Line 2: | ||
'''[[SUNScholar/XMLUI_Theme/M2|Back to Mirage 2 Theme]]''' | '''[[SUNScholar/XMLUI_Theme/M2|Back to Mirage 2 Theme]]''' | ||
</center> | </center> | ||
| − | + | ===Requirements=== | |
| + | [[SUNScholar/Bootstrap Framework|Read about the bootstrap HTML5 and CSS3 framework]] | ||
===Multiple themes=== | ===Multiple themes=== | ||
Any folder you create in the following folder will be interpreted as a Mirage2 based theme: | Any folder you create in the following folder will be interpreted as a Mirage2 based theme: | ||
| Line 22: | Line 23: | ||
===Help Links=== | ===Help Links=== | ||
| − | |||
*http://wiki.duraspace.org/display/DSDOC5x/Mirage+2+Configuration+and+Customization | *http://wiki.duraspace.org/display/DSDOC5x/Mirage+2+Configuration+and+Customization | ||
*[http://github.com/DSpace/DSpace/tree/master/dspace-xmlui-mirage2 Read about Mirage 2 theme customisation on github.] | *[http://github.com/DSpace/DSpace/tree/master/dspace-xmlui-mirage2 Read about Mirage 2 theme customisation on github.] | ||
*[http://getbootstrap.com/customize/?id=915b32a8cbe419adfa1f Use the custom Maties theme as a bootstrap template.] | *[http://getbootstrap.com/customize/?id=915b32a8cbe419adfa1f Use the custom Maties theme as a bootstrap template.] | ||
Revision as of 11:46, 9 March 2015
Back to Mirage 2 Theme
Requirements
Read about the bootstrap HTML5 and CSS3 framework
Multiple themes
Any folder you create in the following folder will be interpreted as a Mirage2 based theme:
$HOME/source/dspace/modules/xmlui-mirage2/src/main/webapp/themes
This means that if I create two folders called 'Red' and 'Green' in that directory, and create the file styles/_style.scss in both folders with the contents respectively and run mvn package -Dmirage2.on=true, two themes will be created called 'Red' and 'Green', with the only difference being the background color of <body>
body {
background-color: red;
}
and
body {
background-color: green;
}
