From a8e1f343c033431b08c5328667e69e8030da1367 Mon Sep 17 00:00:00 2001 From: moodler Date: Tue, 25 Jan 2005 13:17:15 +0000 Subject: [PATCH] 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. --- theme/standard/README.html | 22 + theme/standard/docstyles.php | 102 ++++ theme/standard/footer.html | 11 + theme/standard/gradient.jpg | Bin 379 -> 373 bytes theme/standard/header.html | 91 ++-- theme/standard/styles.css | 53 ++ theme/standard/styles.php | 796 +------------------------------ theme/standard/styles_color.css | 276 +++++++++++ theme/standard/styles_fonts.css | 234 +++++++++ theme/standard/styles_layout.css | 378 +++++++++++++++ theme/standard/styles_moz.css | 108 +++++ 11 files changed, 1232 insertions(+), 839 deletions(-) create mode 100644 theme/standard/README.html create mode 100644 theme/standard/docstyles.php create mode 100644 theme/standard/styles.css create mode 100644 theme/standard/styles_color.css create mode 100644 theme/standard/styles_fonts.css create mode 100644 theme/standard/styles_layout.css create mode 100644 theme/standard/styles_moz.css 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 @@ +

STANDARD THEME

+
+ +

Moodle's default theme is a very neutral grey/white theme.

+ +

This theme is always the most up-to date.

+ +

Programmers working on Moodle should always design for this +theme, and add new styles to this theme.

+ +

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.

+ + +

The standard stylesheet is: +

+   $CFG->wwwroot/theme/standard/styles.php
+
+

+ 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 @@ + +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 @@ + + + diff --git a/theme/standard/gradient.jpg b/theme/standard/gradient.jpg index a122ff238d4ea8cb57463e97905f758175be6ed3..dbb2126a3b038f7f91a5d44c7331662c67f34bc2 100755 GIT binary patch literal 373 zcmex=``2_j6xdp@o1cgOJMMZh|#U;coyG6VInuyV4pa*FVB^NNrR z{vTiv$ij>y!zj!wC?vuX zmdqH&VGITtL%N# z8--_1ueF`sJ?owNu0#1JXSHuQ{Y2@xU+B{J(R_vJi8C)1t+}`HZMb0Ub)kHh*Wm(; L2hJcn>;Fvv7iU9n 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 @@ + > - -<?php echo $title ?> - - -wwwroot/theme/$CFG->theme" ?>/favicon.ico" /> -javascript"); ?> + + + <?php echo $title ?> + + wwwroot/theme/$CFG->theme" ?>/favicon.ico" /> + javascript"); ?> -body\">"; +body\">"; + ?> + +
+ + - - - - - - - - -
- - - - - - - - -
- +
+
+
+
+ + - - +
 
- - - - - - -
-
- - - -
- + + +
- - +
 
+ +
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 @@ - - -body, td, th, li { - font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; -} - -th { - font-weight: bold; - background-color: cellheading?>; - background-image: url(/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: highlight?>; -} - -.headingblock { - background-image: url(/gradient.jpg); - border-width: 1px; - border-color: borders?>; - border-style: solid; - -moz-border-radius: 3px; -} - -.navbar { - background-image: url(/gradient.jpg); -} - -.generaltable { -} - -.generaltableheader { - background-image: url(/gradient.jpg); -} - -.generaltablecell { -} - -.sideblock { - border-width: 1px; - border-color: borders?>; - border-style: solid; - -moz-border-radius-bottomleft: 20px; - -moz-border-radius-bottomright: 20px; -} - -.sideblockheading { - background-image: url(/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(/gradient.jpg); - border-width: 1px; - border-color: borders?>; - border-style: solid; - -moz-border-radius: 3px; -} - -.forumpost { - border-width: 1px; - border-color: 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: hidden?>; -} - -.weeklyoutlinecontent { - border-color: cellheading ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.weeklyoutlinecontenthighlight { - border-color: cellheading2 ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.weeklyoutlinecontenthidden { - border-color: hidden ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.weeklydatetext { - font-size: medium; - font-weight: bold; - color: cellheading2?>; -} - -.topicsoutline { -} - -.topicsoutlineside { -} - -.topicsoutlinesidehighlight { -} - -.topicsoutlinesidehidden { - background-color: hidden?>; -} - -.topicsoutlinecontent { - border-color: cellheading ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.topicsoutlinecontenthighlight { - border-color: cellheading2 ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.topicsoutlinecontenthidden { - border-color: hidden ?>; - border-style: solid; - border-width: 1px; - border-left: 0px; - border-right: 0px; -} - -.siteinfo { -} - -.siteinfocontent { - border-width: 1px; - border-color: borders?>; - border-style: solid; - -moz-border-radius: 20px; - padding: 10px; -} - - -.generalbox { - border-width: 1px; - border-color: 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: borders?>; - border-style: solid; - -moz-border-radius: 3px; -} - -.noticeboxcontent { - text-align: center; -} - - -.feedbacktext { - color: cellheading2?>; -} - -a.dimmed:link { - text-decoration: none; - color: hidden?>; -} - -a.dimmed:visited { - text-decoration: none; - color: 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: 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: borders?>; - border-style: solid; - -moz-border-radius: 20px; -} - -.courseboxinfo { -} - -.courseboxsummary { - font-size: small; -} - -a.autolink:link { - text-decoration: none; - color: #000000; - background-color: autolink?>; -} - -a.autolink:visited { - text-decoration: none; - color: #000000; - background-color: autolink?>; -} - -a.autolink:hover { - text-decoration: underline; - color: red; -} - -.userinfobox { - border-width: 1px; - border-color: 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: cellheading?>; -} - -.generaltabselected { - -moz-border-radius-topleft: 15px; - -moz-border-radius-topright: 15px; - background: none; - background-color: cellheading2?>; -} - -.forumheaderlist { - border-width: 1px; - border-color: borders?>; - border-style: solid; -} - -.smallinfo { -} - -.smallinfohead { - color: #555555; -} - -.tabledivider { - border-width: 1px; - border-color: borders?>; - border-style: solid; - border-left: 0px; - border-right: 0px; - border-top: 0px; -} - -.headingblockcontent { -} - -TABLE.calendarmini { - width: 100%; - border-width: 1px; - border-color: borders?>; - border-style: solid; - font-size: .7em; - margin: 0px; - padding: 2px; - -moz-border-radius: 10px; -} - -TABLE.calendarmonth { - width: 100%; - border-width: 1px; - border-color: 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: cellcontent2?>; - border-style: solid; - -moz-border-radius: 4px; -} - -TABLE.calendarmonth TBODY TD { - width: 14%; - border-width: 2px; - border-color: 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 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: borders?>; - border-style: solid; - margin: 0px; - padding: 2px; - -moz-border-radius: 10px; -} - -.mycalendar .cal_filters THEAD TD { - border-bottom: 2px borders?> solid; - margin: 0px; - padding: 2px; -} - - -.mycalendar .cal_event_table { - width: 100%; - border-width: 1px; - border-color: borders?>; - border-style: solid; - margin: 0px; - padding: 2px; - -moz-border-radius: 10px; -} - -.mycalendar .cal_event_table THEAD { - background-color: 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 borders?> solid; - vertical-align: top; - padding: 5px; -} - -.cal_popup_fg { - background-color: cellcontent?>; -} - -.cal_popup_bg { - border-top: 2px cellcontent2 ?> solid; - border-left: 2px cellcontent2 ?> solid; - border-right: 2px cellheading2 ?> solid; - border-bottom: 2px cellheading2 ?> solid; - background-image: url(/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: 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: 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 -- 2.39.5