/* Start of CMSMS style sheet 'Przykład CSS-a dla kalendarza' */ /* Example stylesheet for Calendar module For using this "big"-class insert something like this in your page or template; {cms_module module='Calendar' table_id='big'} */ /* make all links red */ .calendar tr td a, .calendar tr td a:hover { color: #f1bb32; font-size: 11px; font-weight: normal; font-family: georgia; } /* highlight "today" for the small calendar */ .calendar-today { font-weight: bold; } /* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */ #cal-upcominglist .calendar-date-title ,#cal-upcominglist .calendar-summary-title { display: none; } #cal-upcominglist h2 ,#cal-upcominglist .calendar-date ,#cal-upcominglist .calendar-summary { display: inline; margin-right: 5px; } /* tidy up text sizes for lists */ #cal-list h1, #cal-upcominglist h1 { color: red; font-size: 120%; } #cal-list h2, cal-upcominglist h2 { font-size: 110%; } /** large calendar rules (assuming table_id='big') **/ /* border on for #big */ #big{ margin: 10px 20px; border-collapse: collapse; border: 0px solid #f1bb32; color: #50413A; background-color: 0; } /* nice squares for the #big table */ #big th { border: 1px solid #50413A; padding: 3px; width: 40px; background: #50413A; } #big td { border: 1px solid #50413A; vertical-align: top; padding: 2px; height:40px; width: 40px; background-color: 0; } /* format summaries nicely in #big */ #big ul { margin: 0px; padding: 0px; padding-left: 5px; } #big li { list-style-type: none; padding: 0px; margin: 0px; } /* background colours for #big */ #big td { background-color: 0; } #big .calendar-day { background-color: #80ff80; } #big .calendar-today { font-weight: normal; background-color: #104c77; } #big .calendar-month {color: #770008;} .calendar-event .calendar-date-title, .calendar-event .calendar-summary-title, .calendar-event .calendar-details-title { display: none; } .calendar-month { font-size: 20px; font-style: italic; font-family:georgia,serif; font-weight:normal; margin-top: 10px; } .calendar-event h2 {color: whitesmoke;} /* End of 'Przykład CSS-a dla kalendarza' */