IMPORTANT CHANGE TO THEMES!

This is the new standard theme, based on the excellent work by Urs Hunkler (and I believe David Scotson had an influence) who has started rationalising the old mess. I've made this a very neutral, almost white theme. [ Come to think of it maybe I've been looking at iPods and Mac Minis a bit too much recently. ;-) ] The idea is that the standard styles will be included by all other themes (including custom themes) before local overriding styles are applied. This means that upgrades will cause less problems for custom themes. It's a bit like the language packs, where "en" is always referenced when a local language string isn't found. PROGRAMMERS: All new styles MUST go into this "standard" theme, and the default colours should match the plain white look. Once this theme settles down a bit we need to upgrade all the other packaged themes accordingly.
moodle · Jan 25, 2005 · a8e1f34 · a8e1f34
1 parent 78bf592
commit a8e1f34
Show file tree

Hide file tree

Showing 11 changed files with 1,232 additions and 839 deletions.
diff --git a/theme/standard/README.html b/theme/standard/README.html
@@ -0,0 +1,22 @@
+<h3>STANDARD THEME</h3>
+<hr />
+
+<p>Moodle's default theme is a very neutral grey/white theme.</p>
+
+<p>This theme is always the most up-to date.</p>
+
+<p>Programmers working on Moodle should always design for this 
+theme, and add new styles to this theme.</p>
+
+<p>Other themes should always reference the style sheet from 
+this theme before defining their own styles to augment or
+replace the standard styles.  In this way custom themes 
+are not as affected by Moodle upgrades.</p>
+
+
+<p>The standard stylesheet is:
+<pre>
+   $CFG->wwwroot/theme/standard/styles.php
+</pre>
+</p>
+
diff --git a/theme/standard/docstyles.php b/theme/standard/docstyles.php
@@ -0,0 +1,102 @@
+<?PHP /*  $Id$ */
+
+/// We use PHP so we can do value substitutions into the styles
+
+    if (!isset($themename)) {
+        $themename = NULL;
+    }
+
+    $nomoodlecookie = true;
+    require_once("../../config.php");
+    $themeurl = style_sheet_setup(filemtime("styles.php"), 300, $themename);
+
+///
+/// You can hardcode colours in this file if you
+/// don't care about this.
+
+?>
+body {
+    background-color:#FFFFFF;
+}
+p, a {
+    font-size:small;
+}
+
+h1, h2, h3 {
+    padding-left:0px;
+    background-color:transparent;
+    color:#000000;
+}
+
+h1 {
+    font-size:1.7em; 
+    margin:0.5em 0 0;
+}
+
+h2 {
+    font-size:1.4em;
+    margin:0.5em 0 0;
+}
+
+h3 {
+    font-size:1.2em;
+    margin:0.5em 0 0;
+}
+
+
+li {
+	margin-bottom: 10px;
+}
+
+ul {
+	margin-top: 10px;
+}
+
+.question {
+    font-size: medium;
+    font-weight: bold;
+    border: 1px dotted;
+    padding: 10px;
+    background-color: #EEEEEE;
+}
+
+.answer {
+    font-size: medium;
+    border: none;
+    padding-left: 40px;
+}
+
+.normaltext {
+	font-size: medium;
+	border: none;
+	margin-left: 30px;
+}
+
+.answercode {
+    font-family: "Courier New", Courier, mono;
+    font-size: small;
+    border: none;
+    padding-left: 60px;
+}
+
+.questionlink {
+    font-size: medium;
+    border: none;
+    padding-left: 40px;
+}
+
+.examplecode {
+	font-family: "Courier New", Courier, mono;
+	font-size: small;
+	border: thin dashed #999999;
+	background-color: #FBFBFB;
+	margin: auto;
+    margin-top: 0.5em;
+	padding: 30px;
+	height: auto;
+	width: auto;
+}
+
+.spaced {
+	margin-bottom: 30px;
+}
diff --git a/theme/standard/footer.html b/theme/standard/footer.html
@@ -1,9 +1,20 @@
 
+</div> <!-- end div containerContent -->
 <!-- START OF FOOTER -->
+<div id="footer">
 <center>
 <hr size="1" noshade="noshade" />
 <p class="logininfo"><?php echo $loggedinas ?></p>
 <p class="homelink"><?php echo $homelink ?></p>
+<?php if (isadmin()) { ?>
+<hr size="1" noshade="noshade" />
+<p>
+<a href="http://validator.w3.org/check?verbose=1&amp;ss=1&amp;uri=<?php echo urlencode(qualified_me()) ?>">Validate HTML</a> |
+<a href="http://www.contentquality.com/mynewtester/cynthia.exe?rptmode=-1&amp;url1=<?php echo urlencode(qualified_me()) ?>">Section 508 Check</a>
+</p>
+<?php } ?>
 </center>
+</div>
+</div>
 </body>
 </html>
diff --git a/theme/standard/gradient.jpg b/theme/standard/gradient.jpg
diff --git a/theme/standard/header.html b/theme/standard/header.html
@@ -1,60 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html<?php echo $direction ?>>
 <head>
-<?php echo $meta ?>
-<title><?php echo $title ?></title>
-<meta name="keywords" content="moodle, <?php echo $title ?> " />
-<link rel="stylesheet" type="text/css" href="<?php echo $styles ?>" />
-<link rel="shortcut icon" href="<?php echo "$CFG->wwwroot/theme/$CFG->theme" ?>/favicon.ico" />
-<?php include("$CFG->javascript"); ?>
+    <?php echo $meta ?>
+    <meta name="keywords" content="moodle, <?php echo $title ?> " />
+    <title><?php echo $title ?></title>
+    <link rel="stylesheet" type="text/css" href="<?php echo $styles ?>" />
+    <link rel="shortcut icon" href="<?php echo "$CFG->wwwroot/theme/$CFG->theme" ?>/favicon.ico" />
+    <?php include("$CFG->javascript"); ?>
 </head>
 
-<body<?php 
-   echo " $bodytags";
-   if ($focus) { 
-       echo " onload=\"setfocus()\""; 
-   } 
-   echo " bgcolor=\"$THEME->body\">";
+<body<?php
+    echo " $bodytags";
+    if ($focus) {
+        echo " onload=\"setfocus()\"";
+    }
+    echo " bgcolor=\"$THEME->body\">";
+    ?>
+
+<div id="page">
+
+<?php if ($home) {  // This is what gets printed on the home page only  
 ?>
-
-<?php if ($home) {  // This is what gets printed on the home page only  ?>
-
-  <table width="100%" cellpadding="10" cellspacing="0" border="0" class="headerhome">
-    <tr>
-      <td valign="top" class="headerhomemain"><?php echo $heading?></td>
-      <td align="right" valign="top" class="headerhomemenu"><?php echo $menu ?></td>
-    </tr>
-  </table>
-
-<?php } else if ($heading) {  // This is what gets printed on any other page with a heading ?>
-
-  <table width="100%" cellpadding="0" cellspacing="0" border="0" class="header">
-    <tr>
-      <td valign="top" class="headermain"><?php echo $heading?></td>
-      <td align="right" valign="top" class="headermenu"><?php echo $menu ?></td>
-    </tr>
-  </table>
-
+    <div id="header-home">
+        <div class="headermain"><?php echo $heading ?></div>
+        <div class="headermenu"><?php echo $menu ?></div>
+    </div>
+<?php } else if ($heading) {  // This is what gets printed on any other page with a heading 
+?>
+    <div id="header">
+        <div class="headermain"><?php echo $heading ?></div>
+        <div class="headermenu"><?php echo $menu ?></div>
+    </div>
 <?php } ?>
-
-
+    <div class="clearer">&nbsp;</div>
 <?php if ($navigation) { // This is the navigation table with breadcrumbs  ?>
-
-  <table border="0" cellpadding="3" cellspacing="0" width="100%">
-    <tr>
-      <td bgcolor="<?php echo $THEME->cellheading?>" class="navbar">
-        <font size="2"><b><?php print_navigation("$navigation"); ?></b></font>
-      </td>
-      <td bgcolor="<?php echo $THEME->cellheading?>" class="navbar" align="right" width="20" valign="top"><?php 
-          echo $button;
-      ?></td>
-    </tr>
-  </table>
-  <img src="<?php echo $CFG->wwwroot?>/pix/spacer.gif" alt="" height="5" width="1" /><br />
-
-<?php } else if ($heading) { // If no navigation, but a heading, then print a line  ?>
-
-  <hr size="1" noshade="noshade" />
-
+    <div id="nav-bar">
+        <div id="breadcrumb"><?php print_navigation("$navigation"); ?></div>
+        <div id="navbutton"><?php echo $button; ?></div>
+    </div>
+<?php } else if ($heading) { // If no navigation, but a heading, then print a line  
+?>
+        <hr size="1" noshade="noshade" />
 <?php } ?>
-
-<!-- END OF HEADER -->
+    <div class="clearer">&nbsp;</div>
+    <!-- END OF HEADER -->
+    <div id="containerContent">
diff --git a/theme/standard/styles.css b/theme/standard/styles.css
@@ -0,0 +1,53 @@
+/*  $Id$ */
+
+.siteinfocontent { }
+
+.generaltable { }
+
+.generaltablecell { }
+
+.sideblocklinks { }
+
+.forumpostpicture { }
+
+.weeklyoutline { }
+
+.weeklyoutlineside { }
+
+.weeklyoutlinesidehighlight { }
+
+.topicsoutline { }
+
+.topicsoutlineside { }
+
+.topicsoutlinesidehighlight { }
+
+.siteinfo { }
+
+.forumpostheader { }
+
+.forumpostheadertopic { }
+
+.forumpostheaderpicture { }
+
+.header { }
+
+.headerhome { }
+
+.headerhomemenu { }
+
+.categorybox { }
+
+.coursename { }
+
+.coursebox { }
+
+.userinfoboxsummary { }
+
+.smallinfo { }
+
+.headingblockcontent { }
+
+.eventfullheader { }
+
+.rssclientitem { }