From 2ea70bbe69d251ecb49be6afccbf5c0f8221d031 Mon Sep 17 00:00:00 2001 From: mits Date: Sat, 5 Mar 2005 00:34:47 +0000 Subject: [PATCH] upgraded for 1.5 --- theme/oceanblue/README.txt | 4 + theme/oceanblue/config.php | 76 ++- theme/oceanblue/docstyles.php | 102 ++++ theme/oceanblue/footer.html | 11 + theme/oceanblue/header.html | 90 ++- theme/oceanblue/styles.php | 129 +--- theme/oceanblue/styles_color.css | 564 ++++++++++++++++++ theme/oceanblue/styles_fonts.css | 464 +++++++++++++++ theme/oceanblue/styles_layout.css | 942 ++++++++++++++++++++++++++++++ 9 files changed, 2202 insertions(+), 180 deletions(-) create mode 100644 theme/oceanblue/README.txt create mode 100644 theme/oceanblue/docstyles.php create mode 100644 theme/oceanblue/styles_color.css create mode 100644 theme/oceanblue/styles_fonts.css create mode 100644 theme/oceanblue/styles_layout.css diff --git a/theme/oceanblue/README.txt b/theme/oceanblue/README.txt new file mode 100644 index 00000000000..3442de8e9b6 --- /dev/null +++ b/theme/oceanblue/README.txt @@ -0,0 +1,4 @@ +Theme Ocean Blue +------------------------ +Author: Mitsuhiro Yoshida +http://mitstek.com/ diff --git a/theme/oceanblue/config.php b/theme/oceanblue/config.php index 80fe789a72c..f2adaeb21d2 100644 --- a/theme/oceanblue/config.php +++ b/theme/oceanblue/config.php @@ -1,17 +1,67 @@ body = "#AAAAFF"; // Main page color -$THEME->cellheading = "#CCCCFF"; // Standard headings of big tables -$THEME->cellheading2 = "#8080c0"; // Highlight headings of tables -$THEME->cellcontent = "#F0F0FF"; // For areas with text -$THEME->cellcontent2 = "#CCCCFF"; // Alternate colour -$THEME->borders = "#AAAAFF"; // Table borders -$THEME->highlight = "#AAFFAA"; // Highlighted text (eg after a search) -$THEME->hidden = "#AAAAAA"; // To color things that are hidden -$THEME->autolink = "#DDDDDD"; // To color auto-generated links (eg glossary) +//////////////////////////////////////////////////////////////////////////////// +/// 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 - // See "cordoroyblue" for an up-to-date example. + +$THEME->sheets = array('styles_layout', 'styles_fonts', 'styles_color'); + +/// This variable is an array containing the names of all the +/// stylesheet files you want included in this theme, and in what order +//////////////////////////////////////////////////////////////////////////////// + + +$THEME->standardsheets = false; + +/// 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'); +//////////////////////////////////////////////////////////////////////////////// + + +$THEME->parent = ''; + +/// This variable can be set to the name of a parent theme +/// which you want to have included before the current theme. +/// This can make it easy to make modifications to another +/// theme without having to actually change the files +/// If this variable is empty or false then a parent theme +/// is not used. +//////////////////////////////////////////////////////////////////////////////// + + +$THEME->parentsheets = false; + +/// This variable can be set to an array containing +/// filenames from a chosen *PARENT* 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'); +//////////////////////////////////////////////////////////////////////////////// + + +$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. +//////////////////////////////////////////////////////////////////////////////// ?> diff --git a/theme/oceanblue/docstyles.php b/theme/oceanblue/docstyles.php new file mode 100644 index 00000000000..a82f2b474aa --- /dev/null +++ b/theme/oceanblue/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:#555555; +} + +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: normal; + 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/oceanblue/footer.html b/theme/oceanblue/footer.html index 160cf23dacb..c016bd3ddae 100644 --- a/theme/oceanblue/footer.html +++ b/theme/oceanblue/footer.html @@ -1,9 +1,20 @@ + + + diff --git a/theme/oceanblue/header.html b/theme/oceanblue/header.html index fb628df0ad4..ae4e4b5d3f5 100644 --- a/theme/oceanblue/header.html +++ b/theme/oceanblue/header.html @@ -1,61 +1,45 @@ - + > - -<?php echo $title ?> - - -wwwroot/theme/$CFG->theme" ?>/favicon.ico"> -javascript"); ?> + + + <?php echo $title ?> + wwwroot/theme/$CFG->theme" ?>/favicon.ico" /> + javascript"); ?> -body\">"; +> + +
+ + - - - - - - - - -
- - - - - - - - -
- +
+
+
+
+ + - - +
 
- - - - - - -
- -
-
- - - -
- + + +
- - +
 
+ +
diff --git a/theme/oceanblue/styles.php b/theme/oceanblue/styles.php index 42accbf5407..422fd01e471 100644 --- a/theme/oceanblue/styles.php +++ b/theme/oceanblue/styles.php @@ -37,7 +37,7 @@ body, td, th, li { } th { - font-weight: bold; + font-weight: normal; background-color: cellheading?>; background-image: url(/gradient.jpg); } @@ -74,7 +74,6 @@ form { border-width: 1px; border-color: borders?>; border-style: solid; - -moz-border-radius: 3px; } .navbar { @@ -95,60 +94,31 @@ form { 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 { } @@ -188,7 +158,7 @@ form { .weeklydatetext { font-size: medium; - font-weight: bold; + font-weight: normal; color: cellheading2?>; } @@ -236,7 +206,6 @@ form { border-width: 1px; border-color: borders?>; border-style: solid; - -moz-border-radius: 20px; padding: 10px; } @@ -245,24 +214,12 @@ form { 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 { @@ -290,7 +247,7 @@ a.dimmed:hover { } .dimmed_text { - color: #AAAAAA; + color: #666666; } .forumpostheader { @@ -331,7 +288,7 @@ a.dimmed:hover { .headermain { font-size: large; - font-weight: bold; + font-weight: normal; } .headermenu { @@ -342,7 +299,7 @@ a.dimmed:hover { .headerhomemain { font-size: x-large; - font-weight: bold; + font-weight: normal; } .headerhomemenu { @@ -355,12 +312,11 @@ a.dimmed:hover { border-width: 1px; border-color: borders?>; border-style: solid; - -moz-border-radius: 20px; } .categoryname { font-size: larger; - font-weight: bold; + font-weight: normal; } .coursename { @@ -373,7 +329,6 @@ a.dimmed:hover { border-width: 1px; border-color: borders?>; border-style: solid; - -moz-border-radius: 20px; } .courseboxinfo { @@ -385,13 +340,13 @@ a.dimmed:hover { a.autolink:link { text-decoration: none; - color: #000000; + color: #555555; background-color: autolink?>; } a.autolink:visited { text-decoration: none; - color: #000000; + color: #555555; background-color: autolink?>; } @@ -404,37 +359,12 @@ a.autolink:hover { 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; -} - -.generaltabselected { - -moz-border-radius-topleft: 15px; - -moz-border-radius-topright: 15px; -} - - .forumheaderlist { border-width: 1px; border-color: borders?>; @@ -468,7 +398,6 @@ TABLE.calendarmini { font-size: .7em; margin: 0px; padding: 2px; - -moz-border-radius: 10px; } TABLE.calendarmonth { @@ -478,7 +407,6 @@ TABLE.calendarmonth { border-style: solid; margin: 0px; padding: 2px; - -moz-border-radius: 10px; } TABLE.calendarmini TBODY TD { @@ -488,7 +416,6 @@ TABLE.calendarmini TBODY TD { border-width: 2px; border-color: cellcontent2?>; border-style: solid; - -moz-border-radius: 4px; } TABLE.calendarmonth TBODY TD { @@ -580,19 +507,14 @@ TABLE.calendarmonth THEAD TD { .sideblockmain .cal_event { font-size: 0.8em; - font-weight: bold; + font-weight: normal; } .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; + font-weight: normal; } .mycalendar .cal_event_date { font-size: 0.8em; @@ -605,7 +527,6 @@ TABLE.calendarmonth THEAD TD { border-style: solid; margin: 0px; padding: 2px; - -moz-border-radius: 10px; } .mycalendar .cal_filters THEAD TD { @@ -622,13 +543,12 @@ TABLE.calendarmonth THEAD TD { 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; + font-weight: normal; } .sideblockmain HR { @@ -649,11 +569,11 @@ TABLE.calendarmonth THEAD TD { .calendarexpired { color: red; - font-weight: bold; + font-weight: normal; } .calendarreferer { - font-weight: bold; + font-weight: normal; } TD.cal_event_description { @@ -679,13 +599,13 @@ TD.cal_event_description { .cal_popup_caption { font-size: 75%; - font-weight: bold; + font-weight: normal; font-family: sans-serif; } .cal_popup_close { font-size: 75%; - font-weight: bold; + font-weight: normal; font-family: sans-serif; margin-right: 5px; } @@ -707,8 +627,6 @@ TABLE.formtable TD { border-width: 1px; border-color: borders?>; border-style: solid; - -moz-border-radius-bottomleft: 15px; - -moz-border-radius-bottomright: 15px; } .eventfullheader { @@ -718,18 +636,6 @@ TABLE.formtable TD { 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; } @@ -738,10 +644,5 @@ TABLE.formtable TD { border-width: 1px; border-color: borders?>; border-style: solid; - -moz-border-radius: 15px; -} - -.sitetopiccontent { - -moz-border-radius: 15px; } diff --git a/theme/oceanblue/styles_color.css b/theme/oceanblue/styles_color.css new file mode 100644 index 00000000000..4c84ae11c2a --- /dev/null +++ b/theme/oceanblue/styles_color.css @@ -0,0 +1,564 @@ +/************************************************* +*** +*** 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 */ +a:link, +a:visited { + color:#0000FF; +} + +a.dimmed:link, +a.dimmed:visited { + color:#666666; /* hidden */ +} + +a.autolink:link, +a.autolink:visited { + background-color:#DDDDDD; /* autolink */ + color:#555555; +} + +a.autolink:hover, +a:hover, +a.dimmed:hover { + color:#FF0000; +} + + +/* general styles */ +body { + background-color:#AAAAFF; + color:#000066; +} + +th { + background-color:#DDDDDD; +} + +.highlight { + background-color:#AAFFAA; /* highlight */ +} + +.highlight2 { + color:#AA0000; /* highlight missing terms in forum search */ +} + +/* Alternate rows even */ +.r0 { +} + +/* Alternate rows odd */ +.r1 { +} + +/* notification messages (can be good or bad) */ +.notifyproblem { + color:#660000; + padding: 10px; + text-align: center; +} + +.notifysuccess { + color:#006600; + padding: 10px; + text-align:center; +} + +.required { + background-color:#DDDDDD; +} + + +/* header styles */ + + +/* footer styles */ + + +/***************************** +*** +*** content styles +*** +******************************/ +/* many places */ +.generalbox { + border-color:#AAAAFF; /* borders */ +} +.informationbox { + border-color:#AAAAFF; /* borders */ +} +.feedbackbox { + border-color: #AAAAFF; /* borders */ +} +.feedbackby { + background-color:#BBBBBB; +} +.userpicture { + background:#EEEEEE; +} + +.admin .generalboxcontent { + background-color:#EEEEEE; +} +.admin .generalbox { + border-color:#BBBBBB; +} + +.admin .informationbox { + border-color:#BBBBBB; + background-color:#FFFFFF; +} + +.noticebox { + border-color:#AAAAFF; /* borders */ +} + +.errorbox { + color:#ffffff; + border-color:#660000; + background-color:#990000; +} + +/* summary of a user in a nice little box - weblib.php */ +.userinfobox { + border-color:#AAAAFF; /* borders */ +} + + +/* weblib.php table */ +.tabledivider { + border-color:#AAAAFF; /* borders */ +} + + +/* entry-page index.php */ +.sitetopic { + background-color:#FFFFFF; /* cellheading */ + border-color:#AAAAFF; /* borders */ +} + + +/***************************** +*** +*** Admin +*** +******************************/ +/* admin, calednder, course */ +.dimmed_text { + color:#666666; +} + + +/***************************** +*** +*** Course +*** +******************************/ +/* course, entry-page, login */ +.headingblock { + border-color:#AAAAFF; /* borders */ +} + + +/* course */ +.headingblock .outline { + border-color:#AAAAFF; /* borders */ +} + +#course-view .section td { + border-color:#DDDDDD; +} + +#course-view .section .content { +} + +#course-view .section .side { + background: #EEEEEE; +} + +#course-view .section .left { +} + +#course-view .section .right { +} + +#course-view .current .side{ + background: #FFD991; +} + +#course-view .topics { +} + +#course-view .weeks { +} + +#course-view .section .spacer { +} + +#course-view .section .weekdates { + color:#666666; +} + +.categoryboxcontent, +.courseboxcontent { + border-color:#AAAAFF; /* borders */ + background: #FFFFFF; +} + + +/* user */ + +.userinfobox { + border-color: #DDDDDD; + background-color: #F7F7F7; +} + + + +/***************************** +*** +*** Activities +*** +******************************/ +/* assignment, forum, glossary */ +.forumheaderlist, +.forumpost { + border-color:#AAAAFF; /* borders */ +} + +.forumpost .content { + background: #FFFFFF; +} + +.forumpost .left { + background:#EEEEEE; +} + +.forumpost .topic { + border-style:solid; /* borders */ + border-width: 0px; + border-bottom-color: #EEEEEE; + border-bottom-width: 1px; +} + +.forumpost .starter { + background:#DDDDDD; +} + +.forumheaderlist .discussion .starter { + background:#DDDDDD; +} + +.forumheaderlist td { + border-color: #FFFFFF; +} + + +/* survey */ +#mod-survey-view .r0 { + background-color: #EEEEEE; +} +#mod-survey-view .r1 { + background-color: #DDDDDD; +} + + +/* assignment */ +.assignmentsubmission { +} + +.assignmentnew .assignmentfeedback{ + background-color:#DDDDDD; /* cellheading2 */ +} + +.assignmentold .assignmentfeedback{ + background-color:#BBBBBB; /* cellheading */ +} + +.assignmentheading { + background-color:#BBBBBB; /* cellheading */ +} + + +/* workshop */ + +.workshoppostpicture { + background-color:#FEE6B9; /* cellcontent2 */ +} + +.workshopassessmentheading { + background-color:#DDDDDD; /* cellheading2 */ +} + + +/* glossary, wiki */ +.generaltab, .generaltabinactive { + background-color:#BBBBBB; /* cellheading */ +} + +.generaltabselected { + background-color:#DDDDDD; /* cellheading2 */ +} + +.generaltabinactive { + color:#CCCCCC; +} + +.entryboxheader { + border-color: #BBBBBB; +} + +.entrybox { + border-color: #BBBBBB; +} + +.entry { +} + +.glossarypost { + border-color: #DDDDDD; +} + +.glossarypost .entryheader, +.glossarypost .picture, +.glossarypost .entryattachment, +.glossarypost .left { + background-color: #F0F0F0; +} + + +#mod-glossary-report .generalbox .teacher { + background: #F0F0F0; +} + + + + +/* lang, forum */ +.teacheronly { + color:#990000; +} + +.forumheadminimal { + color:#555555; +} + +.forumthread .unread { + background: #FFD991; +} + +.unread { + background: #FFD991; +} + +#mod-forum-view .unread { + padding-left: 3px; + padding-right: 3px; +} + +#mod-forum-discuss .forumpost { + background: none; +} + +#mod-forum-discuss .unread .forumpostmessage { + border-style: solid; + border-color: #FFD991; + border-width: 2px; +} + +#mod-forum-discuss .forumthread .unread { +} + +#mod-forum-index .unread { +} + +/* message */ +table.message_search_results td { + border-color:#AAAAFF; /* borders */ +} + + +/* weblib.php, wiki */ +.sideblockmain hr { + border-top-color:#999999; +} + +/* wiki */ +.sideblockheading { + background-color: #EEEEEE; +} + +/***************************** +*** +*** Calendar +*** +******************************/ + +#calendar .maincalendar, +#calendar .sidecalendar +{ + border-color: #DDDDDD; +} + +#calendar .maincalendar table.calendarmonth th { + border-color: #555555; +} + +table.minicalendar { + border-color:#DDDDDD; +} + +#calendar .maincalendar .eventlist .event { + border-color:#DDDDDD; +} + +#calendar .maincalendar .eventlist .event .header, +#calendar .maincalendar .eventlist .event .picture, +#calendar .maincalendar .eventlist .event .side +{ + background-color:#EEEEEE; +} + +#calendar .maincalendar table.calendarmonth ul.events-underway { + color:#999999; +} + +#calendar .event_global, +.minicalendar .event_global, +.block_calendar_month .event_global { + border-color:#2EBA0E !important; + background-color:#2EBA0E; +} + +#calendar .event_course, +.minicalendar .event_course, +.block_calendar_month .event_course { + border-color:#FF9966 !important; + background-color:#FF9966; +} + +#calendar .event_group, +.minicalendar .event_group, +.block_calendar_month .event_group { + border-color:#FBBB23 !important; + background-color:#FBBB23; +} + +#calendar .event_user, +.minicalendar .event_user, +.block_calendar_month .event_user { + border-color:#A1BECB !important; + background-color:#A1BECB; +} + +#calendar .duration_global, +.minicalendar .duration_global { + border-top-color:#2EBA0E !important; + border-bottom-color:#2EBA0E !important; +} + +#calendar .duration_course, +.minicalendar .duration_course { + border-top-color:#FF9966 !important; + border-bottom-color:#FF9966 !important; +} + +#calendar .duration_group, +.minicalendar .duration_group { + border-top-color:#FBBB23 !important; + border-bottom-color:#FBBB23 !important; +} + +#calendar .duration_user, +.minicalendar .duration_user { + border-top-color:#A1BECB !important; + border-bottom-color:#A1BECB !important; +} + +#calendar .weekend, +.minicalendar .weekend { + color:#FF0000; +} + +#calendar .today, +.minicalendar .today { + border-color:#555555 !important; +} + +.cal_popup_fg { + background-color:#FFFFFF; /* cellcontent */ +} + +.cal_popup_bg { + border-color:#555555; + background-color:#FFFFFF; +} + + +/***************************** +*** +*** Blocks +*** +******************************/ +/* block_rss_client.php */ +.rssclientlink { + border-top-color:#DDDDDD; +} + +.rssclientdescription { + color:#555555; +} + + +/* sideblock */ +/* calendar, weblib.php, wiki */ +.sideblock { + border-color:#AAAAFF; /* borders */ +} +.sideblockmain { + background-color:#FCFCFC; +} + +.sideblocklist { + background-color:#FCFCFC; +} + +.sideblockmain hr { + border-top-color:#999999; +} + +/* Messaging */ +.message .author { + color: #999999; +} + +.message .time { + color: #999999; +} + +.message .content { +} diff --git a/theme/oceanblue/styles_fonts.css b/theme/oceanblue/styles_fonts.css new file mode 100644 index 00000000000..faffe8c7a25 --- /dev/null +++ b/theme/oceanblue/styles_fonts.css @@ -0,0 +1,464 @@ +/************************************************* +*** +*** 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%; +} + +.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:normal; +} + +a:link, +a:visited { + text-decoration:none; +} + +a.dimmed:link, +a.dimmed:visited { + text-decoration:none; +} + +a.autolink:link, +a.autolink:visited { + text-decoration:none; +} + +a.autolink:hover, +a:hover, +a.dimmed:hover { + text-decoration:underline; +} + +h1,h2,h3,h4,h5,h6 { + font-weight:normal; + text-align: center; +} + +h1 { + font-size:1.8em; +} +h2 { + font-size:1.5em; +} +h3 { + font-size:1.2em; +} +h4 { + font-size:1.1em; +} + +/* header styles */ +.headermain { + font-weight:normal; +} + +#header-home .headermain { + font-size:1.5em; +} + +#header .headermain { + font-size:1.3em; +} + +#breadcrumb { + font-size:0.9em; + font-weight:normal; +} + +.logininfo, +#header-home .headermenu font { + font-size:x-small; +} + +/* footer styles */ +.homelink { + font-size:x-small; +} + + +/***************************** +*** +*** content styles +*** +******************************/ +/* many places */ + +.errorbox .title { + font-weight: normal; + font-size: 1.2em; + text-align: center; +} + +/* paging bar */ +.pagingbar .title { + font-weight: normal; +} +.pagingbar .thispage { + font-weight: normal; +} + +/***************************** +*** +*** Admin +*** +******************************/ + +table.formtable tbody th { + font-weight: normal; + text-align: right; +} + + +/***************************** +*** +*** Course +*** +******************************/ +/* course */ +.activitydate, .activityhead { + font-size:x-small; + text-align:center; +} + +.weeklydatetext { + font-size:medium; + font-weight:normal; +} + +.courseboxinfo { + font-size:medium; +} + +.courseboxteachers, +.courseboxcost { + font-size:smaller; +} + +.courseboxsummary { + font-size:small; +} + + +/* user */ +.userinfobox .username { + font-weight: normal; +} + +.userinfobox .links { + font-size: 0.7em; +} + + + +/***************************** +*** +*** Activities +*** +******************************/ +/* index, admin, course, lang, adodb, quiz */ +.categoryname, +.categorynumber { + font-size:larger; + font-weight:normal; +} + + +/* forum */ +.forumolddiscuss { + text-align:right; +} + +.forumaddnew, +.forumaddnewminimal, +.forumnodiscuss, +.forumnodiscussminimal, +.forumolddiscussminimal, +.noticeboxcontent { + text-align:center; +} + +.forumnodiscuss, +.forumnodiscussminimal { + font-weight:normal; +} + +.forumpostheadername, +.forumpostheaderreplies, +.forumpostheaderdate { + font-size:small; +} + +.forumaddnewminimal, +.forumnodiscussminimal, +.forumheadminimal, +.foruminfominimal, +.forumolddiscussminimal { + font-size:x-small; +} + +.forumpost .topic .subject { + font-weight: normal; +} + +.forumpost .topic .author { + font-size: 0.8em; +} + +.forumheaderlist .discussion .lastpost { + font-size: 0.7em; +} + + + +/* message */ +.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:normal; + text-align:center; +} + +.message_date, +.message_contact, +.message_summary { + font-size:small; +} + +.message_small_note, +.message_pix { + font-size:x-small; +} + + +/* quiz */ +.feedbacktext { + text-align:right; +} + +.editorhelptext { + font-size:x-small; +} + + +/* glossary */ +.glossarypost .commands { + font-size: 0.7em; +} +.glossarypost .entryheader .author { + font-size: 0.7em; + font-style: italic; +} +.concept { + font-weight: normal; +} + + +/***************************** +*** +*** Calendar +*** +******************************/ + +#calendar .maincalendar .eventlist .event .referer { + font-weight:normal; +} + +#calendar .maincalendar .eventlist .event .course { + font-size:0.8em; +} + +#calendar .maincalendar .eventlist .event .description .commands { + text-align: right; +} + +#calendar .maincalendar table.calendarmonth td { + font-size:0.8em; + line-height:1.2em; +} + +#calendar .maincalendar .heading, +#calendar .sidecalendar .heading +{ + font-weight:normal; +} + +#calendar .sidecalendar .filters, +.sideblock.block_calendar_month .filters +{ + font-size:0.75em; +} + +#calendar .maincalendar .controls { + font-size:1.2em; +} + +#calendar .maincalendar .day { + font-weight: normal; +} + +table.minicalendar { + font-size:0.85em; +} + +table.minicalendar td { + text-align: center; +} + +.sideblock.block_calendar_month .cal_popup_caption, +.sideblock.block_calendar_month .cal_popup_fg div +{ + font-size: 0.85em !important; +} + +.cal_popup_caption { + font-family:sans-serif; + font-size:0.8em; + font-weight:normal; +} + +.cal_popup_close { + font-family:sans-serif; + font-size:0.8em; + font-weight:normal; +} + +table.calendar-controls .previous { + text-align: left; +} +table.calendar-controls .current { + text-align: center; +} +table.calendar-controls .next { + text-align: right; +} +#calendar .maincalendar .calendar-controls .current { + font-weight: normal; +} + +/***************************** +*** +*** Blocks +*** +******************************/ + +.sideblockheading { + text-align: left; +} + +.sideblock .sideblockheading .commands { + font-size: 0.75em; +} + +.sideblock .footer { + font-size:0.75em; + text-align:center; +} + +/* block_rss_client.php */ +.rssclientlink { + font-size:x-small; +} + +.rssclientdescription { + font-size:x-small; +} + +.sideblock.block_quiz_results h1 { + font-weight: normal; + font-size: 1.2em; +} + +.sideblock.block_quiz_results table.grades caption { + font-weight: normal; +} + +.sideblock.block_quiz_results table.grades .number, .block_quiz_results table.grades .grade { + text-align: right; +} + +.sideblock.block_quiz_results { + text-align: center; +} + +.sideblock.block_quiz_results table.grades { + text-align: left; +} + +.sideblock.block_calendar_upcoming .event .date { + font-size:0.8em; + text-align:right; +} + +/***************************** +*** +*** User +*** +******************************/ + +body#user-index #longtimenosee { + text-align:center; +} + + +/* Messaging */ + +.message .author { + font-weight: normal; +} + +.message .time { + font-weight: italic; +} + +.message .content { +} diff --git a/theme/oceanblue/styles_layout.css b/theme/oceanblue/styles_layout.css new file mode 100644 index 00000000000..737cedfa3ee --- /dev/null +++ b/theme/oceanblue/styles_layout.css @@ -0,0 +1,942 @@ +/************************************************* +*** +*** 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; +} + +.continuebutton { + text-align: center; +} + + +/* general styles */ +th { + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; +} + +form { + margin-bottom:0px; +} + +table { + border-spacing: 0px; + border-collapse: collapse; +} + +a img { + border:none; +} + +/* 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; + text-align: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; +} + +#layout-table { + width:100%; + border-spacing:5px; + border-collapse:separate; +} + +#layout-table #left-column, +#layout-table #middle-column, +#layout-table #right-column +{ + vertical-align:top; +} + +/* footer styles */ + + +/***************************** +*** +*** content styles +*** +******************************/ +/* many places */ +.generalbox { + border-width:1px; + border-style:solid; +} +.noticebox { + border-width:1px; + border-style:solid; +} +.errorbox { + border-width:1px; + border-style:solid; + margin: 1em 15%; + width: 70%; +} +.errorbox .title { + padding: 5px; +} +.informationbox { + border-width:1px; + border-style:solid; +} +.feedbackbox { + border-width:1px; + border-style:solid; +} +.feedbackby { +} +.feedback { +} + + +/* summary of a user in a nice little box - weblib.php */ +.userinfobox { + margin-bottom:5px; + border-width:1px; + border-style:solid; +} + +.userinfoboxside, +.userinfoboxsummary, +.userinfoboxlinkcontent { } + + +/* weblib.php table */ +.tabledivider { + border-width:1px; + border-style:solid; + border-left:0px; + border-right:0px; + border-top:0px; +} + + +/* entry-page index.php */ +.sitetopic { + border-width:1px; + border-style:solid; +} + + +/* paging bar */ +.pagingbar { + text-align:center; +} +.pagingbar a { + padding-left: 10px; +} +.pagingbar .thispage { + padding-left: 10px; +} + +/***************************** +*** +*** Admin +*** +******************************/ +/* admin, calendar */ +table.formtable { + margin: auto; +} + +table.formtable tbody th { + background: none; + vertical-align: top; +} + +table.formtable tbody td, +table.formtable tbody th +{ + padding: 5px; +} + +/***************************** +*** +*** Course +*** +******************************/ + +.section .activity img.activityicon { + vertical-align:middle; + height:16px; + width:16px; +} + +.section img.movetarget { + height:16px; + width:80px; +} + +/* course, entry-page, login */ +.headingblock { + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; + border-width:1px; + border-style:solid; + padding:5px; +} + + +/* course */ + +#course-view .section td { + vertical-align:top; +} + +#course-view .section .content { + padding:5px; + border-style:solid; + border-width:1px; + border-left:0px; + border-right:0px; +} + +#course-view .section .side { + padding:5px; + border-style:solid; + border-width:1px; +} + +#course-view .section .left { + border-right:0px; + text-align:center; + font-weight:bold; + width: 1.5em; +} + +#course-view .section .right { + border-left:0px; + text-align:center; + width: 1.5em; +} + +#course-view .topics { + margin-top: 9px; +} + +#course-view .weeks { + margin-top: 9px; +} + +#course-view .section .spacer { + height:0.5em; +} + +#course-view .section .weekdates { +} + + +.categoryboxcontent, +.courseboxcontent { + border-width:1px; + border-style:solid; +} + + +/* user */ +.userinfobox { + border-width: 1px; + border-style: solid; + border-collapse: separate; +} + +.userinfobox .left { + padding: 10px; + width: 100px; +} + +.userinfobox .content { + padding: 10px; + vertical-align: top; +} + +.userinfobox .links { + width: 100px; + padding: 5px; + vertical-align: bottom; +} + +.userinfobox .username { + padding-bottom: 20px; +} + + +table.userinfobox { + width: 80%; + margin-left: 10%; + margin-right: 10%; +} + + + +/***************************** +*** +*** Activities +*** +******************************/ +/* assignment, forum, glossary */ +.forumheaderlist, +.forumpost { + border-width:1px; + border-style:solid; + border-collapse:separate; +} + +.forumpost { + margin-top: 15px; +} + +.forumpost .topic { + padding: 4px; +} + + +.forumpost .commands { + padding-top: 0.5em; + text-align:right; +} + +.forumpost .ratings { + padding-top: 1em; + text-align:right; +} + +.forumpost .content { + padding: 4px; +} + +.forumpost .footer { + padding-top: 0.5em; + text-align:right; +} + +.forumpost .left { + width: 35px; + padding: 4px; + text-align: center; + vertical-align: top; +} + +.forumpostindent { + margin-left: 30px; +} + +body#mod-forum-search .c0 { + text-align: right; +} + +body#mod-forum-search .introcontent { + padding: 15px; + font-weight:bold; +} + +.forumolddiscussminimal { + text-align: center; +} + +.forumolddiscuss { + text-align: right; +} + +.forumheaderlist { + width: 100%; +} + +.forumheaderlist td { + border-width:1px 0px 0px 1px; + border-style:solid; +} + +.forumheaderlist .replies { + text-align: center; +} + +.forumheaderlist .picture { + width: 35px; +} + +.forumheaderlist .discussion .starter { + vertical-align: middle; +} + +.forumheaderlist .discussion .lastpost { + white-space: nowrap; +} + +.forumheaderlist .discussion .author { + white-space: nowrap; +} + +.paging { + text-align: center; + margin: 10px 0px 10px 0px; +} + +.unread { + padding-right:2px; +} + + +/* calendar, course, weblib,php, attandance +dialouge, exercise, forum, lesson, quiz */ +.generaltableheader { + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; +} + + +/* glossary, wiki */ +.generaltab, +.generaltabselected, +.generaltabinactive { + background:none; +} + +.glossarypost .commands { + width: 200px; + white-space: nowrap; +} + +.entryboxheader { + border-width: 1px 1px 0px 1px; + border-style: solid; +} + +.entrybox { + border-width: 0px 1px 1px 1px; + border-style: solid; +} + +.glossarypost { + width: 95%; + border-width:1px; + border-style:solid; + border-collapse:separate; + margin-bottom: 5px; + text-align: left; +} + + +.entrylist { + border-width:0px; +} + +.entrylowersection { + padding-top: 10px; +} +.entrylowersection table{ + width: 100%; +} +.entrylowersection .aliases { + text-align:center; + font-size: 0.8em; +} +.entrylowersection .icons, +.entrylowersection .ratings { + text-align:right; + font-size: 0.8em; +} + +.glossarypost .entry { + padding: 3px; +} + +.glossarypost .picture { + width: 35px; +} + + +/* message */ +.message_link { + vertical-align:middle; +} + +.message_search_results { + border-collapse:collapse; + border-spacing:0px; +} + +table.message_search_results td { + padding:5px; + border-width:1px; + border-style:solid; +} + + +/* quiz */ +.feedbacktext { + display:block; +} + + +/***************************** +*** +*** Calendar +*** +******************************/ +/* calendar */ + +#calendar { + width: 100%; + border-spacing: 5px; + border-collapse: separate; +} + +#calendar .maincalendar, +#calendar .sidecalendar +{ + vertical-align: top; + border: 1px solid; +} + +#calendar .sidecalendar { + width: 25%; +} + +#calendar .maincalendar table.calendarmonth { + border-collapse: separate; + margin: 0px auto; + width: 98%; +} + +#calendar .maincalendar table.calendarmonth th { + padding:10px; + border-bottom:2px solid; +} + +#calendar .maincalendar table.calendarmonth td { + height: 5em; + padding-left: 4px; + padding-top: 4px; +} + +#calendar .maincalendar table.calendarmonth td, +table.minicalendar td, +table.minicalendar th { + width:14%; + vertical-align:top; +} + +#calendar .maincalendar table.calendarmonth td table td { + height: auto; +} + +#calendar .maincalendar .heading, +#calendar .sidecalendar .heading +{ + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; + padding: 5px; +} + +#calendar .maincalendar .heading .buttons { + float: right; +} + +#calendar .maincalendar .filters table, +#calendar .sidecalendar .filters table, +.sideblock.block_calendar_month .filters table +{ + border-collapse:separate; + border-spacing: 2px; + background-color: #EEEEEE; + padding: 2px; + width: 100%; +} + +#calendar .maincalendar .filters { + padding: 0px 10px; +} + +#calendar .sidecalendar .filters, +.sideblock.block_calendar_month .filters +{ + padding: 5px; +} + +#calendar .maincalendar .controls { + clear:both; + padding:10px; +} + +#calendar .maincalendar table.calendarmonth ul.events-new, +#calendar .maincalendar table.calendarmonth ul.events-underway +{ + padding:0px; + margin:0px; + list-style-type:none; +} + +#calendar .maincalendar table.calendarmonth ul li { + margin-top: 4px; +} + +table.minicalendar { + width: 100%; + margin:10px auto; + padding:2px; + border-width:1px; + border-style:solid; + border-collapse:separate; + border-spacing:1px !important; +} + +table.minicalendar th { + padding: 0px 2px; +} + +#calendar .maincalendar .eventlist { + padding: 10px; +} + +#calendar .maincalendar .eventlist .event { + width:100%; + margin-bottom:10px; + border-spacing:0px; + border-collapse:separate; + border-width:1px; + border-style:solid; +} + +#calendar .maincalendar .eventlist .event .name { + float:left; +} + +#calendar .maincalendar .eventlist .event .course { + float:left; + clear:left; +} + +#calendar .maincalendar .eventlist .event .date { + float:right; +} + +#calendar .maincalendar .eventlist .event .description .commands { + width:100%; +} + +#calendar .maincalendar .eventlist .event .description { + padding:5px; +} + +#calendar .maincalendar .eventlist .event .picture { + padding:8px; +} + +#calendar .maincalendar .eventlist .event .side { + width:32px; +} + +#calendar #selecteventtype table { + margin:auto; +} + +#calendar .event_global, +#calendar .event_course, +#calendar .event_group, +#calendar .event_user, +.minicalendar .event_global, +.minicalendar .event_course, +.minicalendar .event_group, +.minicalendar .event_user, +.block_calendar_month .event_global, +.block_calendar_month .event_course, +.block_calendar_month .event_group, +.block_calendar_month .event_user +{ + border:2px solid !important; +} + +#calendar .duration_global, +#calendar .duration_course, +#calendar .duration_group, +#calendar .duration_user, +.minicalendar .duration_global, +.minicalendar .duration_course, +.minicalendar .duration_group, +.minicalendar .duration_user +{ + border-top:2px solid !important; + border-bottom:2px solid !important; +} + +#calendar .today, +.minicalendar .today { + border:2px solid !important; +} + +.cal_popup_bg { + padding:0px; + margin:0px; + border:1px solid; +} + +.cal_popup_close { + margin-right:5px; +} + +.cal_popup_caption { + background-image:url(gradient.jpg); + border-width:0px 0px 1px 0px; + border-style:solid; + padding-bottom:2px; +} + +table.calendar-controls { + width: 100%; +} + +table.calendar-controls .previous, +table.calendar-controls .next +{ + width: 12%; +} + +#calendar .maincalendar .calendar-controls .previous, +#calendar .maincalendar .calendar-controls .next +{ + width: 30%; +} + +/***************************** +*** +*** Blocks +*** +******************************/ +/* block_search_forums.php */ + +.block_search_forums.sideblock .searchform { + text-align: center; +} + +.block_search_forums.sideblock .searchform img { + vertical-align: center; +} + +/* block_rss_client.php */ +.rssclientlink { + padding-bottom:5px; + border-top:1px solid; +} + +.rssclientdescription { + padding-left:10px; + padding-bottom:8px; +} + + +/* sideblock */ +.sideblock { + width: 100%; + margin-bottom:1em; + border-collapse:separate; + border-width:1px; + border-style:solid; +} + +.sideblockheading { + background-image:url(gradient.jpg); + background-position:top; + background-repeat:repeat-x; + padding:4px; +} + +.sideblockheading .hide-show { + float:right; +} + +.sideblockheading .hide-show img.hide-show-image { + height:11px; + width:11px; + margin-top:0.25em; +} + +.sideblock .sideblockheading .commands { + float: right; + margin-top: 0.3em; +} + +.sideblock .sideblockheading .commands a { + margin: 0px 2px; +} + +.sideblockmain { + padding:4px; +} + +.sideblockmain hr { + height:1px; + margin-top:4px; + margin-bottom:4px; + border:none; + border-top:1px solid; +} + +.sideblock .sideblockheading .hide-show img.hide-show-image { + background: url('../../pix/t/switch_minus.gif') no-repeat bottom; +} + +.sideblock.hidden .sideblockheading .hide-show img.hide-show-image { + background: url('../../pix/t/switch_plus.gif') no-repeat bottom; +} + +.sideblock.hidden .sideblockmain { + display: none; +} + +.sideblock .sideblocklist { + width: 100%; +} + +.sideblock .footer { + margin-top:4px; +} + +/* sideblock weblib.php */ +.block_course_summary .sideblockmain { + padding:10px; +} + +/* blocklib.php */ + +.block_adminblock .sideblockmain { + text-align: center; + padding: 10px; +} + +/* block_quiz_results.php */ +.block_quiz_results table.grades { + width: 100%; +} + +.block_quiz_results table.grades caption { + margin: 1em 0px 0px 0px; + border-bottom: 1px solid; +} + +.block_quiz_results table.grades .number, .block_quiz_results table.grades .grade { + width: 10%; +} + +.block_quiz_results h1 { + margin: 4px; +} + +/***************************** +*** +*** Doc +*** +******************************/ + +/* contents.php */ + +body#doc-contents h1 { + font-size: 1em; + margin: 1em 0px 0px 0px; +} + +body#doc-contents ul { + list-style-type: none; + margin: 0px; + padding: 0px; + font-size: 0.8em; + width: 90%; /* try it on IE without this and see what happens */ +} + +body#course-view .unread { + margin-left: 3em; +} + +body#admin-index .c0 { + vertical-align: top; + background: #FAFAFA; +} + +body#admin-modules .generaltablecell { + padding-top: 2px; + padding-bottom: 2px; +} + +body#admin-blocks .generaltablecell { + padding-top: 1px; + padding-bottom: 1px; +} + +body#admin-config .confighelp { + display: block; + padding-bottom: 20px; +} +body#course-enrol .generalbox { + margin-top: 20px; +} +body#course-enrol .coursebox { + margin-top: 20px; +}