Skip to content
Browse files

style modifications for the calendar, the minicalendar and the course…

… to come up with the actual changes
  • Loading branch information...
1 parent d3ea3a9 commit 0a940f20d6b1d466c0729b36afb0b0e53d241a61 urs_hunkler committed Feb 15, 2005
Showing with 115 additions and 166 deletions.
  1. +33 −86 theme/orangewhite/styles_color.css
  2. +11 −6 theme/orangewhite/styles_font.css
  3. +71 −74 theme/orangewhite/styles_layout.css
View
119 theme/orangewhite/styles_color.css
@@ -207,9 +207,6 @@ body {
/* course, entry-page, login */
-.headingblock {
- background-color:#FFFFFF;
-}
/* course */
@@ -231,82 +228,25 @@ body {
background-color:#FFB63B;
}
-.outlineheadingblock {
+#course-view .headingblock {
background-color:#FFFFFF;
+ border-left-color:#FFC86C;
}
-.topicsoutlinecontent,
-.topicsoutlinecontenthighlight {
- background-color:#FFFFFF;
- border-color:#FFC86C;
-}
-
-.course-2 .topicsoutlinecontent,
-.course-2 .topicsoutlinecontenthighlight {
- background-color:#FFFFFF;
- border-color:#F1F3C2;
-}
-
-.course-3 .topicsoutlinecontent,
-.course-3 .topicsoutlinecontenthighlight {
- background-color:#FFFFFF;
- border-color:#C2F3C7;
-}
-
-.course-4 .topicsoutlinecontent,
-.course-4 .topicsoutlinecontenthighlight {
- background-color:#FFFFFF;
- border-color:#C2D3F3;
-}
-
-.course-5 .topicsoutlinecontent,
-.course-5 .topicsoutlinecontenthighlight {
- background-color:#FFFFFF;
- border-color:#F3C6C2;
-}
-
-.topicsoutlinecontenthidden {
- background-color:#FFFFFF;
- border-color:#EEF0F2;
-}
-
-.topicsoutlineside,
-.topicsoutlinesidehighlight,
-.topicsoutlinesidehidden {
- background-color:#FFFFFF;
- border-color:#FFFFFF;
-}
-
-.topicsoutlinecontent span.unread,
-.topicsoutlinecontenthighlight span.unread,
-.topicsoutlinecontenthidden span.unread {
- border-bottom-color:#FFB63B;
-}
-
-.weeklyoutlineside {
- border-color:#D1D7DC;
-}
-
-.weeklyoutlinesidehighlight {
- border-color:#D1D7DC;
-}
-
-.weeklyoutlinesidehidden {
- border-color:#D1D7DC;
+#course-view .activity {
+ background-color:transparent;
}
-.weeklyoutlinecontent {
- border-color:#D1D7DC;
+#course-view .section .left {
+ border-left-color:#FFC86C;
}
-.weeklyoutlinecontenthighlight {
- background-color:#FFFFFF;
- border-color:#D1D7DC;
+#course-view .hidden .left {
+ border-left-color:#EEF0F2;
}
-.weeklyoutlinecontenthidden {
- background-color:#F7F6F1;
- border-color:#D1D7DC;
+#course-view .section .left a {
+ color:#FFFFFF;
}
.categorybox {
@@ -460,51 +400,59 @@ body {
*** Calendar
***
******************************/
-TABLE.calendarmini {
+body.calendar #calendar {
+ background-color:#FFFFFF;
+}
+
+body.calendar #calendar .sidecalendar {
+ background-color:#F9FAFA;
+}
+
+TABLE.minicalendar {
border-color:#C0CAD4;
}
TABLE.calendarmonth {
border-color:#C0CAD4;
}
-TABLE.calendarmini TBODY TD {
+TABLE.minicalendar TBODY TD {
border-color:#C0CAD4;
}
TABLE.calendarmonth TBODY TD {
- background-color:#EEF0F2;
+ /*background-color:#EEF0F2;*/
border-color:#C0CAD4;
}
TABLE.calendarmonth THEAD TD {
- background-color:#EEF0F2;
+ /*background-color:#EEF0F2;*/
border-bottom-color:#666666;
}
-.cal_event_global {
- background-color:#009999 !important;
- border-color:#009999 !important;
+.event_global {
+ background-color:#2FCD0D !important;
+ border-color:#2FCD0D !important;
}
-.cal_event_course {
+.event_course {
background-color:#ff3333 !important;
border-color:#ff3333 !important;
}
-.cal_event_group {
+.event_group {
background-color:#ffcc33 !important;
border-color:#ffcc33 !important;
}
-.cal_event_user {
+.event_user {
background-color:#99ccff !important;
border-color:#99ccff !important;
}
.cal_duration_global {
- border-top-color:#009999 !important;
- border-bottom-color:#009999 !important;
+ border-top-color:#2FCD0D !important;
+ border-bottom-color:#2FCD0D !important;
}
.cal_duration_course {
@@ -542,11 +490,11 @@ TABLE.calendarmonth THEAD TD {
border-bottom-color:#666666;
}
-.mycalendar .cal_event_table {
+.mycalendar .event_table {
border-color:#C0CAD4;
}
-.mycalendar .cal_event_table THEAD {
+.mycalendar .event_table THEAD {
background-color:#EEF0F2;
}
@@ -558,7 +506,7 @@ TABLE.calendarmonth THEAD TD {
color:red;
}
-TD.cal_event_description {
+TD.event_description {
border-left-color:#C6BDA8;
}
@@ -636,4 +584,3 @@ TD.cal_event_description {
#block_glossary_random .sideblockmain {
/*background-color:#FFDA9D;*/
}
-
View
17 theme/orangewhite/styles_font.css
@@ -299,11 +299,16 @@ h4 {
*** Calendar
***
******************************/
-TABLE.calendarmini {
+TABLE.minicalendar {
letter-spacing:0.1em;
}
-TABLE.calendarmini TBODY TD {
+TABLE.minicalendar .day {
+ text-align:center;
+ letter-spacing:0em;
+}
+
+TABLE.minicalendar TBODY TD {
text-align:center;
letter-spacing:0em;
}
@@ -316,7 +321,7 @@ TABLE.calendarmonth TBODY TD DIV {
line-height:1.2em;
}
-TABLE.calendarmini THEAD TD,
+TABLE.minicalendar THEAD TD,
TABLE.calendarmonth THEAD TD {
font-weight:bold;
text-align:center;
@@ -326,13 +331,13 @@ TABLE.cal_controls td {
line-height:1.2em;
}
-.mycalendar .cal_event {
+.mycalendar .event {
font-weight:bold;
}
-.mycalendar .cal_event_date { }
+.mycalendar .event_date { }
-.mycalendar .cal_event_table THEAD {
+.mycalendar .event_table THEAD {
text-align:center;
font-weight:bold;
}
View
145 theme/orangewhite/styles_layout.css
@@ -186,38 +186,31 @@ input {
/* entry page */
#site-index #left-column,
-#site-index #left-column .sideblock
-{
+#site-index #left-column .sideblock {
width:250px !important;
}
-#site-index #middle-column
-{
+#site-index #middle-column {
width:auto;
padding:0em 2.5em;
}
-#site-index #right-column{
+#site-index #right-column {
width:30%;
}
-#site-index #middle-column .forumpost,
-#course-view #middle-column .forumpost {
+#site-index #middle-column .forumpost {
border-width:0px;
border-style:none;
}
#site-index #middle-column .forumpostpicture,
-#site-index #middle-column .forumpostside,
-#course-view #middle-column .forumpostpicture,
-#course-view #middle-column .forumpostside {
+#site-index #middle-column .forumpostside {
display:none;
}
#site-index #middle-column .headingblock,
-#site-index #middle-column .forumpostheadertopic,
-#course-view #middle-column .headingblock,
-#course-view #middle-column .forumpostheadertopic {
+#site-index #middle-column .forumpostheadertopic {
padding:1em;
border-width:0px 0px 0px 25px;
border-style:solid;
@@ -265,19 +258,21 @@ table.formtable td {
***
******************************/
/* course, entry-page, login */
-.headingblock {
- background-image:none;
- border-style:none;
-}
-
.generaltableheader {
background-image:none;
}
/* course */
-#layout-table tr {
- vertical-align:top;
+#layout-table {
+ width:100%;
+ border-spacing:5px;
+ border-collapse:separate;
+}
+
+#layout-table tr,
+#layout-table td {
+ vertical-align:top;
}
#left-column,
@@ -291,73 +286,57 @@ table.formtable td {
padding:0px 15px;
}
-.outlineheadingblock {
+#course-view .headingblock {
background-image:none;
- display:none;
+ border-style:none;
+ margin-left:2px;
+ padding-left:1.5em;
+ border-left:1.5em solid;
}
-.topicsoutlineside,
-.topicsoutlinesidehighlight,
-.topicsoutlinesidehidden {
- border-width:0px;
+#course-view .activity {
+ border:0px none;
}
-.topicsoutlineside p b,
-.topicsoutlinesidehighlight p b,
-.topicsoutlinesidehidden p b {
- display:none;
+#course-view .section td {
+ vertical-align:top;
}
-.topicsoutlinecontent,
-.topicsoutlinecontenthighlight,
-.topicsoutlinecontenthidden {
- margin:0.5em 0em;
- padding:0.5em 1em;
- border-width:0px 0px 0px 22px;
- border-style:solid;
+#course-view .section .content {
+ padding:0px 1em;
}
-.topicsoutlinecontent span.unread,
-.topicsoutlinecontenthighlight span.unread,
-.topicsoutlinecontenthidden span.unread {
+#course-view .section .side {
+}
+
+#course-view .section .left {
+ width:0em;
padding:0em;
- margin-left:0.8em;
+ border-left:1.5em solid;
}
-.weeklyoutlineside {
- border-width:1px;
- border-style:solid;
+#course-view .section .right {
+ width:2em;
+ padding:0.5em;
+ text-align:center;
}
-.weeklyoutlinesidehighlight {
- border-width:1px;
- border-style:solid;
+#course-view .current .side {
}
-.weeklyoutlinesidehidden {
- border-width:1px;
- border-style:dashed;
+#course-view .topics {
+ margin-top:9px;
}
-.weeklyoutlinecontent {
- border-width:0px;
- border-top:1px;
- border-bottom:1px;
- border-style:solid;
+#course-view .weeks {
+ margin-top:9px;
}
-.weeklyoutlinecontenthighlight {
- border-width:0px;
- border-top:1px;
- border-bottom:1px;
- border-style:solid;
+#course-view .section .spacer {
+ height:0.5em;
}
-.weeklyoutlinecontenthidden {
- border-width:0px;
- border-top:1px;
- border-bottom:1px;
- border-style:dashed;
+#course-view .section .weekdates {
}
.categorybox {
@@ -399,6 +378,7 @@ table.formtable td {
}
.unread {
+ margin-left:1em;
border-width:0px 0px 1px 3px;
border-style:solid;
}
@@ -497,7 +477,24 @@ table.quiz input {
*** Calendar
***
******************************/
-TABLE.calendarmini {
+body.calendar #calendar tr,
+body.calendar #calendar td {
+ vertical-align:top;
+}
+
+body.calendar #calendar td.maincalendar {
+ padding:0px 2em;
+}
+
+body.calendar #calendar td.maincalendar .buttons {
+ float:right;
+}
+
+body.calendar #calendar table.calendarmonth {
+ padding:1em 0px;
+}
+
+TABLE.minicalendar {
width:100%;
margin:0px;
padding:0px;
@@ -513,7 +510,7 @@ TABLE.calendarmonth {
border-style:solid;
}
-TABLE.calendarmini TBODY TD {
+TABLE.minicalendar TBODY TD {
width:14%;
border-width:1px 0px;
border-style:none;
@@ -542,7 +539,7 @@ TABLE.calendarmonth TBODY TD DIV {
margin-left:0px;
}
-TABLE.calendarmini THEAD TD {
+TABLE.minicalendar THEAD TD {
vertical-align:center;
}
@@ -552,19 +549,19 @@ TABLE.calendarmonth THEAD TD {
vertical-align:center;
}
-.cal_event_global {
+.event_global {
border:2px solid !important;
}
-.cal_event_course {
+.event_course {
border:2px solid !important;
}
-.cal_event_group {
+.event_group {
border:2px solid !important;
}
-.cal_event_user {
+.event_user {
border:2px solid !important;
}
@@ -606,7 +603,7 @@ TABLE.calendarmonth THEAD TD {
border-bottom:2px solid;
}
-.mycalendar .cal_event_table {
+.mycalendar .event_table {
margin:0px;
padding:2px;
width:100%;
@@ -622,7 +619,7 @@ TABLE.calendarmonth THEAD TD {
margin-bottom:4px;
}
-TD.cal_event_description {
+TD.event_description {
width:80%;
border-left:2px solid;
vertical-align:top;

0 comments on commit 0a940f2

Please sign in to comment.
Something went wrong with that request. Please try again.