Themes

I think this is an excellent theme - really clean and easy on the eye, however I am struggling to get it to work with the ilp module that I run on my set-up.

As part of the set-up of ilp, a css file as to be specified in the config.php, so my config.php has this addition to it:

$THEME->sheets = array('styles','ilp');

Which runs the following stylesheet:

/*
* @copyright © 2007 University of London Computer Centre
* @author http://www.ulcc.ac.uk, http://moodle.ulcc.ac.uk
* @license http://www.gnu.org/copyleft/gpl.html GNU Public License
* @package ILP
*/

/* General page setting */
#blocks-ilp-view div#content {padding-left: 10px; padding-right: 10px;}
#blocks-ilp-view table td{margin:3px; padding:5px; }
#blocks-ilp-view table.generalbox { width:99%; }
#blocks-ilp-view div.generalbox {margin:3px; padding:5px;}
#blocks-ilp-view div.generalbox h2 {margin:0; padding:0}

/* Add new post button */
div.addbox { text-align:center; margin:5px; }
div.addbox a { border: 1px solid #000; padding:5px; }

/* Comments box */
.ilpcenter { text-align:center; }
.ilpcomment { width:85%; text-align:left; font-size:0.8em; margin-top:3px; margin-bottom:3px; padding:3px; }
.ilpcomment .commands { font-size: 0.9em; padding-top: 0.5em; text-align:right; clear: both; }

/* Student Status Colours */
h1.status-0, h2.status-0, h3.status-0, span.status-0 { color: #00984b; }
h1.status-1, h2.status-1, h3.status-1, span.status-1 { color: #ff7e00; }
h1.status-2, h2.status-2, h3.status-2, span.status-2 { color: #ff0000; }
span.status-0, span.status-1, span.status-2 { font-weight:bold; }

/* Use full-size profile image */
#blocks-ilp-view .userpicture { width: 100px; height: 100px; }

/* YUI Grid http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css */

ilp_post,.yui-t4 {margin:auto;text-align:left;width:99%;*width:99%;}
.ilp_post { margin:3px; }
.yui-t4 {border: 1px solid #ccc; padding:3px; }
.yui-b{position:relative;}
.yui-b{_position:static;}
.yui-main .yui-b{position:static;}
.yui-main{width:100%;}
.yui-t4 .yui-main {float:left;margin-right:-25em;}
.yui-t4 .yui-b{float:right;width:15.8456em;*width:15.50em;}
.yui-t4 .yui-main .yui-b{margin-right:16.8456em;*margin-right:16.55em;}
.yui-main .yui-b{float:none;width:auto;}
.yui-gd .yui-u{float:left;}
.yui-gd div.first{float:left;}
.yui-gd .yui-u{width:16%;margin-left:1.99%; }
.yui-gd .yui-u{width:80%;border-right:1px dashed #ccc;border-left:1px dashed #ccc; padding-left:2px;}
.yui-gd div.first{width:15%;border:none;}
.yui-gd div.first{margin-left:0;}

.yui-t4 .yui-b img.achieved {position: absolute; bottom:0; right:0}
.yui-t4 .yui-b ul {margin: 5px 0 5px 0; padding-left: 0; border: none;} 
.yui-t4 .yui-b ul li { margin-left: 0; padding-left: 2px; border: none; list-style: none;}
.yui-t4 .yui-b ul li:before { content: "\0020 \0020 \0020 \00BB \0020"; }
.yui-t4 .yui-b .commands { font-size: 0.8em; padding-top: 0em; clear: both; }
.yui-t4 .yui-b form {display:inline;}
.yui-t4 .yui-b form select, .yui-t4 .yui-b form input {font-size:0.8em;}

.bd:after,.yui-gd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.bd,.yui-gd{zoom:1;} 

Hello Ed,

You might find this article of interest, as it explains how to make changes to your CSS which hides css for new browsers but allows IE6 to read only the css meant for it.

A quick fix for the page width might be to set page width to 100%. This isn't written into the css so you would need to add it to styles.css

#page { width: 100%; margin: 0; padding:0;}

If you add this line just above #wrapper in the styles.css file it might help.

Also...and if you have not see the new Afterburner download which I added to the Themes page last week, has a couple of fixes to the main layout. One problem in the original download, which is more likely to affect IE6 was a broken table tag. There was a typo in the footer where two </td> </td> tags should have be written as </td></tr> This could well have thrown IE6 out of joint. So it may be what you need to put right in your current theme.

Let me know how you get on.

Frank has IE6 so if you could post a link to your site perhaps he might be able to help too.

Mary

Hi Victoria,

Which version of Afterburner are you using? If it is the original which Patrick created and is free to download from the Moodle Themes repository, then chances are you are using an older version. The newer version of Afterburner can be downloaded HERE and contains fixes for the bugs which might be the cause of your menu problem.

Mary

I am assuming you mean the Moodle 1.9 version of Afterburner?

To get the menu to work correctly you would need to change the CSS.

HTH

Mary

Hi,

First of all there isn't a my courses dropdown in the Moodle 2.1 Afterburner theme.

As for you other question, there are some tutorials available which should help you resolve the issues you are having with this theme. You will fine the tutorials in this document...

Developement: Themes 2.0

HTH

Mary