Beautiful theme! It improves Moodle readability and
usability by 100%. It should become Moodle's default theme in my opinion.
A few bugs:
In Opera, the site takes too long to fully render and you get to see the page with no styles for about 1 to 2 seconds. A quick solution I did was to hide all the html content while it completely loads and use jquery to show once it's fully loaded.
So, first we create a style in header.html, like so:
<style type="text/css">
body { visibility:hidden; }
</style>
Then, move the jquery line out of the
IE only conditional in header.html:
From this:
<!--[if lt IE 7]>
<script type="text/
javascript" src="<?php echo $CFG->httpsthemewww .'/'. current_theme() ?>/js/jquery/jquery.js"></script>
<script type="text/javascript" src="<?php echo $CFG->httpsthemewww .'/'. current_theme() ?>/js/jquery/jquery.dropdown.js"></script>
<![endif]-->
To This:
<script type="text/javascript" src="<?php echo $CFG->httpsthemewww .'/'. current_theme() ?>/js/jquery/jquery.js"></script>
<!--[if lt IE 7]>
<script type="text/javascript" src="<?php echo $CFG->httpsthemewww .'/'. current_theme() ?>/js/jquery/jquery.dropdown.js"></script>
<![endif]-->
Last, add this line right before the closing </head> tag in header.html:
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("body").css("visibility","visible");
});
</script>
</head>
Also, in Opera, the menu bar has a glitch where the link "Web Outlook" doesn't get the right stylesheet. Here is the tweak to the menubar.php to solve this:
Around line 84 (right after the closed php code) comment out the </li>
So, it was like this:
<li id="n-right"><span class="dir">Themes</span>
<ul>
<?php
$text ='<li><a href="'.$CFG->
wwwroot.'/?&theme=default">Default</a></li>';
$text .='<li><a href="'.$CFG->wwwroot.'/?&theme=cropcircles">They Came From Outta-Town</a></li>';
echo $text;
?>
</li>
</ul>
And we change it to this:
<li id="n-right"><span class="dir">Themes</span>
<ul>
<?php
$text ='<li><a href="'.$CFG->wwwroot.'/?&theme=default">Default</a></li>';
$text .='<li><a href="'.$CFG->wwwroot.'/?&theme=cropcircles">They Came From Outta-Town</a></li>';
echo $text;
?>
<!--</li>-->
</ul>
