Difference between revisions of "SUNScholar/XMLUI Theme/M2/Customisation"

From Libopedia
Jump to navigation Jump to search
Line 7: Line 7:
 
</font>
 
</font>
  
===[[SUNScholar/XMLUI_Theme/M2/Customisation/Typography|Typography (fonts)===
+
===[[SUNScholar/XMLUI_Theme/M2/Customisation/Typography|Typography (fonts)]]===
 
<pre>
 
<pre>
 
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold">
 
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold">

Revision as of 21:59, 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;
}

Help Links