<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Consolas;
panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-fareast-language:EN-US;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
p
{mso-style-priority:99;
margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif;}
pre
{mso-style-priority:99;
mso-style-link:"HTML Preformatted Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Courier New";}
span.HTMLPreformattedChar
{mso-style-name:"HTML Preformatted Char";
mso-style-priority:99;
mso-style-link:"HTML Preformatted";
font-family:Consolas;
mso-fareast-language:EN-US;}
p.msonormal0, li.msonormal0, div.msonormal0
{mso-style-name:msonormal;
mso-style-priority:99;
margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman",serif;}
span.EmailStyle21
{mso-style-type:personal;
font-family:"Calibri",sans-serif;
color:windowtext;}
span.EmailStyle22
{mso-style-type:personal;
font-family:"Calibri",sans-serif;
color:windowtext;}
span.EmailStyle23
{mso-style-type:personal-reply;
font-family:"Calibri",sans-serif;
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-GB" link="#0563C1" vlink="#954F72">
<div class="WordSection1">
<p class="MsoNormal"><span style="color:#1F497D">Many thanks Ron<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">That didn’t override it, thinking about it, it must be some css not being overridden by my local style, I noticed this in –<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">common_html5\css\themeStyles.css<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><i><span style="color:#1F497D">#x_headerBlock {<o:p></o:p></span></i></p>
<p class="MsoNormal"><i><span style="color:#1F497D"> color: #FFFFFF;<o:p></o:p></span></i></p>
<p class="MsoNormal"><i><span style="color:#1F497D"> background: #434343; /* for non-css3 browsers */<o:p></o:p></span></i></p>
<p class="MsoNormal"><i><span style="color:#1F497D"> filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#010101", endColorstr="#434343"); /* for IE */<o:p></o:p></span></i></p>
<p class="MsoNormal"><i><span style="color:#1F497D"> background: -webkit-gradient(linear, left top, left bottom, from(#010101), to(#434343)); /* for webkit browsers */<o:p></o:p></span></i></p>
<p class="MsoNormal"><i><span style="color:#1F497D"> background: -moz-linear-gradient(top, #010101, #434343); /* for firefox 3.6+ */<o:p></o:p></span></i></p>
<p class="MsoNormal"><i><span style="color:#1F497D"> background-image: -o-linear-gradient(#010101, #434343); /* for Opera */<o:p></o:p></span></i></p>
<p class="MsoNormal"><i><span style="color:#1F497D">}<o:p></o:p></span></i></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">If I include <o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">filter: none !important;<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">…to my own local theme CSS I can override the solid header and add a background image -<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">#x_headerBlock {<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">color: #FFFFFF;<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">background-image: url(repeattop.png);<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">background-repeat: repeat-x;<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">background-position: right bottom;<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">background: url(repeattop.png) repeat-x right bottom;<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">filter: none !important;<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">}<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">Rgds<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D">Paul<o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US" style="mso-fareast-language:EN-GB">From:</span></b><span lang="EN-US" style="mso-fareast-language:EN-GB"> xerte-bounces@lists.nottingham.ac.uk [mailto:xerte-bounces@lists.nottingham.ac.uk]
<b>On Behalf Of </b>ronm@mitchellmedia.co.uk<br>
<b>Sent:</b> 14 July 2016 19:19<br>
<b>To:</b> 'Xerte discussion list' <xerte@lists.nottingham.ac.uk><br>
<b>Subject:</b> [Xerte] Re: problems setting CSS for custom theme<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Add background-color:#ffffff; to the #x_headerBlock styles?<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">#x_headerBlock {<o:p></o:p></p>
<p class="MsoNormal">color: #FFFFFF;<o:p></o:p></p>
<p class="MsoNormal">background-image: url(repeattop.png);<o:p></o:p></p>
<p class="MsoNormal">background-repeat: repeat-x;<o:p></o:p></p>
<p class="MsoNormal">background-position: right bottom !important;<o:p></o:p></p>
<p class="MsoNormal">background-color:#ffffff;<o:p></o:p></p>
<p class="MsoNormal">}<o:p></o:p></p>
<p class="MsoNormal"><o:p> </o:p></p>
<div>
<div style="border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0cm 0cm 0cm">
<p class="MsoNormal"><b><span lang="EN-US" style="mso-fareast-language:EN-GB">From:</span></b><span lang="EN-US" style="mso-fareast-language:EN-GB">
<a href="mailto:xerte-bounces@lists.nottingham.ac.uk">xerte-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-bounces@lists.nottingham.ac.uk">mailto:xerte-bounces@lists.nottingham.ac.uk</a>]
<b>On Behalf Of </b>Catherall, Paul<br>
<b>Sent:</b> 14 July 2016 17:15<br>
<b>To:</b> 'Xerte discussion list ý' <<a href="mailto:xerte@lists.nottingham.ac.uk">xerte@lists.nottingham.ac.uk</a>><br>
<b>Subject:</b> [Xerte] problems setting CSS for custom theme<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p><span lang="FR-CH" style="font-size:10.0pt;font-family:"Arial",sans-serif">Hi, just wondering if anyone can offer any advice on fixing the following issue in Xerte, I have set up a custom theme (css) but can't override the background/background-image of
the top header/banner (I can for the footer), it remains black when viewed in IE9, (this doesn't happen in other browsers such as Chrome), I think it's being overidden by some core style maybe....<br>
<br>
Here is an "offline export" archive of my object in HTML format: <a href="http://pcwww.liv.ac.uk/~cathpaul/test/offlineexport.zip">
http://pcwww.liv.ac.uk/~cathpaul/test/offlineexport.zip</a> <br>
<br>
Here is an "Archive export" archive which can be uploaded in Xerte <a href="http://pcwww.liv.ac.uk/~cathpaul/test/archiveexport.zip">
http://pcwww.liv.ac.uk/~cathpaul/test/archiveexport.zip</a> <o:p></o:p></span></p>
<p><span lang="FR-CH" style="font-size:10.0pt;font-family:"Arial",sans-serif"><br>
To illustrate here is the offline export running on a simple Web server:</span><span lang="FR-CH"><o:p></o:p></span></p>
<p><span lang="FR-CH" style="font-size:10.0pt;font-family:"Arial",sans-serif"><a href="http://pcwww.liv.ac.uk/~cathpaul/test/index.htm">http://pcwww.liv.ac.uk/~cathpaul/test/index.htm</a>
<o:p></o:p></span></p>
<p><span lang="FR-CH" style="font-size:10.0pt;font-family:"Arial",sans-serif"><o:p> </o:p></span></p>
<p><span lang="FR-CH" style="font-size:10.0pt;font-family:"Arial",sans-serif">I’ve also attached the theme files, normally this would sit at «htdocs\xertetoolkits\themes\Nottingham<o:p></o:p></span></p>
<p><span lang="FR-CH" style="font-size:10.0pt;font-family:"Arial",sans-serif"><o:p> </o:p></span></p>
<p><span lang="FR-CH" style="font-size:10.0pt;font-family:"Arial",sans-serif">I’ve not managed to test on an Edge computer yet, I guess one default response to this is that only latest version of browsers are supported i.e. ‘update your web browser’…<o:p></o:p></span></p>
<p><span lang="FR-CH" style="font-size:10.0pt;font-family:"Arial",sans-serif"><o:p> </o:p></span></p>
<p><span lang="FR-CH" style="font-size:10.0pt;font-family:"Arial",sans-serif">Rgds<o:p></o:p></span></p>
<p><span lang="FR-CH" style="font-size:10.0pt;font-family:"Arial",sans-serif"><o:p> </o:p></span></p>
<p><span lang="FR-CH" style="font-size:10.0pt;font-family:"Arial",sans-serif">Paul<o:p></o:p></span></p>
<p><span lang="FR-CH"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="mso-fareast-language:EN-GB"><img border="0" width="701" height="711" id="Picture_x0020_1" src="cid:image002.jpg@01D1DE92.920249B0"></span><o:p></o:p></p>
<pre><o:p> </o:p></pre>
<pre><o:p> </o:p></pre>
<pre><o:p> </o:p></pre>
<pre>This message and any attachment are intended solely for the addressee<o:p></o:p></pre>
<pre>and may contain confidential information. If you have received this<o:p></o:p></pre>
<pre>message in error, please send it back to me, and immediately delete it. <o:p></o:p></pre>
<pre><o:p> </o:p></pre>
<pre>Please do not use, copy or disclose the information contained in this<o:p></o:p></pre>
<pre>message or in any attachment. Any views or opinions expressed by the<o:p></o:p></pre>
<pre>author of this email do not necessarily reflect the views of the<o:p></o:p></pre>
<pre>University of Nottingham.<o:p></o:p></pre>
<pre><o:p> </o:p></pre>
<pre>This message has been checked for viruses but the contents of an<o:p></o:p></pre>
<pre>attachment may still contain software viruses which could damage your<o:p></o:p></pre>
<pre>computer system, you are advised to perform your own checks. Email<o:p></o:p></pre>
<pre>communications with the University of Nottingham may be monitored as<o:p></o:p></pre>
<pre>permitted by UK legislation.<o:p></o:p></pre>
<pre><o:p> </o:p></pre>
<pre><o:p> </o:p></pre>
<pre><o:p> </o:p></pre>
<pre>This message and any attachment are intended solely for the addressee<o:p></o:p></pre>
<pre>and may contain confidential information. If you have received this<o:p></o:p></pre>
<pre>message in error, please send it back to me, and immediately delete it. <o:p></o:p></pre>
<pre><o:p> </o:p></pre>
<pre>Please do not use, copy or disclose the information contained in this<o:p></o:p></pre>
<pre>message or in any attachment. Any views or opinions expressed by the<o:p></o:p></pre>
<pre>author of this email do not necessarily reflect the views of the<o:p></o:p></pre>
<pre>University of Nottingham.<o:p></o:p></pre>
<pre><o:p> </o:p></pre>
<pre>This message has been checked for viruses but the contents of an<o:p></o:p></pre>
<pre>attachment may still contain software viruses which could damage your<o:p></o:p></pre>
<pre>computer system, you are advised to perform your own checks. Email<o:p></o:p></pre>
<pre>communications with the University of Nottingham may be monitored as<o:p></o:p></pre>
<pre>permitted by UK legislation.<o:p></o:p></pre>
</div>
</body>
</html>