From 992b59719f72ee20e156d992ded026e685314562 Mon Sep 17 00:00:00 2001 From: urs_hunkler Date: Wed, 26 Jan 2005 15:10:47 +0000 Subject: [PATCH] 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. --- theme/standard/styles_color.css | 207 +++++++++++++---------- theme/standard/styles_fonts.css | 277 ++++++++++++++++++------------ theme/standard/styles_layout.css | 278 +++++++++++++++++-------------- 3 files changed, 449 insertions(+), 313 deletions(-) diff --git a/theme/standard/styles_color.css b/theme/standard/styles_color.css index 53c6f320d88..6090226bc68 100644 --- 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 */ -} - -/* 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; -} diff --git a/theme/standard/styles_fonts.css b/theme/standard/styles_fonts.css index 65bdd322d98..de8842a68c2 100644 --- 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 */ + +/***************************** +*** +*** 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; } diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css index 9b3478e4c4c..d7a248d052f 100644 --- 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 */ + +/***************************** +*** +*** 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; -}