Sorted and commented CSS. Now you find an intro with a short overview, a short index and the info where to place new CSS. It was a quite nitpicking work, so please help and look at it and tell me, if everything is all right - sort order, do you find anything fast, etc.

This commit is contained in:
urs_hunkler 2005-01-26 15:10:47 +00:00
parent ef86247e18
commit 992b59719f
3 changed files with 449 additions and 313 deletions

View File

@ -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 */
}
/* entry-page index.php */
.sitetopic {
border-color:#DDDDDD; /* borders */
background-color:#FFFFFF; /* cellheading */
}
/* 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 {
background-color:#FFFFFF; /* cellheading */
border-color:#DDDDDD; /* borders */
}
/*****************************
***
*** 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 {
/* lang, forum */
.teacheronly {
color:#990000;
}
.forumheadminimal {
color:#555555;
}
/* message */
table.message_search_results td {
border-color:#DDDDDD; /* borders */
}
/* weblib.php table */
.tabledivider {
border-color:#DDDDDD; /* borders */
/* weblib.php, wiki */
.sideblockmain hr {
border-top-color:#999999;
}
/* calendar */
/*****************************
***
*** 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;
}

View File

@ -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 */
/*****************************
***
*** content styles
***
******************************/
/* many places */
/*****************************
***
*** 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;
}
.forumolddiscuss {
text-align:right;
}
.weeklydatetext {
font-size:medium;
font-weight:bold;
}
.feedbacktext {
text-align:right;
}
.headerhomemain {
font-size:x-large;
font-weight:bold;
}
.courseboxinfo {
font-size:normal;
}
.courseboxteachers,
.courseboxcost {
font-size:smaller;
}
.courseboxsummary {
font-size:small;
}
/* forum */
.forumolddiscuss {
text-align:right;
}
.forumaddnew,
.forumaddnewminimal,
.forumnodiscuss,
.forumnodiscussminimal,
.forumolddiscussminimal,
.noticeboxcontent {
text-align:center;
}
.forumnodiscuss,
.forumnodiscussminimal {
font-weight:bold;
}
.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;
}
.message_link {
font-size:x-small;
}
.message_form {
font-size:0.78em;
}
.message_heading {
font-size:medium;
font-weight:bold;
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;
}
/*****************************
***
*** 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;
}
.message_small_note,
.message_pix,
.editorhelptext,
.forumaddnewminimal,
.forumnodiscussminimal,
.forumheadminimal,
.foruminfominimal,
.forumolddiscussminimal,
.logininfo,
#header-home .headermenu font,
.homelink {
/*****************************
***
*** Blocks
***
******************************/
/* block_rss_client.php */
.rssclientlink {
font-size:x-small;
}
.rssclientdescription {
font-size:x-small;
}

View File

@ -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 */
/*****************************
***
*** content styles
***
******************************/
/* many places */
.generalbox {
border-width:1px;
border-style:solid;
}
/* many places */
.noticebox {
border-width:1px;
border-style:solid;
}
/* entry-page index.php */
.sitetopic {
border-width:1px;
border-style:solid;
}
/* quiz styles */
.feedbacktext {
display:block;
}
/* summary of a user in a nice little box - weblib.php */
.userinfobox {
border-width:1px;
@ -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 {
border-width:1px;
border-style:solid;
border-left:0px;
border-right:0px;
border-top:0px;
/* 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-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;
border-width:1px;
border-style:solid;
}
/* course */
.outlineheadingblock {
background-image:url(gradient.jpg);
background-position:top;
background-repeat:repeat-x;
border-width:1px;
border-style:solid;
}
.weeklyoutlinecontent,
.topicsoutlinecontent {
border-width:1px;
border-left:0px;
border-right:0px;
border-style:solid;
}
.weeklyoutlinecontenthighlight,
.topicsoutlinecontenthighlight {
border-width:1px;
border-left:0px;
border-right:0px;
border-style:solid;
}
.weeklyoutlinecontenthidden,
.topicsoutlinecontenthidden {
border-width:1px;
border-left:0px;
border-right:0px;
border-style:solid;
}
.categoryboxcontent,
.courseboxcontent {
border-width:1px;
border-style:solid;
}
/* sideblock */
.sideblock {
width: 100%;
margin-bottom:1em;
border-width:1px;
border-style:solid;
}
.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;
}
/* 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;
}