diff --git a/theme/splash/config.php b/theme/splash/config.php index 8e2a752bd35..6bb92792ea2 100644 --- a/theme/splash/config.php +++ b/theme/splash/config.php @@ -1,5 +1,28 @@ . + +/** + * Config for the splash theme + * + * @package theme_splash + * @copyright 2010 Caroline Kennedy of Synergy Learning + * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later + */ + $THEME->name = 'splash'; //////////////////////////////////////////////////// @@ -8,8 +31,8 @@ $THEME->name = 'splash'; $THEME->parents = array( - 'canvas', - 'base', + 'canvas', + 'base', ); ///////////////////////////////////////////////////// @@ -18,7 +41,11 @@ $THEME->parents = array( $THEME->sheets = array( - 'green','blue','orange','sl','ie', + 'sl', + 'green', + 'blue', + 'orange', + 'ie', ); //////////////////////////////////////////////////// @@ -127,12 +154,4 @@ $THEME->csspostprocess = 'splash_process_css'; /////////////////////////////////////////////////////////////// // Splash Theme Specific settings for Administrators to customise // css. -/////////////////////////////////////////////////////////////// - - - -$THEME->javascripts = array('styleswitcher'); - -/////////////////////////////////////////////////////////////// -// Referencing the javascript files required for theme elements. /////////////////////////////////////////////////////////////// \ No newline at end of file diff --git a/theme/splash/javascript/styleswitcher.js b/theme/splash/javascript/styleswitcher.js deleted file mode 100644 index a3ae3671b07..00000000000 --- a/theme/splash/javascript/styleswitcher.js +++ /dev/null @@ -1,64 +0,0 @@ -function setActiveStyleSheet(title) { - var i, a, main; - for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { - if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) { - a.disabled = true; - if(a.getAttribute("title") == title) a.disabled = false; - } - } -} - -function getActiveStyleSheet() { - var i, a; - for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { - if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title"); - } - return null; -} - -function getPreferredStyleSheet() { - var i, a; - for(i=0; (a = document.getElementsByTagName("link")[i]); i++) { - if(a.getAttribute("rel").indexOf("style") != -1 - && a.getAttribute("rel").indexOf("alt") == -1 - && a.getAttribute("title") - ) return a.getAttribute("title"); - } - return null; -} - -function createCookie(name,value,days) { - if (days) { - var date = new Date(); - date.setTime(date.getTime()+(days*24*60*60*1000)); - var expires = "; expires="+date.toGMTString(); - } - else expires = ""; - document.cookie = name+"="+value+expires+"; path=/"; -} - -function readCookie(name) { - var nameEQ = name + "="; - var ca = document.cookie.split(';'); - for(var i=0;i < ca.length;i++) { - var c = ca[i]; - while (c.charAt(0)==' ') c = c.substring(1,c.length); - if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); - } - return null; -} - -window.onload = function(e) { - var cookie = readCookie("style"); - var title = cookie ? cookie : getPreferredStyleSheet(); - setActiveStyleSheet(title); -} - -window.onunload = function(e) { - var title = getActiveStyleSheet(); - createCookie("style", title, 365); -} - -var cookie = readCookie("style"); -var title = cookie ? cookie : getPreferredStyleSheet(); -setActiveStyleSheet(title); diff --git a/theme/splash/lang/en/theme_splash.php b/theme/splash/lang/en/theme_splash.php index b875bbec308..d0f5f287757 100644 --- a/theme/splash/lang/en/theme_splash.php +++ b/theme/splash/lang/en/theme_splash.php @@ -16,30 +16,28 @@ // along with Moodle. If not, see . /** - * Strings for component 'theme_standard', language 'en', branch 'MOODLE_20_STABLE' + * Strings for component 'theme_splash', language 'en' * * @package theme_standard - * @copyright 1999 onwards Martin Dougiamas {@link http://moodle.com} + * @copyright 2010 Caroline Kennedy of Synergy Learning * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ -$string['pluginname'] = 'Splash'; -$string['choosereadme'] = 'Splash, a Moodle 2.0 theme by Caroline Kennedy of Synergy Learning)'; +$string['choosereadme'] = 'Splash, a Moodle 2.0 theme by Caroline Kennedy of Synergy Learning'; $string['configtitle'] = 'Splash Theme Settings'; $string['customcss'] = 'Custom CSS'; $string['customcssdesc'] = 'Any CSS you enter here will be added to every page allowing your to easily customise this theme.'; +$string['defaulttagline'] = 'Virtual learning center'; $string['footnote'] = 'Footnote'; $string['footnotedesc'] = 'The content from this textarea will be displayed in the footer of every page. E.g: your copyright info.'; -$string['tagline'] = 'Tagline'; -$string['taglinedesc'] = 'The content from this textarea will be displayed under the Site logo on the Homepage'; $string['hide_tagline'] = 'Hide Tagline'; $string['hide_taglinedesc'] = 'Check this box to hide the tagline under the logo.'; - - +$string['loginhere'] = "Login here!"; $string['logo'] = 'Logo'; $string['logodesc'] = 'Enter the URL to an image to use as the logo for this site. E.g: http://www.yoursite.com/path/to/logo.png. The logo should be max 230px wide.'; - - -$string['welcome'] = "Welcome"; -$string['loginhere'] = "Login here!"; \ No newline at end of file +$string['pluginname'] = 'Splash'; +$string['tagline'] = 'Tagline'; +$string['taglinedesc'] = 'The content from this textarea will be displayed under the Site logo on the Homepage'; +$string['usergreeting'] = 'Hi {$a}!'; +$string['welcome'] = 'Welcome, {$a}'; \ No newline at end of file diff --git a/theme/splash/layout/general.php b/theme/splash/layout/general.php index 83ac2df7a93..09da6af83a5 100644 --- a/theme/splash/layout/general.php +++ b/theme/splash/layout/general.php @@ -9,7 +9,11 @@ $hassidepost = $PAGE->blocks->region_has_content('side-post', $OUTPUT); $custommenu = $OUTPUT->custom_menu(); $hascustommenu = (empty($PAGE->layout_options['nocustommenu']) && !empty($custommenu)); +splash_check_colourswitch(); +splash_initialise_colourswitcher($PAGE); + $bodyclasses = array(); +$bodyclasses[] = 'splash-'.splash_get_colour(); if ($hassidepre && !$hassidepost) { $bodyclasses[] = 'side-pre-only'; } else if ($hassidepost && !$hassidepre) { @@ -18,219 +22,144 @@ if ($hassidepre && !$hassidepost) { $bodyclasses[] = 'content-only'; } -if (!empty($PAGE->theme->settings->logo)) { - $logourl = $PAGE->theme->settings->logo; -} else { - $logourl = NULL; -} +$haslogo = (!empty($PAGE->theme->settings->logo)); +$hasfootnote = (!empty($PAGE->theme->settings->footnote)); +$hidetagline = (!empty($PAGE->theme->settings->hide_tagline) && $PAGE->theme->settings->hide_tagline == 1); if (!empty($PAGE->theme->settings->tagline)) { $tagline = $PAGE->theme->settings->tagline; } else { - $tagline = "Virtual Learning Center"; + $tagline = get_string('defaulttagline', 'theme_splash'); } -if (!empty($PAGE->theme->settings->footnote)) { - $footnote = $PAGE->theme->settings->footnote; -} else { - $footnote = ""; -} - -if (!empty($PAGE->theme->settings->hide_tagline) && $PAGE->theme->settings->hide_tagline == 1) -{ - $hidetagline = $PAGE->theme->settings->hide_tagline; -} else { - $hidetagline = ""; -} - - - echo $OUTPUT->doctype() ?> +htmlattributes() ?>> <?php echo $PAGE->title ?> standard_head_html() ?> - - - - - - - - - - -standard_top_of_body_html() ?> - - -
- - -
-
- - -
-

Hi '.$USER->firstname.'!

'; - echo '

'.get_string('myprofile').' | '.get_string('logout').'

'; - echo '
'.$OUTPUT->user_picture($USER, array('size'=>55)).'
'; - - } else { - echo '

Welcome, - Login here!

'; - } - - - ?> -
-
-
    -
    • -
    • -
    • -
    • -
    • -
-
- -
- - -
- - - heading ?> - - - - - - - -

- - + standard_top_of_body_html() ?> +
+ +
+
+ +
+ 'userdetails')); + echo html_writer::tag('h1', get_string('usergreeting', 'theme_splash', $USER->firstname)); + echo html_writer::start_tag('p', array('class'=>'prolog')); + echo html_writer::link(new moodle_url('/user/profile.php', array('id'=>$USER->id)), get_string('myprofile')).' | '; + echo html_writer::link(new moodle_url('/login/logout.php', array('sesskey'=>sesskey())), get_string('logout')); + echo html_writer::end_tag('p'); + echo html_writer::end_tag('div'); + echo html_writer::tag('div', $OUTPUT->user_picture($USER, array('size'=>55)), array('class'=>'userimg')); + } else { + echo html_writer::start_tag('div', array('id'=>'userdetails_loggedout')); + $loginlink = html_writer::link(new moodle_url('/login/'), get_string('loginhere', 'theme_splash')); + echo html_writer::tag('h1', get_string('welcome', 'theme_splash', $loginlink)); + echo html_writer::end_tag('div');; + } ?> +
+
+
    +
  • colour
    • +
  • red
    • +
  • green
    • +
  • blue
    • +
  • orange
    • +
+
+ lang_menu();?>
- -
- -

 

- -

heading ?>

- - - - - - - - -
- - - -
- - - - -
- - - - - - - - - - - - - - - -
-
-
- -
-
-
- +
+ theme->settings->logo."' alt='logo' />"); + } else { + echo html_writer::link(new moodle_url('/'), $PAGE->heading, array('class'=>'nologoimage')); + } ?> + +

+ +
+
+ +

 

+ +

heading ?>

+ + + +
+ - - -
-
- blocks_for_region('side-pre') ?> -
-
- - - -
-
- blocks_for_region('side-post') ?> -
-
- - +
+ + + +
+
+
+
+
+
+ +
+
+
+ + +
+
+ blocks_for_region('side-pre') ?> +
+
+ + + +
+
+ blocks_for_region('side-post') ?> +
+
+ +
+
+
+ +
+
- - - -
- -
- - - -
+ + +
-
+ +
theme->settings->footnote; ?>
+ +

+ login_info(); + echo $OUTPUT->home_link(); + echo $OUTPUT->standard_footer_html(); + ?> +
+
- standard_end_of_body_html() ?> \ No newline at end of file diff --git a/theme/splash/lib.php b/theme/splash/lib.php index aef4fe30c0a..667626701da 100644 --- a/theme/splash/lib.php +++ b/theme/splash/lib.php @@ -1,5 +1,34 @@ . + +/** + * Library functions for the Splash theme + * + * @package theme_splash + * @copyright 2010 Caroline Kennedy of Synergy Learning + * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later + */ + +/** + * Splash theme post process function for CSS + * @param string $css Incoming CSS to process + * @param stdClass $theme The theme object + * @return string The processed CSS + */ function splash_process_css($css, $theme) { if (!empty($theme->settings->regionwidth)) { @@ -59,4 +88,40 @@ function splash_set_customcss($css, $customcss) { return $css; } -?> \ No newline at end of file +/** + * Adds the JavaScript for the colour switcher to the page. + * + * The colour switcher is a YUI moodle module that is located in + * theme/splash/yui/splash/splash.js + * + * @param moodle_page $page + */ +function splash_initialise_colourswitcher(moodle_page $page) { + user_preference_allow_ajax_update('theme_splash_chosen_colour', PARAM_ALPHA); + $page->requires->yui_module('moodle-theme_splash-colourswitcher', 'M.theme_splash.initColourSwitcher', array(array('div'=>'#colourswitcher'))); +} + +/** + * Gets the colour the user has selected, or the default if they have never changed + * + * @param string $default The default colour to use, normally red + * @return string The colour the user has selected + */ +function splash_get_colour($default='red') { + return get_user_preferences('theme_splash_chosen_colour', $default); +} + +/** + * Checks if the user is switching colours with a refresh (JS disabled) + * + * If they are this updates the users preference in the database + * + * @return bool + */ +function splash_check_colourswitch() { + $changecolour = optional_param('splashcolour', null, PARAM_ALPHA); + if (in_array($changecolour, array('red','green','blue','orange'))) { + return set_user_preference('theme_splash_chosen_colour', $changecolour); + } + return false; +} \ No newline at end of file diff --git a/theme/splash/settings.php b/theme/splash/settings.php index f8a4c5324dc..f9011046695 100644 --- a/theme/splash/settings.php +++ b/theme/splash/settings.php @@ -1,7 +1,27 @@ . + /** * Settings for the splash theme + * + * @package theme_splash + * @copyright 2010 Caroline Kennedy of Synergy Learning + * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later */ // Create our admin page @@ -18,7 +38,7 @@ $temp->add($setting); $name = 'theme_splash/tagline'; $title = get_string('tagline','theme_splash'); $description = get_string('taglinedesc', 'theme_splash'); -$setting = new admin_setting_configtextarea($name, $title, $description, 'Virtual Learning Center'); +$setting = new admin_setting_configtextarea($name, $title, $description, get_string('defaulttagline', 'theme_splash')); $temp->add($setting); $name = 'theme_splash/hide_tagline'; @@ -52,5 +72,4 @@ $setting = new admin_setting_configtextarea($name, $title, $description, ''); $temp->add($setting); // Add our page to the structure of the admin tree -$ADMIN->add('themes', $temp); -?> \ No newline at end of file +$ADMIN->add('themes', $temp); \ No newline at end of file diff --git a/theme/splash/style/blue.css b/theme/splash/style/blue.css index 95c8f140047..b75b9472966 100644 --- a/theme/splash/style/blue.css +++ b/theme/splash/style/blue.css @@ -10,119 +10,107 @@ /* Global ------------------------*/ -body { /* Define margins and background colour/image */ - background: url(../pix/bgblue.jpg) top left repeat-x #f4f4f4; - margin: 0 auto; - padding: 0; - width: 100%; - +body.splash-blue { /* Define margins and background colour/image */ + background: url([[pix:theme|bgblue]]) top left repeat-x #fff; + margin: 0 auto; + padding: 0; + width: 100%; } -a:link { /* Defining all link styles*/ - color: #3d6276; +.splash-blue a:link { /* Defining all link styles*/ + color: #3d6276; } -a:visited { /* Setting all visited link styles */ - color: #3d6276; +.splash-blue a:visited { /* Setting all visited link styles */ + color: #3d6276; } -a:hover { /* Setting all rollover link styles */ - color: #294b5d; +.splash-blue a:hover { /* Setting all rollover link styles */ + color: #294b5d; } -a:active { /* Setting all active link styles */ - color: #3d6276; +.splash-blue a:active { /* Setting all active link styles */ + color: #3d6276; } /* Header -----------------------*/ -#page-header { /* Set height for header */ +.splash-blue #page-header { /* Set height for header */ float: none; - padding: 0; - margin:0; - color: #fff; - height: 308px; - background: url(../pix/pageheaderbgblue.jpg) top center no-repeat; + padding: 0; + margin:0; + color: #fff; + height: 308px; + background: url([[pix:theme|pageheaderbgblue]]) top center no-repeat; } -#logobox{ /* holder background for logo*/ - height: 185px; - width: 252px; - margin: auto; - text-align: center; - background: url(../pix/lbgv2blue.jpg) no-repeat; - float: left; +.splash-blue #logobox{ /* holder background for logo*/ + height: 185px; + width: 252px; + margin: auto; + text-align: center; + background: url([[pix:theme|lbgv2blue]]) no-repeat; + float: left; } -#colourswitcher p{ - color:#3d6276 +.splash-blue #colourswitcher p{ + color:#3d6276 } /* Custom Menu -----------------------*/ - #custommenu .yui3-menu-content ul.first-of-type li{ - border-right: 1px solid #bfced7; +.splash-blue #custommenu .yui3-menu-content ul.first-of-type li{ + border-right: 1px solid #bfced7; } -#custommenu div.yui3-menu.custom_menu_submenu .yui3-menu-content{ - background:#3d6276; - border:1px solid #fff; - color: #fff; +.splash-blue #custommenu div.yui3-menu.custom_menu_submenu .yui3-menu-content{ + background:#3d6276; + border:1px solid #fff; + color: #fff; } /* Content -----------------------*/ -.coursebox{ - padding-left:5px; - border-bottom: 1px dashed #cbd3d6; - - +.splash-blue .coursebox{ + padding-left:5px; + border-bottom: 1px dashed #cbd3d6; } -ul.topics li#section-0, ul.weeks li#section-0 { - background: #386377; - border: 1px solid #ccc; - +.splash-blue ul.topics li#section-0, ul.weeks li#section-0 { + background: #386377; + border: 1px solid #ccc; } /* Sideblocks -----------------------*/ -#region-pre .block .header { /*-- right block header --*/ - background: url(../pix/sbheaderbg2blue.jpg) center no-repeat; - padding: 12px 5px 5px; - color: #fff; +.splash-blue #region-pre .block .header, +.splash-blue #region-post .block .header { /*-- right block header --*/ + background: url([[pix:theme|sbheaderbg2blue]]) center no-repeat; + padding: 12px 5px 5px; + color: #fff; } - -#region-post .block .header { /*-- right block header --*/ - background: url(../pix/sbheaderbg2blue.jpg) center no-repeat; - padding: 12px 5px 5px; - color: #fff; -} - - - /* Mini Calendar ------------------------*/ -.block .minicalendar td.weekend { /* setting weekend date colour */ - color:#3d6276; +.splash-blue .block .minicalendar td.weekend { /* setting weekend date colour */ + color:#3d6276; } /* Forum ------------------------*/ -.forumpost .topic .subject { /* forum subject section inside topic header */ - font-weight: bold; - font-size: 1.1em; - padding-left: 5px; - background: #3d6276; - color: #fff; +.splash-blue .forumpost .topic .subject { /* forum subject section inside topic header */ + font-weight: bold; + font-size: 1.1em; + padding-left: 5px; + background: #3d6276; + color: #fff; } diff --git a/theme/splash/style/green.css b/theme/splash/style/green.css index d15a4ecb8f6..00ddefe9fea 100644 --- a/theme/splash/style/green.css +++ b/theme/splash/style/green.css @@ -10,123 +10,111 @@ /* Global ------------------------*/ -body { /* Define margins and background colour/image */ - background: url(../pix/bggreen.jpg) top left repeat-x #f4f4f4; +body.splash-green { /* Define margins and background colour/image */ + background: url([[pix:theme|bggreen]]) top left repeat-x #f4f4f4; margin: 0 auto; - padding: 0; - width: 100%; + padding: 0; + width: 100%; } -a:link { /* Defining all link styles*/ - color: #446e4c; +.splash-green a:link { /* Defining all link styles*/ + color: #446e4c; } -a:visited { /* Setting all visited link styles */ - color: #446e4c; +.splash-green a:visited { /* Setting all visited link styles */ + color: #446e4c; } -a:hover { /* Setting all rollover link styles */ - color: #335a3a; +.splash-green a:hover { /* Setting all rollover link styles */ + color: #335a3a; } -a:active { /* Setting all active link styles */ - color: #446e4c; +.splash-green a:active { /* Setting all active link styles */ + color: #446e4c; } /* Header -----------------------*/ -#page-header { /* Set height for header */ - float: none; - padding: 0; - margin:0; - color: #fff; - height: 308px; - background: url(../pix/pageheaderbggreen.jpg) top center no-repeat; - +.splash-green #page-header { /* Set height for header */ + float: none; + padding: 0; + margin:0; + color: #fff; + height: 308px; + background: url([[pix:theme|pageheaderbggreen]]) top center no-repeat; } -#logobox{ /* holder background for logo*/ - height: 185px; - width: 252px; - margin: auto; - text-align: center; - background: url(../pix/lbgv2green.jpg) no-repeat; - float: left; +.splash-green #logobox{ /* holder background for logo*/ + height: 185px; + width: 252px; + margin: auto; + text-align: center; + background: url([[pix:theme|lbgv2green]]) no-repeat; + float: left; } -#colourswitcher p{ - color:#446e4c; +.splash-green #colourswitcher p{ + color:#446e4c; } /* Custom Menu -----------------------*/ - #custommenu .yui3-menu-content ul.first-of-type li{ - border-right: 1px solid #d5e1d7; +.splash-green #custommenu .yui3-menu-content ul.first-of-type li{ + border-right: 1px solid #d5e1d7; } -#custommenu div.yui3-menu.custom_menu_submenu .yui3-menu-content{ - background:#446e4c; - border:1px solid #fff; - color: #fff; +.splash-green #custommenu div.yui3-menu.custom_menu_submenu .yui3-menu-content{ + background:#446e4c; + border:1px solid #fff; + color: #fff; } - - /* Content -----------------------*/ -ul.topics li#section-0, ul.weeks li#section-0 { - background: #386c4c; - border: 1px solid #ccc; +.splash-green ul.topics li#section-0, ul.weeks li#section-0 { + background: #386c4c; + border: 1px solid #ccc; } -.coursebox{ - padding-left:5px; - border-bottom: 1px dashed #dae0dc; - +.splash-green .coursebox{ + padding-left:5px; + border-bottom: 1px dashed #dae0dc; + } /* Sideblocks -----------------------*/ - -#region-pre .block .header { /*-- right block header --*/ - background: url(../pix/sbheaderbg2green.jpg) center no-repeat; - padding: 12px 5px 5px; - color: #fff; -} - - -#region-post .block .header { /*-- right block header --*/ - background: url(../pix/sbheaderbg2green.jpg) center no-repeat; - padding: 12px 5px 5px; - color: #fff; +.splash-green #region-pre .block .header, /*-- right block header --*/ +.splash-green #region-post .block .header { /*-- right block header --*/ + background: url([[pix:theme|sbheaderbg2green]]) center no-repeat; + padding: 12px 5px 5px; + color: #fff; } /* Mini Calendar ------------------------*/ - -.block .minicalendar td.weekend { /* setting weekend date colour */ - color:#446e4c; +.splash-green .block .minicalendar td.weekend { /* setting weekend date colour */ + color:#446e4c; } /* Forum ------------------------*/ - -.forumpost .topic .subject { /* forum subject section inside topic header */ - font-weight: bold; - font-size: 1.1em; - padding-left: 5px; - background: #446e4c; - color: #fff; +.splash-green .forumpost .topic .subject { /* forum subject section inside topic header */ + font-weight: bold; + font-size: 1.1em; + padding-left: 5px; + background: #446e4c; + color: #fff; } diff --git a/theme/splash/style/ie.css b/theme/splash/style/ie.css index 0e45bfd6342..d65f9868a5d 100644 --- a/theme/splash/style/ie.css +++ b/theme/splash/style/ie.css @@ -11,56 +11,56 @@ /** IE styling */ .ie6 .block .block_tree { - width: 160px; - overflow-x: scroll; + width: 160px; + overflow-x: scroll; } .ie6 .block_tree .tree_item { - width: 100%; + width: 100%; } .ie6 #dock, .ie7 #dock, .ie8 #dock { - position: absolute; + position: absolute; } .ie6 #dock hr { - display: none; - margin: 0px; - height: 0px; - padding: 0px; + display: none; + margin: 0px; + height: 0px; + padding: 0px; } .ie6 #dock li p { - background-color: inherit; + background-color: inherit; } .ie6 #dock .bd.oversized_content .content, .ie7 #dock .bd.oversized_content .content, .ie8 #dock .bd.oversized_content .content { - padding-bottom: 0px; + padding-bottom: 0px; } .ie6 .block_js_expansion.mouseover .content, .ie7 .block_js_expansion.mouseover .content, .ie8 .block_js_expansion.mouseover .content { - padding-bottom: 2px; + padding-bottom: 2px; } .ie6 #dock .bd.oversized_content, .ie7 #dock .bd.oversized_content, .ie8 #dock .bd.oversized_content { - width: 100%; + width: 100%; } .ie6 .red-theme, .ie6 .blue-theme, .ie6 .green-theme, .ie6 .orange-theme, .ie7 .red-theme, .ie7 .green-theme, .ie7 .blue-theme, .ie7 .orange-theme{ - margin-top:3px; + margin-top:3px; } .ie7 .headermain, ie8 .headermain{ - padding-left:15px; + padding-left:15px; } .ie7 #custommenu, ie8 #custommenu{ - padding-top: 15px; + padding-top: 15px; } ie7 .loginpanel, ie8 .loginpanel{ - padding-top: 20px; + padding-top: 20px; } diff --git a/theme/splash/style/orange.css b/theme/splash/style/orange.css index 1aadbd408c4..381c291c7bb 100644 --- a/theme/splash/style/orange.css +++ b/theme/splash/style/orange.css @@ -10,121 +10,103 @@ /* Global ------------------------*/ -body { /* Define margins and background colour/image */ - background: url(../pix/bgorange.jpg) top left repeat-x #f4f4f4; - margin: 0 auto; - padding: 0; - width: 100%; - +body.splash-orange { /* Define margins and background colour/image */ + background: url([[pix:theme|bgorange]]) top left repeat-x #f4f4f4; + margin: 0 auto; + padding: 0; + width: 100%; } - - -a:link { /* Defining all link styles*/ - color: #7c7165; +.splash-orange a:link { /* Defining all link styles*/ + color: #7c7165; } -a:visited { /* Setting all visited link styles */ - color: #7c7165; +.splash-orange a:visited { /* Setting all visited link styles */ + color: #7c7165; } -a:hover { /* Setting all rollover link styles */ - color: #5f564c; +.splash-orange a:hover { /* Setting all rollover link styles */ + color: #5f564c; } -a:active { /* Setting all active link styles */ - color: #7c7165; +.splash-orange a:active { /* Setting all active link styles */ + color: #7c7165; } - /* Header -----------------------*/ -#page-header { /* Set height for header */ - float: none; - padding: 0; - margin:0; - color: #fff; - height: 308px; - background: url(../pix/pageheaderbgorange.jpg) top center no-repeat; - +.splash-orange #page-header { /* Set height for header */ + float: none; + padding: 0; + margin:0; + color: #fff; + height: 308px; + background: url([[pix:theme|pageheaderbgorange]]) top center no-repeat; } -#logobox{ /* holder background for logo*/ - height: 185px; - width: 252px; - margin: auto; - text-align: center; - background: url(../pix/lbgv2orange.jpg) no-repeat; - float: left; +.splash-orange #logobox{ /* holder background for logo*/ + height: 185px; + width: 252px; + margin: auto; + text-align: center; + background: url([[pix:theme|lbgv2orange]]) no-repeat; + float: left; } -#colourswitcher p{ - color: #cb8f47; +.splash-orange #colourswitcher p{ + color: #cb8f47; } - /* Custom Menu -----------------------*/ - #custommenu .yui3-menu-content ul.first-of-type li{ - border-right: 1px solid #dbcfc0; + .splash-orange #custommenu .yui3-menu-content ul.first-of-type li{ + border-right: 1px solid #dbcfc0; } -#custommenu div.yui3-menu.custom_menu_submenu .yui3-menu-content{ - background:#cb8f47; - border:1px solid #fff; - color: #fff; +.splash-orange #custommenu div.yui3-menu.custom_menu_submenu .yui3-menu-content{ + background:#cb8f47; + border:1px solid #fff; + color: #fff; } - - /* Content -----------------------*/ -ul.topics li#section-0, ul.weeks li#section-0 { - background: #df9a55; - border: 1px solid #ccc; - +.splash-orange ul.topics li#section-0, ul.weeks li#section-0 { + background: #df9a55; + border: 1px solid #ccc; } -.coursebox{ - padding-left:5px; - border-bottom: 1px dashed #f0e7de; - - +.splash-orange .coursebox{ + padding-left:5px; + border-bottom: 1px dashed #f0e7de; } /* Sideblocks -----------------------*/ -#region-pre .block .header { /*-- right block header --*/ - background: url(../pix/sbheaderbg2orange.jpg) center no-repeat; - padding: 12px 5px 5px; - color: #fff; +.splash-orange #region-pre .block .header, /*-- right block header --*/ +.splash-orange #region-post .block .header { /*-- right block header --*/ + background: url([[pix:theme|sbheaderbg2orange]]) center no-repeat; + padding: 12px 5px 5px; + color: #fff; } - -#region-post .block .header { /*-- right block header --*/ - background: url(../pix/sbheaderbg2orange.jpg) center no-repeat; - padding: 12px 5px 5px; - color: #fff; -} - - /* Mini Calendar ------------------------*/ -.block .minicalendar td.weekend { /* setting weekend date colour */ - color:#cb8f47; +.splash-orange .block .minicalendar td.weekend { /* setting weekend date colour */ + color:#cb8f47; } /* Forum ------------------------*/ -.forumpost .topic .subject { /* forum subject section inside topic header */ - font-weight: bold; - font-size: 1.1em; - padding-left: 5px; - background: #cb8f47; - color: #fff; +.splash-orange .forumpost .topic .subject { /* forum subject section inside topic header */ + font-weight: bold; + font-size: 1.1em; + padding-left: 5px; + background: #cb8f47; + color: #fff; } diff --git a/theme/splash/style/sl.css b/theme/splash/style/sl.css index 5b05ff1131e..c7d4237b892 100644 --- a/theme/splash/style/sl.css +++ b/theme/splash/style/sl.css @@ -9,675 +9,633 @@ /* Global ------------------------*/ -html{ /* Reset html page to 0 padding/margins */ - padding: 0; - margin: 0; - background: #fff; +html { /* Reset html page to 0 padding/margins */ + padding: 0; + margin: 0; + background: #fff; } -body { /* Define margins and background colour/image */ - background: url([[pix:theme|bg]]) top left repeat-x #fff; - margin: 0 auto; - padding: 0; - width: 100%; - overflow-x:hidden; - +body { /* Define margins and background colour/image */ + background: url([[pix:theme|bg]]) top left repeat-x #fff; + margin: 0 auto; + padding: 0; + width: 100%; + overflow-x:hidden; } body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { /* Set fonttype for site */ - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } -a:link { /* Defining all link styles*/ - color: #853650; +a:link { /* Defining all link styles*/ + color: #853650; } -a:visited { /* Setting all visited link styles */ - color: #853650; +a:visited { /* Setting all visited link styles */ + color: #853650; } -a:hover { /* Setting all rollover link styles */ - color: #6d1523; +a:hover { /* Setting all rollover link styles */ + color: #6d1523; } -a:active { /* Setting all active link styles */ - color: #853650; +a:active { /* Setting all active link styles */ + color: #853650; } -a img { /* Image borders*/ - border: none; +a img { /* Image borders*/ + border: none; } -a:active { - outline: none; +a:active { + outline: none; } -.skiplinks{ /* hide skip link access keys*/ - display: none; +.skiplinks { /* hide skip link access keys*/ + display: none; } -.skip-block{ /* hide skip link access keys in blocks*/ - - display: none; +.skip-block { /* hide skip link access keys in blocks*/ + display: none; } -.loginpanel{ - background: url([[pix:theme|loginpanel]]) top center no-repeat; - height: 480px; +.loginpanel { + background: url([[pix:theme|loginpanel]]) top center no-repeat; + height: 480px; } -.loginbox .loginpanel .subcontent{ - margin: 0 auto; - clear: right; - width: 300px; +.loginbox .loginpanel .subcontent { + margin: 0 auto; + clear: right; + width: 300px; +} +/* fix issues conflicting with the floating columns */ +.clearer { + clear:left; } - /* fix issues conflicting with the floating columns */ - -.clearer {clear:left;} /* Header -----------------------*/ -#page-header { /* Set height for header */ - float: none; - padding: 0; - margin:0; - color: #fff; - height: 308px; - background: url([[pix:theme|pageheaderbgred]]) top center no-repeat; +#page-header { /* Set height for header */ + float: none; + padding: 0; + margin:0; + color: #fff; + height: 308px; + background: url([[pix:theme|pageheaderbgred]]) top center no-repeat; } -#page-header h1 { /* Style h1 tags for header */ - padding-top: 40px; - font-size: 1.25em; - text-align: left; - margin: 0px; +#page-header h1 { /* Style h1 tags for header */ + padding-top: 40px; + font-size: 1.25em; + text-align: left; + margin: 0px; } #page-header h1.inside { - font-size: 1.25em; - margin: 0px; + font-size: 1.25em; + margin: 0px; } -#page-header h4 { /* Style h4 tags for header */ - font-size: 1.0em; - text-align: left; - margin-top: 40px; - color: #333; +#page-header h4 { /* Style h4 tags for header */ + font-size: 1.0em; + text-align: left; + margin-top: 40px; + color: #333; } -#headermenu { /* user info positioning and styles */ - float: right; - margin: 20px 0 0 0; - font-size: 0.9em; - text-align: right; - width: 210px; - height: 80px; - padding: 5px; - position: relative; +#headermenu { /* user info positioning and styles */ + float: right; + margin: 20px 0 0 0; + font-size: 0.9em; + text-align: right; + width: 210px; + height: 80px; + padding: 5px; + position: relative; } - -#headermenu h1{ /* styling h1 for user welcome message*/ - margin:0; - padding: 0; - color: fff; +#headermenu h1{ /* styling h1 for user welcome message*/ + margin:0; + padding: 0; + color: fff; } -.spacing{ - padding-top: 20px; +.spacing { + padding-top: 20px; } -#userdetails{ /* positioning of user login/outdetails */ - float: left; - margin-right: 10px; - width: auto; - height: 60px; - +#userdetails { /* positioning of user login/outdetails */ + float: left; + margin-right: 10px; + width: auto; + height: 60px; } -#userdetails a:link{ /* styling user detail links when logged in*/ - color: #f2f2f2; +#userdetails a:link { /* styling user detail links when logged in*/ + color: #f2f2f2; } -#userdetails a:visited{ /* styling user detail links when logged in */ - color: #f2f2f2; +#userdetails a:visited { /* styling user detail links when logged in */ + color: #f2f2f2; } -#userdetails a:hover{ /* styling user detail links when logged in*/ - color: #f2f2f2; - +#userdetails a:hover { /* styling user detail links when logged in*/ + color: #f2f2f2; } - -#userdetails_loggedout{ /* positioning of user login/outdetails */ - float: left; - margin-right: 10px; - height: 60px; - +#userdetails_loggedout { /* positioning of user login/outdetails */ + float: left; + margin-right: 10px; + height: 60px; } - #userdetails_loggedout h1{ /* positioning of user h1 tag*/ - padding-top:40px - + padding-top:40px } -#userdetails_loggedout a:link{ /* styling user detail links when logged out*/ - color: #f2f2f2; +#userdetails_loggedout a:link { /* styling user detail links when logged out*/ + color: #f2f2f2; } -#userdetails_loggedout a:visited{ /* styling user detail links when logged out */ - color: #f2f2f2; +#userdetails_loggedout a:visited { /* styling user detail links when logged out */ + color: #f2f2f2; } -#userdetails_loggedout a:hover{ /* styling user detail links when logged out*/ - color: #f2f2f2; - -} - -.prolog{ - margin-top: 25px; - margin-bottom: 0px; -} - -.prolog a:link{ /* styling user detail links */ - color: #f2f2f2; -} - -.prolog a:visited{ /* styling user detail links */ - color: #f2f2f2; -} - -.prolog a:hover{ /* styling user detail links */ - color: #f2f2f2; - -} - -.prolog a:active{ /* styling user detail links */ - color: #f2f2f2; - -} - -#userimg{ /* styling user profile picture*/ - float: right; - margin-left: 4px; +#userdetails_loggedout a:hover { /* styling user detail links when logged out*/ + color: #f2f2f2; } -#colourswitcher{ /* colour switcher styles */ - float: right; +.prolog { + margin-top: 25px; + margin-bottom: 0px; +} + +.prolog a:link { /* styling user detail links */ + color: #f2f2f2; +} + +.prolog a:visited { /* styling user detail links */ + color: #f2f2f2; +} + +.prolog a:hover { /* styling user detail links */ + color: #f2f2f2; +} + +.prolog a:active { /* styling user detail links */ + color: #f2f2f2; +} + +#userimg { /* styling user profile picture*/ + float: right; + margin-left: 4px; +} + +#headermenu .langmenu { + position:relative; + top:35px; + width:210px; +} + +#colourswitcher { /* colour switcher styles */ + float: right; height: 30px; - width: 210px; - color: #000; - background: url([[pix:theme|selectbg]]) top left repeat-x; - text-align: left; - padding: 2px 0px 0px 0px; - position: absolute; - top: 66px; - right: 4px; - + width: 210px; + color: #000; + background: url([[pix:theme|selectbg]]) top left repeat-x; + text-align: left; + padding: 2px 0px 0px 0px; + position: absolute; + top: 66px; + right: 4px; } -#colourswitcher ul{ - padding: 0; +#colourswitcher ul { + padding: 0; margin: 0; - } - -#colourswitcher ul li{ +#colourswitcher ul li { margin:0; - padding: 0; + padding: 0; display: inline; list-style: none; - - } -#colourswitcher p{ - color: #7c3041; +#colourswitcher p { + color: #7c3041; } -#logobox{ /* holder background for logo*/ - height: 185px; - width: 252px; - margin: auto; - text-align: center; - background: url([[pix:theme|lbgv2]]) no-repeat; - float: left; +#logobox { /* holder background for logo*/ + height: 185px; + width: 252px; + margin: auto; + text-align: center; + background: url([[pix:theme|lbgv2]]) no-repeat; + float: left; } + #logobox a.nologoimage { - display: block; - font-size: 30px; - font-weight: 800; - margin-top: 40px; + display: block; + font-size: 30px; + font-weight: 800; + margin-top: 40px; } -#logobox img{ - max-width: 230px; +#logobox img { + max-width: 230px; } #logobox h1{ - padding-top: 40px; - font-size: 2.0em; - color: #333; - text-align: center; + padding-top: 40px; + font-size: 2.0em; + color: #333; + text-align: center; } #logobox h4{ - padding-top:20px; - margin:0; - text-align: center; - font-size: 0.9em; - color: #666; - + padding-top:20px; + margin:0; + text-align: center; + font-size: 0.9em; + color: #666; } /* Custom Menu -----------------------*/ -#dropdownmenu{ /* holder for custom menu */ - height:45px; - margin: 0; - padding-top: 0px; +#dropdownmenu { /* holder for custom menu */ + height:45px; + margin: 0; + padding-top: 0px; } - /* setting font colour and removing borders */ - -#custommenu{ - padding-left: 6px; - height: 33px; - font-size: 1.2em; - margin-top: 0px !important; - padding-top: 0px !important; +#custommenu { /* setting font colour and removing borders */ + padding-left: 6px; + height: 33px; + font-size: 1.2em; + margin-top: 0px !important; + padding-top: 0px !important; } + #custommenu * { - border:none; - + border:none; } #custommenu a:link, #custommenu a:visited { - text-decoration:none; - color: #666; + text-decoration:none; + color: #666; } + #custommenu a:active, #custommenu a:hover { - text-decoration:underline; - color: #666; - background: none; + text-decoration:underline; + color: #666; + background: none; } -#custommenu .yui3-menu-content ul.first-of-type li{ - border-right: 1px solid #e6d0d4; +#custommenu .yui3-menu-content ul.first-of-type li { + border-right: 1px solid #e6d0d4; } -#custommenu div.yui3-menu.custom_menu_submenu .yui3-menu-content{ - background:#6d1523; - border:1px solid #fff; - color: #fff; +#custommenu div.yui3-menu.custom_menu_submenu .yui3-menu-content { + background:#6d1523; + border:1px solid #fff; + color: #fff; } -#custommenu div.yui3-menu.custom_menu_submenu .yui3-menu-content a{ - color: #fff; +#custommenu div.yui3-menu.custom_menu_submenu .yui3-menu-content a { + color: #fff; } - - +#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content, +#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul { + border-width:0; +} .yui3-skin-sam .yui3-menu-label-active, .yui3-skin-sam .yui3-menu-label-menuvisible, .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active, -.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible - -{ - -background-color: #605f5f; - - +.yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible { + background-color: #605f5f; } - - /* Breadcrumb Navbar -----------------------*/ -.navbar { /* moodles breadcrumb holder*/ - border-width: 0 0 1px 0; - margin: 0; - padding: 5px 15px; - font-size: 0.9em; - color: #333; +.navbar { /* moodles breadcrumb holder*/ + border-width: 0 0 1px 0; + margin: 0; + padding: 5px 15px; + font-size: 0.9em; + color: #333; } -.navbar .navbutton { /* Defining settings for navbutton within navbar */ - margin-top: 0; +.navbar .navbutton { /* Defining settings for navbutton within navbar */ + margin-top: 0; } -.breadcrumb .sep { /* change colour and size of breadcrumb arrows */ - font-size: 0.8em; - color: #999; +.breadcrumb .sep { /* change colour and size of breadcrumb arrows */ + font-size: 0.8em; + color: #999; } - - /* Content -----------------------*/ - -#page{ /* Defining fluid or fixed theme.. for fluid theme change width to 100%*/ - width: 960px; - margin: auto; - - +#page { /* Defining fluid or fixed theme.. for fluid theme change width to 100%*/ + width: 960px; + margin: auto; } -#page-content{ /* setting white background holder for all content under header*/ - background: #fff; - margin-top:10px; +#page-content { /* setting white background holder for all content under header*/ + background: #fff; + margin-top:10px; } #page-content h1{ - font-size: 1.3em; + font-size: 1.3em; } -.box.generalbox{ - border: none; - background: #fafafa; - padding: 5px; +.box.generalbox { + border: none; + background: #fafafa; + padding: 5px; } -.coursebox{ - padding-left:5px; - border-bottom: 1px dashed #e1d2d5; - -} +.coursebox { + padding-left:5px; + border-bottom: 1px dashed #e1d2d5; } td.left.side, td.side { - border:none; - background: none; + border:none; + background: none; } -.path-course-view.section .left.side{ - background: none; +.path-course-view.section .left.side { + background: none; } /* topics and weekly -----------------------*/ ul.topics li.section, ul.weeks li.section { - border: 1px dotted #cfdae3; - background: #ffffff url([[pix:theme|ui-bg_inset-hard_100_ffffff_1x100]]) 50% 50% repeat-x; - font-weight: normal; - color: #212121; + border: 1px dotted #cfdae3; + background: #ffffff url([[pix:theme|ui-bg_inset-hard_100_ffffff_1x100]]) 50% 50% repeat-x; + font-weight: normal; + color: #212121; } -ul.topics li.section{ - border-style:solid; +ul.topics li.section { + border-style:solid; } ul.topics li#section-0, ul.weeks li#section-0 { - border: 1px solid #bbc7ce; - background: #d3dbe0; - color: #222222; + border: 1px solid #bbc7ce; + background: #d3dbe0; + color: #222222; } ul.weeks li.section.current, ul.topics li.section.current { - border: 1px solid #999999; - font-weight: normal; - color: #212121; + border: 1px solid #999999; + font-weight: normal; + color: #212121; +} +div.summary { + padding:5px 0px 5px 0px; } -div.summary {padding:5px 0px 5px 0px;} - - - - - /* Sideblocks -----------------------*/ -.block { /* general settings for sideblocks */ - margin-bottom: 20px; - border: none; +.block { /* general settings for sideblocks */ + margin-bottom: 20px; + border: none; } -.block hr{ /* hiding the hr in sideblocks */ - display: none; +.block hr { /* hiding the hr in sideblocks */ + display: none; } -.commands{ - padding-bottom: 10px; - clear: both; +.commands { + padding-bottom: 10px; + clear: both; } -.searchform{ - padding-top: 10px; +.searchform { + padding-top: 10px; } -#region-pre{ - background: #fff; +#region-pre { + background: #fff; } -#region-post{ +#region-post { background: #fff; } #region-pre .block .header { /*-- right block header --*/ - background: url([[pix:theme|sbheaderbg2]]) center no-repeat; - height: 25px; - color: #fff; + background: url([[pix:theme|sbheaderbg2]]) center no-repeat; + height: 25px; + color: #fff; + padding: 12px 5px 5px 5px; } #region-pre .block .header h2{ /*-- right block text --*/ - color: #333; - padding: 0 0 0 10px; + color: #333; + padding: 0 0 0 10px; } #region-pre .block .content { /*-- right block content --*/ - background: #f2f2f2; - padding: 4px 5px 5px; + background: #f2f2f2; + padding: 4px 5px 5px; } #region-post .block .header { /*-- left block header --*/ - background: url([[pix:theme|sbheaderbg2]]) center no-repeat; - height: 25px; - color: #fff; + background: url([[pix:theme|sbheaderbg2]]) center no-repeat; + height: 25px; + color: #fff; + padding: 12px 5px 5px 5px; } #region-post .block .header h2{ /*-- left block text --*/ - color: #333; - padding: 0 0 0 10px; + color: #333; + padding: 0 0 0 10px; } #region-post .block .content { /*-- left block content --*/ - background: #f2f2f2; - padding: 4px 5px 5px; + background: #f2f2f2; + padding: 4px 5px 5px; } -.block .title h2 { /* Settings for h2 tags in sideblock headers */ - color: #35251B; - font-weight: normal; - font-size: 1.2em; - margin: 0; +.block .title h2 { /* Settings for h2 tags in sideblock headers */ + color: #35251B; + font-weight: normal; + font-size: 1.2em; + margin: 0; } -.tree_item{ /* tree item seperator for sideblocks */ - border-bottom: #e2e2e2 1px solid; +.tree_item { /* tree item seperator for sideblocks */ + border-bottom: #e2e2e2 1px solid; } - /* Mini Calendar ------------------------*/ .block .minicalendar { /* setting background colour for mini cal*/ - background: #fff; + background: #fff; } .block .minicalendar td.weekend { /* setting weekend date colour */ - color:#7c3041; + color:#7c3041; } - /* Forum ------------------------*/ -.forumpost .topic { /* forum topic header*/ - background: #fff; - border-bottom-color: #da5013; +.forumpost .topic { /* forum topic header*/ + background: #fff; + border-bottom-color: #da5013; } .forumpost .topic .subject { /* forum subject section inside topic header */ - font-weight: bold; - font-size: 1.1em; - padding-left: 5px; - color: #333; - background: #d3dbe0; + font-weight: bold; + font-size: 1.1em; + padding-left: 5px; + color: #333; + background: #d3dbe0; } .forumpost .topic .author { /* author area within topic header */ - font-size: 0.9em; + font-size: 0.9em; } .forumpost .topic.starter { /* content start point */ - border-bottom:1px dashed #e2e2e2; + border-bottom:1px dashed #e2e2e2; } .forumpost .content { /* content area within forum */ - background: #fff; - border-width: 0 0 1px 0; - border-style: dashed; - border-color: #e2e2e2; + background: #fff; + border-width: 0 0 1px 0; + border-style: dashed; + border-color: #e2e2e2; } - .path-mod-forum .forumheaderlist { - width: 100%; - border:none; - + width: 100%; + border:none; } .path-mod-forum .forumheaderlist td { - border: none; + border: none; } tr.header td.starter { - border: 1px solid #bbc7ce; - background: #d3dbe0; -} - - -.forumheaderlist .header.topic{ - border-top: 1px solid #bbc7ce; - border-left: 1px solid #bbc7ce; - border-right: 1px solid #bbc7ce; - border-bottom: 1px solid #bbc7ce; - background: #d3dbe0; + border: 1px solid #bbc7ce; + background: #d3dbe0; } -.forumheaderlist .header.author{ - border-top: 1px solid #bbc7ce; - border-right: 1px solid #bbc7ce; - border-left: 1px solid #bbc7ce; - border-bottom: 1px solid #bbc7ce; - background: #d3dbe0; +.forumheaderlist .header.topic { + border-top: 1px solid #bbc7ce; + border-left: 1px solid #bbc7ce; + border-right: 1px solid #bbc7ce; + border-bottom: 1px solid #bbc7ce; + background: #d3dbe0; } -.forumheaderlist .header.replies{ - border-top: 1px solid #bbc7ce; - border-right: 1px solid #bbc7ce; - border-bottom: 1px solid #bbc7ce; - background: #d3dbe0; +.forumheaderlist .header.author { + border-top: 1px solid #bbc7ce; + border-right: 1px solid #bbc7ce; + border-left: 1px solid #bbc7ce; + border-bottom: 1px solid #bbc7ce; + background: #d3dbe0; } -.forumheaderlist .header.lastpost{ - border-top: 1px solid #bbc7ce; - border-right: 1px solid #bbc7ce; - border-bottom: 1px solid #bbc7ce; - background: #d3dbe0; +.forumheaderlist .header.replies { + border-top: 1px solid #bbc7ce; + border-right: 1px solid #bbc7ce; + border-bottom: 1px solid #bbc7ce; + background: #d3dbe0; +} + +.forumheaderlist .header.lastpost { + border-top: 1px solid #bbc7ce; + border-right: 1px solid #bbc7ce; + border-bottom: 1px solid #bbc7ce; + background: #d3dbe0; } /* Course ---------------------------*/ h2.headingblock { - border-width: 0 0 1px 0; - padding: 5px 5px 2px; - font-weight: normal; - font-size: 1.2em; - background: none; - color: #251c17; + border-width: 0 0 1px 0; + padding: 5px 5px 2px; + font-weight: normal; + font-size: 1.2em; + background: none; + color: #251c17; } .course-content .section.main { - background: #fff; - border: 1px solid #ddd; + background: #fff; + border: 1px solid #ddd; } .course-content .section.current { - background: #666; - color: #fff; + background: #666; + color: #fff; } ul.topics li#section-0, ul.weeks li#section-0 { - background: #8b383e; - border: 1px solid #ccc; - + background: #8b383e; + border: 1px solid #ccc; } .course-content .section.main .content { - background: #fff; + background: #fff; } - - /* dock left ---------------------------*/ - /* background style for dockpanel */ -#dock.dock.dock_left_vertical{ - background: #000; - border: none; - -} - /* styles for docked item background */ - -.dockedtitle, .dockedtitle .activeitem{ - background: #fff; - color: #333; - border-right: 1px dashed #656565; - border-left: 1px dashed #656565; - +#dock.dock.dock_left_vertical { /* background style for dockpanel */ + background: #000; + border: none; } +.dockedtitle, .dockedtitle .activeitem { /* styles for docked item background */ + background: #fff; + color: #333; + border-right: 1px dashed #656565; + border-left: 1px dashed #656565; +} /* Footer ---------------------------*/ - - -#page-footer{ /* settings for footer container */ - position:relative; - background: url([[pix:theme|footerbg]]) top left repeat-x #f4f4f4; - width: 100%; - margin-top: -2px; - +#page-footer { /* settings for footer container */ + position:relative; + background: url([[pix:theme|footerbg]]) top left repeat-x #f4f4f4; + width: 100%; + margin-top: -2px; } - -.helplink{ - padding-top: 5px; +.helplink { + padding-top: 5px; } - -#footer-wrapper{ - margin: auto; - width: 960px; +#footer-wrapper { + margin: auto; + width: 960px; } -#footnote{ - margin: 20px 0px; - padding: 0px 5px; - text-align: right; +#footnote { + margin: 20px 0px; + padding: 0px 5px; + text-align: right; } /* Splash Theme Specific settings for Administrators to customise css. ---------------------------*/ -[[setting:customcss]] +[[setting:customcss]] \ No newline at end of file diff --git a/theme/splash/yui/colourswitcher/colourswitcher.js b/theme/splash/yui/colourswitcher/colourswitcher.js new file mode 100644 index 00000000000..de84ac10d60 --- /dev/null +++ b/theme/splash/yui/colourswitcher/colourswitcher.js @@ -0,0 +1,63 @@ +YUI.add('moodle-theme_splash-colourswitcher', function(Y) { + +// Available colours +var COLOURS = ['red','green','blue','orange']; + +/** + * Splash theme colour switcher class. + * Initialise this class by calling M.theme_splash.init + */ +var ColourSwitcher = function() { + ColourSwitcher.superclass.constructor.apply(this, arguments); +} +ColourSwitcher.prototype = { + /** + * Constructor for this class + * @param {object} config + */ + initializer : function(config) { + var i, c; + // Attach events to the links to change colours so we can do it with + // JavaScript without refreshing the page + for (i in COLOURS) { + c = COLOURS[i]; + // Check if this is the current colour + if (Y.one(document.body).hasClass('splash-'+c)) { + this.set('colour', c); + } + Y.all(config.div+' .colour-'+c).on('click', this.setColour, this, c); + } + }, + /** + * Sets the colour being used for the splash theme + * @param {Y.Event} e The event that fired + * @param {string} colour The new colour + */ + setColour : function(e, colour) { + // Prevent the event from refreshing the page + e.preventDefault(); + // Switch over the CSS classes on the body + Y.one(document.body).replaceClass('splash-'+this.get('colour'), 'splash-'+colour); + // Update the current colour + this.set('colour', colour); + // Store the users selection (Uses AJAX to save to the database) + M.util.set_user_preference('theme_splash_chosen_colour', colour); + } +} +// Make the colour switcher a fully fledged YUI module +Y.extend(ColourSwitcher, Y.Base, ColourSwitcher.prototype, { + NAME : 'Splash theme colour switcher', + ATTRS : { + colour : { + value : 'red' + } + } +}); +// Our splash theme namespace +M.theme_splash = M.theme_splash || {} +// Initialisation function for the colour switcher +M.theme_splash.initColourSwitcher = function(cfg) { + return new ColourSwitcher(cfg); +} + +}, '@VERSION@', {requires:['base','node']}); \ No newline at end of file