diff --git a/theme/magazine/config.php b/theme/magazine/config.php new file mode 100644 index 00000000000..4c3c4c61cd6 --- /dev/null +++ b/theme/magazine/config.php @@ -0,0 +1,210 @@ +name = 'magazine'; + +//////////////////////////////////////////////////// +// Name of the theme. Most likely the name of +// the directory in which this file resides. +//////////////////////////////////////////////////// + + +$THEME->parents = array('base','canvas'); +$THEME->parents_exclude_sheets = array('base'=>array('pagelayout'),'canvas'=>array('pagelayout') ); +///////////////////////////////////////////////////// +// Which existing theme(s) in the /theme/ directory +// do you want this theme to extend. A theme can +// extend any number of themes. Rather than +// creating an entirely new theme and copying all +// of the CSS, you can simply create a new theme, +// extend the theme you like and just add the +// changes you want to your theme. +//////////////////////////////////////////////////// + + +$THEME->sheets = array('layout','core','colors','css3'); + +//////////////////////////////////////////////////// +// Name of the stylesheet(s) you've including in +// this theme's /styles/ directory. +//////////////////////////////////////////////////// + + +$THEME->enable_dock = true; + +//////////////////////////////////////////////////// +// Do you want to use the new navigation dock? +//////////////////////////////////////////////////// + + +$THEME->editor_sheets = array('editor'); + +//////////////////////////////////////////////////// +// An array of stylesheets to include within the +// body of the editor. +//////////////////////////////////////////////////// + +$THEME->layouts = array( + 'base' => array( + 'file' => 'general.php', + 'regions' => array('side-pre', 'side-post'), + 'defaultregion' => 'side-post', + ), + 'general' => array( + 'file' => 'general.php', + 'regions' => array('side-pre', 'side-post'), + 'defaultregion' => 'side-post', + ), + 'course' => array( + 'file' => 'general.php', + 'regions' => array('side-pre', 'side-post'), + 'defaultregion' => 'side-post' + ), + 'coursecategory' => array( + 'file' => 'general.php', + 'regions' => array('side-pre', 'side-post'), + 'defaultregion' => 'side-post', + ), + 'incourse' => array( + 'file' => 'general.php', + 'regions' => array('side-pre', 'side-post'), + 'defaultregion' => 'side-post', + ), + 'frontpage' => array( + 'file' => 'frontpage.php', + 'regions' => array('side-pre', 'side-post'), + 'defaultregion' => 'side-post', + ), + 'admin' => array( + 'file' => 'general.php', + 'regions' => array('side-pre'), + 'defaultregion' => 'side-pre', + ), + 'mydashboard' => array( + 'file' => 'general.php', + 'regions' => array('side-pre', 'side-post'), + 'defaultregion' => 'side-post', + 'options' => array('langmenu'=>true), + ), + 'mypublic' => array( + 'file' => 'general.php', + 'regions' => array('side-pre', 'side-post'), + 'defaultregion' => 'side-post', + ), + 'login' => array( + 'file' => 'general.php', + 'regions' => array(), + 'options' => array('langmenu'=>true), + ), + 'popup' => array( + 'file' => 'embedded.php', + 'regions' => array(), + 'options' => array('nofooter'=>true, 'noblocks'=>true, 'nonavbar'=>true), + ), + 'frametop' => array( + 'file' => 'general.php', + 'regions' => array(), + 'options' => array('nofooter'=>true), + ), + 'maintenance' => array( + 'file' => 'general.php', + 'regions' => array(), + 'options' => array('nofooter'=>true, 'nonavbar'=>true), + ), + 'embedded' => array( + 'file' => 'embedded.php', + 'regions' => array(), + 'options' => array('nofooter'=>true, 'nonavbar'=>true), + ), + +); + +/////////////////////////////////////////////////////////////// +// These are all of the possible layouts in Moodle. The +// simplest way to do this is to keep the theme and file +// variables the same for every layout. Including them +// all in this way allows some flexibility down the road +// if you want to add a different layout template to a +// specific page. +/////////////////////////////////////////////////////////////// +//$THEME->csspostprocess = 'simplespace_process_css'; + +//////////////////////////////////////////////////// +// Allows the user to provide the name of a function +// that all CSS should be passed to before being +// delivered. +//////////////////////////////////////////////////// + +// $THEME->filter_mediaplugin_colors + +//////////////////////////////////////////////////// +// Used to control the colours used in the small +// media player for the filters +//////////////////////////////////////////////////// + +// $THEME->javascripts + +//////////////////////////////////////////////////// +// An array containing the names of JavaScript files +// located in /javascript/ to include in the theme. +// (gets included in the head) +//////////////////////////////////////////////////// + +// $THEME->javascripts_footer + +//////////////////////////////////////////////////// +// As above but will be included in the page footer. +//////////////////////////////////////////////////// + +//$THEME->larrow = "<"; + +//////////////////////////////////////////////////// +// Overrides the left arrow image used throughout +// Moodle +//////////////////////////////////////////////////// + + //$THEME->rarrow = ">"; + +//////////////////////////////////////////////////// +// Overrides the right arrow image used throughout Moodle +//////////////////////////////////////////////////// + +// $THEME->layouts + +//////////////////////////////////////////////////// +// An array setting the layouts for the theme +//////////////////////////////////////////////////// + +// $THEME->parents_exclude_javascripts + +//////////////////////////////////////////////////// +// An array of JavaScript files NOT to inherit from +// the themes parents +//////////////////////////////////////////////////// + +// $THEME->parents_exclude_sheets + +//////////////////////////////////////////////////// +// An array of stylesheets not to inherit from the +// themes parents +//////////////////////////////////////////////////// + +// $THEME->plugins_exclude_sheets + +//////////////////////////////////////////////////// +// An array of plugin sheets to ignore and not +// include. +//////////////////////////////////////////////////// + +// $THEME->renderfactory +//$THEME->rendererfactory = 'theme_simplespace_renderer_factory'; +//////////////////////////////////////////////////// +// Sets a custom render factory to use with the +// theme, used when working with custom renderers. +//////////////////////////////////////////////////// + +// $THEME->resource_mp3player_colors + +//////////////////////////////////////////////////// +// Controls the colours for the MP3 player +//////////////////////////////////////////////////// +$THEME->csspostprocess = 'magazine_process_css'; \ No newline at end of file diff --git a/theme/magazine/lang/en/theme_magazine.php b/theme/magazine/lang/en/theme_magazine.php new file mode 100644 index 00000000000..080bb1a88c4 --- /dev/null +++ b/theme/magazine/lang/en/theme_magazine.php @@ -0,0 +1,34 @@ +

Magazine

Theme Discussion Forum:

http://moodle.org/mod/forum/view.php?id=46

Theme Credits

http://docs.moodle.org/en/Theme_credits

Theme Documentation:

http://docs.moodle.org/en/Themes

Report a bug:

http://tracker.moodle.org

About

Magazine is a three column fluid-width theme for Moodle 2.0.

Tweaks

This theme is built upon both Base and Canvas, two parent themes included in the Moodle core. If you want to modify this theme, we recommend that you first duplicate it, then rename it before making your changes. This will prevent your customized theme from being overwritten by future Moodle upgrades, and you\'ll still have the original files if you make a mess. More information on modifying themes can be found in the MoodleDocs.

License

This, and all other themes included in the Moodle core, are licensed under the GNU General Public License. Some icons used in this theme are from the Splashy Icon set and are freely available at http://splashyfish.com/icons/.

'; +$string['configtitle'] = 'Magazine theme'; + +$string['logo'] = 'logo'; +$string['logodesc'] = 'Change the logo of this theme by entering the URL to a new one (i.e., http://www.somesite/animage.png). As a reference, the default logo is 300px wide by 80px high. A transparent .png will work best.'; + +$string['background'] = 'background'; +$string['backgrounddesc'] = 'Change the background image by entering the URL to a new image. (i.e., http://www.somesite/mybackground.jpg).'; + +$string['linkcolor'] = 'link'; +$string['linkcolordesc'] = 'Set the color of links in the theme, use html hex code.'; + +$string['linkhover'] = 'linkhover'; +$string['linkhoverdesc'] = 'Set the color of links (on hover) in the theme, use html hex code.'; + +$string['maincolor'] = 'maincolor'; +$string['maincolordesc'] = 'Set the color hex code of the header, dock bar and other areas. Looks best as a dark or saturated color.'; + +$string['maincoloraccent'] = 'maincoloraccent'; +$string['maincoloraccentdesc'] = 'Dark accent color for the dock bar and header borders. Should be slightly darker than the main color.'; + +$string['headingcolor'] = 'headingcolor'; +$string['headingcolordesc'] = 'This is the heading color for large headings (site news, my courses) and other headings.'; + +$string['blockcolor'] = 'blockcolor'; +$string['blockcolordesc'] = 'This is for the block header font color.'; + + +$string['forumback'] = 'forumback'; +$string['forumbackdesc'] = 'Set the background color of forum post subject.'; \ No newline at end of file diff --git a/theme/magazine/layout/embedded.php b/theme/magazine/layout/embedded.php new file mode 100644 index 00000000000..fa4e8eda673 --- /dev/null +++ b/theme/magazine/layout/embedded.php @@ -0,0 +1,22 @@ +doctype() ?> +htmlattributes() ?>> + + <?php echo $PAGE->title ?> + + standard_head_html() ?> + + +standard_top_of_body_html() ?> + +
+ + +
+ +
+ + +
+standard_end_of_body_html() ?> + + \ No newline at end of file diff --git a/theme/magazine/layout/frontpage.php b/theme/magazine/layout/frontpage.php new file mode 100644 index 00000000000..4f8ea367048 --- /dev/null +++ b/theme/magazine/layout/frontpage.php @@ -0,0 +1,187 @@ +heading); +$hasnavbar = (empty($PAGE->layout_options['nonavbar']) && $PAGE->has_navbar()); +$hasfooter = (empty($PAGE->layout_options['nofooter'])); +$hassidepre = $PAGE->blocks->region_has_content('side-pre', $OUTPUT); +$hassidepost = $PAGE->blocks->region_has_content('side-post', $OUTPUT); +$showsidepre = $hassidepre && !$PAGE->blocks->region_completely_docked('side-pre', $OUTPUT); +$showsidepost = $hassidepost && !$PAGE->blocks->region_completely_docked('side-post', $OUTPUT); + +$custommenu = $OUTPUT->custom_menu(); +$hascustommenu = (empty($PAGE->layout_options['nocustommenu']) && !empty($custommenu)); + +$bodyclasses = array(); +if ($showsidepre && !$showsidepost) { + $bodyclasses[] = 'side-pre-only'; +} else if ($showsidepost && !$showsidepre) { + $bodyclasses[] = 'side-post-only'; +} else if (!$showsidepost && !$showsidepre) { + $bodyclasses[] = 'content-only'; +} +if ($hascustommenu) { + $bodyclasses[] = 'has_custom_menu'; +} + +echo $OUTPUT->doctype() ?> +htmlattributes() ?>> + + <?php echo $PAGE->title ?> + + standard_head_html() ?> + + +standard_top_of_body_html() ?> + +
+ + +
+
+ +
+
+ + + +
+
+ theme->settings->logo)) { ?> +
+
+
+
+ + + + +
+ +
+ +
+
+ + + + + +
+
+
+
+ +
+
+ +
+
navbar(); ?>
+ +
+ +
+ +
+ button; + } ?> +
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+ + +
+
+ + + blocks_for_region('side-pre') ?> +
+
+ + + +
+
+ + blocks_for_region('side-post') ?> +
+
+ + +
+
+
+ + +
+
+ + +
+
+
+
+ + + +
+ + + + + +standard_end_of_body_html() ?> + + \ No newline at end of file diff --git a/theme/magazine/layout/general.php b/theme/magazine/layout/general.php new file mode 100644 index 00000000000..f1accba12f0 --- /dev/null +++ b/theme/magazine/layout/general.php @@ -0,0 +1,190 @@ +heading); +$hasnavbar = (empty($PAGE->layout_options['nonavbar']) && $PAGE->has_navbar()); +$hasfooter = (empty($PAGE->layout_options['nofooter'])); +$hassidepre = $PAGE->blocks->region_has_content('side-pre', $OUTPUT); +$hassidepost = $PAGE->blocks->region_has_content('side-post', $OUTPUT); +$showsidepre = $hassidepre && !$PAGE->blocks->region_completely_docked('side-pre', $OUTPUT); +$showsidepost = $hassidepost && !$PAGE->blocks->region_completely_docked('side-post', $OUTPUT); + +$custommenu = $OUTPUT->custom_menu(); +$hascustommenu = (empty($PAGE->layout_options['nocustommenu']) && !empty($custommenu)); + +$bodyclasses = array(); +if ($showsidepre && !$showsidepost) { + $bodyclasses[] = 'side-pre-only'; +} else if ($showsidepost && !$showsidepre) { + $bodyclasses[] = 'side-post-only'; +} else if (!$showsidepost && !$showsidepre) { + $bodyclasses[] = 'content-only'; +} +if ($hascustommenu) { + $bodyclasses[] = 'has_custom_menu'; +} + +echo $OUTPUT->doctype() ?> +htmlattributes() ?>> + + <?php echo $PAGE->title ?> + + standard_head_html() ?> + + +standard_top_of_body_html() ?> + +
+ + +
+
+ +
+
+ + + +
+
+ theme->settings->logo)) { ?> +
+
+
+
+ + + + +
+ +
+ +
+
+ + + + + +
+
+
+
+ +
+
+ +
+
navbar(); ?>
+ +
+ +
+ +
+ button; + } ?> +
+
+ + +
+
+
+ +
+
+
+ + +
+
+
+ + +
+
+ + + blocks_for_region('side-pre') ?> +
+
+ + + +
+
+ + blocks_for_region('side-post') ?> +
+
+ + +
+
+
+ + +
+
+ + +
+
+
+
+ + + +
+ + + + + +standard_end_of_body_html() ?> + + \ No newline at end of file diff --git a/theme/magazine/lib.php b/theme/magazine/lib.php new file mode 100644 index 00000000000..52c9d42980e --- /dev/null +++ b/theme/magazine/lib.php @@ -0,0 +1,185 @@ +settings->linkcolor)) { + $linkcolor = $theme->settings->linkcolor; + } else { + $linkcolor = null; + } + $css = magazine_set_linkcolor($css, $linkcolor); + + // Set the link hover color + if (!empty($theme->settings->linkhover)) { + $linkhover = $theme->settings->linkhover; + } else { + $linkhover = null; + } + $css = magazine_set_linkhover($css, $linkhover); + + // Set the main color + if (!empty($theme->settings->maincolor)) { + $maincolor = $theme->settings->maincolor; + } else { + $maincolor = null; + } + $css = magazine_set_maincolor($css, $maincolor); + + // Set the main accent color + if (!empty($theme->settings->maincoloraccent)) { + $maincoloraccent = $theme->settings->maincoloraccent; + } else { + $maincoloraccent = null; + } + $css = magazine_set_maincoloraccent($css, $maincoloraccent); + + // Set the main headings color + if (!empty($theme->settings->headingcolor)) { + $headingcolor = $theme->settings->headingcolor; + } else { + $headingcolor = null; + } + $css = magazine_set_headingcolor($css, $headingcolor); + + // Set the block headings color + if (!empty($theme->settings->blockcolor)) { + $blockcolor = $theme->settings->blockcolor; + } else { + $blockcolor = null; + } + $css = magazine_set_blockcolor($css, $blockcolor); + + // Set the forum background color + if (!empty($theme->settings->forumback)) { + $forumback = $theme->settings->forumback; + } else { + $forumback = null; + } + $css = magazine_set_forumback($css, $forumback); + + // Set the body background image + if (!empty($theme->settings->background)) { + $background = $theme->settings->background; + } else { + $background = null; + } + $css = magazine_set_background($css, $background); + + // Set the logo image + if (!empty($theme->settings->logo)) { + $logo = $theme->settings->logo; + } else { + $logo = null; + } + $css = magazine_set_logo($css, $logo); + + + // Return the CSS + return $css; +} + + + +/** + * Sets the link color variable in CSS + * + */ +function magazine_set_linkcolor($css, $linkcolor) { + $tag = '[[setting:linkcolor]]'; + $replacement = $linkcolor; + if (is_null($replacement)) { + $replacement = '#32529a'; + } + $css = str_replace($tag, $replacement, $css); + return $css; +} + +function magazine_set_linkhover($css, $linkhover) { + $tag = '[[setting:linkhover]]'; + $replacement = $linkhover; + if (is_null($replacement)) { + $replacement = '#4e2300'; + } + $css = str_replace($tag, $replacement, $css); + return $css; +} + +function magazine_set_maincolor($css, $maincolor) { + $tag = '[[setting:maincolor]]'; + $replacement = $maincolor; + if (is_null($replacement)) { + $replacement = '#002f2f'; + } + $css = str_replace($tag, $replacement, $css); + return $css; +} + +function magazine_set_maincoloraccent($css, $maincoloraccent) { + $tag = '[[setting:maincoloraccent]]'; + $replacement = $maincoloraccent; + if (is_null($replacement)) { + $replacement = '#092323'; + } + $css = str_replace($tag, $replacement, $css); + return $css; +} + +function magazine_set_headingcolor($css, $headingcolor) { + $tag = '[[setting:headingcolor]]'; + $replacement = $headingcolor; + if (is_null($replacement)) { + $replacement = '#4e0000'; + } + $css = str_replace($tag, $replacement, $css); + return $css; +} + +function magazine_set_blockcolor($css, $blockcolor) { + $tag = '[[setting:blockcolor]]'; + $replacement = $blockcolor; + if (is_null($replacement)) { + $replacement = '#002f2f'; + } + $css = str_replace($tag, $replacement, $css); + return $css; +} + +function magazine_set_forumback($css, $forumback) { + $tag = '[[setting:forumback]]'; + $replacement = $forumback; + if (is_null($replacement)) { + $replacement = '#e6e2af'; + } + $css = str_replace($tag, $replacement, $css); + return $css; +} + +function magazine_set_background($css, $background) { + global $OUTPUT; + $tag = '[[setting:background]]'; + $replacement = $background; + if (is_null($replacement)) { + $replacement = $OUTPUT->pix_url('bg4', 'theme'); + } + $css = str_replace($tag, $replacement, $css); + return $css; +} + +function magazine_set_logo($css, $logo) { + global $OUTPUT; + $tag = '[[setting:logo]]'; + $replacement = $logo; + if (is_null($replacement)) { + $replacement = $OUTPUT->pix_url('logo', 'theme'); + } + $css = str_replace($tag, $replacement, $css); + return $css; +} \ No newline at end of file diff --git a/theme/magazine/pix/ajax-loader.gif b/theme/magazine/pix/ajax-loader.gif new file mode 100644 index 00000000000..d42f72c7236 Binary files /dev/null and b/theme/magazine/pix/ajax-loader.gif differ diff --git a/theme/magazine/pix/alert-overlay.png b/theme/magazine/pix/alert-overlay.png new file mode 100644 index 00000000000..222cdc91313 Binary files /dev/null and b/theme/magazine/pix/alert-overlay.png differ diff --git a/theme/magazine/pix/bart5.png b/theme/magazine/pix/bart5.png new file mode 100644 index 00000000000..dfa84b09144 Binary files /dev/null and b/theme/magazine/pix/bart5.png differ diff --git a/theme/magazine/pix/bg4.jpg b/theme/magazine/pix/bg4.jpg new file mode 100644 index 00000000000..f8e5aed6328 Binary files /dev/null and b/theme/magazine/pix/bg4.jpg differ diff --git a/theme/magazine/pix/breadcrumb_separator_arrow_2_dots.png b/theme/magazine/pix/breadcrumb_separator_arrow_2_dots.png new file mode 100644 index 00000000000..082aafbe677 Binary files /dev/null and b/theme/magazine/pix/breadcrumb_separator_arrow_2_dots.png differ diff --git a/theme/magazine/pix/check.png b/theme/magazine/pix/check.png new file mode 100644 index 00000000000..a90236437e3 Binary files /dev/null and b/theme/magazine/pix/check.png differ diff --git a/theme/magazine/pix/contback.png b/theme/magazine/pix/contback.png new file mode 100644 index 00000000000..26cf84fd315 Binary files /dev/null and b/theme/magazine/pix/contback.png differ diff --git a/theme/magazine/pix/dockarrow.png b/theme/magazine/pix/dockarrow.png new file mode 100644 index 00000000000..cbe4ee214a1 Binary files /dev/null and b/theme/magazine/pix/dockarrow.png differ diff --git a/theme/magazine/pix/error.png b/theme/magazine/pix/error.png new file mode 100644 index 00000000000..3dd3b55dbe0 Binary files /dev/null and b/theme/magazine/pix/error.png differ diff --git a/theme/magazine/pix/favicon.ico b/theme/magazine/pix/favicon.ico new file mode 100644 index 00000000000..13c167cc02c Binary files /dev/null and b/theme/magazine/pix/favicon.ico differ diff --git a/theme/magazine/pix/hr_grid.png b/theme/magazine/pix/hr_grid.png new file mode 100644 index 00000000000..b157dfcab45 Binary files /dev/null and b/theme/magazine/pix/hr_grid.png differ diff --git a/theme/magazine/pix/information.png b/theme/magazine/pix/information.png new file mode 100644 index 00000000000..ada1f1e4733 Binary files /dev/null and b/theme/magazine/pix/information.png differ diff --git a/theme/magazine/pix/logo.png b/theme/magazine/pix/logo.png new file mode 100644 index 00000000000..baaee94174d Binary files /dev/null and b/theme/magazine/pix/logo.png differ diff --git a/theme/magazine/pix/mbar.png b/theme/magazine/pix/mbar.png new file mode 100644 index 00000000000..57035dbde0f Binary files /dev/null and b/theme/magazine/pix/mbar.png differ diff --git a/theme/magazine/pix/menubarback.png b/theme/magazine/pix/menubarback.png new file mode 100644 index 00000000000..b23b3b9e23b Binary files /dev/null and b/theme/magazine/pix/menubarback.png differ diff --git a/theme/magazine/pix/post_grid.png b/theme/magazine/pix/post_grid.png new file mode 100644 index 00000000000..521b9b106aa Binary files /dev/null and b/theme/magazine/pix/post_grid.png differ diff --git a/theme/magazine/pix/postline.png b/theme/magazine/pix/postline.png new file mode 100644 index 00000000000..408d03d00db Binary files /dev/null and b/theme/magazine/pix/postline.png differ diff --git a/theme/magazine/pix/screenshot.png b/theme/magazine/pix/screenshot.png new file mode 100644 index 00000000000..9d5e4dec989 Binary files /dev/null and b/theme/magazine/pix/screenshot.png differ diff --git a/theme/magazine/pix/yuiarrow.png b/theme/magazine/pix/yuiarrow.png new file mode 100644 index 00000000000..89fcfbeb7d0 Binary files /dev/null and b/theme/magazine/pix/yuiarrow.png differ diff --git a/theme/magazine/pix/yuiarrows.png b/theme/magazine/pix/yuiarrows.png new file mode 100644 index 00000000000..a68f1d869f5 Binary files /dev/null and b/theme/magazine/pix/yuiarrows.png differ diff --git a/theme/magazine/pix_core/docs.png b/theme/magazine/pix_core/docs.png new file mode 100644 index 00000000000..ada1f1e4733 Binary files /dev/null and b/theme/magazine/pix_core/docs.png differ diff --git a/theme/magazine/pix_core/help.png b/theme/magazine/pix_core/help.png new file mode 100644 index 00000000000..0e41b83b407 Binary files /dev/null and b/theme/magazine/pix_core/help.png differ diff --git a/theme/magazine/pix_core/i/all.png b/theme/magazine/pix_core/i/all.png new file mode 100644 index 00000000000..459c16cd621 Binary files /dev/null and b/theme/magazine/pix_core/i/all.png differ diff --git a/theme/magazine/pix_core/i/info.png b/theme/magazine/pix_core/i/info.png new file mode 100644 index 00000000000..ada1f1e4733 Binary files /dev/null and b/theme/magazine/pix_core/i/info.png differ diff --git a/theme/magazine/pix_core/i/navigationitem.png b/theme/magazine/pix_core/i/navigationitem.png new file mode 100644 index 00000000000..1b70ad795ce Binary files /dev/null and b/theme/magazine/pix_core/i/navigationitem.png differ diff --git a/theme/magazine/pix_core/i/one.png b/theme/magazine/pix_core/i/one.png new file mode 100644 index 00000000000..eedeffdb6de Binary files /dev/null and b/theme/magazine/pix_core/i/one.png differ diff --git a/theme/magazine/pix_core/t/block_to_dock.png b/theme/magazine/pix_core/t/block_to_dock.png new file mode 100644 index 00000000000..f6e1283563e Binary files /dev/null and b/theme/magazine/pix_core/t/block_to_dock.png differ diff --git a/theme/magazine/pix_core/t/collapsed.png b/theme/magazine/pix_core/t/collapsed.png new file mode 100644 index 00000000000..59ba1ceb047 Binary files /dev/null and b/theme/magazine/pix_core/t/collapsed.png differ diff --git a/theme/magazine/pix_core/t/delete.png b/theme/magazine/pix_core/t/delete.png new file mode 100644 index 00000000000..9d06f5bfac3 Binary files /dev/null and b/theme/magazine/pix_core/t/delete.png differ diff --git a/theme/magazine/pix_core/t/dock_to_block.png b/theme/magazine/pix_core/t/dock_to_block.png new file mode 100644 index 00000000000..bf1565d416b Binary files /dev/null and b/theme/magazine/pix_core/t/dock_to_block.png differ diff --git a/theme/magazine/pix_core/t/expanded.png b/theme/magazine/pix_core/t/expanded.png new file mode 100644 index 00000000000..233ac8490cb Binary files /dev/null and b/theme/magazine/pix_core/t/expanded.png differ diff --git a/theme/magazine/settings.php b/theme/magazine/settings.php new file mode 100644 index 00000000000..fc2a6489373 --- /dev/null +++ b/theme/magazine/settings.php @@ -0,0 +1,84 @@ +add($setting); + + // logo image setting + $name = 'theme_magazine/logo'; + $title = get_string('logo','theme_magazine'); + $description = get_string('logodesc', 'theme_magazine'); + $setting = new admin_setting_configtext($name, $title, $description, '', PARAM_URL); + $temp->add($setting); + + // link color setting + $name = 'theme_magazine/linkcolor'; + $title = get_string('linkcolor','theme_magazine'); + $description = get_string('linkcolordesc', 'theme_magazine'); + $default = '#32529a'; + $previewconfig = NULL; + $setting = new admin_setting_configcolourpicker($name, $title, $description, $default, $previewconfig); + $temp->add($setting); + + // link hover color setting + $name = 'theme_magazine/linkhover'; + $title = get_string('linkhover','theme_magazine'); + $description = get_string('linkhoverdesc', 'theme_magazine'); + $default = '#4e2300'; + $previewconfig = NULL; + $setting = new admin_setting_configcolourpicker($name, $title, $description, $default, $previewconfig); + $temp->add($setting); + + // main color setting + $name = 'theme_magazine/maincolor'; + $title = get_string('maincolor','theme_magazine'); + $description = get_string('maincolordesc', 'theme_magazine'); + $default = '#002f2f'; + $previewconfig = NULL; + $setting = new admin_setting_configcolourpicker($name, $title, $description, $default, $previewconfig); + $temp->add($setting); + + // main color accent setting + $name = 'theme_magazine/maincoloraccent'; + $title = get_string('maincoloraccent','theme_magazine'); + $description = get_string('maincoloraccentdesc', 'theme_magazine'); + $default = '#092323'; + $previewconfig = NULL; + $setting = new admin_setting_configcolourpicker($name, $title, $description, $default, $previewconfig); + $temp->add($setting); + + // heading color setting + $name = 'theme_magazine/headingcolor'; + $title = get_string('headingcolor','theme_magazine'); + $description = get_string('headingcolordesc', 'theme_magazine'); + $default = '#4e0000'; + $previewconfig = NULL; + $setting = new admin_setting_configcolourpicker($name, $title, $description, $default, $previewconfig); + $temp->add($setting); + + // block heading color setting + $name = 'theme_magazine/blockcolor'; + $title = get_string('blockcolor','theme_magazine'); + $description = get_string('blockcolordesc', 'theme_magazine'); + $default = '#002f2f'; + $previewconfig = NULL; + $setting = new admin_setting_configcolourpicker($name, $title, $description, $default, $previewconfig); + $temp->add($setting); + + // forum subject background color setting + $name = 'theme_magazine/forumback'; + $title = get_string('forumback','theme_magazine'); + $description = get_string('forumbackdesc', 'theme_magazine'); + $default = '#e6e2af'; + $previewconfig = NULL; + $setting = new admin_setting_configcolourpicker($name, $title, $description, $default, $previewconfig); + $temp->add($setting); + +// Add our page to the structure of the admin tree +$ADMIN->add('themes', $temp); \ No newline at end of file diff --git a/theme/magazine/style/colors.css b/theme/magazine/style/colors.css new file mode 100644 index 00000000000..15da183c1c0 --- /dev/null +++ b/theme/magazine/style/colors.css @@ -0,0 +1,70 @@ +/** colors file for magazine theme, contains colors, logo and background image **/ + +html,body { + background: #fff url([[setting:background]]); +} + +html a,body a, html a:visited,body a:visited { + color: [[setting:linkcolor]]; +} + +html a:hover,body a:hover { + color: [[setting:linkhover]]; +} + +/** header and dock, default #002f2f and #092323 **/ + +#header-wrap, #dock { + background: [[setting:maincolor]]; + border-bottom: 1px solid [[setting:maincoloraccent]]; +} + +/** logo is below **/ + +div.thetitle { + background: url([[setting:logo]]) no-repeat 0% 50%; +} + +/** block header font color and others default is #002f2f **/ + +td.category.number, .yui-module.yui-overlay.yui-panel div.hd, #navigation li a:link,#navigation li a:visited, div.tabtree li a span { + color: [[setting:maincolor]]; +} + +.title h2, div.dockeditempanel_hd h2, div.dockeditempanel_hd { + color: [[setting:blockcolor]]; +} + +.yui3-menu-content li a { + color: [[setting:maincolor]] !important; +} + +div.dockedtitle { + border-bottom: 1px solid [[setting:maincoloraccent]] !important; + border-top: 1px solid #333333 !important; +} + +/** main headings and forum post subject default color #4e0000 **/ + +#nologo, #nologo a, .generalbox h2,h3.sectionname, div.tabtree li.selected a span, .forumpost .subject, .blog_entry div.subject a, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2 { + color: [[setting:headingcolor]]; +} + +/** forum post subject background default is #e6e2af **/ + +.forumpost td.topic { + background: [[setting:forumback]] url([[pix:theme|alert-overlay]]) repeat-x; +} + +/** table header background color, default is #002f2f **/ + +td.maincalendar table.calendartable th, table.rolecap .header,.generaltable .header,.forumheaderlist .header,.files .header,.editcourse .header,.logtable .header,#attempts .header,table#categoryquestions th { + background: [[setting:maincolor]] !important; +} + + +/** dock item hover, default is #4e0000 **/ + +div.dockeditem_container div.dockeditem:hover { + background: [[setting:headingcolor]] url([[pix:theme|mbar]]) repeat-y; +} \ No newline at end of file diff --git a/theme/magazine/style/core.css b/theme/magazine/style/core.css new file mode 100644 index 00000000000..73b18465fcd --- /dev/null +++ b/theme/magazine/style/core.css @@ -0,0 +1,1154 @@ +/** body font family and background image **/ + +html,body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + margin: 0; + padding: 0; +} + +html a:hover,body a:hover { + text-decoration: underline; +} + +/** remove text decoration from some links **/ + +div.yui3-widget-bd a, .tabtree li a, .block div.content a, .unlist a, .categorybox a, .course_category_tree a, .section a { + text-decoration: none; +} + +a:active { + outline: 0; + +/* for browsers that understand */ +} + +a:focus { + outline: 0; + +/* for browsers that understand */ +} + +/**header divs **/ + +#header-wrap { + top: 0; + left: 0; + width: 100%; +} + +#header { + width: 91%; + min-width: 910px; + height: 30px; + margin: 0 auto; + overflow: hidden; +} + +#headright { + float: right; + font-size: 10px; + font-weight: 200; + margin-top: 0; + padding-top: 0; + min-width: 180px; + text-align: right; + color: #eeeeee; + line-height: 30px; + min-width: 400px; +} + +#headright a { + color: #fff; +} + +#headright div.langmenu { + float: right !important; + display: inline !important; + padding: 0px 0px 0px 0px !important; + line-height: 28px !important; + margin: 0px 0px 0px 5px !important; + font-size: 9px; +} + +#headleft { + float: left; + height: 30px; + line-height: 30px; + color: #fff; + font-size: 12px; +} + +/** Logo and menu bar divs and wrap **/ + +#textcontainer-wrap { + top: 0; + left: 0; + width: 100%; + border-top: 1px solid #fff; +} + +#textcontainer { + clear: both; + border: none; + width: 92%; + min-width: 910px; + height: 130px; + margin: 0 auto; + overflow: hidden; +} + +div.thetitle { + width: 340px; + height: 130px; + float: left; +} + +#nologo { + width: 337px; + height: 130px; + float: left; + overflow: hidden; + padding-left: 3px; +} +#nologo a, #nologo { + font-size: 40px; + font-style: italic; + font-family: Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif; + font-weight: 800; + letter-spacing: -1px; + line-height: 130px; +} +#nologo a:hover { + text-decoration: none; +} +div.rightinfo { + float: right; + min-width: 470px; + height: 130px; + overflow: hidden; +} + +#menucontainer { + height: 45px; + margin-top: 40px; +} + + +/** main content wraps **/ + +#outercontainer { + width: 91%; + min-width: 910px; + margin:0 auto; + background-position: 78% 100%; + padding: 1%; + background: url([[pix:theme|contback]]); + border: 1px solid #dadada; +} + +#container { + width: 100%; + margin:0 auto; + background: #fff url([[pix:theme|post_grid]]) repeat-y 21% 100%; + border: 1px solid #dadada; +} + +#innercontainer { + background: url([[pix:theme|post_grid]]) repeat-y 79% 100%; +} + +/** remove background image line for post or pre or content only **/ + +.side-pre-only #innercontainer, .content-only #innercontainer, .content-only #container, .side-post-only #container { + background-image: none !important; +} + +/** breadcrumb and button holders at top of page content **/ + +div#jcontrols_button { + width: 100%; + min-height: 35px; + border-top: 1px solid #fff; + background: #f9f9f9 url([[pix:theme|hr_grid]]) repeat-x 100% 100%; +} + +div#jcontrols_bottom { + width: 100%; + height: 35px; + background: url([[pix:theme|hr_grid]]) repeat-x 0% 0%; + clear: both; +} + +div.jcontrolsleft { + min-height: 35px; + line-height: 35px; + margin-left: 15px; + font-weight: 600; + font-size: 13px; + float: left; + min-width: 100px; +} + +div.jcontrolsright { + float: right; + min-width: 100px; + min-height: 35px; + margin-right: 15px; +} + +div.jcontrolsright div.singlebutton, div.jcontrolsright div.forumsearch { + margin: 5px 0px 0px; +} + +/** foot wraps and inner divs **/ + +#footer { + width: 91%; + height: 35px; + position: relative; + margin: 0 auto; +} + +#footer-wrap { + position: relative; + bottom: 0; + left: 0; + width: 100%; + background: none; + margin-top: 10px; + height: 35px; +} + +.johndocs { + float: right; + height: 15px; + font-size: 8px; + margin: 10px 3px 0px 0px; + color: #333333; +} + +.johndocs a, div.johndocsleft a { + font-weight: 200; + text-decoration: none; +} + +div.johndocsleft { + float: left; + height: 15px; + margin-top: 10px; + width: 300px; + color: #333333; + font-size: 11px; +} + +/** Some breadcrumb style **/ + +.breadcrumb ul { + line-height: 35px; +} + +.breadcrumb li a,.breadcrumb li, .breadcrumb li a:visited { + font-weight: 200; + text-decoration: none; + color: #666666; + font-size: 12px; +} + +.breadcrumb li a:hover { + text-decoration: underline; + color: #333333; +} + +.breadcrumb li img { + vertical-align: middle; +} + +/** breadcrumb image replacement **/ + +div#jcontrols_button span.arrow.sep { + font-size: 1px; + color: #fafafa; + background: url([[pix:theme|breadcrumb_separator_arrow_2_dots]]) no-repeat; + background-position: 50% 9px; + display: inline-block; + width: 16px; + line-height: 40px; +} + +/** Block styles **/ + +.block { + margin: 0 0 5px 0 !important; + padding: 0 0 0 0 !important; + border: none !important; +} + +.block div.header { + margin: 0 0 0 !important; + padding-top: 0 !important; + min-height: 33px; + height: auto !important; + height: 33px; + border-right: 1px solid #dadada; + border-top: 1px solid #dfdfdf; + border-left: 1px solid #dfdfdf; + border-bottom: 1px solid #cccccc; + background: #eeeeee url([[pix:theme|bart5]]) repeat-x; +} + +.block.hidden div.header { + border: 1px solid #dadada; +} + +.block.block_with_controls div.header div.commands { + text-align: center; + border-top: 1px solid #ccc; + padding: 2px; +} + +.block.block_with_controls div.header div.commands a img { + margin-right: 3px; +} + +.title h2 { + padding: 0px 0px 0px 10px; + font-size: 16px; + text-transform: none; + margin: 0 !important; + line-height: 32px; + font-weight: 800; +} + +.block div.block_action input { + margin-top: 3px; + position: relative; + top: 6px; +} + +.block div.content { + font-size: 12px; + font-weight: 200; + padding: 10px 15px 15px; +} + +/** extra left padding on right side blocks **/ + +#region-post .block div.content { + padding-left: 20px; +} + +/** some specific block styles for calendar block, login block, my profile block, etc. **/ + +.block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th { + border: none !important; +} + +.block_calendar_month table.minicalendar { + margin-bottom: 0px !important; +} + +.block_calendar_month table.minicalendar.calendartable th abbr { + border: none !important; + text-decoration: none; +} + +.block_comments div.content li { + list-style-type: none; +} + +.block_messages.block div.content .list a { + font-size: 10px; +} + +.block_login.block div.content div { + margin-bottom: 9px; + clear: both; +} + +.block_login.block div.content label { + font-size: 11px; + display: inline-block; + min-width: 50px; + margin-right: 3px; +} + +.block_myprofile div.content div { + font-size: 11px; +} + +.block_myprofile div.content div.myprofileitem.picture { + width: 105px; + float: left; +} + +.block_myprofile div.myprofileitem.fullname { + font-size: 12px; + font-weight: 800; +} + +.block_myprofile div.myprofileitem.edit { + clear: both; + font-weight: 800; + font-size: 12px; +} + +.block_news_items div.content li.post { + margin-bottom: 4px; + margin-top: 2px; +} + +.block_news_items div.content div.head.clearfix { + font-size: 11px; +} + +.block_news_items div.content div.info { + font-weight: 600; +} + +/** inner block style for decent display of recent news, etc **/ + +.block_recent_activity.block_docked div.content h2.main, .block_recent_activity.block_docked div.content h3.main, .side-pre .block div.content h2.main,.side-post .block div.content h2.main,.block div.content h3.main,.block div.content h2 { + font-size: 13px; + color: #333; + font-weight: 800; + background: none; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +/** a few styles for the tabs **/ + +div.tabtree li a span { + font-size: 11px; +} + +/** yui overlays **/ + +div.yui3-widget.yui3-overlay.yui3-widget-positioned { + border: 1px solid #cccccc; +} + +div.yui3-overlay-content.yui3-widget-stdmod { + border: 1px solid #fff; + background: #ffff66 url([[pix:theme|alert-overlay]]) repeat-x; +} + +div.yui3-widget-bd { + border: none; + background: none; +} + +div.yui3-widget-bd h1.helpheading { + font-size: 16px !important; + font-weight: 800; + margin: 5px 0px 2px 18px; + background: url([[pix:theme|information]]) no-repeat 0% 50%; +} + +.yui-module.yui-overlay.yui-panel div.hd { + background: #eeeeee url([[pix:theme|bart5]]) repeat-x 0% 90%; + } + +/**moodle dropdown css for yui menu **/ + +#custommenu { + font-size: 13px; + font-weight: 600; + border: none !important; + height: 45px; +} + +div.yui3-menu.yui3-menu-horizontal { + background: #fafafa url([[pix:theme|menubarback]]) repeat-x !important; + border-bottom: 1px solid #cccccc !important; + border-top: 1px solid #dadada !important; + border-left: none; + border-right: 1px solid #cccccc; + float: right; +} + +div.yui3-menu-content { + border: none !important; +} + +.yui3-menu-content li a { + font-size: 12px; + font-weight: 600; + text-transform: lowercase; + line-height: 45px; + cursor: pointer; + border-right: none !important; + border-top: none !important; + border-bottom: none !important; +} + +.yui3-menu-horizontal .yui3-menu-label { + padding-left: 16px !important; + background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px !important; + } + +.yui3-menu-horizontal .yui3-menu-label-menuvisible { + background-position: 5px -23px !important; +} + +.yui3-menu-content li { + border-left: 1px solid #dadada; + border-top: none !important; +} + +.yui3-menu-content li:hover { + background: #eee; +} + +div.yui3-menu.custom_menu_submenu { + background: url([[pix:theme|yuiarrow]]) no-repeat 40px 0; + border: none; + min-width: 100px; + z-index: 99998; +} + +div.yui3-menu.custom_menu_submenu div.yui3-menu.custom_menu_submenu { + background: none !important; + min-width: 100px; +} + +div.yui3-menu.custom_menu_submenu div.yui3-menu-content { + background: #fff; + z-index: 99999; + width: 200px; + padding-top: 0 !important; + padding-bottom: 0 !important; + margin: 20px 0px 0px -40px; +} + +/** below style to move sub subs to the left to keep from going off the page **/ + +div.yui3-menu.custom_menu_submenu div.yui3-menu-content div.yui3-menu.custom_menu_submenu div.yui3-menu-content { + margin-left: -400px !important; + /** double the width of the menu item **/ + width: 200px; + position: relative; + top: -15px; +} + +div.yui3-menu.custom_menu_submenu .yui3-menu-content li { + border-left: none; +} + +div.yui3-menu.custom_menu_submenu .yui3-menu-content li a { + font-size: 11px; + border-bottom: 1px solid #cccccc !important; + border-top: 0px solid #fff !important; + text-transform: none; + background: #eee !important; + text-decoration: none !important; + text-transform: lowercase; +} + +div.yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover { + background: #cccccc !important; + cursor: pointer; + color: black !important; + text-decoration: none !important; +} + +div.yui3-menu.custom_menu_submenu li a.yui3-menu-label { + background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px !important; +} + +div.yui3-menu.custom_menu_submenu li a.yui3-menu-label:hover { + background: #ccc url([[pix:theme|yuiarrows]]) no-repeat !important 7px -72px; +} + +/** yui moodle dock bar **/ + +#dock { + padding-top: 0px; + width: 30px; +} + +div.dockeditem_container div.dockeditem { + background: url([[pix:theme|mbar]]) repeat-y; + border: none; + color: #fff; + font: 100% Constantia, Lucidabright, Lucida, Georgia, serif; +} + +div.dockeditem_container.firstdockitem { + border-top: none; +} + +div.dockedtitle { + border: none; + padding-top: 3px; + padding-bottom: 3px; +} + +.dockedtitle h2 { + font-weight: 200 !important; +} + +div.dockeditempanel_content { + border: 1px solid #dadada !important; + border-left: none !important; + font-size: 90%; +} + +div.dockeditempanel_content a { + text-decoration: none; +} + +div.dockeditempanel_hd { + text-align: left; + font-size: 12px; +} + +div.dockeditempanel_hd { + padding-top: 3px; + padding-bottom: 3px; + background: #eee; + border-bottom: 1px solid #dadada !important; +} + +div.dockeditempanel_hd h2 { + font-weight: 600; + font-size: 12px; +} + +div.dockeditempanel_bd ul, div.dockeditempanel_bd li { + list-style-type: none; + padding: 0; +} + +div.dockeditempanel_bd { + font-weight: 200; +} + +#dockeditempanel { + margin-left: 1px; +} + +html> + +/**/body #dockeditempanel { + margin-top: -20px; +} + +#dock div.controls { + margin-top: 20px; + padding-top: 0px; + position: relative; +} + +/** main headings **/ + +.generalbox h2,h3.sectionname, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2 { + font-size: 30px; + padding-bottom: 2px; + margin: 3px 0 2px; + border-bottom: none; + display: block; + font-family: Georgia, serif; + font-weight: normal; + letter-spacing: -1px; + line-height: 1em; + background: url([[pix:theme|hr_grid]]) repeat-x 0% 89% + } + +.generalbox h2, #page-course-info h2.main, h3.sectionname, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2, div.hd h3.main { + font-size: 22px; + background: none; +} + +/** forum post style **/ + +.forumpost td.content { + border: 1px solid #dadada; + border-top: none; + background: #fff; + padding: 1em 1em 1em 1em; +} + +.forumpost td.content div.posting { + font-size: 90%; +} + +.forumpost td.topic { + border: 1px solid #dadada; + padding-top: 0px; + padding-bottom: 0px; +} + +.forumpost .subject, .blog_entry div.subject a { + font-size: 19px; +} + +td.picture { + border-right: none !important; +} + +td.author { + border-left: none !important; +} + +table.forumpost { + border: none; +} + +.forumpost .commands a { + text-decoration: none; + font-weight: 200; +} + +.forumpost td.left { + padding: 4px 5px 4px 0; +} + +.forumpost td.left.picture { + background: url([[pix:theme|postline]]) no-repeat 120% 104%; +} + +.forumpost td.left.picture img { + border: 1px solid #eee; + border-bottom: 1px solid #ccc; + border-right: 1px solid #dadada; + background: #fff; + padding: 4px 4px 9px; + margin-top: 0px; +} + +.forumpost .starter { + background-color: #FFF; +} + +.forumpost .author { + font-size: 11px !important; + color: #666; + font-style: italic; + font-weight: 200; +} + +.forumpost .author a { + font-style: normal; + font-weight: 800; +} + +.info .name a { + font-weight: bold; +} + +.indent { + margin-left: 30px; +} + +div.subscribelink { + text-align: right; +} + +.subscribelink a { + text-decoration: none; + font-size: 11px; +} + +/**tables and fields and foms oh my! **/ + +.mform fieldset,fieldset.clearfix { + border: 1px solid #dadada !important; + background: #f9f9f9; +} + +.ftoggler { + font-size: 18px; + color: #333333; +} + +div.notifysuccess { + width: 80%; + margin: 0 auto; + font-size: 15px; + color: #008500; + border: 3px solid #dadada; + text-align: center; + background: #fff url([[pix:theme|check]]) no-repeat 2% 50%; + padding: 5px; +} + +table a { + text-decoration: none; +} + +td.maincalendar table.calendartable th, table.rolecap .header,.generaltable .header,.forumheaderlist .header,.files .header,.editcourse .header,.logtable .header,#attempts .header,table#categoryquestions th { + font-size: 11px; + font-weight: 200; + text-decoration: none; + color: #fff !important; + border-top: 1px #ccc solid !important; + padding: 5px; +} + +table#categoryquestions th a { + color: #fff; +} + +.generaltable .header a,.forumheaderlist .header a, th.header.questionnametext a { + border: none; + color: #fff !important; + font-size: 12px; + text-decoration: none; + padding: 5px; +} + +tr.r1 td { + background-color: #f9f9f9; +} + +table.rolecap td, table.rolecap th { + border-bottom: 1px solid #dadada; +} + +table.rolecap td.risk { + border-left: 1px solid #dadada; +} + +/** Coursebox and category box stuff for front page **/ + +ul.unlist, ul.unlist li, ul.unlist li div, ul.unlist li div ul, ul.unlist li div ul li { + list-style-type: none; + padding: 0; + margin: 0; +} + +div.coursebox { + padding-bottom: 7px !important; + margin-bottom: 7px !important; + border-bottom: 1px solid #eee; +} + +div.coursebox h3.name { + margin-top: 0px; + margin-bottom: 0px; +} + +div.coursebox h3.name a { + font-size: 16px; + font-weight: 400; +} + +.unlist div.summary { + font-size: 14px; + color: #666666; + font-style: italic; +} + +.unlist ul.teachers { + display: block; + padding-left: 5px !important; +} + +.unlist ul.teachers li { + font-size: 10px; +} + +.unlist ul.teachers li a { + font-size: 11px; +} + +div.categorybox { + border: none !important; + margin-top: 0; +} + +td.category.name a { + padding-left: 20px; + background-image: url([[pix:theme|jcourse]]) no-repeat 0 50%; + font-weight: 400; + font-size: 16px; +} + +#course-index td.category.name a { + padding-left: 0px; + background-image: none; +} + +table.categorylist td { + padding: 0; +} + +div.course_category_tree a { + font-size: 16px; + font-weight: 400; + text-decoration: none; +} + +div.course_category_tree div.category,div.course_category_tree div.category_label,div.course_category_tree div.courses { + margin-bottom: 8px; +} + +div.course_category_tree div.category.with_children div.category_label { + background-position: 0 55% !important; +} + +div.course_category_tree div.course.odd { + background: #eee; +} + +div.course_category_tree div.course a { + font-size: 14px; +} + +div.category.subcategory.with_children { + margin-left: 20px; +} + +div.course_category_tree div.controls { + font-size: 10px; + color: #666; + text-transform: uppercase; +} + +div.course_category_tree div.controls div { + margin-top: 3px; + margin-right: 10px; + border-bottom: 1px solid #dadada; +} + +/** inside of course **/ + +li.section { + border-bottom: 1px solid #dadada; + clear: both; + min-height: 30px; +} + +li#section-0 div.content { + margin-top: 0px; + padding-top: 0px; +} + +li.current { + background: #ffffe3; +} + +li.current div.content { + background: #fff; +} + +h3.weekdates { + border: 1px solid #ccc; + background: #eeeeee url([[pix:theme|bart5]]) repeat-x; + width: 170px; + font-size: 11px !important; + font-weight: 200; + text-transform: uppercase; + text-align: center; + margin: 0px 0px 3px; + color: #333333 !important; + padding: 3px; +} + +.current h3.weekdates { + color: black !important; + font-weight: 600; +} + +div.course-content div.left.side { + font-weight: 200; + font-size: 20px; + font-family: Georgia, serif; + color: #666; +} + +span.completionprogress { + font-size: 11px; + font-weight: 200; +} + +/**my moodle page style **/ + +div.assignment.overview { + margin-bottom: 5px; + padding-bottom: 3px; + border-bottom: 1px dashed #dadada; +} + +div.assignment.overview div.name { + font-weight: 600; +} + +div.assignment.overview div { + display: block !important; + float: none !important; + width: 100% !important; +} + +#page-my-index div.coursebox { + border-bottom: none; +} + + +/** glossary activity **/ + +table.glossarycategoryheader h2.main { + text-align: center; + margin-bottom: 0; + margin-top: 0; +} + +table.glossarypost { + margin-top: 0; + width: 100%; + border-bottom: 1px dashed #dadada; +} + +table.glossarypost td.entry h3 { + font-size: 20px; +} + +/** a few quick wiki styles **/ + +#page-mod-wiki-view div.generalbox { + padding: 10px; +} + +#page-mod-wiki-view h2.wiki_headingtitle { + font-size: 22px; + font-family: Georgia, serif; + color: #333333; + font-weight: 600; + text-align: left; + margin-bottom: 3px; + margin-top: 2px; +} + +/**HR in content blocks **/ + +.content hr { + height: 1px; + color: #dadada; + background-color: #dadada !important; + border: none; + border-style: none; +} + +/** some MISC styles to clean things up and keep the theme consistant **/ + +div#intro { + border: none; + text-align: center; + font-size: 14px; + color: #333333; +} + +div.que { + border: 1px solid #dadada; +} + +div.questionbankwindow.block div.header { + background: #eee !important; +} + +div.questionbankwindow.block div.header a { + color: #333333 !important; + font-size: 11px; +} + +div.generalbox, div.section { + border: 1px solid #dadada; +} + +/** take borders away from some generalboxes here **/ + +div.generalbox.sitetopic, div.generalbox.authsui,#page-course-info div.generalbox, #page-admin-roles-assign div.generalbox, table.roleassigntable, table.roleassigntable td, #page-blocks-private-edit div.generalbox { + border: none; +} + +div.generalbox.firstpageoptions h3.main { + font-size: 16px; +} + +div.redirectmessage { + width: 60%; + margin: 10px auto 0 auto; + border: none; + font-size: 13px; + background: #fff url([[pix:theme|ajax-loader]]) no-repeat 50% 100%; + padding: 20px; +} + +div.box.errorbox { + border: 1px solid #dadada; + color: #ff0000; + background: #fff url([[pix:theme|error]]) no-repeat 1% 3%; + padding: 10px; +} + +div#newmessageoverlay { + padding: 10px; +} + +div#newmessageoverlay a { + text-decoration: none; + font-size: 11px; +} + +#page-mod-page-view div.generalbox { + border-left: none; + border-right: none; + border-top: none; +} + +/** fix overflow on quiz results display **/ + +div#tablecontainer { + overflow: auto; + margin-bottom: 10px; +} + +div.course-content div.availabilityinfo { + font-size: 11px; + font-style: italic; + padding: 2px; + border-bottom: 1px dashed #dadada; + margin-bottom: 10px; +} + +/** login form **/ + +.twocolumns div.loginpanel { + border-right: 1px dashed #dadada !important; +} + +div.forgetpass { + clear: both; +} + +div.loginform { + width: 50% !important; +} + +div.loginform div.form-input input { + width: 90px !important; +} + +div.loginform label { + line-height: 20px; +} + +div.signuppanel { + float: right !important; + width: 40% !important; + margin-left: 0px; + padding-left: 0px; +} + +div.singlebutton.forumaddnew { + text-align: center; +} + +#page-course-info h2.main { + line-height: 5px; + margin-bottom: 5px; +} + +#page-course-info div.generalbox ul, #page-course-info div.generalbox li { + list-style-type: none; +} \ No newline at end of file diff --git a/theme/magazine/style/css3.css b/theme/magazine/style/css3.css new file mode 100644 index 00000000000..bd4b100dfe3 --- /dev/null +++ b/theme/magazine/style/css3.css @@ -0,0 +1,22 @@ +#outercontainer { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +#container, #innercontainer { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +div.yui3-menu.yui3-menu-horizontal { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} + +div.yui3-widget.yui3-overlay, div.yui3-menu.custom_menu_submenu div.yui3-menu-content, div.dockeditempanel_content { + -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); +} \ No newline at end of file diff --git a/theme/magazine/style/layout.css b/theme/magazine/style/layout.css new file mode 100644 index 00000000000..f6dc5a1dc4d --- /dev/null +++ b/theme/magazine/style/layout.css @@ -0,0 +1,148 @@ +#page-content { + clear: both; + float: left; + overflow: visible; + position: relative; + width: 100%; +} + +#page-content #region-main-box { + float: left; + right: 23%; + position: relative; + width: 100%; + border: 0px solid #3333cc; +} + +#page-content #region-post-box { + float: left; + right: 54%; + position: relative; + width: 100%; + border: 0px solid #3333cc; +} + +#page-content #region-main { + float: left; + left: 101%; + overflow: visible; + position: relative; + width: 52%; +} + +#page-content #region-pre { + float: left; + left: 26%; + overflow: visible; + position: relative; + width: 21%; +} + +#page-content #region-post { + float: left; + left: 82%; + overflow: visible; + position: relative; + width: 21%; +} + +#page-content .region-content { + overflow: visible; + padding: 10px 0; + border: 0px solid #3333cc; +} + +#page-content { + overflow: hidden +} + +/** Only side pre **/ + +.side-pre-only #page-content #region-main-box { + right: 0%; +} + +.side-pre-only #page-content #region-main-box #region-post-box { + right: 77%; +} + +.side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { + left: 100%; + width: 77%; +} + +.side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main .region-content { + overflow: hidden; + padding: 20px 10px; + padding-top: 10px; +} + +.side-pre-only #page-content #region-main-box #region-post-box #region-pre { + left: 1%; + width: 21%; +} + +.side-pre-only #page-content #region-main-box #region-post-box #region-post { + width: 0%; +} + +/** Only side post **/ + +.side-post-only #page-content #region-main-box { + right: 23%; +} + +.side-post-only #page-content #region-main-box #region-post-box { + right: 76%; +} + +.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { + left: 100%; + width: 77%; +} + +.side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main .region-content { + overflow: hidden; + padding: 20px 10px; +} + +.side-post-only #page-content #region-main-box #region-post-box #region-post { + left: 100%; + width: 21%; +} + +.has_dock.side-post-only .page-middle #region-main-box #region-post-box #region-main-wrap #region-main { + margin-left: 23%; +} + +/** No blocks whatsoever **/ + +.content-only #page-content #region-main-box { + right: 0%; +} + +.content-only #page-content #region-main-box #region-post-box { + right: 100%; +} + +.content-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main { + width: 98%; +} + +.content-only #page-content #region-main-box #region-post-box #region-pre { + width: 0%; +} + +#region-pre { + padding-top: 0px; +} + +/** fix for some extra padding in side-post-only view **/ + +.side-post-only div.region-content { + padding-top: 0px !important; +} + +#region-post { + padding-top: 0px; +} \ No newline at end of file