RSS

LuxCal Forum

The place for questions, suggestions and news about the LuxCal Event Calendar

User:   Password:   Remember Me?   
LuxCal Forum / General / Problems / Definitions for CSS.PHP
Posted:  08 Nov 2013 00:29   Last Edited By: Roel B.
Roel,

Can you provide a definition, sort of speak, as to which areas of the calendar the below css properties control ?

These are out of  css/css.php

.scroll {}
.scrollBoxYe {}                               - scrollable area in Year view
.scrollBoxMo, .scrollBoxWe, .scrollBoxDa {}   - scrollable area in Month, Week and Day view
.scrollBoxUp, .scrollBoxCh {}                 - scrollable area in Upcoming Events and Changes view
.scrollBoxSh, .scrollBoxSe, .scrollBoxAd {}   - scrollable area on the Search, Settings and several other pages page
.scrollBoxHead {}                             - header of the scrollable area in Month, Week and Day view on non-mobile devices
.centerBox {}                                 - to center a box on all the  admin pages
table.mgrid {}                                - the (mini) grid of each month in Year view
table.mgrid td.holder {}                      - the container for the mini-squares in each grid cell in a month in Year view
table.grid {}                                 - the grid in Year, Month, Week and Day view and some more pages
/* table.grid {} */
table.grid .wkCol {}                          - the column on the left hand side of the above grid
table.grid .tCol {}                           - time column in Week and Day view
table.grid .dCol {}                           - day column in Month, Week and Day view
table.grid .dCol7 {}                          - day column in Year view
table.grid .tColBg {}                         - as above, but background
table.grid .dColBg {}                         - as above, but background
table.grid tr.monthWeek {}                    - a week row in Month view
table.grid tr.yearWeek {}                     - a week row in Year view
table.grid th {}
table.grid td {}
table.grid td.wnr {}                          - week number in Year and Month view
table.grid td.we0 {}                          - week end color 0 in Year, Month and Week view
table.grid td.we1 {}                          - week end color 1 in Year, Month and Week view
table.grid td.wd0 {}                          - week day color 0 in Year, Month and Week view
table.grid td.wd1 {}                          - week day color 1 in Year, Month and Week view
table.grid td.out {}                          - day outside month in Month view
table.grid td.blank {}                        - day outside month in Month view when exactly one month is shown
table.grid td.today {}                        - border of 'today' in Month view
table.grid td.slday {}                        - border of a 'jumped to day' in Month view
.viewHdr {}                                   - header in Year, Month, Week and Day view
div.help {}                                   - text in the Help window

Thanks in advance !
Posted:  09 Nov 2013 00:56   Last Edited By: Roel B.
Hi there,
I've added the info to your post above.

Download the freeware TextCrawler from DigitalVolcano Software and you can easily find out where the styles are used wink

Roel