Sorted and commented CSS. Now you find an intro with a short overview, a short index...

diff --git a/theme/standard/styles_color.css b/theme/standard/styles_color.css
index 53c6f320d889a1c20a00d339c12d8c5c461f1a15..6090226bc68916f41b08abe6308eccd72132f76a 100644 (file)
--- a/theme/standard/styles_color.css
+++ b/theme/standard/styles_color.css
@@ -4,11 +4,28 @@
 ** 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)
+*** 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 */
-body {
-    background-color:#FAFAFA;
-}
 
 a:link,
 a:visited {
@@ -22,8 +39,8 @@ a.dimmed:visited {
 
 a.autolink:link,
 a.autolink:visited {
-    color:#000000;
     background-color:#DDDDDD; /* autolink */
+    color:#000000;
 }
 
 a.autolink:hover,
@@ -33,10 +50,17 @@ a.dimmed:hover {
 }
 
 /* general styles */
+body {
+    background-color:#FAFAFA;
+}
+
 th {
     background-color:#DDDDDD;
 }
 
+.highlight {
+    background-color:#AAFFAA; /* highlight */
+}
 
 /* header styles */
 
@@ -44,31 +68,89 @@ th {
 /* footer styles */
 
 
-/* content styles */
+/*****************************
+***
+*** content styles
+***
+******************************/
+/* many places */
 .generalbox {
     border-color:#DDDDDD; /* borders */
 }
 
-/* many */
 .noticebox {
     border-color:#DDDDDD; /* borders */
 }
 
-.highlight {
-    background-color:#AAFFAA; /* highlight */
+/* summary of a user in a nice little box - weblib.php */
+.userinfobox {
+    border-color:#DDDDDD; /* borders */
+}
+
+/* weblib.php table */
+.tabledivider {
+    border-color:#DDDDDD; /* borders */
 }
 
 /* entry-page index.php */ 
 .sitetopic {
-    border-color:#DDDDDD; /* borders */
     background-color:#FFFFFF; /* cellheading */
+    border-color:#DDDDDD; /* borders */
 }
 
-/* summary of a user in a nice little box - weblib.php */
-.userinfobox {
+
+/*****************************
+***
+*** Activities
+***
+******************************/
+/* admin, calednder, course */
+.dimmed_text {
+    color:#AAAAAA;
+}
+
+/* assignment, forum, glossary */
+.forumheaderlist,
+.forumpost {
     border-color:#DDDDDD; /* borders */
 }
 
+/* course, entry-page, login */
+.headingblock {
+    border-color:#DDDDDD; /* borders */
+}
+
+/* course */
+.outlineheadingblock {
+    border-color:#DDDDDD; /* borders */
+}
+.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 */
+}
+
 /* glossary, wiki */
 .generaltab {
     background-color:#FFD991; /* cellheading */
@@ -78,18 +160,30 @@ th {
     background-color:#DDDDDD; /* cellheading2 */
 }
 
-/* assignment, forum, glossary */
-.forumheaderlist,
-.forumpost {
-    border-color:#DDDDDD; /* borders */
+/* lang, forum */
+.teacheronly {
+    color:#990000;
 }
 
-/* weblib.php table */
-.tabledivider {
+.forumheadminimal {
+    color:#555555;
+}
+
+/* message */
+table.message_search_results td {
     border-color:#DDDDDD; /* borders */
 }
 
-/* calendar */
+/* weblib.php, wiki */
+.sideblockmain hr {
+    border-top-color:#999999;
+}
+
+/*****************************
+***
+*** Calendar
+***
+******************************/
 table.calendarmini {
     border-color:#DDDDDD; /* borders */
 }
@@ -180,7 +274,6 @@ table.calendarmonth,
     border-color:#FFC85F; /* borders */
 }
 
-.sideblockmain hr,
 .mycalendar hr {
     border-top-color:#999999;
 }
@@ -189,6 +282,11 @@ table.calendarmonth,
     border-color:#DDDDDD; /* borders */
 }
 
+/*****************************
+***
+*** Blocks
+***
+******************************/
 /* block_rss_client.php */
 .rssclientlink {
     border-top-color:#DDDDDD;
@@ -198,22 +296,6 @@ table.calendarmonth,
     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 {
@@ -227,51 +309,6 @@ table.message_search_results td {
     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
index 65bdd322d9828105464e4d0e7146b636a8107193..de8842a68c2a1a90eca92cc3ee70d098d7b490d4 100644 (file)
--- a/theme/standard/styles_fonts.css
+++ b/theme/standard/styles_fonts.css
@@ -1,9 +1,30 @@
 /*  $Id$ */
 
 /*
-** typography
+** 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)
+*** 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 {
@@ -14,6 +35,26 @@ font {
     font-size:1px;
 }
 
+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;
+}
 
 /* general styles */
 body, td, th, li {
@@ -44,38 +85,142 @@ th {
     font-weight:bold;
 }
 
+.logininfo,
+#header-home .headermenu font {
+    font-size:x-small;
+}
 
 /* footer styles */
+.homelink {
+    font-size:x-small;
+}
+
+
+
+/*****************************
+***
+*** content styles
+***
+******************************/
+/* many places */
+
 
 
-/* content styles */
+
+/*****************************
+***
+*** Activities
+***
+******************************/
+/* index, admin, course, lang, adodb, quiz */
+.categoryname,
+.categorynumber {
+    font-size:larger;
+    font-weight:bold;
+}
+
+/* course */
 .activitydate, .activityhead {
     font-size:x-small;
     text-align:center;
 }
 
+.weeklydatetext {
+    font-size:medium;
+    font-weight:bold;
+}
+
+.courseboxinfo {
+    font-size:normal;
+}
+
+.courseboxteachers,
+.courseboxcost {
+    font-size:smaller;
+}
+
+.courseboxsummary {
+    font-size:small;
+}
+
+/* forum */
 .forumolddiscuss {
     text-align:right;
 }
 
-.weeklydatetext {
-    font-size:medium;
+.forumaddnew,
+.forumaddnewminimal,
+.forumnodiscuss,
+.forumnodiscussminimal,
+.forumolddiscussminimal,
+.noticeboxcontent {
+    text-align:center;
+}
+
+.forumnodiscuss,
+.forumnodiscussminimal {
     font-weight:bold;
 }
 
-.feedbacktext {
+.forumpostheadername,
+.forumpostheaderreplies,
+.forumpostheaderdate {
+    font-size:small;
+}
+
+.forumaddnewminimal, 
+.forumnodiscussminimal,
+.forumheadminimal, 
+.foruminfominimal,
+.forumolddiscussminimal {
+    font-size:x-small;
+}
+
+/* message */
+.message_summary_link {
+    font-size:small;
     text-align:right;
 }
 
-.headerhomemain {
-    font-size:x-large;
+.message_link {
+    font-size:x-small;
+}
+
+.message_form {
+    font-size:0.78em;
+}
+
+.message_heading {
+    font-size:medium;
     font-weight:bold;
+    text-align:center;
 }
 
-.courseboxinfo {
-    font-size:normal;
+.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;
+}
+
+/*****************************
+***
+*** Calendar
+***
+******************************/
 table.calendarmini {
     font-size:85%;
 }
@@ -128,74 +273,6 @@ table.calendarmonth thead td {
     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;
@@ -203,32 +280,20 @@ table.calendarmonth tbody td div {
 }
 
 .calendarreferer,
-.forumnodiscuss,
-.forumnodiscussminimal, 
 .mycalendar .cal_event {
     font-weight:bold;
 }
 
-.message_date,
-.forumpostheadername,
-.forumpostheaderreplies,
-.forumpostheaderdate,
-.courseboxsummary,
-.message_contact,
-.message_summary {
-    font-size:small;
+/*****************************
+***
+*** Blocks
+***
+******************************/
+/* block_rss_client.php */
+.rssclientlink {
+    font-size:x-small;
 }
 
-.message_small_note, 
-.message_pix, 
-.editorhelptext, 
-.forumaddnewminimal, 
-.forumnodiscussminimal,
-.forumheadminimal, 
-.foruminfominimal,
-.forumolddiscussminimal, 
-.logininfo,
-#header-home .headermenu font,
-.homelink {
+.rssclientdescription {
     font-size:x-small;
 }

diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css
index 9b3478e4c4cd46645b3acbd1c438b8064781b059..d7a248d052fc8a02db3ba3267f6558513142cd58 100644 (file)
--- a/theme/standard/styles_layout.css
+++ b/theme/standard/styles_layout.css
@@ -4,6 +4,26 @@
 ** 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)
+*** 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 {
@@ -71,29 +91,22 @@ form {
 /* footer styles */
 
 
-/* content styles */
-.generalbox {
-    border-width:1px;
-    border-style:solid;
-}
 
+/*****************************
+***
+*** content styles
+***
+******************************/
 /* many places */
-.noticebox {
+.generalbox {
     border-width:1px;
     border-style:solid;
 }
-
-/* entry-page index.php */ 
-.sitetopic {
+.noticebox {
     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;
@@ -105,10 +118,29 @@ form {
 .userinfoboxsummary,
 .userinfoboxlinkcontent { }
 
-/* glossary, wiki */
-.generaltab,
-.generaltabselected {
-    background:none;
+/* 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;
+}
+
+/*****************************
+***
+*** Activities
+***
+******************************/
+/* admin, calendar */
+table.formtable td {
+    padding:9px;
 }
 
 /* assignment, forum, glossary */
@@ -122,15 +154,93 @@ form {
     margin-left: 30px;
 }
 
-/* weblib.php table */
-.tabledivider {
+/* calendar, course, weblib,php, attandance
+dialouge, exercise, forum, lesson, quiz */
+.generaltableheader {
+    background-image:url(gradient.jpg);
+    background-position:top;
+    background-repeat:repeat-x;
+}
+
+/* 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-top: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;
 }
 
+/* glossary, wiki */
+.generaltab,
+.generaltabselected {
+    background:none;
+}
+
+/* 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;
+}
+
+/* quiz */
+.feedbacktext {
+    display:block;
+}
+
+/*****************************
+***
+*** Calendar
+***
+******************************/
 /* calendar */
 table.calendarmini {
     width:100%;
@@ -267,11 +377,11 @@ td.cal_event_description {
     padding:8px;
 }
 
-/* admin, calendar */
-table.formtable td {
-    padding:9px;
-}
-
+/*****************************
+***
+*** Blocks
+***
+******************************/
 /* block_rss_client.php */
 .rssclientlink {
     padding-bottom:5px;
@@ -283,72 +393,25 @@ table.formtable td {
     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;
+/* sideblock */
+.sideblock {
+    width: 100%;
+    margin-bottom:1em;
     border-width:1px;
     border-style:solid;
 }
-
-/* course */
-.outlineheadingblock {
+.sideblockheading {
     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 {
-    margin-bottom:1em;
+.sideblockmain hr {
+    height:1px;
+    margin-top:4px;
+    margin-bottom:4px;
+    border:none;
+    border-top:1px solid;
 }
 
 /* sideblock weblib.php */
@@ -376,32 +439,3 @@ table.message_search_results td {
     margin: 0px;
 }
 
-/* calendar, weblib.php, wiki */
-.sideblock {
-    border-width:1px;
-    border-style:solid;
-    width: 100%;
-}
-
-/* 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;
-}