Permalink
Browse files

Updated for 1.6/1.7

  • Loading branch information...
1 parent 0ac7fcd commit 8bed6c33cd7a8a8b88a4bcba8837dd043856de0c watcanz committed Nov 7, 2006
View
7 theme/cornflower/README.html
@@ -3,13 +3,10 @@
<p>CR-CornflowerToo is based on the color scheme of the original Cornflower Theme.</p>
-<p>Free Moodle themes can be downloaded from <a href="http://www.classroomrevolution.com">ClassroomRevolution</a> under Themes.</p>
-
-<p>All CR-Themes will be updated to 1.5 in due time.</p>
+<p>Created by Jeffery Watkins of <a href="http://www.classroomrevolution.com">ClassroomRevolution.com</a>.</p>
<p>Support <a href="http://www.moodle.org">Moodle</a> and Open Source Software</p>
-
<p>This theme is based on Moodle's Standard Theme. By default, the styles of the Standard theme
are automatically loaded before any other
themes, so that all custom themes need to do is to define their
@@ -18,4 +15,4 @@
<p>For CR-CornflowerToo to work properly, the Moodle Standard theme must be present and un altered in the Theme directory.</p>
<p>In this way custom themes are not "left behind" by Moodle upgrades.</p>
-<p>Notes: Photoshop image files (PSD) are available from the author's website</p>
+<p>&nbsp;</p>
View
15 theme/cornflower/config.php
@@ -124,4 +124,19 @@
////////////////////////////////////////////////////////////////////////////////
+
+// These colours are not used anymore, so I've set them to
+// bright green to help identify where they should be removed
+// These lines will be deleted soon
+
+$THEME->body = "#22FF22"; // Main page color
+$THEME->cellheading = "#22FF22"; // Standard headings of big tables
+$THEME->cellheading2 = "#22FF22"; // Highlight headings of tables
+$THEME->cellcontent = "#22FF22"; // For areas with text
+$THEME->cellcontent2 = "#22FF22"; // Alternate colour
+$THEME->borders = "#22FF22"; // Table borders
+$THEME->highlight = "#22FF22"; // Highlighted text (eg after a search)
+$THEME->hidden = "#22FF22"; // To color things that are hidden
+$THEME->autolink = "#22FF22"; // To color auto-generated links (eg glossary)
+
?>
View
25 theme/cornflower/footer.html
@@ -9,8 +9,31 @@
echo '</p>';
?>
+<?php if ($navigation and false) { ?>
+ <div class="navbar clearfix">
+ <div class="breadcrumb"><?php print_navigation($navigation); ?></div>
+ <div class="menu"><?php echo $menu; ?></div>
+ </div>
+<?php } ?>
+
<?php echo $loggedinas ?>
-<p align="center"><a href="http://moodle.org" target="_blank"><img src="<?php echo $CFG->themewww .'/'. current_theme() ?>/images/moodlelogo.gif" border="0" /></a></p>
+<?php echo $homelink ?>
+
+<?php if (!empty($performanceinfo)) {
+ echo $performanceinfo;
+} ?>
+
+<?php if ($CFG->debug > 7) {
+?>
+ <br />
+ <hr size="1" noshade="noshade" />
+ <p align="center">
+ <a href="http://validator.w3.org/check?verbose=1&amp;ss=1&amp;uri=<?php echo urlencode(qualified_me()) ?>">Validate HTML</a> |
+ <a href="http://www.contentquality.com/mynewtester/cynthia.exe?rptmode=-1&amp;url1=<?php echo urlencode(qualified_me()) ?>">Section 508 Check</a> |
+ <a href="http://www.contentquality.com/mynewtester/cynthia.exe?rptmode=0&amp;warnp2n3e=1&amp;url1=<?php echo urlencode(qualified_me()) ?>">WCAG 1 (2,3) Check</a>
+ </p>
+<?php } ?>
+
</div>
</div>
View
76 theme/cornflower/header.html
@@ -4,72 +4,42 @@
<?php echo $meta ?>
<meta name="keywords" content="moodle, <?php echo $title ?> " />
<title><?php echo $title ?></title>
- <link rel="shortcut icon" href="<?php echo $CFG->themewww .'/'. current_theme() ?>/favicon.ico" />
+ <link rel="shortcut icon" href="<?php echo $CFG->wwwroot.'/theme/'.current_theme() ?>/favicon.ico" />
<?php include("$CFG->javascript"); ?>
</head>
-<body background="<?php echo $CFG->httpsthemewww .'/'. current_theme() ?>/images/bg.gif" <?php
+<body "<?php
echo " $bodytags";
if ($focus) {
echo " onload=\"setfocus()\"";
}
?>>
-<table align="center" width="100%" border="2" cellpadding="0" cellspacing="0" bgcolor="#D0E2EE">
-<tr><td>
+<table bgcolor="#D0E2EE"align="center" width="100%" border="1" cellpadding="0" cellspacing="0" >
+<tr><td>
<div id="page">
-<?php if ($home) { // This is what gets printed on the home page only
+<?php //Accessibility: 'headermain' is now H1, see theme/standard/styles_layout.css: .headermain
+ if ($home) { // This is what gets printed on the home page only
?>
-
-<table width="100%" cellpadding="0" cellspacing="0" border="0">
-
- <tr>
- <td>
- <table background="<?php echo $CFG->httpsthemewww .'/'. current_theme() ?>/images/headerbg.jpg" width="100%" height="112" cellpadding="0" cellspacing="0" border="0">
-
- <tr>
-
- <td valign="top" class="headermain"><?php echo $heading ?></td>
-
-
-
- <td align="right" style="padding-right:5px" valign="top" class="headerhomemenu"><?php echo $menu ?></td>
-
- </tr>
- </table></tr></td>
- </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">
- <tr>
- <td>
-
-<table background="<?php echo $CFG->httpsthemewww .'/'. current_theme() ?>/images/headerbg.jpg" width="100%" height="112" cellpadding="0" cellspacing="0" border="0">
- <tr>
- <td valign="top"><?php echo $heading ?></td>
- <td align="right" sty class="headermain"le="padding-right:5px" valign="top" class="headerhomemenu"><?php echo $menu ?></td>
- </tr>
-</table>
- </tr>
- </td>
-</table>
-
+ <div id="header-home">
+ <div class="headermain"><img src="<?php echo $CFG->wwwroot.'/theme/'.current_theme() ?>/images/logo.jpg" width="457" height="112"></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-home">
+ <div class="headermain"><img src="<?php echo $CFG->wwwroot.'/theme/'.current_theme() ?>/images/logo.jpg" width="457" height="112"></div>
+ <div class="headermenu"><?php echo $menu ?></div>
+ </div>
<?php } ?>
- <div class="clearer">&nbsp;</div>
-
-<?php if ($navigation) { // This is the navigation table with breadcrumbs ?>
- <table border="0" cellpadding="3" cellspacing="0" width="100%">
- <tr>
- <td><?php print_navigation("$navigation"); ?></td>
- <td align="right" width="20" valign="top"><?php echo $button; ?></td>
- </tr>
- </table>
- <img src="<?php echo $CFG->httpswwwroot?>/pix/spacer.gif" alt="" height="5" width="1" /><br />
-
+<?php //Accessibility: breadcrumb trail/navbar now a DIV, not a table.
+ if ($navigation) { // This is the navigation bar with breadcrumbs ?>
+ <div class="navbar clearfix">
+ <div class="breadcrumb"><?php print_navigation($navigation); ?></div>
+ <div class="navbutton"><?php echo $button; ?></div>
+ </div>
<?php } else if ($heading) { // If no navigation, but a heading, then print a line
?>
<?php } ?>
- <div class="clearer">&nbsp;</div>
<!-- END OF HEADER -->
- <div id="content">
+ <div id="content">
View
BIN theme/cornflower/images/logo.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN theme/cornflower/images/logo.psd
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
466 theme/cornflower/styles_color.css
@@ -17,6 +17,7 @@
doc
login
message
+ question
tabs
user
@@ -30,7 +31,7 @@
a:link,
a:visited {
- color:#4A677F;
+ color:#39546b;
}
a.dimmed:link,
@@ -39,8 +40,7 @@ a.dimmed:visited {
}
a:hover {
- color:#ffffff;
- background-color: #4A677F;
+ color:#032d50;
}
a.autolink:link,
@@ -53,21 +53,27 @@ a.autolink.glossary:hover {
cursor: help;
}
+img.userpicture,
+img.grouppicture {
+ border-color:#000
+}
+
+.block_online_users .listentry img {
+ border:#888
+}
+
body {
background-color:#739FC4;
- border-color:#F7F7F7;
-}
+ border-color:#F7F7F7;}
th.header,
td.header,
div.header {
- background-color: #739FC4;
+ background-color: #739FC4;
}
.navbar {
- background-color:#D0E2EE;
- border-color:#D0E2EE;
-
+ border-color:#739FC4;
}
table.formtable tbody th {
@@ -109,7 +115,7 @@ table.formtable tbody th {
border-color:#739FC4;
}
.feedbackbox {
- border-color: #739FC4;
+ border-color: #888888;
}
.feedbackby {
background-color:#BBBBBB;
@@ -121,10 +127,14 @@ table.formtable tbody th {
.errorbox {
color:#ffffff;
- border-color:#739FC4;
+ border-color:#660000;
background-color:#990000;
}
+.errorboxcontent {
+ background-color:#FFBBBB;
+}
+
.tabledivider {
border-color:#739FC4;
}
@@ -146,7 +156,7 @@ table.formtable tbody th {
}
.unread {
- background: #78A2CD;
+ background: #FFD991;
}
.censoredtext {
@@ -168,19 +178,57 @@ table.formtable tbody th {
}
+.generaltable .cell {
+ background-color:#FFFFFF;
+ border-color:#EEEEEE;
+}
+
+.generaltable {
+ border-color:#EEEEEE;
+}
+
+
/***
*** Header
***/
+.headerskip a:link,
+.headerskip a:visited,
+.headerskip a:hover {
+ color: #FFF;
+}
+
+#header-home, #header {
+background: #FFF url(images/hdbg.jpg) 1px 0 repeat-x;
+
+
+}
+
+.headermain {
+
+ float: none;
+
+
+}
+
+.headermenu {
+
+}
+
/***
*** Footer
***/
+/*Accessibility: .debugwarn */
+.debugwarn {
+ text-align: center;
+ background: #FDD;
+}
+
.homelink a:link,
.homelink a:visited,
.homelink a:hover {
- background-color: #739FC4;
color: #000;
text-decoration: none;
}
@@ -208,47 +256,83 @@ table.formtable tbody th {
}
.admin .generalbox {
- border-color:#739FC4;
+ border-color:#BBBBBB;
}
.admin .informationbox {
- border-color:#739FC4;
+ border-color:#BBBBBB;
background-color:#FFFFFF;
}
body#admin-index .c0 {
background-color: #FAFAFA;
}
+body#admin-blocks table#blocks .r0,
+body#admin-blocks table#incompatible .r0 {
+ background-color: #f0f0f0;
+}
+
+body#admin-blocks table#blocks .r1,
+body#admin-blocks table#incompatible .r1 {
+ background-color: #fafafa;
+}
+body#admin-blocks table#incompatible td.c0 {
+ color: #ff0000;
+}
+
+table.flexible .r0 {
+ background-color: #f0f0f0;
+}
+
+table.flexible .r1 {
+ background-color: #fafafa;
+}
/***
*** Blocks
***/
+div.sideblock div.header
+{
+ background: transparent url(images/sideblock.jpg) 0 ;
+ border: none;
+ padding: 0 0 0 8px;
+ margin: 0;
+ height: 29px;
+ }
+div.sideblock div.header div.title {
+ height: 29px;
+ padding: 6px 0 0 0;
+ margin: 0;
+ height/**/:/**/ 26px;
+}
+
+
.sideblock {
border-top: 1px solid #739FC4;
- border-right: 1px solid #4A677F;
- border-bottom: 2px groove #4A677F;
- border-left: 1px solid #4A677F;
+ border-right: 1px solid #39546b;
+ border-bottom: 2px groove #39546b;
+ border-left: 1px solid #39546b;
}
-.sideblock .header {
- background-color: #739FC4;
- border-bottom: 2px groove #739FC4;
-}
-
.sideblock .content {
background-color:#FFFFFF;
}
.sideblock .content hr {
+ border-top-color:#999999;
}
-.sideblock .list {
+#left-column .hidden .header,
+#right-column .hidden .header
+{
+ border-bottom-color: #dddddd;
}
+
.sideblock .header .hide-show img.hide-show-image {
background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}
@@ -257,6 +341,30 @@ body#admin-index .c0 {
background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}
+.blockconfigtable {
+ background-color:#FFFFFF;
+ border-left:1px solid;
+ border-right:1px solid;
+ border-bottom:1px solid;
+ border-color:#AAAAAA;
+}
+
+
+/***
+ *** Blogs
+ ***/
+
+.blogpost.blogdraft .content {
+ background-color:#EEEEEE;
+}
+
+.block_blog_tags .official {
+ color: #0000cc;
+}
+
+.block_blog_tags .personal {
+ color: #666699;
+}
/***
@@ -265,7 +373,8 @@ body#admin-index .c0 {
#calendar .maincalendar,
#calendar .sidecalendar {
- border-color: #739FC4;
+ background-color:#FFFFFF;
+ border-color:#739FC4;
}
#calendar .maincalendar table.calendarmonth th {
@@ -283,45 +392,51 @@ table.minicalendar {
#calendar .maincalendar .eventlist .event .topic,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side {
- background-color:#FFFFFF;
+ background-color:#EEEEEE;
}
#calendar .maincalendar table.calendarmonth ul.events-underway {
- color:#739FC4;
+ color:#999999;
+}
+
+/*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
+.minicalendar a,
+.calendarmonth a {
+ color:#000077;
}
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
- border-color:#2EBA0E !important;
- background-color:#2EBA0E;
+ border-color:#D6F8CD !important; /* #C5E7BC */
+ background-color:#D6F8CD;
}
#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
- border-color:#FF9966 !important;
- background-color:#FF9966;
+ border-color:#FFD3BD !important; /* #EEC2AC */
+ background-color:#FFD3BD;
}
#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
- border-color:#FBBB23 !important;
- background-color:#FBBB23;
+ border-color:#FEE7AE !important; /* #EDD69D */
+ background-color:#FEE7AE;
}
#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
- border-color:#A1BECB !important;
- background-color:#A1BECB;
+ border-color:#DCE7EC !important; /* #CBD6DB */
+ background-color:#DCE7EC;
}
#calendar .duration_global,
.minicalendar .duration_global {
- border-top-color:#2EBA0E !important;
- border-bottom-color:#2EBA0E !important;
+ border-top-color:#66D14D !important;
+ border-bottom-color:#66D14D !important;
}
#calendar .duration_course,
@@ -344,12 +459,12 @@ table.minicalendar {
#calendar .weekend,
.minicalendar .weekend {
- color:#FF0000;
+ color:#990000;
}
#calendar .today,
.minicalendar .today {
- border-color:#000000 !important;
+ border-color:#444444;
}
.cal_popup_fg {
@@ -364,7 +479,7 @@ table.minicalendar {
#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table {
- background-color: #FFFFFF;
+ background-color: #ffffff;
}
@@ -375,42 +490,49 @@ table.minicalendar {
/* course, entry-page, login */
.headingblock {
- border-top: 1px solid #739FC4;
- border-right: 1px solid #4A677F;
- border-bottom: 2px groove #4A677F;
- border-left: 1px solid #4A677F;
+ border-color:#739FC4;
}
/* course */
.headingblock .outline {
border-color:#739FC4;
}
-
+#course-view .weekscss .section,
#course-view .section td {
border-color:#739FC4;
}
-#course-view .section .content {
- background-color:#FFFFFF;
+/* .content should match the body background, sides are white. */
+#course-view .content {
+ background: #ffffff;
}
-#course-view .section .side {
+#course-view .weekscss .section,
+#course-view .section td.side {
background: #739FC4;
}
+#course-view .section .side {
+}
+
#course-view .section .left {
- background: #739FC4;
}
#course-view .section .right {
-
}
-#course-view .current .side{
+#course-view .weekscss .current,
+#course-view .current td.side {
background: #A2BED8;
}
+#course-view .weekscss .hidden,
+#course-view .hidden td.side {
+ background: #DDDDDD;
+}
+
+
#course-view .topics {
}
@@ -421,28 +543,67 @@ table.minicalendar {
}
#course-view .section .weekdates {
- color:#4A677F;
+ color: #777777;
+}
+
+#course-view .weekscss .weekdates {
+ color: #39546b;
}
.categoryboxcontent,
.courseboxcontent {
- border-top: 1px solid #739FC4;
- border-right: 1px solid #4A677F;
- border-bottom: 2px groove #4A677F;
- border-left: 1px solid #4A677F;
- background: #FFFFFF;
+ border-top: 1px solid #739FC4;
+ border-right: 1px solid #39546b;
+ border-bottom: 2px groove #39546b;
+ border-left: 1px solid #39546b;
+ background: #FFFFFF;
}
body#course-user .section {
- border-color:#AAAAAA;
+ border-color:#AAAAAA;
}
+#admin-report .plugin,
+#course-report .plugin,
+#course-import .plugin {
+ margin-bottom: 20px;
+ margin-left:10%;
+ margin-right:10%;
+
+ border-bottom: 1px solid #cecece;
+ border-top: 1px solid #cecece;
+ border-right: 1px solid #cecece;
+ border-left: 1px solid #cecece;
+
+ background-color: #fdfdfd;
+}
/***
*** Doc
***/
/***
+ *** Grades
+ ***/
+
+body#grade-index .grades {
+ border-color:black;
+}
+
+body#grade-index .grades td {
+ border-color:#e0e0e0;
+}
+
+body#grade-index .grades .r0 {
+ background-color: #ffffff;
+}
+
+body#grade-index .grades .r1 {
+ background-color: #f0f0f0;
+}
+
+
+/***
*** Login
***/
@@ -459,43 +620,80 @@ table.message_search_results td {
border-color:#739FC4;
}
-.message .author {
- color: #739FC4;
+.message.other .author {
+ color: #8888CC;
+}
+
+.message.me .author {
+ color: #999999;
}
.message .time {
- color: #739FC4;
+ color: #999999;
}
.message .content {
}
+/***
+ *** Question
+ ***/
+
+.que {
+ border-color: #DDD;
+}
+.que .r0 {
+ background-color: #F5F5F5;
+}
+.que .r1 {
+ background-color: #EEE;
+}
+.calculated .answer,
+.numerical .answer,
+.shortanswer .answer,
+.truefalse .answer {
+ background-color: #EEE;
+}
+.calculated .feedback,
+.numerical .feedback,
+.shortanswer .feedback,
+.truefalse .feedback {
+ border-color: #DDD;
+}
+.que.multianswer .incorrect {
+ background-color: #faa;
+}
+.que.multianswer .partiallycorrect {
+ background-color: #ff9;
+}
+.que.multianswer .correct {
+ background-color: #afa;
+}
+
+/***
+ *** Logs
+ ***/
+
+.logtable .r1 {
+ background-color:#EEEEEE;
+}
+
/***
*** Tabs
***/
.tablink a:link,
.tablink a:visited {
- color:#4A677F;
-}
-
-.tablink a:hover{
- background-color:#4A677F;
- color:#FFFFFF;
+ color:#000066;
}
.selected .tablink a:link,
.selected .tablink a:visited {
- color:#4A677F;
-}
-
-.selected .tablink a:hover {
- color:#FFFFFF;
- background-color:#4A677F;
+ color:#000000;
}
-
-.tabs .side {
+.tabs .side,
+.tabrow td {
border-color: #AAAAAA;
}
.tabrow td {
@@ -510,8 +708,8 @@ table.message_search_results td {
.tabrow td:hover .tablink {
background-image:url(pix/tab/right_hover.gif);
}
-.tabrow .last span {
- background:url(pix/tab/right_end.gif) top right no-repeat;
+.tabrow .last {
+ background: transparent url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
background:url(pix/tab/left_active.gif) top left no-repeat;
@@ -532,43 +730,31 @@ table.message_search_results td {
***/
.userpicture {
- background:#EEEEEE;
}
.userinfobox {
- border-color: #739FC4;
- background-color: #F7F7F7;
+ border-color:#739FC4;
}
.groupinfobox {
- border-color: #739FC4;
- background-color: #FCFCFC;
+ border-color:#739FC4;
}
-
/***
- *** Modules: Assignment
+ *** Modules: Chat
***/
-.assignmentsubmission {
+#mod-chat-gui_header_js-jsupdate .text {
+ color:#000
}
-
-.assignmentnew .assignmentfeedback{
- background-color:#DDDDDD;
-}
-
-.assignmentold .assignmentfeedback{
- background-color:#BBBBBB;
+#mod-chat-gui_header_js-jsupdate .event,
+#mod-chat-gui_header_js-jsupdate .title {
+ color:#888
}
-.assignmentheading {
- background-color:#BBBBBB;
+#mod-chat-gui_header_js-chatinput .wait {
+ background: #dddddd;
}
-
-/***
- *** Modules: Chat
- ***/
-
/***
*** Modules: Choice
***/
@@ -580,6 +766,7 @@ table.message_search_results td {
.forumheaderlist,
.forumpost {
border-color:#1D5083;
+ background-color:#FFFFFF;
}
.forumpost .content {
@@ -591,17 +778,15 @@ table.message_search_results td {
}
.forumpost .topic {
- border-bottom-color: #739FC4;
- background:#D0E2EE;
-
-}
+ background:#D0E2EE;
+ }
.forumpost .starter {
background:#739FC4;
}
.forumheaderlist .discussion .starter {
- background:#D0E2EE;
+ background:#ffffff;
}
.forumheaderlist td {
@@ -701,18 +886,52 @@ table.message_search_results td {
*** Modules: Quiz
***/
-body#mod-quiz-report table#attempts td {
- border-color: #739FC4;
+/* body#mod-quiz-report table#attempts td {
+ border-color: #dddddd;
}
body#mod-quiz-report table#attempts .r1 {
background-color: #eeeeee;
}
-
+ */
/***
*** Modules: Resource
***/
+.ims-nav-dimmed {
+ color: #AAAAAA;
+ text-decoration: none;
+}
+
+.ims-nav-button a:link,
+.ims-nav-button a:visited,
+.ims-nav-button a:hover {
+ color: #000;
+ text-decoration: none;
+}
+
+.ims-nav-dimmed,
+.ims-nav-button a:link,
+.ims-nav-button a:visited {
+ border-top: 1px solid #cecece;
+ border-bottom: 2px solid #4a4a4a;
+ border-left: 1px solid #cecece;
+ border-right: 2px solid #4a4a4a;
+}
+
+.ims-nav-button a:hover {
+ border-bottom: 1px solid #cecece;
+ border-top: 2px solid #4a4a4a;
+ border-right: 1px solid #cecece;
+ border-left: 2px solid #4a4a4a;
+}
+
+#ims-contentframe,
+#ims-contentframe-no-nav {
+ border-color: #cecece;
+}
+
+
/***
*** Modules: Scorm
***/
@@ -745,33 +964,10 @@ body#mod-quiz-report table#attempts .r1 {
background-color:#DDDDDD;
}
-.headermenu a:link {
- text-decoration: none;
- color: #ffffff;
-}
-.headermenu a:visited {
- text-decoration: none;
- color: #ffffff;
-}
-.headermenu a:hover {
- text-decoration: underline;
- color: #ffffff;
+.error {
+ color:#ff0000;
}
-.headerhomemain {
- font-size: x-large;
- font-weight: bold;
-}
-
-.headerhomemenu a:link {
- text-decoration: none;
- color: #ffffff;
-}
-.headerhomemenu a:visited {
- text-decoration: none;
- color: #ffffff;
-}
-.headerhomemenu a:hover {
- text-decoration: underline;
- color: #ffffff;
-}
+.generalboxcontent {
+ background-color:#FFFFFF;
+}
View
219 theme/cornflower/styles_fonts.css
@@ -14,6 +14,7 @@
calendar
course
doc
+ grades
login
message
tabs
@@ -33,8 +34,9 @@
}
body, td, th, li {
- font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
- font-size:0.95em;
+ font-family:Arial, Verdana, Helvetica, sans-serif;
+ font-size:95%;
+ letter-spacing:0.02em;
}
th {
@@ -95,6 +97,7 @@ h4 {
font-weight: bold;
}
+.categorybox .category,
.categorybox .category {
font-size:1.2em;
font-weight:bold;
@@ -105,12 +108,7 @@ h4 {
}
.headingblock {
- font-weight: normal;
-}
-
-.headingblock .header .title {
-font-weight:normal;
- float: left;
+ font-weight: bold;
}
.headingblock .link {
@@ -153,7 +151,7 @@ font-weight:normal;
.logininfo,
#header-home .headermenu font {
- font-size:x-small;
+ font-size:0.8em;
}
@@ -165,6 +163,10 @@ font-weight:normal;
}
+.performanceinfo {
+ font-size: 0.6em;
+}
+
/***
*** Admin
@@ -180,32 +182,41 @@ table.formtable tbody th {
*** Blocks
***/
+.sideblock .header {
+ font-size:0.9em;
+ font-weight: normal;
+}
+
+.sideblock .content {
+ font-size:0.9em;
+ line-height:1.2em;
+}
+
.sideblock .content h3,
.sideblock .content h2 {
font-size:1.0em;
}
.sideblock .header .commands {
- font-size: 0.75em;
-}
-
-.sideblock .header .title {
-font-weight:normal;
+ font-size:0.9em;
}
.sideblock .footer {
- font-size:0.75em;
+ font-size:0.9em;
}
.sideblock .head,
-.sideblock .info {
- font-size: 0.85em;
+.sideblock .info,
+.sideblock .event {
+ font-size: 0.9em;
}
.sideblock .date {
font-style: italic;
}
-
+.block_site_main_menu .footer select {
+ font-size: 0.8em;
+}
/***
*** Calendar
@@ -233,7 +244,11 @@ font-weight:normal;
}
#calendar .sidecalendar .filters {
- font-size:0.75em;
+ font-size:0.8em;
+}
+
+.sideblock .filters td {
+ font-size:1.1em;
}
#calendar .maincalendar .controls {
@@ -267,9 +282,25 @@ table.minicalendar {
/***
*** Course
***/
+#course-view .section {
+ font-size:0.95em;
+ line-height:1.2em;
+}
+
+#course-view .section .activity {
+ padding:0.2em 0;
+}
+
+#course-view .section .activity a {
+ line-height:1em;
+}
+
+#course-view .section .left {
+ font-weight:bold;
+}
.activitydate, .activityhead {
- font-size:0.7em;
+ font-size:0.9em;
}
.weeklydatetext {
@@ -283,84 +314,122 @@ table.minicalendar {
.coursebox .teachers,
.coursebox .cost {
- font-size:0.8em;
+ font-size:0.9em;
}
.coursebox .summary {
- font-size:0.7em;
+ font-size:0.9em;
}
-
-#course-view .section .left {
- font-weight:bold;
+#course-recent h2.main {
+ font-size:1.1em;
}
+
/***
*** Doc
***/
body#doc-contents h1 {
- font-size: 1em;
+ font-size: 0.9em;
}
body#doc-contents ul {
font-size: 0.8em;
}
+/***
+ *** Grades
+ ***/
+
+body#grade-index .grades .header {
+ font-weight: bold;
+ font-size: 0.7em;
+}
+
/***
*** Login
***/
+#login-index .content {
+ font-size: 0.85em;
+}
+
/***
- *** Message
+ *** Logs
***/
-.message_summary_link {
- font-size:small;
+.logtable td {
+ font-size: 0.8em;
+}
+.logtable th {
+ font-size: 0.9em;
}
-.message_link {
- font-size:x-small;
+
+/***
+ *** Message
+ ***/
+
+.message .link {
+ font-size:0.8em;
}
.message_form {
- font-size:0.78em;
+ font-size:0.8em;
}
-.message_heading {
- font-size:medium;
+.message .heading {
+ font-size:1.0em;
font-weight:bold;
}
-.message_date,
-.message_contact,
-.message_summary {
- font-size:small;
+.message .date,
+.message .contact,
+.message .summary {
+ font-size:0.9em;
}
-.message_small_note,
-.message_pix {
- font-size:x-small;
+.message .note,
+.message .pix {
+ font-size:0.8em;
}
.message .author {
font-weight: bold;
+ font-size:0.8em;
}
.message .time {
font-style: italic;
+ font-size:0.8em;
}
.message .content {
+ font-size:0.8em;
+}
+
+#message-user .commands span {
+ font-size:0.7em;
+ white-space:nowrap;
+}
+
+#message-user .name {
+ font-weight: bold;
+ font-size:1.1em;
}
/***
*** Tabs
***/
+.tablink {
+ font-size:0.8em;
+}
+
.tablink a:hover {
text-decoration: none;
}
@@ -383,13 +452,25 @@ body#doc-contents ul {
*** Modules: Assignment
***/
+#mod-assignment-index .cell {
+ font-size:0.8em;
+}
+
/***
*** Modules: Chat
***/
+#mod-chat-index .cell {
+ font-size:0.8em;
+}
+
/***
*** Modules: Choice
***/
+
+#mod-choice-index .cell {
+ font-size:0.8em;
+}
/***
*** Modules: Forum
@@ -404,12 +485,19 @@ body#doc-contents ul {
.forumpost .topic .author {
font-size: 0.8em;
}
+.forumpost .commands,
+.forumpost .link {
+ font-size: 0.9em;
+}
.forumheaderlist .discussion .lastpost {
font-size: 0.7em;
}
body#mod-forum-search .introcontent {
font-weight:bold;
}
+body#mod-forum-index .generalbox .cell {
+ font-size: 0.80em;
+}
@@ -418,17 +506,20 @@ body#mod-forum-search .introcontent {
***/
.glossarypost .commands {
- font-size: 0.7em;
+ font-size: 0.8em;
}
-.glossarypost .entryheader .author {
- font-size: 0.7em;
+.glossarypost .entryheader .author,
+.glossarypost .entryheader .time {
+ font-size: 0.8em;
+}
+.glossarypost .entryheader .time {
font-style: italic;
}
.concept {
font-weight: bold;
}
.glossarycomment .time {
- font-size: 0.7em;
+ font-size: 0.8em;
font-style: italic;
}
.entrylowersection .aliases {
@@ -439,6 +530,9 @@ body#mod-forum-search .introcontent {
font-size: 0.8em;
}
+#mod-glossary-index .cell {
+ font-size:0.8em;
+}
/***
@@ -461,6 +555,10 @@ body#mod-forum-search .introcontent {
font-style: italic;
}
+#mod-journal-index .cell {
+ font-size:0.8em;
+}
+
/***
*** Modules: Label
***/
@@ -469,32 +567,61 @@ body#mod-forum-search .introcontent {
*** Modules: Lesson
***/
+#mod-lesson-index .cell {
+ font-size:0.8em;
+}
+
/***
*** Modules: Quiz
***/
.editorhelptext {
- font-size:x-small;
+ font-size:0.7em;
+}
+
+#mod-quiz-index .cell {
+ font-size:0.8em;
}
/***
*** Modules: Resource
***/
+#mod-resource-index .cell {
+ font-size:0.8em;
+}
+
+
/***
*** Modules: Scorm
***/
+#mod-scorm-index .cell {
+ font-size:0.8em;
+}
+
/***
*** Modules: Survey
***/
+#mod-survey-index .cell {
+ font-size:0.8em;
+}
+
/***
*** Modules: Wiki
***/
+#mod-wiki-index .cell {
+ font-size:0.8em;
+}
+
/***
*** Modules: Workshop
***/
+#mod-workshop-index .cell {
+ font-size:0.8em;
+}
+
View
864 theme/cornflower/styles_layout.css
@@ -11,11 +11,14 @@
admin
blocks
+ blog
calendar
course
doc
+ grades
login
message
+ question
tabs
user
@@ -43,24 +46,28 @@ h6.main {
margin-top: 8px;
}
-#layout-table #left-column,
-#layout-table #middle-column,
-#layout-table #right-column
+
+#layout-table #middle-column
+
{
vertical-align:top;
}
-#layout-table #middle-column {
- padding-left:12px;
- padding-right:12px;
+#layout-table #left-column
+{
+ vertical-align:top;
+ padding-left:5px;
}
-#layout-table #left-column {
- padding-left:10px;
+#layout-table #right-column {
+ vertical-align:top;
+ padding-right:5px;
}
-#layout-table #right-column {
- padding-right:10px;
+
+#layout-table #middle-column {
+ padding-left:12px;
+ padding-right:12px;
}
.clearer {
@@ -70,6 +77,26 @@ h6.main {
height:1px;
border:none;
background:transparent;
+ display:block;
+}
+
+.clearfix:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+.clearfix {display: inline-table;}
+
+/* Hides from IE-mac \*/
+* html .clearfix {height: 1%;}
+.clearfix {display: block;}
+/* End hide from IE-mac */
+
+.mdl-align {
+ text-align: center;
}
.continuebutton {
@@ -88,6 +115,13 @@ table {
a img {
border:none;
}
+
+img.userpicture,
+img.grouppicture,
+.block_online_users .listentry img {
+ border: 0px solid
+}
+
.notifyproblem {
text-align: center;
padding: 10px;
@@ -101,37 +135,55 @@ a img {
.generalbox {
border-width:1px;
border-style:solid;
+ margin-bottom: 15px;
}
.generalbox#intro {
- text-align:center;
}
.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 {
}
+
+.generaltable {
+ border-width: 1px;
+ border-style: solid;
+}
+
+.generaltable .cell {
+ border-width: 1px;
+ border-style: solid;
+ border-collapse: collapse;
+}
+
.initialbar {
text-align: center;
}
@@ -160,9 +212,11 @@ a img {
.pagingbar {
text-align:center;
}
+
.pagingbar a {
padding-left: 10px;
}
+
.pagingbar .thispage {
padding-left: 10px;
}
@@ -181,6 +235,12 @@ table.formtable tbody th
padding: 5px;
}
+table.formtable tbody .htmlarea td,
+table.formtable tbody .htmlarea th
+{
+ padding: 0px;
+}
+
.paging {
text-align: center;
margin: 10px 0px 10px 0px;
@@ -194,44 +254,96 @@ table.formtable tbody th
vertical-align: top;
}
+.helplink img {
+ vertical-align: middle;
+ margin: 0px 2px;
+ width: 17px;
+ height: 17px;
+}
+
+form.popupform {
+ display: inline;
+}
+
+/*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
+.accesshide {
+ position:absolute;
+ top:-1000px;
+ left:10px;
+ font-weight:normal;
+ font-size:1em;
+}
+span.hide,
+div.hide {
+ display:none;
+}
+
/***
*** Header
***/
+.headerskip {
+ position:absolute;
+ right:20em;
+ font-size:0.8em;
+}
+
#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;
+div.headermenu
+{
+ position: absolute;
+ top: 20px;
+ right: 20px;
}
.navbar {
+ width:100%;
padding:3px 0.5em;
- height:1.3em;
-
+ border-width:0px;
+ border-style:solid;
+}
+
+div.navbar {
+ width: auto;
+}
+
+table.navbar {
+ width: 100%;
+}
+
+.navbar .navbutton form {
+ float: left;
+}
+
+.navbar .navbutton {
+ margin-top: 3px;
}
.navbar .breadcrumb {
float:left;
margin:0.2em 0em;
}
+.breadcrumb ul {
+ padding:0%;
+ margin:0%;
+ text-indent:0%;
+ list-style:none;
+}
+.breadcrumb li {
+ display:inline;
+}
+
.navbar .navbutton,
.navbar .menu {
float:right;
@@ -241,13 +353,18 @@ table.formtable tbody th
margin-top: 4em;
}
+.reportlink {
+ text-align:right;
+}
+
/***
*** Footer
***/
#footer {
text-align:center;
+ margin-top: 100px;
}
.homelink {
@@ -259,56 +376,124 @@ table.formtable tbody th
padding-right:1em;
}
+.performanceinfo {
+ margin: 2em;
+}
+.performanceinfo span {
+ display: block;
+}
/***
*** Admin
***/
-
+
body#admin-index .c0 {
vertical-align: top;
}
+body#admin-index .c1 {
+ vertical-align: middle;
+}
+
body#admin-modules table.generaltable td.cell,
body#admin-modules .generaltablecell {
padding-top: 2px;
padding-bottom: 2px;
}
-body#admin-blocks table.generaltable td.cell,
-body#admin-blocks .generaltablecell {
- padding-top: 1px;
- padding-bottom: 1px;
+body#admin-blocks table#blocks,
+body#admin-blocks table#incompatible {
+ width: 70%;
+ margin: auto;
+}
+
+body#admin-blocks table#blocks th,
+body#admin-blocks table#incompatible th,
+body#admin-blocks table#blocks td.cell,
+body#admin-blocks table#incompatible td.cell {
+ padding: 4px;
+ text-align: center;
+ vertical-align: middle;
}
+body#admin-blocks table#blocks td.c0,
+body#admin-blocks table#blocks th.c0,
+body#admin-blocks table#incompatible td.c0,
+body#admin-blocks table#incompatible th.c0 {
+ text-align: left;
+}
+
+body#admin-blocks
body#admin-config .confighelp {
display: block;
padding-bottom: 20px;
}
-
/***
*** Blocks
***/
+
+/*Accessibility: Skip block link, for screen reader users. */
+a.skip-block, .skip-block {
+ display:block;
+ width:2em;
+ height:1px;
+}
+.sideblock .skip-block {
+ height:4px;
+}
+.skip-block-to {
+ font-size:1px;
+}
+
+.sideblock li .icon img {
+ width:16px;
+ height:16px;
+}
+
+ul.list, ul.list li, ol.list, ol.list li {
+ list-style-type:none;
+ padding:0%;
+ margin:0%;
+ text-indent:0%;
+}
.sideblock .content h3,
.sideblock .content h2 {
text-align: left;
}
+/*.sideblock .content h3, ??*/
+.sideblock .content h2 {
+ margin:0%;
+ padding:0%;
+}
.sideblock {
- width: 100%;
margin-bottom:1em;
+ width: 100%;
+ border-top: 1px solid #2D412B;
+ border-right: 1px solid #2D412B;
+ border-bottom: 2px groove #000000;
+ border-left: 1px solid #2D412B;
}
-.sideblock .header {
- background-image:url(images/sideblock.jpg);
- text-align: left;
- padding:4px;
+.sideblock .header, .sideblock h2.header {
+ text-align: left;
+ margin:0%;
+ padding:4px;
+ padding-bottom:0%;
+ border-width: 1px;
+ border-style: solid;
+ border-bottom: none;
+}
+.sideblock h2 {
+ margin:0%;
+ padding:0%;
}
.sideblock .header .hide-show {
-
+ float:right;
}
.sideblock .header .hide-show img.hide-show-image {
@@ -318,20 +503,19 @@ body#admin-config .confighelp {
}
.sideblock .header .commands {
- float: right;
- margin-top: 0.3em;
-}
-
-.sideblock .header .title {
-
+ margin-top: -0.9em;
+ float:right;
+ clear: both;
}
.sideblock .header .commands a {
margin: 0px 2px;
}
.sideblock .content {
- padding:4px;
+ padding: 4px;
+ border-width: 1px;
+ border-style: solid;
}
.sideblock .content hr {
@@ -341,7 +525,17 @@ body#admin-config .confighelp {
border:none;
border-top:1px solid;
}
-.sideblock.hidden .content {
+
+#left-column .hidden .header,
+#right-column .hidden .header
+{
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+
+#left-column .hidden .content,
+#right-column .hidden .content
+{
display: none;
}
@@ -354,19 +548,44 @@ body#admin-config .confighelp {
}
.sideblock .footer {
- margin-top:4px;
+ margin-bottom: 4px;
text-align:center;
}
+
.sideblock .header .icon.hide,
.sideblock .header .icon.edit {
margin-right: 6px;
}
-.sideblock .head {
- margin-top: 5px;
+.sideblock .content .head {
+ margin-top: 10px;
}
+.blockconfigtable {
+ margin-top: 0;
+}
+.blockconfiginstancecontent .tabs {
+ margin-bottom: 0px;
+}
+
+.block_online_users .listentry {
+ padding-top:5px;
+}
+
+
+/***
+ *** Blogs
+ ***/
+
+
+.blogpost .audience {
+ text-align: right;
+}
+
+.blogpost .tags {
+ margin-top: 15px;
+}
/***
@@ -379,11 +598,18 @@ body#admin-config .confighelp {
border-collapse: separate;
}
+#calendar h2,
+#calendar h3
+{
+ text-align: center;
+}
+
#calendar .maincalendar,
#calendar .sidecalendar
{
vertical-align: top;
border: 1px solid;
+ padding: 0px;
}
#calendar .sidecalendar {
@@ -431,7 +657,8 @@ table.minicalendar td {
}
#calendar .maincalendar .filters table,
-#calendar .sidecalendar .filters table
+#calendar .sidecalendar .filters table,
+.sideblock.block_calendar_month .filters table
{
border-collapse:separate;
border-spacing: 2px;
@@ -464,9 +691,13 @@ table.minicalendar td {
margin-top: 4px;
}
+.minicalendarblock {
+ padding: 0px 4px;
+}
+
table.minicalendar {
width: 100%;
- margin:10px auto;
+ margin: 10px auto;
padding:2px;
border-width:1px;
border-style:solid;
@@ -558,7 +789,7 @@ table.minicalendar th {
#calendar .today,
.minicalendar .today {
- border:2px solid !important;
+ border:2px solid;
}
.cal_popup_bg {
@@ -577,35 +808,46 @@ table.minicalendar th {
padding-bottom:2px;
}
-table.calendar-controls {
- width: 100%;
-}
-
-table.calendar-controls .previous,
-table.calendar-controls .next
+/*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
+.calendar-controls .previous,
+.calendar-controls .next
{
width: 12%;
}
-table.calendar-controls .previous {
+.calendar-controls .previous {
text-align: left;
}
-table.calendar-controls .current {
+.calendar-controls .current {
text-align: center;
}
-table.calendar-controls .next {
+.calendar-controls .next {
text-align: right;
}
+span.previous, span.current, span.next {
+ display: block;
+ float: left;
+}
+span.current {
+ width: 76%;
+}
#calendar .maincalendar .calendar-controls .previous,
#calendar .maincalendar .calendar-controls .next
{
width: 30%;
}
+#calendar .maincalendar .calendar-controls .current {
+ width: 40%;
+}
+#calendar .indent {
+ padding-left: 20px;
+}
/***
*** Course
***/
+
.activitydate, .activityhead {
text-align:center;
}
@@ -614,27 +856,27 @@ table.calendar-controls .next {
vertical-align:top;
}
-#course-view .section .content {
+#course-view .section td.content {
padding:5px;
border-style:solid;
border-width:1px;
border-left:0px;
border-right:0px;
}
-#course-view .section .side {
+#course-view .section td.side {
padding:5px;
border-style:solid;
border-width:1px;
}
-#course-view .section .left {
+#course-view .section td.left {
border-right:0px;
text-align:center;
width: 1.5em;
}
-#course-view .section .right {
+#course-view .section td.right {
border-left:0px;
text-align:center;
width: 1.5em;
@@ -643,19 +885,78 @@ table.calendar-controls .next {
#course-view .current .side {
}
-#course-view .topics {
- margin-top: 9px;
+#course-view .section .spacer {
+ height:0.5em;
}
-#course-view .weeks {
- margin-top: 9px;
+#course-view .section .weekdates {
}
-#course-view .section .spacer {
- height:0.5em;
+#course-view ul.section,
+#site-index ul.section,
+#course-view ul.section li,
+#site-index ul.section li {
+ margin: 0;
+ padding: 0;
+ text-indent: 0;
+ list-style: none;
}
-#course-view .section .weekdates {
+#course-view ul.section li.activity ul li,
+#site-index ul.section li.activity ul li {
+ list-style: disc;
+}
+
+/*Accessibility: No-tables course format. */
+#course-view ul.weekscss, .weekscss li {
+ margin: 0;
+ padding: 0;
+ text-indent: 0;
+ list-style: none;
+}
+/* Window-width: 800 pixels.
+ IE doesn't support, see inline IE conditional comment. */
+.weekscss-format {
+ min-width: 763px;
+}
+.weekscss-format .block_adminblock select,
+.weekscss-format .block_calendar_month .minicalendar {
+ width: 100%;
+ padding: 0;
+}
+.weekscss-format .block_calendar_month .minicalendar th,
+.weekscss-format .block_calendar_month .minicalendar td {
+ padding: 0.1em 0 0.1em 1px;
+}
+.weekscss-format #middle-column {
+ margin: 0 12.5em 0 12.5em;
+}
+.weekscss-format #left-column,
+.weekscss-format #right-column {
+ width: 11.5em;
+}
+.weekscss-format #left-column {
+ float: left;
+}
+.weekscss-format #right-column {
+ float: right;
+}
+.weekscss li.section {
+ margin-bottom: 0.5em;
+ border-style:solid;
+ border-width:1px;
+}
+.weekscss .content,
+.weekscss .side {
+ padding: 5px;
+}
+.weekscss .content {
+ margin: 0 1.7em 0 1.7em;
+}
+.weekscss .right {
+ width: 1.6em;
+ float: right;
+ text-align:center;
}
.section .activity img.activityicon {
@@ -676,6 +977,7 @@ body#course-view .unread {