From: moodler <moodler>
Date: Fri, 28 Jan 2005 17:26:15 +0000 (+0000)
Subject: Moving XHTML_CSS_UH to orangewhite
X-Git-Url: http://git.mjollnir.org/gw?a=commitdiff_plain;h=e7687893277a97b77ea8ad6a480caa2ff4c70b5f;p=moodle.git

Moving XHTML_CSS_UH to orangewhite
---

diff --git a/theme/orangewhite/config.php b/theme/orangewhite/config.php
new file mode 100644
index 0000000000..b8561b7f85
--- /dev/null
+++ b/theme/orangewhite/config.php
@@ -0,0 +1,31 @@
+<?PHP // $Id$
+
+////////////////////////////////////////////////////////////////////////////////
+/// This file contains a few configuration variables that control 
+/// how Moodle uses this theme.
+////////////////////////////////////////////////////////////////////////////////
+
+$THEME->custompix = false;
+
+/// If true, then this theme must have a "pix" 
+/// subdirectory that contains copies of all 
+/// files from the moodle/pix directory, plus a
+/// "pix/mod" directory containing all the icons 
+/// for all the activity modules.
+////////////////////////////////////////////////////////////////////////////////
+
+$THEME->standardsheets = array('styles_layout', 'styles_fonts', 'styles_color');
+
+/// This variable can be set to an array containing
+/// filenames from the *STANDARD* theme.  If the 
+/// array exists, it will be used to choose the 
+/// files to include in the standard style sheet.
+/// When false, then no files are used.
+/// When true or NON-EXISTENT, then ALL standard files are used.
+/// This parameter can be used, for example, to prevent 
+/// having to override too many classes.
+/// Note that the trailing '.css' should not be included
+/// eg $THEME->standardsheets = array('styles_layout', 'styles_fonts', 
+///                                   'styles_color', 'styles_moz');
+////////////////////////////////////////////////////////////////////////////////
+
diff --git a/theme/orangewhite/css.gif b/theme/orangewhite/css.gif
new file mode 100644
index 0000000000..312cde9438
Binary files /dev/null and b/theme/orangewhite/css.gif differ
diff --git a/theme/orangewhite/csshover.htc b/theme/orangewhite/csshover.htc
new file mode 100644
index 0000000000..7aa6c79e29
--- /dev/null
+++ b/theme/orangewhite/csshover.htc
@@ -0,0 +1,88 @@
+<attach event="ondocumentready" handler="parseStylesheets" />
+<script language="JScript">
+/**
+ *	PSUEDOS - V1.21.041022 - hover & active
+ *	---------------------------------------------
+ *	Peterned - http://www.xs4all.nl/~peterned/
+ *	(c) 2004 - Peter Nederlof
+ *
+ *	Credits  - Arnoud Berendsen 
+ *	         - Martin Reurings
+ *	for inspiring me and finding really sick bugs
+ *
+ *	howto: body { behavior:url("csshover.htc"); }
+ *	---------------------------------------------
+ */
+
+var currentSheet, doc = window.document;
+var activators = {
+	onhover:{on:'onmouseover', off:'onmouseout'},
+	onactive:{on:'onmousedown', off:'onmouseup'}
+}
+
+function parseStylesheets() {
+	var sheets = doc.styleSheets, l = sheets.length;
+	for(var i=0; i<l; i++) 
+		parseStylesheet(sheets[i]);
+}
+	function parseStylesheet(sheet) {
+		var l, rules, imports;
+		if(sheet.imports) {
+			imports = sheet.imports, l = imports.length;
+			for(var i=0; i<l; i++) 
+				parseStylesheet(sheet.imports[i]);
+		}
+
+		rules = (currentSheet = sheet).rules, l = rules.length;
+		for(var j=0; j<l; j++) parseCSSRule(rules[j]);
+	}
+
+	function parseCSSRule(rule) {
+		var select = rule.selectorText, style = rule.style.cssText;
+		if(!(/(^|\s)(([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active)/i).test(select) || !style) return;
+		
+		var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
+		var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
+		var className = (/\.([a-z0-9_-]*on(hover|active))/i).exec(newSelect)[1];
+		var affected = select.replace(/:hover.*$/, '');
+		var elements = getElementsBySelect(affected);
+
+		currentSheet.addRule(newSelect, style);
+		for(var i=0; i<elements.length; i++)
+			new HoverElement(elements[i], className, activators[pseudo]);
+	}
+
+function HoverElement(node, className, events) {
+	if(!node.hovers) node.hovers = {};
+	if(node.hovers[className]) return;
+	node.hovers[className] = true;
+	node.attachEvent(events.on,
+		function() { node.className += ' ' + className; });
+	node.attachEvent(events.off,
+		function() { node.className = 
+			node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
+}
+
+function getElementsBySelect(rule) {
+	var parts, nodes = [doc];
+	parts = rule.split(' ');
+	for(var i=0; i<parts.length; i++) {
+		nodes = getSelectedNodes(parts[i], nodes);
+	}	return nodes;
+}
+	function getSelectedNodes(select, elements) {
+		var result, node, nodes = [];
+		var classname = (/\.([a-z0-9_-]+)/i).exec(select);
+		var identify = (/\#([a-z0-9_-]+)/i).exec(select);
+		var tagName = (/^[a-z0-9]+/i).exec(select.toUpperCase()) || '*';
+		for(var i=0; i<elements.length; i++) {
+			result = elements[i].getElementsByTagName(tagName);
+			for(var j=0; j<result.length; j++) {
+				node = result[j];
+				if((identify && node.id != identify[1]) || (classname && !(new RegExp('\\b' +
+					classname[1] + '\\b').exec(node.className)))) continue;
+				nodes[nodes.length] = node;
+			}
+		}	return nodes;
+	}
+</script>
diff --git a/theme/orangewhite/docstyles.php b/theme/orangewhite/docstyles.php
new file mode 100644
index 0000000000..0123ea291e
--- /dev/null
+++ b/theme/orangewhite/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:90%;
+}
+
+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/orangewhite/farbstreifen_moodle.gif b/theme/orangewhite/farbstreifen_moodle.gif
new file mode 100644
index 0000000000..8bdd82568a
Binary files /dev/null and b/theme/orangewhite/farbstreifen_moodle.gif differ
diff --git a/theme/orangewhite/favicon.ico b/theme/orangewhite/favicon.ico
new file mode 100644
index 0000000000..5a7a36a68e
Binary files /dev/null and b/theme/orangewhite/favicon.ico differ
diff --git a/theme/orangewhite/footer.html b/theme/orangewhite/footer.html
new file mode 100644
index 0000000000..2a1ecf54df
--- /dev/null
+++ b/theme/orangewhite/footer.html
@@ -0,0 +1,15 @@
+
+</div> <!-- end div containerContent -->
+<!-- START OF FOOTER -->
+<div id="footer">
+<p class="logininfo"><?php echo $loggedinas ?></p>
+<p class="homelink"><?php echo $homelink ?></p>
+<p>
+<a href="http://validator.w3.org/check?verbose=1&amp;ss=1&amp;uri=<?php echo urlencode(qualified_me()) ?>"><img src="<?php echo "$CFG->wwwroot/theme/$CFG->theme" ?>/xhtml_1_0.gif" alt="XHTML Validator" /></a> 
+<a href="http://jigsaw.w3.org/css-validator/validator?uri=<?php echo urlencode(qualified_me()) ?>&amp;warning=1&amp;profile=css2&amp;usermedium=all"><img src="<?php echo "$CFG->wwwroot/theme/$CFG->theme" ?>/css.gif" alt="CSS Validator" /></a> 
+<a href="http://www.contentquality.com/mynewtester/cynthia.exe?rptmode=-1&amp;url1=<?php echo urlencode(qualified_me()) ?>"><img src="<?php echo "$CFG->wwwroot/theme/$CFG->theme" ?>/section_508.gif" alt="Section 508 Validator" /></a>
+</p>
+</div>
+</div>
+</body>
+</html>
diff --git a/theme/orangewhite/header.html b/theme/orangewhite/header.html
new file mode 100644
index 0000000000..3b533c0bbf
--- /dev/null
+++ b/theme/orangewhite/header.html
@@ -0,0 +1,48 @@
+<!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 ?>
+    <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()\"";
+    };
+    ?>
+    
+<div id="page">
+
+<?php if ($home) {  // This is what gets printed on the home page only  
+?>
+    <div id="header-home">
+        <div class="headermain"><?php echo $heading ?></div>
+        <div class="headermenu"><?php echo $menu ?></div>
+    </div>
+    <div class="clearer"></div>
+    <div id="nav-bar">
+        <div id="breadcrumb">&nbsp;</div>
+        <div id="navbutton">&nbsp;</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"></div>
+<?php if ($navigation) { // This is the navigation table with breadcrumbs  ?>
+    <div id="nav-bar">
+        <div id="breadcrumb"><?php print_navigation("$navigation"); ?></div>
+        <div id="navbutton"><?php echo $button; ?></div>
+    </div>
+<?php } ?>
+    <div class="clearer"></div>
+    <!-- END OF HEADER -->
+<div id="content">
\ No newline at end of file
diff --git a/theme/orangewhite/nostyle.css b/theme/orangewhite/nostyle.css
new file mode 100644
index 0000000000..31c52ca6a6
--- /dev/null
+++ b/theme/orangewhite/nostyle.css
@@ -0,0 +1,9 @@
+*, body, p, td,
+h1, h2, h3, h4, h5, h6
+{
+    font-style:inherit;
+    font-family:inherit;
+    font-size:100%;
+    background-color:#FFFFFF;
+    color:#000000;
+}
\ No newline at end of file
diff --git a/theme/orangewhite/section_508.gif b/theme/orangewhite/section_508.gif
new file mode 100644
index 0000000000..89e9c9a181
Binary files /dev/null and b/theme/orangewhite/section_508.gif differ
diff --git a/theme/orangewhite/styles.php b/theme/orangewhite/styles.php
new file mode 100644
index 0000000000..026a1f08cd
--- /dev/null
+++ b/theme/orangewhite/styles.php
@@ -0,0 +1,33 @@
+<?PHP /*  $Id$ */
+
+/// This PHP script is used because it provides a place for setting 
+/// up any necessary variables, and lets us include raw CSS files.
+/// The output of this script should be a completely standard CSS file.
+
+    if (!isset($themename)) {
+        $themename = NULL;
+    }
+
+    $nomoodlecookie = true;
+    require_once("../../config.php");
+
+    $subsheets = array('styles_layout', 'styles_font', 'styles_color');
+
+/// There should be no need to touch the following
+
+    $lastmodified = filemtime('styles.php');
+
+    foreach ($subsheets as $subsheet) {
+        $lastmodifiedsub = filemtime($subsheet.'.css');
+        if ($lastmodifiedsub > $lastmodified) {
+            $lastmodified = $lastmodifiedsub;
+        }
+    }
+
+    $themeurl = style_sheet_setup($lastmodifiedsub, 600, $themename);
+
+    foreach ($subsheets as $subsheet) {
+        include_once($subsheet.'.css');
+    }
+
+?>
diff --git a/theme/orangewhite/styles_color.css b/theme/orangewhite/styles_color.css
new file mode 100644
index 0000000000..fb096a300c
--- /dev/null
+++ b/theme/orangewhite/styles_color.css
@@ -0,0 +1,595 @@
+/*  $Id$ */
+
+/************************************************* 
+***
+*** color
+***
+**************************************************/
+
+/*************************************************
+***
+*** This CSS file contains all color definitions
+*** like background-color, font-color,
+*** border-color etc.
+***
+*** Shortindex:
+*** basic and general styles
+*** header and footer styles
+*** content styles (alphabetically)
+*** admin, course, activities, calendar, blocks
+*** 
+*** Please sort new styles for existing content
+*** into the appropriate part of this CSS file.
+*** Styles for new Blocks or Activities please
+*** place at the end.
+*** Wouldn't the alphabetical order be better?
+***
+**************************************************/
+
+
+/* basic styles */
+font {
+    background-color:transparent;
+}
+
+a:link {
+    color:#1246A3;
+}
+a:visited {
+    color:#AE1107;
+}
+a:hover {
+    border-bottom-color:#EC6E0A;
+}
+
+a.autolink:link {
+    background-color:transparent;
+    color:#000000;
+	border-bottom-color:#000000;
+}
+
+a.autolink:visited {
+    background-color:transparent;
+    color:#000000;
+	border-bottom-color:#000000;
+}
+
+a.autolink:hover {
+    background-color:transparent;
+    color:#000000;
+	border-bottom-color:#000000;
+}
+
+a.dimmed:link {
+    color:#AAAAAA;
+}
+
+a.dimmed:visited {
+    color:#AAAAAA;
+}
+
+a.dimmed:hover {
+    color:#990000;
+}
+
+
+/* general styles */
+body {
+    /*margin:0px;
+    padding:0px;*/
+    background-color:#FFFFFF;
+    color:#000000;
+}
+
+.highlight {
+    background-color:#C0CAD4;
+}
+
+.dimmed_text {
+    color:#AAAAAA;
+}
+
+
+/* header styles */
+#nav-bar a:link {
+    color:#1246A3;
+}
+
+#nav-bar a:visited {
+    color:#AE1107;
+}
+
+#nav-bar, 
+#nav-bar td, 
+#nav-bar input {
+    color:#000000;
+}
+
+#nav-bar hr {
+    background-color:#0B4161;
+    color:#0B4161;
+}
+
+
+/* footer styles */
+
+
+/*****************************
+***
+*** content styles
+***
+******************************/
+#content {
+    background-color:#EEF0F2;
+    border-color:#FFFFFF;
+}
+
+#layout-table {
+    background-color:#FFFFFF;
+}
+
+
+/* many places */
+.generalbox {
+	background-color:#FFFFFF;
+    border-color:#D1D7DC;
+}
+
+.generalboxcontent {
+    background-color:#FFFFFF;
+    border-color:#D1D7DC;
+}
+
+.noticebox {
+    border-color:#D1D7DC;
+}
+
+
+/* weblib.php table */
+.tabledivider {
+    border-color:#C0CAD4;
+}
+
+
+/* entry page */
+.index .content {
+    background-color:#FFFFFF;
+}
+
+.index .content #left-column {
+    background-color:#F9FAFA;
+}
+
+#course-view #middle-column .headingblock,
+#course-view #middle-column .forumpostheadertopic {
+    background-color:transparent;
+    border-color:#FFC86C;
+}
+
+
+/* entry-page index.php */ 
+.sitetopic,
+.siteinfo {
+    border-color:#D1D7DC;
+}
+
+.siteinfocontent {
+	 background-color:#EEF0F2;
+}
+
+
+/* summary of a user in a nice little box - weblib.php */
+.userinfobox {
+    border-color:#D1D7DC;
+}
+
+
+/*****************************
+***
+*** Admin
+***
+******************************/
+
+
+/*****************************
+***
+*** Course
+***
+******************************/
+.course .course-content {
+    background-color:#FFFFFF;
+}
+
+
+/* course, entry-page, login */
+.headingblock {
+	background-color:#FFFFFF;
+}
+
+
+/* course */
+#left-column {
+    background-color:#F9FAFA;
+}
+
+#right-column .sideblockheading {
+    background-color:#FFDA9D;
+}
+
+#left-column .sideblocklinks {
+    background-color:#F9FAFA;
+    border-color:#FFFFFF;
+}
+
+#left-column td.sideblocklinks:hover,
+#left-column td.sideblocklinks:active {
+    background-color:#FFB63B;
+}
+
+.outlineheadingblock {
+	background-color:#FFFFFF;
+}
+
+.topicsoutlinecontent,
+.topicsoutlinecontenthighlight {
+    background-color:#FFFFFF;
+    border-color:#FFC86C;
+}
+
+.topicsoutlinecontenthidden {
+    background-color:#FFFFFF;
+    border-color:#EEF0F2;
+}
+
+.topicsoutlineside,
+.topicsoutlinesidehighlight,
+.topicsoutlinesidehidden {
+    background-color:#FFFFFF;
+    border-color:#FFFFFF;
+}
+
+.weeklyoutlineside {
+    border-color:#D1D7DC;
+}
+
+.weeklyoutlinesidehighlight {
+    border-color:#D1D7DC;
+}
+
+.weeklyoutlinesidehidden {
+    border-color:#D1D7DC;
+}
+
+.weeklyoutlinecontent {
+    border-color:#D1D7DC;
+}
+
+.weeklyoutlinecontenthighlight {
+    background-color:#FFFFFF;
+    border-color:#D1D7DC;
+}
+
+.weeklyoutlinecontenthidden {
+    background-color:#F7F6F1;
+    border-color:#D1D7DC;
+}
+
+.categorybox {
+    border-color:#D1D7DC;
+}
+
+.courseboxcontent {
+    border-color:#D1D7DC;
+}
+
+
+/*****************************
+***
+*** Activities
+***
+******************************/
+/* assignment, forum, glossary */
+.forumpost {
+    border-color:#D1D7DC;
+}
+
+.forumpostpicture {
+	background-color:#FFFFFF;
+}
+
+.forumpostside {
+    background-color:#EEF0F2;
+}
+
+
+/* forum */
+.forum {
+    background-color:#FFFFFF;
+    border-color:#D1D7DC;
+}
+
+.forumpostheadertopic {
+    background-color:#FFC86C}
+
+.forumpostheaderpicture {
+	background-color:#EEF0F2;
+}
+
+.forumpostheadername {
+	background-color:#EEF0F2;
+}
+
+.forumpostheaderdate {
+ 	background-color:#EEF0F2;
+}
+
+.forumheaderlist {
+    border-color:#D1D7DC;
+}
+
+
+/* glossary */
+.glossary {
+    /*background-color:#FFFFFF;*/
+    background-color:#EEF0F2;
+    border-color:#D1D7DC;
+}
+
+.glossary .forumpost td {
+    background-color:#FFFFFF;
+}
+
+.glossary td,
+.glossary-edit td {
+    background-color:transparent;
+}
+
+.glossary center center td table td,
+.glossary-edit center center td table td {
+    background-color:#FFFFFF;
+}
+
+.glossary center center td,
+.glossary-edit center center td {
+    background-color:#EEF0F2;
+}
+
+.glossary table.generaltabselected td,
+.glossary form table.generaltabselected td  {
+    background-color:#FFC86C;
+}
+
+.glossary form table.forumpost td {
+    background-color:#F9FAFA;
+}
+
+.glossary .generaltab {
+    background-color:#D1D7DC !important;
+}
+
+.glossary .generaltabselected {
+    background-color:#FFD991 !important;
+}
+
+
+/* lang, forum */
+.teacheronly {
+    color:#AE1107;
+}
+
+
+/* quiz */
+.feedbacktext {
+    color:#C0CAD4;
+}
+
+
+/* wiki styles */
+.mwiki {
+    border-color:#D1D7DC;
+}
+
+.mwiki .edit {
+    background-color:#FFFFFF;
+}
+
+.wiki {
+    border-color:#A7B1B7;
+}
+
+.wiki .title {
+	background-color:#EEF0F2;
+	border-color:#C6BDA8;
+}
+
+.mwiki .generaltab {
+    background-color:#D1D7DC !important;
+}
+
+.mwiki .generaltabselected {
+    background-color:#FFD991 !important;
+}
+
+
+/*****************************
+***
+*** Calendar
+***
+******************************/
+TABLE.calendarmini {
+    border-color:#C0CAD4;
+}
+
+TABLE.calendarmonth {
+    border-color:#C0CAD4;
+}
+
+TABLE.calendarmini TBODY TD {
+    border-color:#C0CAD4;
+}
+
+TABLE.calendarmonth TBODY TD {
+    background-color:#EEF0F2;
+    border-color:#C0CAD4;
+}
+
+TABLE.calendarmonth THEAD TD {
+    background-color:#EEF0F2;
+    border-bottom-color:#666666;
+}
+
+.cal_event_global {
+	background-color:#009999 !important;
+	border-color:#009999 !important;
+}
+
+.cal_event_course {
+	background-color:#ff3333 !important;
+	border-color:#ff3333 !important;
+}
+
+.cal_event_group {
+	background-color:#ffcc33 !important;
+	border-color:#ffcc33 !important;
+}
+
+.cal_event_user {
+	background-color:#99ccff !important;
+	border-color:#99ccff !important;
+}
+
+.cal_duration_global {
+	border-top-color:#009999 !important;
+	border-bottom-color:#009999 !important;
+}
+
+.cal_duration_course {
+	border-top-color:#ff3333 !important;
+	border-bottom-color:#ff3333 !important;
+}
+
+.cal_duration_user {
+	border-top-color:#99ccff !important;
+	border-bottom-color:#99ccff !important;
+}
+
+.cal_duration_group {
+	border-top-color:#ffcc33 !important;
+	border-bottom-color:#ffcc33 !important;
+}
+
+.cal_weekend {
+    color:red;
+}
+
+.cal_today {
+	border-color:#666666 !important;
+}
+
+.mycalendar {
+	background-color:#EEF0F2;
+}
+
+.mycalendar TABLE.cal_filters {
+    border-color:#C0CAD4;
+}
+
+.mycalendar .cal_filters THEAD TD {
+	border-bottom-color:#666666;
+}
+
+.mycalendar .cal_event_table {
+    border-color:#C0CAD4;
+}
+
+.mycalendar .cal_event_table THEAD {
+	background-color:#EEF0F2;
+}
+
+.mycalendar HR {
+	border-top-color:#999;
+}
+
+.calendarexpired {
+	color:red;
+}
+
+TD.cal_event_description {
+	border-left-color:#C6BDA8;
+}
+
+.cal_popup_fg {
+	background-color:#EEF0F2;
+}
+
+.cal_popup_bg {
+	background-color:#FFFFFF;
+	border-top-color:#C6BDA8;
+	border-left-color:#C6BDA8;
+	border-right-color:#663300;
+	border-bottom-color:#663300;
+}
+
+.cal_popup_caption {
+	background-color:#FFFFFF;
+}
+
+.eventfull {
+    border-color:#D1D7DC;
+}
+
+
+/*****************************
+***
+*** Blocks
+***
+******************************/
+/* sideblock */
+.sideblock a:link {
+    color:#4B809E;
+}
+
+.sideblock a:visited {
+    color:#C16E28;
+}
+
+.sideblock,
+.sideblockmain,
+.sideblocklinks {
+    background-color:#F9FAFA;
+}
+
+.sideblockheading {
+    background-color:#EEF0F2;
+}
+
+.sideblock,
+.sideblockheading {
+    border-color:#D1D7DC;
+}
+
+.sideblockheading {
+    color:#666666;
+}
+
+.sideblockmain {
+    color:#666666;
+}
+
+.sideblockmain HR {
+	border-top-color:#999;
+}
+
+
+/* course summary */
+#block_course_summary .sideblockmain {
+    background-color:#F9FAFA;
+    color:#000000;
+}
+
+
+/* glossary random */
+#block_glossary_random .sideblockmain {
+    /*background-color:#FFDA9D;*/
+}
+
diff --git a/theme/orangewhite/styles_font.css b/theme/orangewhite/styles_font.css
new file mode 100644
index 0000000000..d750c0bc37
--- /dev/null
+++ b/theme/orangewhite/styles_font.css
@@ -0,0 +1,420 @@
+/*  $Id$ */
+
+/************************************************* 
+***
+*** fonts
+***
+**************************************************/
+
+/*************************************************
+***
+*** This CSS file contains all font definitions
+*** like family, size, weight,
+*** text-align, letter-spacing
+*** etc.
+***
+*** Shortindex:
+*** basic and general styles
+*** header and footer styles
+*** content styles (alphabetically)
+*** admin, course, activities, calendar, blocks
+*** 
+*** Please sort new styles for existing content
+*** into the appropriate part of this CSS file.
+*** Styles for new Blocks or Activities please
+*** place at the end.
+*** Wouldn't the alphabetical order be better?
+***
+**************************************************/
+
+
+/* basic styles */
+font {
+    font-size:100% !important;
+}
+
+.clearer {
+    font-size:1px;
+}
+
+.smallinfo {
+    font-size:1em;
+}
+
+.smallinfohead {
+    font-size:1em;
+}
+
+
+/* general styles */
+body {
+    font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+    font-size:0.95em;
+    line-height:1.2em;
+    letter-spacing:0.02em;
+}
+
+td, th {
+ 	font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+	font-size:1em;
+}
+
+th {
+    font-weight:bold;
+}
+
+a {
+    font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+    font-size:1em;
+    line-height:1.5em;
+    text-decoration:none;
+}
+
+a:hover {
+    text-decoration:underline;
+}
+
+a.dimmed:link {
+    text-decoration:none;
+}
+
+a.dimmed:visited {
+    text-decoration:none;
+}
+
+a.dimmed:hover {
+    text-decoration:none;
+}
+
+a.autolink:link {
+    text-decoration:none;
+}
+
+a.autolink:visited {
+    text-decoration:none;
+}
+
+a.autolink:hover {
+    text-decoration:none;
+}
+
+h2 {
+	font-size:1.5em;
+    font-weight:bold;
+}
+h3 {
+	font-size:1.3em;
+    font-weight:bold;
+}
+h4 {
+	font-size:1.1em;
+    font-weight:bold;
+}
+
+
+/* header styles */
+#header,
+#header-home,
+#nav-bar {
+    font-size:0.8em;
+}
+
+#header-home .headermain {
+    font-size:1.5em;
+}
+
+#header .headermain {
+    font-size:1.3em;
+}
+
+.headermenu {
+    text-align:right;
+}
+
+.headermain {
+    font-weight:bold;
+}
+
+.headerhomemain {
+    font-weight:bold;
+}
+
+.headerhomemenu {
+    font-size:0.8em;
+}
+
+.headerhomemenu a {
+    font-size:0.8em;
+}
+
+.logininfo {
+   	font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+	font-size:0.9em;
+}
+
+
+/* footer styles */
+#footer {
+    font-size:0.8em;
+    text-align:center;
+}
+
+.homelink {
+    font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+	font-size:0.9em;
+}
+
+
+/*****************************
+***
+*** content styles
+***
+******************************/
+#content {
+    font-size:0.9em;
+    text-align:left;
+}
+
+
+/* many places */
+.noticeboxcontent {
+    text-align:center;
+}
+
+
+/* entry page */
+#course-view #entry-page #layout-table {
+    font-size:90%;
+}
+
+#course-view #entry-page #layout-table .sideblock a {
+    font-size:80%;
+}
+
+#course-view #entry-page #block_course_summary {
+    line-height:1.5em;
+}
+
+
+/*****************************
+***
+*** Admin
+***
+******************************/
+.admin .generalboxcontent {
+    font-size:0.8em;
+    text-align:left;
+}
+
+#admin-index .generaltable {
+    font-size:0.9em;
+    text-align:left;
+}
+
+#admin-lang FORM {
+    font-size:0.9em;
+}
+
+
+/*****************************
+***
+*** Course
+***
+******************************/
+.course {
+    text-align:left;
+}
+
+
+/* course, entry-page, login */
+.headingblock {
+    font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+    font-size:0.9em;
+    font-weight:bold;
+}
+
+
+/* course */
+#left-column,
+#right-column {
+    text-align:left;
+}
+
+#middle-column{
+    text-align:left;
+    font-size:0.9em;
+}
+
+.outlineheadingblock {
+	font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+	font-size:0.9em;
+	font-weight:bold;
+}
+
+.weeklydatetext {
+	font-weight:bold;
+}
+
+.courseboxinfo {
+	font-size:0.9em;
+	font-weight:bold;
+}
+
+
+/*****************************
+***
+*** Activities
+***
+******************************/
+/* index, admin, course, lang, adodb, quiz */
+.categoryname,
+.categorynumber {
+    font-weight:bold;
+}
+
+
+/* forum */
+.forum {
+    text-align:left;
+}
+
+.forumpostheadertopic {
+   	font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+}
+
+
+/* glossary */
+.glossary .generaltab B,
+.glossary .generaltabselected B {
+    font-size:0.85em;
+    font-weight:normal;
+}
+
+
+/* wiki */
+.mwiki {
+    text-align:left;
+}
+
+.wiki .upload {
+    font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+    font-size:0.9em;
+}
+
+.mwiki .generaltab,
+.mwiki .generaltabselected  {
+    font-size:0.9em;
+}
+
+#containerPageActions {
+    text-align:left;
+}
+
+
+/*****************************
+***
+*** Calendar
+***
+******************************/
+TABLE.calendarmini {
+	font-size:0.9em;
+    letter-spacing:0.1em;
+}
+
+TABLE.calendarmini TBODY TD {
+    text-align:center;
+    letter-spacing:0em;
+}
+
+TABLE.calendarmonth TBODY TD TABLE {
+	font-size:1em;
+	line-height:1.2em;
+}
+
+TABLE.calendarmonth TBODY TD DIV {
+	font-size:1em;
+	line-height:1.2em;
+}
+
+TABLE.calendarmini THEAD TD {
+    font-size:1em;
+	font-weight:bold;
+    text-align:center;
+}
+
+TABLE.calendarmonth THEAD TD {
+	text-align:center;
+	font-weight:bold;
+}
+
+TABLE.cal_controls td {
+	font-size:1em;
+	line-height:1.2em;
+}
+
+.mycalendar .cal_event {
+	font-weight:bold;
+}
+
+.mycalendar .cal_event_date {
+	font-size:0.8em;
+}
+
+.mycalendar .cal_event_table THEAD {
+	text-align:center;
+	font-weight:bold;
+}
+
+.calendarexpired {
+	font-weight:bold;
+}
+
+.calendarreferer {
+	font-weight:bold;
+}
+
+.cal_popup_caption {
+	font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+	font-size:0.8em;
+	font-weight:bold;
+}
+
+.cal_popup_close {
+    font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+    font-size:75%;
+    font-weight:bold;
+}
+
+.sideblock .cal_controls {
+	font-size:0.8em;
+}
+
+
+/*****************************
+***
+*** Blocks
+***
+******************************/
+/* sideblock */
+.sideblock {
+	font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+	font-size:0.80em;
+}
+
+.sideblockheading {
+	font-weight:bold;
+}
+
+.sideblocklinks {
+	/*font-size:0.9em;*/
+}
+
+td.sideblockmain center, td.sideblockmain p, td.sideblockmain div {
+    text-align:left;
+}
+
+
+/* course summary */
+#block_course_summary .sideblockmain {
+    font-family:"Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
+}
\ No newline at end of file
diff --git a/theme/orangewhite/styles_layout.css b/theme/orangewhite/styles_layout.css
new file mode 100644
index 0000000000..d8bc15ee68
--- /dev/null
+++ b/theme/orangewhite/styles_layout.css
@@ -0,0 +1,715 @@
+/*  $Id$ */
+
+/************************************************* 
+***
+*** layout
+***
+**************************************************/
+
+/*************************************************
+***
+*** This CSS file contains all layout definitions
+*** like positioning, floats,
+*** margins, paddding,
+*** borders etc.
+***
+*** Shortindex:
+*** basic and general styles
+*** header and footer styles
+*** content styles (alphabetically)
+*** admin, course, activities, calendar, blocks
+*** 
+*** Please sort new styles for existing content
+*** into the appropriate part of this CSS file.
+*** Styles for new Blocks or Activities please
+*** place at the end.
+*** Wouldn't the alphabetical order be better?
+***
+**************************************************/
+
+/* basic styles */
+.clearer {
+    clear:both;
+    margin:0px;
+    padding:0px;
+    height:1px;
+    border:none;
+    background:transparent;
+}
+
+a.autolink:link {
+	border-bottom:dashed 1px;
+	cursor:help;
+}
+
+a.autolink:visited {
+	border-bottom:dashed 1px;
+	cursor:help;
+}
+
+a.autolink:hover {
+	border-bottom:solid 1px;
+	cursor:help;
+}
+
+
+/* general styles */
+body {
+	behavior:url(/htc/csshover.htc);
+    margin:10px;
+}
+
+ul {
+   margin-bottom:5px;
+   margin-top:0px;
+}
+
+form {
+    margin-bottom:0px;
+}
+
+a img {
+    border:none;
+}
+
+input {
+	background:transparent;
+}
+
+
+/* header styles */
+#header-home {
+    padding:0.5em 0.5em;
+    height:2em;
+}
+
+#header,
+#header-main,
+#nav-bar {
+    margin:0px;
+}
+
+#header {
+    padding:0.1em 0.5em;
+    height:50px;
+}
+
+.headermain {
+    float:left;
+}
+
+#header .headermain {
+    margin:0.2em 0em;
+}
+
+.headermenu {
+    float:right;
+    padding:0px;
+    margin:0px,
+}
+
+#nav-bar {
+    background-image:url(farbstreifen_moodle.gif);
+    background-position:left;
+    background-repeat:no-repeat;
+    margin-bottom:0px;
+    padding:1px 0.5em;
+    height:3em;
+}
+
+#breadcrumb {
+    float:left;
+    padding-top:13px;
+    margin:0.2em 0em;
+}
+
+#navbutton {
+    float:right;
+    padding-top:13px;
+    margin:0.2em 0em;
+}
+
+#nav-bar hr {
+    height:1px;
+}
+
+
+/* footer styles */
+#footer br {
+    display:none;
+}
+
+#footer HR {
+    display:none;
+}
+
+
+/*****************************
+***
+*** content styles
+***
+******************************/
+#content {
+    margin:0px;
+    padding:0px;
+    border:thin solid;
+}
+
+
+/* many places */
+.generalbox {
+    margin-left:auto;
+    margin-right:auto;
+    border-width:1px;
+    border-style:solid;
+}
+
+.generalboxcontent {
+    background-image:none;
+}
+
+.noticebox {
+    border-width:1px;
+    border-style:solid;
+}
+
+
+/* weblib.php table */
+.tabledivider {
+    border-width:1px;
+    border-style:solid;
+    border-left:0px;
+    border-right:0px;
+    border-top:0px;
+}
+
+
+/* entry page */
+.index .content #left-column,
+.index .content #left-column .sideblock
+{
+    width:250px !important;
+}
+
+.index .content #middle-column
+{
+    width:auto;
+    padding:0em 2.5em;
+}
+
+.index .content #right-column{
+    width:30%;
+}
+
+#course-view #middle-column .forumpost {
+    border-width:0px;
+    border-style:none;
+}
+
+#course-view #middle-column .forumpostpicture,
+#course-view #middle-column .forumpostside {
+    display:none;
+}
+
+#course-view #middle-column .headingblock,
+#course-view #middle-column .forumpostheadertopic {
+    padding:1em;
+    border-width:0px 0px 0px 25px;
+    border-style:solid;
+}
+
+
+/* entry-page index.php */ 
+.sitetopic,
+.siteinfo  {
+    border-width:1px;
+    border-style:solid;
+}
+
+
+/* summary of a user in a nice little box - weblib.php */
+.userinfobox {
+    margin-bottom:5px;
+    border-width:1px;
+    border-style:solid;
+}
+
+
+/*****************************
+***
+*** Admin
+***
+******************************/
+/* admin, calendar */
+table.formtable td {
+    padding:9px;
+}
+
+
+/* admin */
+.admin #content,
+.admin .generalboxcontent,
+.admin .generalbox {
+    width:auto;
+}
+
+
+/*****************************
+***
+*** Course
+***
+******************************/
+/* course, entry-page, login */
+.headingblock {
+    background-image:none;
+    border-style:none;
+}
+
+.generaltableheader {
+    background-image:none;
+}
+
+
+/* course */
+#left-column,
+#right-column {
+    margin:0px;
+    padding:0px;
+    border:0px;
+}
+
+#middle-column {
+    padding:0px 15px;
+}
+
+.outlineheadingblock {
+    background-image:none;
+    display:none;
+}
+
+.topicsoutlineside,
+.topicsoutlinesidehighlight,
+.topicsoutlinesidehidden {
+    border-width:0px;
+}
+
+.topicsoutlineside p b,
+.topicsoutlinesidehighlight p b,
+.topicsoutlinesidehidden p b {
+    display:none;
+}
+
+.topicsoutlinecontent,
+.topicsoutlinecontenthighlight,
+.topicsoutlinecontenthidden {
+    margin:0.5em 0em;
+    padding:0.5em 1em;
+    border-width:0px 0px 0px 22px;
+    border-style:solid;
+}
+
+.topicsoutlinecontent span,
+.topicsoutlinecontenthighlight span,
+.topicsoutlinecontenthidden span {
+    padding:1em 0em;
+}
+
+.weeklyoutlineside {
+    border-width:1px;
+    border-style:solid;
+}
+
+.weeklyoutlinesidehighlight {
+    border-width:1px;
+    border-style:solid;
+}
+
+.weeklyoutlinesidehidden {
+    border-width:1px;
+    border-style:dashed;
+}
+
+.weeklyoutlinecontent {
+    border-width:0px;
+    border-top:1px;
+    border-bottom:1px;
+    border-style:solid;
+}
+
+.weeklyoutlinecontenthighlight {
+    border-width:0px;
+    border-top:1px;
+    border-bottom:1px;
+    border-style:solid;
+}
+
+.weeklyoutlinecontenthidden {
+    border-width:0px;
+    border-top:1px;
+    border-bottom:1px;
+    border-style:dashed;
+}
+
+.categorybox {
+    border-width:1px;
+    border-style:solid;
+}
+
+.courseboxcontent {
+    border-width:1px;
+    border-style:solid;
+}
+
+
+/*****************************
+***
+*** Activities
+***
+******************************/
+/* assignment, forum, glossary */
+.forumpost,
+.forumheaderlist {
+    border-width:1px;
+    border-style:solid;
+}
+
+
+/* forum */
+.forum {
+    position:relative;
+    width:45em;
+    margin-left:auto;
+    margin-right:auto;
+    border:1px solid;
+}
+
+#forum-post {
+    margin:0px;
+    width:auto;
+}
+
+
+/* glossary */
+.glossary {
+    position:relative;
+    width:45em;
+    margin-left:auto;
+    margin-right:auto;
+    border:1px solid;
+}
+
+#glossary-edit {
+    margin:0px;
+    width:auto;
+}
+
+.glossary .generaltab,
+.glossary .generaltabselected  {
+    padding:0px 1px;
+}
+
+.glossary table {
+    width:100%;
+}
+
+
+/* quiz */
+table.quiz td {
+    padding-top:0.1em;
+    line-height:1.7em;
+}
+
+table.quiz input {
+    height:1.7em;
+    padding-top:0.1em;
+    vertical-align:top;
+}
+
+
+/* wiki */
+.wiki {
+    border-width:1px;
+    border-style:solid;
+}
+
+.mwiki .view {
+    margin-left:auto;
+    margin-right:auto;
+    width:35em;
+}
+
+.mwiki .edit {
+    margin-right:auto;
+    margin-left:auto;
+    padding:0em;
+}
+
+.wiki .title {
+	padding:3px;
+	border:1px solid;
+}
+
+.wiki .upload {
+    padding-top:1em;
+}
+
+#wikiPageActions {
+    position:relative;
+    width:auto !important;
+    margin:auto;
+}
+
+#wikiPageActions td {
+    text-align:left !important;
+}
+
+#wikiPageActions INPUT {
+    padding:0px;
+    margin:0px;
+}
+
+.mwiki {
+    position:relative;
+    width:45em;
+    margin-left:auto;
+    margin-right:auto;
+    border:1px solid;
+}
+
+
+/*****************************
+***
+*** Calendar
+***
+******************************/
+TABLE.calendarmini {
+	width:100%;
+    margin:0px;
+    padding:2px;
+    border-width:1px;
+    border-style:solid;
+}
+
+TABLE.calendarmonth {
+	width:100%;
+    margin:0px;
+    padding:0px;
+    border-width:1px;
+    border-style:solid;
+}
+
+TABLE.calendarmini TBODY TD {
+    width:14%;
+    border-width:1px;
+    border-style:solid;
+    vertical-align:center;
+}
+
+TABLE.calendarmonth TBODY TD {
+    width:14%;
+    border-width:1px;
+    border-style:solid;
+    vertical-align:top;
+}
+
+TABLE.calendarmonth TBODY TD TABLE {
+	margin-top:0px;
+	margin-left:0px;
+}
+
+TABLE.calendarmonth TBODY TD TABLE TD {
+    background:none;
+    border:none;
+}
+
+TABLE.calendarmonth TBODY TD DIV {
+	margin-top:0px;
+	margin-left:0px;
+}
+
+TABLE.calendarmini THEAD TD {
+    vertical-align:center;
+}
+
+TABLE.calendarmonth THEAD TD {
+    padding-bottom:3px;
+    border-bottom:2px solid;
+    vertical-align:center;
+}
+
+.cal_event_global {
+	border:2px solid !important;
+}
+
+.cal_event_course {
+	border:2px solid !important;
+}
+
+.cal_event_group {
+	border:2px solid !important;
+}
+
+.cal_event_user {
+	border:2px solid !important;
+}
+
+.cal_duration_global {
+	border-top:2px solid !important;
+	border-bottom:2px solid !important;
+}
+
+.cal_duration_course {
+	border-top:2px solid !important;
+	border-bottom:2px solid !important;
+}
+
+.cal_duration_user {
+	border-top:2px solid !important;
+	border-bottom:2px solid !important;
+}
+
+.cal_duration_group {
+	border-top:2px solid !important;
+	border-bottom:2px solid !important;
+}
+
+.cal_today {
+	border:2px solid !important;
+}
+
+.mycalendar TABLE.cal_filters {
+    margin:0px;
+    padding:2px;
+	width:100%;
+    border-width:1px;
+    border-style:solid;
+}
+
+.mycalendar .cal_filters THEAD TD {
+    margin:0px;
+    padding:2px;
+	border-bottom:2px solid;
+}
+
+.mycalendar .cal_event_table {
+    margin:0px;
+    padding:2px;
+	width:100%;
+    border-width:1px;
+    border-style:solid;
+}
+
+.mycalendar HR {
+	height:1px;
+	border:none;
+	border-top:1px solid;
+	margin-top:4px;
+	margin-bottom:4px;
+}
+
+TD.cal_event_description {
+	width:80%;
+	border-left:2px solid;
+	vertical-align:top;
+	padding:5px;
+}
+
+.cal_popup_bg {
+	padding:0px;
+	margin:0px;
+	border-top:2px solid;
+	border-left:2px solid;
+	border-right:2px solid;
+	border-bottom:2px solid;
+}
+
+.cal_popup_close {
+	margin-right:5px;
+}
+
+.eventfull {
+    border-width:1px;
+    border-style:solid;
+}
+
+.eventfullpicture {
+    padding:8px;
+}
+
+
+/*****************************
+***
+*** Blocks
+***
+******************************/
+/* sideblock */
+.sideblock {
+    width:100%;
+    border-width:1px 1px 1px 1px;
+    border-style:solid;
+}
+
+.sideblockheading {
+    background-image:none;
+    padding:0px 5px;
+    border-width:1px 0px 0px 1px;
+    border-style:solid;
+}
+
+.sideblockheading a {
+    cursor:pointer;
+    border-bottom:none;
+}
+
+.sideblockheading a img {
+    padding-top:0.5em;
+}
+
+.sideblockmain HR {
+	height:1px;
+	border:none;
+	border-top:1px solid;
+	margin-top:4px;
+	margin-bottom:4px;
+}
+
+#left-column .sideblock {
+    margin-bottom:0;
+}
+
+#left-column .sideblockmain {
+    padding:1px 0px;
+}
+
+#left-column .sideblockheading,
+#left-column .sideblock {
+    border-width:0px 0px 0px 1px;
+}
+
+#left-column .sideblocklinks {
+    padding-left:5px;
+    border-width:0px 0px 1px 0px;
+    border-style:solid;
+}
+
+#right-column .sideblock {
+    margin:1em 0em 0.5em;
+}
+
+
+/* glossary random */
+#block_glossary_random .sideblockheading,
+#block_glossary_random .sideblockmain br,
+#block_glossary_random .sideblockmain b {
+    display:none;
+}
+
+#block_glossary_random .sideblockmain {
+    text-align:center;
+}
+
+
+/* course summary */
+#block_course_summary .sideblockmain {
+    padding:10px;
+}
\ No newline at end of file
diff --git a/theme/orangewhite/xhtml_1_0.gif b/theme/orangewhite/xhtml_1_0.gif
new file mode 100644
index 0000000000..119e2ca7ea
Binary files /dev/null and b/theme/orangewhite/xhtml_1_0.gif differ