Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation"
Jump to navigation
Jump to search
m (→Help Links) |
m |
||
| Line 6: | Line 6: | ||
'''First [[SUNScholar/Bootstrap Framework|click here]] to read about the Twitter Bootstrap HTML5 and CSS3 framework used by XMLUI Mirage 2.''' | '''First [[SUNScholar/Bootstrap Framework|click here]] to read about the Twitter Bootstrap HTML5 and CSS3 framework used by XMLUI Mirage 2.''' | ||
</font> | </font> | ||
| + | |||
| + | ===Typography (fonts)=== | ||
| + | <pre> | ||
| + | <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold"> | ||
| + | </pre> | ||
===Multiple themes=== | ===Multiple themes=== | ||
Revision as of 21:57, 25 May 2015
Back to Mirage 2 Theme
Requirements
First click here to read about the Twitter Bootstrap HTML5 and CSS3 framework used by XMLUI Mirage 2.
Typography (fonts)
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold">
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;
}
