From: moodler <moodler> Date: Tue, 25 Jan 2005 13:17:15 +0000 (+0000) Subject: IMPORTANT CHANGE TO THEMES! X-Git-Url: http://git.mjollnir.org/gw?a=commitdiff_plain;h=a8e1f343c033431b08c5328667e69e8030da1367;p=moodle.git 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. --- diff --git a/theme/standard/README.html b/theme/standard/README.html new file mode 100644 index 0000000000..8798cc0902 --- /dev/null +++ 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 new file mode 100644 index 0000000000..ff753dbae4 --- /dev/null +++ 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 index 466d942bc6..7c26653224 100644 --- 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&ss=1&uri=<?php echo urlencode(qualified_me()) ?>">Validate HTML</a> | +<a href="http://www.contentquality.com/mynewtester/cynthia.exe?rptmode=-1&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 index a122ff238d..dbb2126a3b 100755 Binary files a/theme/standard/gradient.jpg and b/theme/standard/gradient.jpg differ diff --git a/theme/standard/header.html b/theme/standard/header.html index 1fa812e061..89f86974a8 100644 --- 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"> </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"> </div> + <!-- END OF HEADER --> + <div id="containerContent"> diff --git a/theme/standard/styles.css b/theme/standard/styles.css new file mode 100644 index 0000000000..81d3e4c510 --- /dev/null +++ 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 { } diff --git a/theme/standard/styles.php b/theme/standard/styles.php index aa3dd8cb46..09c6b8b585 100644 --- a/theme/standard/styles.php +++ b/theme/standard/styles.php @@ -1,6 +1,8 @@ <?PHP /* $Id$ */ -/// We use PHP so we can do value substitutions into the styles +/// 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; @@ -8,792 +10,12 @@ $nomoodlecookie = true; require_once("../../config.php"); - $themeurl = style_sheet_setup(filemtime("styles.php"), 300, $themename); -/// From here on it's nearly a normal stylesheet. -/// First are some CSS definitions for normal tags, -/// then custom tags follow. -/// -/// New classes always get added to the end of the file. -/// -/// Note that a group of standard colours are all -/// defined in config.php in this directory. The -/// reason for this is because Moodle uses the same -/// colours to provide oldstyle formatting for -/// browsers without CSS. -/// -/// You can hardcode colours in this file if you -/// don't care about this. + $themeurl = style_sheet_setup(filemtime("styles.php"), 600, $themename); -?> - - -body, td, th, li { - font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; -} - -th { - font-weight: bold; - background-color: <?PHP echo $THEME->cellheading?>; - background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg); -} - -a:link { - text-decoration: none; - color: blue; -} - -a:visited { - text-decoration: none; - color: blue; -} - -a:hover { - text-decoration: underline; - color: red; -} - -form { - margin-bottom: 0; -} - - - - - -.highlight { - background-color: <?PHP echo $THEME->highlight?>; -} - -.headingblock { - background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg); - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius: 3px; -} - -.navbar { - background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg); -} - -.generaltable { -} - -.generaltableheader { - background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg); -} - -.generaltablecell { -} - -.sideblock { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius-bottomleft: 20px; - -moz-border-radius-bottomright: 20px; -} - -.sideblockheading { - background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg); -} - -.sideblockmain { - -moz-border-radius-bottomleft: 20px; - -moz-border-radius-bottomright: 20px; -} - -.sideblocklinks { -} - -.sideblocklatestnews { - -moz-border-radius-bottomleft: 20px; - -moz-border-radius-bottomright: 20px; -} - -.sideblockrecentactivity { - -moz-border-radius-bottomleft: 20px; - -moz-border-radius-bottomright: 20px; -} - -.outlineheadingblock { - background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg); - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius: 3px; -} - -.forumpost { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius-bottomleft: 20px; - -moz-border-radius-bottomright: 20px; -} - -.forumpostpicture { -} - -.forumpostside { - -moz-border-radius-bottomleft: 20px; -} - -.forumpostmessage { - -moz-border-radius-bottomright: 20px; -} - - -.weeklyoutline { -} - -.weeklyoutlineside { -} - -.weeklyoutlinesidehighlight { -} - -.weeklyoutlinesidehidden { - background-color: <?PHP echo $THEME->hidden?>; -} - -.weeklyoutlinecontent { - border-color: <?PHP echo $THEME->cellheading ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.weeklyoutlinecontenthighlight { - border-color: <?PHP echo $THEME->cellheading2 ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.weeklyoutlinecontenthidden { - border-color: <?PHP echo $THEME->hidden ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.weeklydatetext { - font-size: medium; - font-weight: bold; - color: <?PHP echo $THEME->cellheading2?>; -} - -.topicsoutline { -} - -.topicsoutlineside { -} - -.topicsoutlinesidehighlight { -} - -.topicsoutlinesidehidden { - background-color: <?PHP echo $THEME->hidden?>; -} - -.topicsoutlinecontent { - border-color: <?PHP echo $THEME->cellheading ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.topicsoutlinecontenthighlight { - border-color: <?PHP echo $THEME->cellheading2 ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.topicsoutlinecontenthidden { - border-color: <?PHP echo $THEME->hidden ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.siteinfo { -} - -.siteinfocontent { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius: 20px; - padding: 10px; -} - - -.generalbox { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius-topleft: 3px; - -moz-border-radius-topright: 3px; - -moz-border-radius-bottomleft: 15px; - -moz-border-radius-bottomright: 15px; -} - -.generalboxcontent { - -moz-border-radius-topleft: 3px; - -moz-border-radius-topright: 3px; - -moz-border-radius-bottomleft: 15px; - -moz-border-radius-bottomright: 15px; -} - -.noticebox { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius: 3px; -} - -.noticeboxcontent { - text-align: center; -} - - -.feedbacktext { - color: <?PHP echo $THEME->cellheading2?>; -} - -a.dimmed:link { - text-decoration: none; - color: <?PHP echo $THEME->hidden?>; -} - -a.dimmed:visited { - text-decoration: none; - color: <?PHP echo $THEME->hidden?>; -} - -a.dimmed:hover { - text-decoration: underline; - color: red; -} - -.dimmed_text { - color: #AAAAAA; -} - -.forumpostheader { -} - -.forumpostheadertopic { -} - -.forumpostheaderpicture { -} - -.forumpostheadername { - font-size: small; -} - -.forumpostheaderreplies { - font-size: small; -} - -.forumpostheaderdate { - font-size: small; -} - -.logininfo { - font-size: x-small; -} - -.homelink { - font-size: x-small; -} - -.teacheronly { - color: #990000; -} - -.header { -} - -.headermain { - font-size: large; - font-weight: bold; -} - -.headermenu { -} - -.headerhome { -} - -.headerhomemain { - font-size: x-large; - font-weight: bold; -} - -.headerhomemenu { -} - -.categorybox { -} - -.categoryboxcontent { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius: 20px; -} - -.categoryname { - font-size: larger; - font-weight: bold; -} - -.categorynumber { - font-size: larger; - font-weight: bold; -} + include('styles_layout.css'); + include('styles_fonts.css'); + include('styles_color.css'); + include('styles_moz.css'); -.coursename { -} - -.coursebox { -} - -.courseboxcontent { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius: 20px; -} - -.courseboxinfo { -} - -.courseboxsummary { - font-size: small; -} - -a.autolink:link { - text-decoration: none; - color: #000000; - background-color: <?PHP echo $THEME->autolink?>; -} - -a.autolink:visited { - text-decoration: none; - color: #000000; - background-color: <?PHP echo $THEME->autolink?>; -} - -a.autolink:hover { - text-decoration: underline; - color: red; -} - -.userinfobox { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius-bottomleft: 20px; - -moz-border-radius-bottomright: 20px; - margin-bottom: 5px; -} - -.userinfoboxside { - -moz-border-radius-bottomleft: 20px; -} - -.userinfoboxcontent { - -moz-border-radius-bottomright: 20px; -} - -.userinfoboxsummary { -} - -.userinfoboxlinkcontent { - -moz-border-radius-bottomright: 20px; -} - -.generaltab { - -moz-border-radius-topleft: 15px; - -moz-border-radius-topright: 15px; - background: none; - background-color: <?PHP echo $THEME->cellheading?>; -} - -.generaltabselected { - -moz-border-radius-topleft: 15px; - -moz-border-radius-topright: 15px; - background: none; - background-color: <?PHP echo $THEME->cellheading2?>; -} - -.forumheaderlist { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; -} - -.smallinfo { -} - -.smallinfohead { - color: #555555; -} - -.tabledivider { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - border-left: 0px; - border-right: 0px; - border-top: 0px; -} - -.headingblockcontent { -} - -TABLE.calendarmini { - width: 100%; - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - font-size: .7em; - margin: 0px; - padding: 2px; - -moz-border-radius: 10px; -} - -TABLE.calendarmonth { - width: 100%; - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - margin: 0px; - padding: 2px; - -moz-border-radius: 10px; -} - -TABLE.calendarmini TBODY TD { - text-align: center; - vertical-align: center; - border-width: 2px; - border-color: <?PHP echo $THEME->cellcontent2?>; - border-style: solid; - -moz-border-radius: 4px; -} - -TABLE.calendarmonth TBODY TD { - width: 14%; - border-width: 2px; - border-color: <?PHP echo $THEME->cellcontent2?>; - border-style: solid; - vertical-align: top; -} - -.cal_event_global { - background-color: #2EBA0E; - border: 2px #2EBA0E solid !important; -} - -.cal_event_course { - background-color: #ff9966; - border: 2px #ff9966 solid !important; -} - -.cal_event_group { - background-color: #FBBB23; - border: 2px #FBBB23 solid !important; -} - -.cal_event_user { - background-color: #A1BECB; - border: 2px #A1BECB solid !important; -} - -.cal_duration_global { - border-top: 2px #2EBA0E solid !important; - border-bottom: 2px #2EBA0E solid !important; -} - -.cal_duration_course { - border-top: 2px #ff9966 solid !important; - border-bottom: 2px #ff9966 solid !important; -} - -.cal_duration_user { - border-top: 2px #A1BECB solid !important; - border-bottom: 2px #A1BECB solid !important; -} - -.cal_duration_group { - border-top: 2px #FBBB23 solid !important; - border-bottom: 2px #FBBB23 solid !important; -} - -.cal_weekend { - color: red; -} - -.cal_today { - border: 2px black solid !important; -} - -TABLE.calendarmonth TBODY TD TABLE { - margin-top: 0px; - margin-left: 0px; - font-size: 0.75em; - line-height: 1.2em; -} - -TABLE.calendarmonth TBODY TD TABLE TD { - border: none; -} - -TABLE.calendarmonth TBODY TD DIV { - margin-top: 0px; - margin-left: 0px; - font-size: 0.75em; - line-height: 1.2em; -} - -TABLE.calendarmini THEAD TD { - font-size: .95em; - text-align: center; - vertical-align: center; -} - -TABLE.calendarmonth THEAD TD { - text-align: center; - vertical-align: center; - padding-bottom: 3px; - border-bottom: 2px <?PHP echo $THEME->borders?> solid; -} - -.sideblockmain .cal_event { - font-size: 0.8em; - font-weight: bold; -} - -.sideblockmain .cal_event_date { - font-size: 0.6em; -} - -.mycalendar { - -moz-border-radius-bottomleft: 20px; - -moz-border-radius-bottomright: 20px; -} - -.mycalendar .cal_event { - font-weight: bold; -} -.mycalendar .cal_event_date { - font-size: 0.8em; -} - -.mycalendar TABLE.cal_filters { - width: 100%; - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - margin: 0px; - padding: 2px; - -moz-border-radius: 10px; -} - -.mycalendar .cal_filters THEAD TD { - border-bottom: 2px <?PHP echo $THEME->borders?> solid; - margin: 0px; - padding: 2px; -} - - -.mycalendar .cal_event_table { - width: 100%; - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - margin: 0px; - padding: 2px; - -moz-border-radius: 10px; -} - -.mycalendar .cal_event_table THEAD { - background-color: <?PHP echo $THEME->cellcontent?>; - text-align: center; - font-weight: bold; -} - -.sideblockmain HR { - height: 1px; - border: none; - border-top: 1px #999 solid; - margin-top: 4px; - margin-bottom: 4px; -} - -.mycalendar HR { - height: 1px; - border: none; - border-top: 1px #999 solid; - margin-top: 4px; - margin-bottom: 4px; -} - -.calendarreferer { - font-weight: bold; -} - -TD.cal_event_description { - width: 80%; - border-left: 2px <?php echo $THEME->borders?> solid; - vertical-align: top; - padding: 5px; -} - -.cal_popup_fg { - background-color: <?php echo $THEME->cellcontent?>; -} - -.cal_popup_bg { - border-top: 2px <?php echo $THEME->cellcontent2 ?> solid; - border-left: 2px <?php echo $THEME->cellcontent2 ?> solid; - border-right: 2px <?php echo $THEME->cellheading2 ?> solid; - border-bottom: 2px <?php echo $THEME->cellheading2 ?> solid; - background-image: url(<?PHP echo "$themeurl"?>/gradient.jpg); - padding: 0px; - margin: 0px; -} - -.cal_popup_caption { - font-size: 75%; - font-weight: bold; - font-family: sans-serif; -} - -.cal_popup_close { - font-size: 75%; - font-weight: bold; - font-family: sans-serif; - margin-right: 5px; -} - -.sideblock .cal_controls { - text-align: center; - font-size: 9px; -} - -A IMG { - border: none; -} - -table.formtable td, table.formtable th { - padding: 6px; -} - -table.formtable tbody tr { - vertical-align: top; -} - -table.formtable tbody th { - text-align: right; - font-weight: bold; - background: none; -} - -.eventfull { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius-bottomleft: 15px; - -moz-border-radius-bottomright: 15px; -} - -.eventfullheader { -} - -.eventfullpicture { - padding:8px; -} - -.eventfullside { - -moz-border-radius-bottomleft: 15px; -} - -.eventfullmessage { - -moz-border-radius-bottomright: 15px; -} - -#block_course_summary, #block_course_summary .sideblockmain { - -moz-border-radius: 20px; -} - -#block_course_summary .sideblockmain { - padding: 10px; -} - -.sitetopic { - border-width: 1px; - border-color: <?PHP echo $THEME->borders?>; - border-style: solid; - -moz-border-radius: 15px; -} - -.sitetopiccontent { - -moz-border-radius: 15px; -} - -.forumaddnew { - text-align: center; - margin-bottom: 5pt; -} - -.forumnodiscuss { - text-align: center; - font-weight: bold; - margin-top: 12pt; - margin-bottom: 12pt; -} - -.forumaddnewminimal { - text-align: center; - font-size: x-small; - margin-bottom: 8pt; -} - -.forumnodiscussminimal { - text-align: center; - font-size: x-small; -} - -.forumheadminimal { - color: #555555; - font-size: x-small; -} - -.foruminfominimal { - font-size: x-small; -} - -.activitydate { - text-align: center; - font-size: x-small; -} - -.activityhead { - text-align: center; - font-size: x-small; - margin-top: 8pt; - margin-bottom: 8pt; -} +?> diff --git a/theme/standard/styles_color.css b/theme/standard/styles_color.css new file mode 100644 index 0000000000..05490a5c4a --- /dev/null +++ b/theme/standard/styles_color.css @@ -0,0 +1,276 @@ +/* $Id$ */ + +/* +** color +*/ + + +/* basic styles */ +body { + background-color:#FAFAFA; +} + +a:link, +a:visited { + color:#0000FF; +} + +a.dimmed:link, +a.dimmed:visited { + color:#AAAAAA; /* hidden */ +} + +a.autolink:link, +a.autolink:visited { + color:#000000; + background-color:#DDDDDD; /* autolink */ +} + +a.autolink:hover, +a:hover, +a.dimmed:hover { + color:#FF0000; +} + +/* general styles */ +th { + background-color:#DDDDDD; +} + + +/* header styles */ + + +/* footer styles */ + + +/* content styles */ +.generalbox { + border-color:#DDDDDD; /* borders */ +} + +/* many */ +.noticebox { + border-color:#DDDDDD; /* borders */ +} + +.highlight { + background-color:#AAFFAA; /* highlight */ +} + +/* entry-page index.php */ +.sitetopic { + border-color:#DDDDDD; /* borders */ +} + +/* summary of a user in a nice little box - weblib.php */ +.userinfobox { + border-color:#DDDDDD; /* borders */ +} + +/* glossary, wiki */ +.generaltab { + background-color:#FFD991; /* cellheading */ +} + +.generaltabselected { + background-color:#DDDDDD; /* cellheading2 */ +} + +/* assignment, forum, glossary */ +.forumheaderlist, +.forumpost { + border-color:#DDDDDD; /* borders */ +} + +/* weblib.php table */ +.tabledivider { + border-color:#DDDDDD; /* borders */ +} + +/* calendar */ +table.calendarmini { + border-color:#DDDDDD; /* borders */ +} + +table.calendarmini tbody td { + border-color:#FEE6B9; /* cellcontent2 */ +} + +table.calendarmonth tbody td { + border-color:#FEE6B9; /* cellcontent2 */ +} + +.cal_event_global { + border-color:#2EBA0E !important; + background-color:#2EBA0E; +} + +.cal_event_course { + border-color:#FF9966 !important; + background-color:#FF9966; +} + +.cal_event_group { + border-color:#FBBB23 !important; + background-color:#FBBB23; +} + +.cal_event_user { + border-color:#A1BECB !important; + background-color:#A1BECB; +} + +.cal_duration_global { + border-top-color:#2EBA0E !important; + border-bottom-color:#2EBA0E !important; +} + +.cal_duration_course { + border-top-color:#FF9966 !important; + border-bottom-color:#FF9966 !important; +} + +.cal_duration_user { + border-top-color:#A1BECB !important; + border-bottom-color:#A1BECB !important; +} + +.cal_duration_group { + border-top-color:#FBBB23 !important; + border-bottom-color:#FBBB23 !important; +} + +.cal_weekend { + color:#FF0000; +} + +.cal_today { + border-color:#000000 !important; +} + +table.calendarmonth thead td { + border-bottom-color:#FFC85F; +} + +.mycalendar .cal_filters thead td { + border-bottom-color:#FFC85F; +} + +.mycalendar .cal_event_table thead { + background-color:#FFFFFF; /* cellcontent */ +} + +td.cal_event_description { + border-left-color:#FFC85F; +} + +.cal_popup_fg { + background-color:#FFFFFF; /* cellcontent */ +} + +.cal_popup_bg { + border-color:#FEE6B9; +} + +.mycalendar .cal_event_table, +table.calendarmonth, +.mycalendar table.cal_filters { + border-color:#FFC85F; /* borders */ +} + +.sideblockmain hr, +.mycalendar hr { + border-top-color:#999999; +} + +.eventfull { + border-color:#DDDDDD; /* borders */ +} + +/* block_rss_client.php */ +.rssclientlink { + border-top-color:#DDDDDD; +} + +.rssclientdescription { + color:#555555; +} + +/* message */ +table.message_search_results td { + border-color:#DDDDDD; /* borders */ +} + +/* course, entry-page, login */ +.headingblock { + border-color:#DDDDDD; /* borders */ +} + +/* course */ +.outlineheadingblock { + border-color:#DDDDDD; /* borders */ +} + + +/* sideblock */ +/* calendar, weblib.php, wiki */ +.sideblock { + border-color:#DDDDDD; /* borders */ +} +.sideblockmain { + background-color:#FCFCFC; +} + +.sideblocklinks { + background-color:#FCFCFC; +} + +/* weblib.php, wiki */ +.sideblockmain hr { + border-top-color:#999999; +} + + +/* course */ +.weeklyoutlinesidehidden, +.topicsoutlinesidehidden { + background-color:#AAAAAA; /* hidden */ +} + +.weeklyoutlinecontent, +.topicsoutlinecontent { + border-color:#DDDDDD; /* cellheading */ +} + +.weeklyoutlinecontenthighlight, .topicsoutlinecontenthighlight { + border-color:#FFC85F; /* cellheading2 */ +} + +.weeklyoutlinecontenthidden, +.topicsoutlinecontenthidden { + border-color:#AAAAAA; /* hidden */ +} + +.categoryboxcontent, +.courseboxcontent { + border-color:#DDDDDD; /* borders */ +} +.weeklydatetext { + color:#DDDDDD; /* cellheading2 */ +} + + +/* admin, calednder, course */ +.dimmed_text { + color:#AAAAAA; +} + +/* lang, forum */ +.teacheronly { + color:#990000; +} + +.forumheadminimal { + color:#555555; +} diff --git a/theme/standard/styles_fonts.css b/theme/standard/styles_fonts.css new file mode 100644 index 0000000000..65bdd322d9 --- /dev/null +++ b/theme/standard/styles_fonts.css @@ -0,0 +1,234 @@ +/* $Id$ */ + +/* +** typography +*/ + + +/* basic styles */ +font { + font-size:100%; +} + +.clearer { + font-size:1px; +} + + +/* general styles */ +body, td, th, li { + font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; + font-size:0.95em; +} + +th { + font-weight:bold; +} + + +/* header styles */ +.headermain { + font-weight:bold; +} + +#header-home .headermain { + font-size:1.5em; +} + +#header .headermain { + font-size:1.3em; +} + +#breadcrumb { + font-size:0.9em; + font-weight:bold; +} + + +/* footer styles */ + + +/* content styles */ +.activitydate, .activityhead { + font-size:x-small; + text-align:center; +} + +.forumolddiscuss { + text-align:right; +} + +.weeklydatetext { + font-size:medium; + font-weight:bold; +} + +.feedbacktext { + text-align:right; +} + +.headerhomemain { + font-size:x-large; + font-weight:bold; +} + +.courseboxinfo { + font-size:normal; +} + +table.calendarmini { + font-size:85%; +} + +table.calendarmini tbody td { + text-align:center; +} + +table.calendarmini thead td { + font-size:.95em; + text-align:center; +} + +table.calendarmonth thead td { + text-align:center; +} + +.sideblockmain .cal_event { + font-size:0.8em; + font-weight:bold; +} + +.sideblockmain .cal_event_date { + font-size:0.6em; +} + +.mycalendar .cal_event_date { + font-size:0.8em; +} + +.mycalendar .cal_event_table thead { + font-weight:bold; + text-align:center; +} + +.cal_popup_caption { + font-family:sans-serif; + font-size:75%; + font-weight:bold; +} + +.cal_popup_close { + font-family:sans-serif; + font-size:75%; + font-weight:bold; +} + +.sideblock .cal_controls { + font-size:9px; + text-align:center; +} + +.rssclientlink { + font-size:x-small; +} + +.rssclientdescription { + font-size:x-small; +} + +.message_summary_link { + font-size:small; + text-align:right; +} + +.message_link { + font-size:x-small; +} + +.message_form { + font-size:0.78em; +} + +.message_heading { + font-size:medium; + font-weight:bold; + text-align:center; +} + +a:link, +a:visited { + text-decoration:none; +} + +.forumaddnew, +.forumaddnewminimal, +.forumnodiscuss, +.forumnodiscussminimal, +.forumolddiscussminimal, +.noticeboxcontent { + text-align:center; +} + +a.dimmed:link, +a.dimmed:visited { + text-decoration:none; +} + +.categoryname, +.categorynumber { + font-size:larger; + font-weight:bold; +} + +.courseboxteachers, +.courseboxcost { + font-size:smaller; +} + +a.autolink:link, +a.autolink:visited { + text-decoration:none; +} + +a.autolink:hover, +a:hover, +a.dimmed:hover { + text-decoration:underline; +} + +table.calendarmonth tbody td table, +table.calendarmonth tbody td div { + font-size:0.75em; + line-height:1.2em; +} + +.calendarreferer, +.forumnodiscuss, +.forumnodiscussminimal, +.mycalendar .cal_event { + font-weight:bold; +} + +.message_date, +.forumpostheadername, +.forumpostheaderreplies, +.forumpostheaderdate, +.courseboxsummary, +.message_contact, +.message_summary { + font-size:small; +} + +.message_small_note, +.message_pix, +.editorhelptext, +.forumaddnewminimal, +.forumnodiscussminimal, +.forumheadminimal, +.foruminfominimal, +.forumolddiscussminimal, +.logininfo, +#header-home .headermenu font, +.homelink { + font-size:x-small; +} diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css new file mode 100644 index 0000000000..ea353951a1 --- /dev/null +++ b/theme/standard/styles_layout.css @@ -0,0 +1,378 @@ +/* $Id$ */ + +/* +** layout +*/ + + +/* basic styles */ +.clearer { + clear:both; + margin:0px; + padding:0px; + height:1px; + border:none; + background:transparent; +} + + +/* general styles */ +th { + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; +} + +form { + margin-bottom:0px; +} + + +/* header styles */ +#header-home { + padding:1em 0.5em; + height:2em; +} + +#header { + padding:0.1em 0.5em; +} + +.headermain { + float:left; +} + +#header .headermain { + margin:0.2em 0em; +} + +.headermenu { + float:right; +} + +#nav-bar { + padding:3px 0.5em; + height:1.3em; + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; +} + +#breadcrumb { + float:left; + margin:0.2em 0em; +} + +#navbutton { + float:right; +} + + +/* footer styles */ + + +/* content styles */ +.generalbox { + border-width:1px; + border-style:solid; +} + +/* many places */ +.noticebox { + border-width:1px; + border-style:solid; +} + +/* entry-page index.php */ +.sitetopic { + border-width:1px; + border-style:solid; +} + +/* quiz styles */ +.feedbacktext { + display:block; +} + +/* summary of a user in a nice little box - weblib.php */ +.userinfobox { + border-width:1px; + border-style:solid; + margin-bottom:5px; +} + +.userinfoboxside, +.userinfoboxsummary, +.userinfoboxlinkcontent { } + +/* glossary, wiki */ +.generaltab, +.generaltabselected { + background:none; +} + +/* assignment, forum, glossary */ +.forumheaderlist, +.forumpost { + 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; +} + +/* calendar */ +table.calendarmini { + width:100%; + margin:0px; + padding:2px; + border-width:1px; + border-style:solid; +} + +table.calendarmini thead td { + vertical-align:center; +} + +table.calendarmini tbody td { + border-width:2px; + border-style:solid; + vertical-align:center; +} + +table.calendarmonth thead td { + padding-bottom:3px; + border-bottom:2px solid; + vertical-align:center; +} + +table.calendarmonth tbody td { + width:14%; + border-width:2px; + border-style:solid; + vertical-align:top; +} + +.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 .cal_filters thead td { + margin:0px; + padding:2px; + border-bottom:2px solid; +} + +table.calendarmonth tbody td table, +table.calendarmonth tbody td div { + margin-top:0px; + margin-left:0px; +} + +table.calendarmonth tbody td table td, +a img { + border:none; +} + +.mycalendar .cal_event_table, +table.calendarmonth, +.mycalendar table.cal_filters { + width:100%; + margin:0px; + padding:2px; + border-width:1px; + border-style:solid; +} + +.mycalendar hr { + height:1px; + margin-top:4px; + margin-bottom:4px; + border:none; + border-top:1px solid; +} + +td.cal_event_description { + width:80%; + padding:5px; + vertical-align:top; + border-left:2px solid; +} + +.cal_popup_bg { + padding:0px; + margin:0px; + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; + border:2px solid; +} + +.cal_popup_close { + margin-right:5px; +} + +.eventfull { + border-width:1px; + border-style:solid; +} + +.eventfullpicture { + padding:8px; +} + +/* admin, calendar */ +table.formtable td { + padding:9px; +} + +/* block_rss_client.php */ +.rssclientlink { + padding-bottom:5px; + border-top:1px solid; +} + +.rssclientdescription { + padding-left:10px; + padding-bottom:8px; +} + +/* message */ +.message_link { + vertical-align:center; +} + +.message_search_results { + border-collapse:collapse; + border-spacing:0px; +} + +table.message_search_results td { + padding:5px; + border-width:1px; + border-style:solid; +} + +/* course, entry-page, login */ +.headingblock { + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; + border-width:1px; + border-style:solid; +} + +/* course */ +.outlineheadingblock { + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; + border-width:1px; + border-style:solid; +} +.weeklyoutlinecontent, +.topicsoutlinecontent { + border-width:1px; + border-left:0px; + border-right:0px; + border-style:solid; +} + +.weeklyoutlinecontenthighlight, +.topicsoutlinecontenthighlight { + border-width:1px; + border-left:0px; + border-right:0px; + border-style:solid; +} + +.weeklyoutlinecontenthidden, +.topicsoutlinecontenthidden { + border-width:1px; + border-left:0px; + border-right:0px; + border-style:solid; +} + +.categoryboxcontent, +.courseboxcontent { + border-width:1px; + border-style:solid; +} + +/* sideblock */ +/* sideblock weblib.php */ +#block_course_summary .sideblockmain { + padding:10px; +} + +/* calendar, weblib.php, wiki */ +.sideblock { + border-width:1px; + border-style:solid; +} + +/* weblib.php, wiki */ +.sideblockheading { + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; +} + +.sideblockmain hr { + height:1px; + margin-top:4px; + margin-bottom:4px; + border:none; + border-top:1px solid; +} + +/* calendar, course, weblib,php, attandance +dialouge, exercise, forum, lesson, quiz */ +.generaltableheader { + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; +} \ No newline at end of file diff --git a/theme/standard/styles_moz.css b/theme/standard/styles_moz.css new file mode 100644 index 0000000000..a58b313daf --- /dev/null +++ b/theme/standard/styles_moz.css @@ -0,0 +1,108 @@ + +.headingblock { + -moz-border-radius:3px; +} + +.sideblock { + -moz-border-radius-bottomleft:20px; + -moz-border-radius-bottomright:20px; +} + +.generalbox { + -moz-border-radius-topleft:3px; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; +} + +.generalboxcontent { + -moz-border-radius-topleft:3px; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; +} + +.noticebox { + -moz-border-radius:3px; +} + +.userinfobox { + -moz-border-radius-bottomleft:20px; + -moz-border-radius-bottomright:20px; +} + +.userinfoboxsummary { +} + +.generaltab { + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; +} + +.generaltabselected { + -moz-border-radius-topleft:15px; + -moz-border-radius-topright:15px; +} + +table.calendarmini { + -moz-border-radius:10px; +} + +table.calendarmini tbody td { + -moz-border-radius:4px; +} + +.eventfull { + -moz-border-radius-bottomleft:15px; + -moz-border-radius-bottomright:15px; +} + +.eventfullside { + -moz-border-radius-bottomleft:15px; +} + +.eventfullmessage { + -moz-border-radius-bottomright:15px; +} + +#block_course_summary, #block_course_summary .sideblockmain { + -moz-border-radius:20px; +} + +.sitetopic { + -moz-border-radius:15px; +} + +.sitetopiccontent { + -moz-border-radius:15px; +} + +.headingblock, .outlineheadingblock { + -moz-border-radius:3px; +} + +.sideblock, .forumpost { + -moz-border-radius-bottomleft:20px; + -moz-border-radius-bottomright:20px; +} + +.forumpostside, .userinfoboxside { + -moz-border-radius-bottomleft:20px; +} + +.categoryboxcontent, .courseboxcontent { + -moz-border-radius:20px; +} + +.userinfoboxlinkcontent, .forumpostmessage, .userinfoboxcontent { + -moz-border-radius-bottomright:20px; +} + +.mycalendar .cal_event_table, table.calendarmonth, .mycalendar table.cal_filters { + -moz-border-radius:10px; +} + +.sideblockmain, .sideblocklatestnews, .sideblockrecentactivity, .mycalendar { + -moz-border-radius-bottomleft:20px; + -moz-border-radius-bottomright:20px; +} \ No newline at end of file