adding core theme magazine. MDL-23620
authorjohn St <jstabinger@gmail.com>
Mon, 2 Aug 2010 19:09:55 +0000 (19:09 +0000)
committerjohn St <jstabinger@gmail.com>
Mon, 2 Aug 2010 19:09:55 +0000 (19:09 +0000)
42 files changed:
theme/magazine/config.php [new file with mode: 0644]
theme/magazine/lang/en/theme_magazine.php [new file with mode: 0644]
theme/magazine/layout/embedded.php [new file with mode: 0644]
theme/magazine/layout/frontpage.php [new file with mode: 0644]
theme/magazine/layout/general.php [new file with mode: 0644]
theme/magazine/lib.php [new file with mode: 0644]
theme/magazine/pix/ajax-loader.gif [new file with mode: 0644]
theme/magazine/pix/alert-overlay.png [new file with mode: 0644]
theme/magazine/pix/bart5.png [new file with mode: 0644]
theme/magazine/pix/bg4.jpg [new file with mode: 0644]
theme/magazine/pix/breadcrumb_separator_arrow_2_dots.png [new file with mode: 0644]
theme/magazine/pix/check.png [new file with mode: 0644]
theme/magazine/pix/contback.png [new file with mode: 0644]
theme/magazine/pix/dockarrow.png [new file with mode: 0644]
theme/magazine/pix/error.png [new file with mode: 0644]
theme/magazine/pix/favicon.ico [new file with mode: 0644]
theme/magazine/pix/hr_grid.png [new file with mode: 0644]
theme/magazine/pix/information.png [new file with mode: 0644]
theme/magazine/pix/logo.png [new file with mode: 0644]
theme/magazine/pix/mbar.png [new file with mode: 0644]
theme/magazine/pix/menubarback.png [new file with mode: 0644]
theme/magazine/pix/post_grid.png [new file with mode: 0644]
theme/magazine/pix/postline.png [new file with mode: 0644]
theme/magazine/pix/screenshot.png [new file with mode: 0644]
theme/magazine/pix/yuiarrow.png [new file with mode: 0644]
theme/magazine/pix/yuiarrows.png [new file with mode: 0644]
theme/magazine/pix_core/docs.png [new file with mode: 0644]
theme/magazine/pix_core/help.png [new file with mode: 0644]
theme/magazine/pix_core/i/all.png [new file with mode: 0644]
theme/magazine/pix_core/i/info.png [new file with mode: 0644]
theme/magazine/pix_core/i/navigationitem.png [new file with mode: 0644]
theme/magazine/pix_core/i/one.png [new file with mode: 0644]
theme/magazine/pix_core/t/block_to_dock.png [new file with mode: 0644]
theme/magazine/pix_core/t/collapsed.png [new file with mode: 0644]
theme/magazine/pix_core/t/delete.png [new file with mode: 0644]
theme/magazine/pix_core/t/dock_to_block.png [new file with mode: 0644]
theme/magazine/pix_core/t/expanded.png [new file with mode: 0644]
theme/magazine/settings.php [new file with mode: 0644]
theme/magazine/style/colors.css [new file with mode: 0644]
theme/magazine/style/core.css [new file with mode: 0644]
theme/magazine/style/css3.css [new file with mode: 0644]
theme/magazine/style/layout.css [new file with mode: 0644]

diff --git a/theme/magazine/config.php b/theme/magazine/config.php
new file mode 100644 (file)
index 0000000..4c3c4c6
--- /dev/null
@@ -0,0 +1,210 @@
+<?php
+
+$THEME->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 = "&#60";
+
+////////////////////////////////////////////////////
+// Overrides the left arrow image used throughout 
+// Moodle
+////////////////////////////////////////////////////
+
+ //$THEME->rarrow = "&#62";    
+
+////////////////////////////////////////////////////
+// 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 (file)
index 0000000..080bb1a
--- /dev/null
@@ -0,0 +1,34 @@
+<?php
+$string['pluginname'] = 'magazine';
+$string['region-side-post'] = 'Right';
+$string['region-side-pre'] = 'Left';
+$string['choosereadme'] = '<div class="clearfix"><div class="theme_screenshot"><h2>Magazine</h2><img src="magazine/pix/screenshot.png" /><h3>Theme Discussion Forum:</h3><p><a href="http://moodle.org/mod/forum/view.php?id=46">http://moodle.org/mod/forum/view.php?id=46</a></p><h3>Theme Credits</h3><p><a href="http://docs.moodle.org/en/Theme_credits">http://docs.moodle.org/en/Theme_credits</a></p><h3>Theme Documentation:</h3><p><a href="http://docs.moodle.org/en/Themes">http://docs.moodle.org/en/Themes</a></p><h3>Report a bug:</h3><p><a href="http://tracker.moodle.org">http://tracker.moodle.org</a></p></div><div class="theme_description"><h2>About</h2><p>Magazine is a three column fluid-width theme for Moodle 2.0. <h2>Tweaks</h2><p>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 <a href="http://docs.moodle.org/en/Theme">MoodleDocs</a>.</p><h3>License</h3><p>This, and all other themes included in the Moodle core, are licensed under the <a href="http://www.gnu.org/licenses/gpl.html">GNU General Public License</a>. Some icons used in this theme are from the Splashy Icon set and are freely available at http://splashyfish.com/icons/. </div></div>';
+$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 (file)
index 0000000..fa4e8ed
--- /dev/null
@@ -0,0 +1,22 @@
+<?php echo $OUTPUT->doctype() ?>
+<html <?php echo $OUTPUT->htmlattributes() ?>>
+<head>
+    <title><?php echo $PAGE->title ?></title>
+    <link rel="shortcut icon" href="<?php echo $OUTPUT->pix_url('favicon', 'theme')?>" />
+    <?php echo $OUTPUT->standard_head_html() ?>
+</head>
+<body id="<?php echo $PAGE->bodyid ?>" class="<?php echo $PAGE->bodyclasses ?>">
+<?php echo $OUTPUT->standard_top_of_body_html() ?>
+
+<div id="page">
+<!-- END OF HEADER -->
+
+    <div id="content" class="clearfix">
+        <?php echo core_renderer::MAIN_CONTENT_TOKEN ?>
+    </div>
+
+<!-- START OF FOOTER -->
+</div>
+<?php echo $OUTPUT->standard_end_of_body_html() ?>
+</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 (file)
index 0000000..4f8ea36
--- /dev/null
@@ -0,0 +1,187 @@
+<?php
+$hasheading = ($PAGE->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() ?>
+<html <?php echo $OUTPUT->htmlattributes() ?>>
+<head>
+    <title><?php echo $PAGE->title ?></title>
+    <link rel="shortcut icon" href="<?php echo $OUTPUT->pix_url('favicon', 'theme')?>" />
+    <?php echo $OUTPUT->standard_head_html() ?>
+</head>
+<body id="<?php echo $PAGE->bodyid ?>" class="<?php echo $PAGE->bodyclasses.' '.join(' ', $bodyclasses) ?>">
+<?php echo $OUTPUT->standard_top_of_body_html() ?>
+
+<div id="page">
+
+<!-- start of header -->
+       <div id="header-wrap">
+               <div id="header-container">
+                       <div id="header">
+                       
+                               <div id="headleft">
+                               </div>
+                               <div id="headright">
+                               <?php if ($hasheading) { 
+                       echo $OUTPUT->lang_menu();
+                       echo $OUTPUT->login_info();
+                       echo $PAGE->headingmenu;
+               } ?>
+                               </div>
+                       
+                       </div>
+               </div>
+       </div>
+<!-- end of header -->
+
+<!-- start of logo and menu section -->
+       <div id="textcontainer-wrap">
+               <div id="textcontainer">
+               <?php if (!empty($PAGE->theme->settings->logo)) { ?>
+                       <div class="thetitle">
+                               <div class="innertitle">
+                               </div>
+                       </div>
+               <?php } else { ?>
+                       <div id="nologo">
+                               <a href="<?php echo $CFG->wwwroot; ?>" title="Home"><?php echo $PAGE->heading ?></a>
+                       </div>
+                       <?php } ?>
+
+               <div class="rightinfo">
+                       <div id="menucontainer-wrap">
+                               <div id="menucontainer">
+                               <?php if ($hascustommenu) { ?>
+                                       <div id="custommenu"><?php echo $custommenu; ?></div>
+                               <?php } ?>
+
+                                       </div>
+                               </div>
+                       </div>
+
+               </div>
+       </div>
+
+<!-- end of logo and menu section -->
+
+
+<!-- start of main content wraps -->
+       <div id="ie6-container-wrap">
+               <div id="outercontainer">
+                       <div id="container">
+                               <div id="innercontainer">
+       
+                                       <div id="jcontrols_button">
+                                               <div class="jcontrolsleft">
+                                               <?php if ($hasnavbar) { ?>
+                                               <div class="navbar clearfix">
+                                               <div class="breadcrumb"> <?php echo $OUTPUT->navbar();  ?></div>
+            
+                                               </div>
+                                       <?php } ?>
+                                               </div>
+       
+                                               <div class="jcontrolsright">
+                                               <?php if ($hasnavbar) { 
+                                                       echo $PAGE->button; 
+                                               } ?>
+                                               </div>
+                                       </div>
+       
+       <!-- start OF moodle CONTENT -->
+                               <div id="page-content">
+                               <div id="region-main-box">
+                               <div id="region-post-box">
+            
+                                               <div id="region-main-wrap">
+                                               <div id="region-main">
+                                                       <div class="region-content">
+         
+                                               <?php echo core_renderer::MAIN_CONTENT_TOKEN ?>
+                                                       </div>
+                                               </div>
+                                               </div>
+                
+                       <?php if ($hassidepre) { ?>
+                               <div id="region-pre" class="block-region">
+                       <div class="region-content">
+                   
+        
+                               <?php echo $OUTPUT->blocks_for_region('side-pre') ?>
+                       </div>
+                       </div>
+                       <?php } ?>
+                
+                       <?php if ($hassidepost) { ?>
+                       <div id="region-post" class="block-region">
+                       <div class="region-content">
+                   
+                               <?php echo $OUTPUT->blocks_for_region('side-post') ?>
+                       </div>
+                       </div>
+                       <?php } ?>
+                
+                               </div>
+                               </div>
+                                </div>
+    <!-- END OF CONTENT --> 
+      
+                        <div id="jcontrols_bottom">
+                       </div>
+       
+       <!-- Containers end div above clears both -->
+                               </div>
+                       </div>
+               </div>  
+       </div>
+
+<!-- START OF FOOTER -->
+       <div id="footer-wrap">
+               <div id="footer-container">
+                       <div id="footer">
+               
+                        <?php if ($hasfooter) { 
+                               echo "<div class='johndocsleft'>";
+                       echo $OUTPUT->login_info();
+                               echo $OUTPUT->home_link();
+                       echo $OUTPUT->standard_footer_html();
+                       echo "</div>";
+                               } ?>
+         
+                       <?php if ($hasfooter) { ?>
+                       <div class="johndocs">
+                               <?php echo page_doc_link(get_string('moodledocslink')) ?>
+                               </div>
+                       <?php } ?>
+        
+                       </div>
+               </div>
+       </div>
+
+
+</div>
+
+
+<?php echo $OUTPUT->standard_end_of_body_html() ?>
+</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 (file)
index 0000000..f1accba
--- /dev/null
@@ -0,0 +1,190 @@
+<?php
+$hasheading = ($PAGE->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() ?>
+<html <?php echo $OUTPUT->htmlattributes() ?>>
+<head>
+    <title><?php echo $PAGE->title ?></title>
+    <link rel="shortcut icon" href="<?php echo $OUTPUT->pix_url('favicon', 'theme')?>" />
+    <?php echo $OUTPUT->standard_head_html() ?>
+</head>
+<body id="<?php echo $PAGE->bodyid ?>" class="<?php echo $PAGE->bodyclasses.' '.join(' ', $bodyclasses) ?>">
+<?php echo $OUTPUT->standard_top_of_body_html() ?>
+
+<div id="page">
+
+<!-- start of header -->
+       <div id="header-wrap">
+               <div id="header-container">
+                       <div id="header">
+                       
+                               <div id="headleft">
+                                       <?php if ($hasheading && !empty($PAGE->theme->settings->logo)) { 
+                                       echo $PAGE->heading;
+                                       } ?>
+                               </div>
+                               <div id="headright">
+                               <?php if ($hasheading) { 
+                       echo $OUTPUT->lang_menu();
+                       echo $OUTPUT->login_info();
+                       echo $PAGE->headingmenu;
+               } ?>
+                               </div>
+                       
+                       </div>
+               </div>
+       </div>
+<!-- end of header -->
+
+<!-- start of logo and menu section -->
+       <div id="textcontainer-wrap">
+               <div id="textcontainer">
+               <?php if (!empty($PAGE->theme->settings->logo)) { ?>
+                       <div class="thetitle">
+                               <div class="innertitle">
+                               </div>
+                       </div>
+               <?php } else { ?>
+                       <div id="nologo">
+                               <a href="<?php echo $CFG->wwwroot; ?>" title="Home"><?php echo $PAGE->heading ?></a>
+                       </div>
+                       <?php } ?>
+
+               <div class="rightinfo">
+                       <div id="menucontainer-wrap">
+                               <div id="menucontainer">
+                               <?php if ($hascustommenu) { ?>
+                                       <div id="custommenu"><?php echo $custommenu; ?></div>
+                               <?php } ?>
+
+                                       </div>
+                               </div>
+                       </div>
+
+               </div>
+       </div>
+
+<!-- end of logo and menu section -->
+
+
+<!-- start of main content wraps -->
+       <div id="ie6-container-wrap">
+               <div id="outercontainer">
+                       <div id="container">
+                               <div id="innercontainer">
+       
+                                       <div id="jcontrols_button">
+                                               <div class="jcontrolsleft">
+                                               <?php if ($hasnavbar) { ?>
+                                               <div class="navbar clearfix">
+                                               <div class="breadcrumb"> <?php echo $OUTPUT->navbar();  ?></div>
+            
+                                               </div>
+                                       <?php } ?>
+                                               </div>
+       
+                                               <div class="jcontrolsright">
+                                               <?php if ($hasnavbar) { 
+                                                       echo $PAGE->button; 
+                                               } ?>
+                                               </div>
+                                       </div>
+       
+       <!-- start OF moodle CONTENT -->
+                               <div id="page-content">
+                               <div id="region-main-box">
+                               <div id="region-post-box">
+            
+                                               <div id="region-main-wrap">
+                                               <div id="region-main">
+                                                       <div class="region-content">
+         
+                                               <?php echo core_renderer::MAIN_CONTENT_TOKEN ?>
+                                                       </div>
+                                               </div>
+                                               </div>
+                
+                       <?php if ($hassidepre) { ?>
+                               <div id="region-pre" class="block-region">
+                       <div class="region-content">
+                   
+        
+                               <?php echo $OUTPUT->blocks_for_region('side-pre') ?>
+                       </div>
+                       </div>
+                       <?php } ?>
+                
+                       <?php if ($hassidepost) { ?>
+                       <div id="region-post" class="block-region">
+                       <div class="region-content">
+                   
+                               <?php echo $OUTPUT->blocks_for_region('side-post') ?>
+                       </div>
+                       </div>
+                       <?php } ?>
+                
+                               </div>
+                               </div>
+                                </div>
+    <!-- END OF CONTENT --> 
+      
+                        <div id="jcontrols_bottom">
+                       </div>
+       
+       <!-- Containers end div above clears both -->
+                               </div>
+                       </div>
+               </div>  
+       </div>
+
+<!-- START OF FOOTER -->
+       <div id="footer-wrap">
+               <div id="footer-container">
+                       <div id="footer">
+               
+                        <?php if ($hasfooter) { 
+                               echo "<div class='johndocsleft'>";
+                       echo $OUTPUT->login_info();
+                               echo $OUTPUT->home_link();
+                       echo $OUTPUT->standard_footer_html();
+                       echo "</div>";
+                               } ?>
+         
+                       <?php if ($hasfooter) { ?>
+                       <div class="johndocs">
+                               <?php echo page_doc_link(get_string('moodledocslink')) ?>
+                               </div>
+                       <?php } ?>
+        
+                       </div>
+               </div>
+       </div>
+
+
+</div>
+
+
+<?php echo $OUTPUT->standard_end_of_body_html() ?>
+</body>
+</html>
\ No newline at end of file
diff --git a/theme/magazine/lib.php b/theme/magazine/lib.php
new file mode 100644 (file)
index 0000000..52c9d42
--- /dev/null
@@ -0,0 +1,185 @@
+<?php
+
+/**
+ * Makes our changes to the CSS
+ *
+ * @param string $css
+ * @param theme_config $theme
+ * @return string 
+ */
+function magazine_process_css($css, $theme) {
+
+    // Set the link color
+    if (!empty($theme->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 (file)
index 0000000..d42f72c
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 (file)
index 0000000..222cdc9
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 (file)
index 0000000..dfa84b0
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 (file)
index 0000000..f8e5aed
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 (file)
index 0000000..082aafb
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 (file)
index 0000000..a902364
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 (file)
index 0000000..26cf84f
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 (file)
index 0000000..cbe4ee2
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 (file)
index 0000000..3dd3b55
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 (file)
index 0000000..13c167c
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 (file)
index 0000000..b157dfc
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 (file)
index 0000000..ada1f1e
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 (file)
index 0000000..baaee94
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 (file)
index 0000000..57035db
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 (file)
index 0000000..b23b3b9
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 (file)
index 0000000..521b9b1
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 (file)
index 0000000..408d03d
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 (file)
index 0000000..9d5e4de
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 (file)
index 0000000..89fcfbe
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 (file)
index 0000000..a68f1d8
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 (file)
index 0000000..ada1f1e
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 (file)
index 0000000..0e41b83
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 (file)
index 0000000..459c16c
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 (file)
index 0000000..ada1f1e
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 (file)
index 0000000..1b70ad7
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 (file)
index 0000000..eedeffd
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 (file)
index 0000000..f6e1283
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 (file)
index 0000000..59ba1ce
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 (file)
index 0000000..9d06f5b
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 (file)
index 0000000..bf1565d
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 (file)
index 0000000..233ac84
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 (file)
index 0000000..fc2a648
--- /dev/null
@@ -0,0 +1,84 @@
+<?php
+
+// Create our admin page
+$temp = new admin_settingpage('theme_magazine', get_string('configtitle','theme_magazine'));
+
+       // Background image setting
+       $name = 'theme_magazine/background';
+       $title = get_string('background','theme_magazine');
+       $description = get_string('backgrounddesc', 'theme_magazine');
+       $setting = new admin_setting_configtext($name, $title, $description, '', PARAM_URL);
+       $temp->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 (file)
index 0000000..15da183
--- /dev/null
@@ -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 (file)
index 0000000..73b1846
--- /dev/null
@@ -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 (file)
index 0000000..bd4b100
--- /dev/null
@@ -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 (file)
index 0000000..f6dc5a1
--- /dev/null
@@ -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