[Sommaire] [Imprimer]

   1  <?php
   2  if ( empty ( $PHP_SELF ) && ! empty ( $_SERVER ) &&
   3    ! empty ( $_SERVER['PHP_SELF'] ) ) {
   4    $PHP_SELF = $_SERVER['PHP_SELF'];
   5  }
   6  if ( ! empty ( $PHP_SELF ) && preg_match ( "/\/includes\//", $PHP_SELF ) ) {
   7      die ( "You can't access this file directly!" );
   8  }
   9  ?>
  10  <?php /* 
  11  
  12                     HOW TO READ THIS DOCUMENT
  13  
  14    Below are CSS styles used in WebCalendar.
  15    There are two main parts to every CSS style: 'selector' & 'declaration'
  16      EXAMPLE:
  17        body {
  18          color: red;
  19        }
  20    The selector in the example above is 'body', while its
  21    declaration is 'color: red;'
  22    Each declaration has two parts: 'property' & 'value'
  23  
  24    In the example above, there is only one declaraion ("color: red;")
  25    For that declaration, the PROPERTY is "color" and the VALUE is "red"
  26  
  27    NOTE: Each property must be followed by a colon (:), 
  28      and each value must be followed by a semi-colon (;)
  29  
  30    Each selector can contain multiple declarations
  31      EXAMPLE:
  32        body {
  33          color: red;
  34          font-size: 12px;
  35          background-color: black;
  36        }
  37    In the example above, there are three declarations:
  38        color: red;
  39        font-size: 12px;
  40        background-color: black;
  41  
  42    NOTE: The declarations for a given style must be contained within
  43      curly brackets ({ })
  44  
  45                    VARIABLES USED TO STYLE WEBCALENDAR
  46  
  47    TEXTCOLOR - default text color
  48    FONTS - default font-family
  49    BGCOLOR - background-color for the page
  50    TABLEBG - background-color for tables
  51      (typically used when the table also has cellspacing, thereby
  52      creating a border effect)
  53    CELLBG - background-color for normal cells
  54      (not weekends, today, or any other types of cells)
  55    TODAYCELLBG - background-color for cells that make up today's date
  56    WEEKENDBG - background-color for cells that make up the weekend
  57    THFG - text color for table headers
  58    THBG - background-color for table headers
  59    POPUP_FG - text color for event popups
  60    POPUP_BG - background-color for event popups
  61    H2COLOR - text color for text within h2 tags
  62  */
  63  ?>
  64  <style type="text/css">
  65  <!--
  66  <?php /*==================== SECTION A ===============================
  67  
  68    The CSS for WebCalendar is broken down into several sections.
  69    This should make it easier to understand, debug & understand the
  70    logical sequence of how the style system is built.
  71    Each page in WebCalendar is assigned a unique ID. This unique ID is
  72    determined by taking the name of the page & removing any underscores (_).
  73    For a complete list of and their IDs, see includes/init.php or
  74    docs/WebCalendar-StyleSystem.html.
  75  
  76    The following sections appear below:
  77      Section A - basic, required elements that affect WebCalendar as a whole
  78      Section B - more specific to select areas of WebCalendar, yet still 
  79        affects many areas of WebCalendar
  80      Section C - classes specific to certain pages, but that affect either 
  81        the page as a whole, or large areas within that page
  82      Section D - the "nitty gritty" of classes. Used specifically for 
  83        fine-tuning elements within a specific page
  84  */
  85  
  86  /* SECTION A */
  87  ?>body {
  88    color: <?php echo $GLOBALS['TEXTCOLOR']; ?>;
  89    font-family: <?php echo $GLOBALS['FONTS']; ?>;
  90    font-size: 12px;
  91    background-color: <?php echo $GLOBALS['BGCOLOR']; ?>;
  92  }
  93  <?php //links that don't have a specific class
  94  //NOTE: these must appear ABOVE the 'printer' & all other 
  95  //link-related classes for those classes to work 
  96  ?>a {
  97    color: <?php echo $GLOBALS['TEXTCOLOR']; ?>;
  98    text-decoration: none;
  99  }
 100  a:hover {
 101    color: #0000FF;
 102  }
 103  #edituser,
 104  #edituserhandler,
 105  #groupedit,
 106  #editnonusers,
 107  #groupedithandler,
 108  #editnonusershandler {
 109    background-color: #F8F8FF;
 110  }
 111  #tabscontent {
 112    margin: 0px;
 113    padding: 0.5em;
 114    border: 2px groove #C0C0C0;
 115    width: 70%;
 116    background-color: #F8F8FF;
 117  }
 118  .tabfor {
 119    padding: 0.2em 0.2em 0.07em 0.2em;
 120    margin: 0px 0.2em 0px 0.8em;
 121    border-top: 2px ridge #C0C0C0;
 122    border-left: 2px ridge #C0C0C0;
 123    border-right: 2px ridge #C0C0C0;
 124    border-bottom: 2px solid #F8F8FF;
 125    background-color: #F8F8FF;
 126    font-size: 14px;
 127    text-decoration: none;
 128    color: #000000;
 129  }
 130  .tabbak {
 131    padding: 0.2em 0.2em 0px 0.2em;
 132    margin: 0 0.2em 0 0.8em;
 133    border-top: 2px ridge #C0C0C0;
 134    border-left: 2px ridge #C0C0C0;
 135    border-right: 2px ridge #C0C0C0;
 136    background-color: #E0E0E0;
 137    font-size: 14px;
 138    text-decoration: none;
 139    color: #000000;
 140  }
 141  #tabscontent_public,
 142  #tabscontent_groups,
 143  #tabscontent_nonuser,
 144  #tabscontent_other,
 145  #tabscontent_email,
 146  #tabscontent_colors,
 147  #tabscontent_participants,
 148  #tabscontent_sched,
 149  #tabscontent_pete,
 150  #tabscontent_export,
 151  #tabscontent_nonusers,
 152  #useriframe,
 153  #grpiframe,
 154  #nonusersiframe {
 155    display: none;
 156  }
 157  label {
 158    font-weight: bold;
 159  }
 160  .sample {
 161    border-style: groove;
 162  }
 163  <?php //week number in monthview & such 
 164  ?>.weeknumber,
 165  .weeknumber a {
 166    font-size: 10px;
 167    color: #B04040;
 168    text-decoration: none;
 169  }
 170  <?php //transparent images used for visual color-selection
 171  ?>img.color {
 172    border-width: 0px;
 173    width: 15px;
 174    height: 15px;
 175  }
 176  <?php //display:none; is unhidden by includes/print_styles.css for printer-friendly pages 
 177  ?>#cat {
 178    display: none;
 179    font-size: 18px;
 180  }
 181  #trailer {
 182    margin: 0px;
 183    padding: 0px;
 184  }
 185  #trailer form {
 186    float: left;
 187    width: 33%;
 188    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 189    padding-top: 5px;
 190    margin-top: 5px;
 191    margin-bottom: 25px;
 192  }
 193  #trailer label {
 194    margin: 0px;
 195    padding: 0px;
 196    font-weight: bold;
 197  }
 198  #monthform {
 199    clear: left;
 200  }
 201  #weekform {
 202    text-align: center;
 203  }
 204  #yearform {
 205    text-align: right;
 206    clear: right;
 207  }
 208  #menu {
 209    clear: both;
 210  }
 211  #menu a {
 212    font-size: 14px;
 213    color: <?php echo $GLOBALS['TEXTCOLOR']; ?>;
 214    text-decoration: none;
 215  }
 216  .prefix {
 217    font-weight: bold;
 218    font-size: 14px;
 219  }
 220  <?php //link to webcalendar site -- NOTE: by modifying this style, you can make this link disappear
 221  ?>a#programname {
 222    margin-top: 10px;
 223    font-size: 10px;
 224  }
 225  <?php //printer-friendly links 
 226  ?>.printer {
 227    font-size: 14px;
 228    color: <?php echo $GLOBALS['TEXTCOLOR']; ?>;
 229    text-decoration: none;
 230    clear: both;
 231    display: block;
 232    width: 15ex;
 233  }
 234  <?php //new event icon (i.e. '+' symbol)
 235  ?>.new {
 236    border-width: 0px;
 237    float: right;
 238  }
 239  <?php //links to unapproved entries/events
 240  ?>.unapprovedentry {
 241    font-size: 13px;
 242    color: #800000;
 243    text-decoration: none;
 244    padding-right: 3px;
 245  }
 246  .nounapproved {
 247    margin-left: 20px;
 248  }
 249  <?php //links to entries/events on layers
 250  ?>.layerentry {
 251    font-size: 13px;
 252    color: #006060;
 253    text-decoration: none;
 254    padding-right: 3px;
 255  }
 256  <?php //links to entries/events
 257  ?>.entry {
 258    font-size: 13px;
 259    color: #006000;
 260    text-decoration: none;
 261    padding-right: 3px;
 262  }
 263  <?php //event (or bullet) icon; NOTE: must appear AFTER the .entry, .layerentry, and .unapprovedentry classes
 264  ?>.entry img,
 265  .layerentry img,
 266  .unapprovedentry img {
 267    border-width: 0px;
 268    margin-left: 2px;
 269    margin-right: 2px;
 270  }
 271  <?php //numerical date links in main calendars
 272  ?>.dayofmonth {
 273    font-size: 13px;
 274    color: #000000;
 275    font-weight: bold;
 276    text-decoration: none;
 277    border-top-width: 0px;
 278    border-left-width: 0px;
 279    border-right: 1px solid #888888;
 280    border-bottom: 1px solid #888888;
 281    padding: 0px 2px 0px 3px;
 282  }
 283  <?php //numerical date links in main calendars on hover
 284  ?>.dayofmonth:hover {
 285    color: #0000FF;
 286    border-right: 1px solid #0000FF;
 287    border-bottom: 1px solid #0000FF;
 288  }
 289  <?php //left arrow images
 290  ?>.prev img {
 291    border-width: 0px;
 292    margin-left: 3px;
 293    margin-top: 7px;
 294    float: left;
 295  }
 296  <?php //right arrow images
 297  ?>.next img {
 298    border-width: 0px;
 299    margin-right: 3px;
 300    margin-top: 7px;
 301    float: right;
 302  }
 303  #activitylog .prev {
 304    border-width: 0px;
 305    float: left;
 306  }
 307  #activitylog .next {
 308    border-width: 0px;
 309    float: right;
 310  }
 311  <?php //left arrow image in day.php
 312  ?>#day .prev img {
 313    border-width: 0px;
 314    margin-top: 37px;
 315    float: left;
 316  }
 317  <?php //right arrow image in day.php
 318  ?>#day .next img {
 319    border-width: 0px;
 320    margin-top: 37px;
 321    float: right;
 322  }
 323  <?php //left arrow image in day.php
 324  ?>#day .monthnav .prev img {
 325    border-width: 0px;
 326    margin: 0px;
 327    float: left;
 328  }
 329  <?php //right arrow image in day.php
 330  ?>#day .monthnav .next img {
 331    border-width: 0px;
 332    margin: 0px;
 333    float: right;
 334  }
 335  .dailymatrix {
 336    cursor: pointer;
 337    font-size: 12px;
 338    text-decoration: none;
 339    text-align: right;
 340    background-color: <?php echo $GLOBALS['THBG']; ?>;
 341  }
 342  td.matrixappts {
 343    cursor: pointer;
 344    text-align: left;
 345    background-color: <?php echo $GLOBALS['CELLBG']; ?>;
 346    vertical-align: middle;
 347  }
 348  td.matrix {
 349    height: 1px;
 350    background-color: #000000;
 351  }
 352  .matrix img {
 353    border-width: 0px;
 354    width: 100%;
 355    height: 1px;
 356  }
 357  a.matrix img {
 358    border-width: 0px;
 359    width: 100%;
 360    height: 8px;
 361  }
 362  .matrixd {
 363    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 364    border-right: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 365    margin-left: auto; 
 366    margin-right: auto;
 367  }
 368  .matrixlegend {
 369    margin-top: 25px;
 370    padding: 5px;
 371    text-align: center;
 372    background: #ffffff;
 373    margin-left: auto; 
 374    margin-right: auto;
 375    border: 1px solid #000000;
 376  }
 377  .matrixlegend img {
 378    border-width: 0px;
 379    width: 10px;
 380    height: 10px;
 381  }
 382  .nav {
 383    font-size: 14px;
 384    color: <?php echo $GLOBALS['TEXTCOLOR']; ?>;
 385    text-decoration: none;
 386  }
 387  .popup {
 388    font-size: 12px;
 389    color: <?php echo $GLOBALS['POPUP_FG']; ?>;
 390    <?php echo background_css ( $GLOBALS['POPUP_BG'], 200 ); ?>
 391    text-decoration: none;
 392    position: absolute;
 393    z-index: 20;
 394    visibility: hidden;
 395    top: 0px;
 396    left: 0px;
 397    border: 1px solid <?php echo $GLOBALS['POPUP_FG']; ?>;
 398    padding: 3px;
 399  }
 400  .popup dl {
 401    margin: 0px;
 402    padding: 0px;
 403  }
 404  .popup dt {
 405    font-weight: bold;
 406    margin: 0px;
 407    padding: 0px;
 408  }
 409  .popup dd {
 410    margin-left: 20px;
 411  }
 412  .tooltip {
 413    cursor: help;
 414    text-decoration: none;
 415    font-weight: bold;
 416  }
 417  .tooltipselect {
 418    cursor: help;
 419    text-decoration: none;
 420    font-weight: bold;
 421    vertical-align: top;
 422  }
 423  h2 {
 424    font-size: 20px;
 425    color: <?php echo $GLOBALS['H2COLOR']; ?>;
 426  }
 427  h3 {
 428    font-size: 18px;
 429  }
 430  p,
 431  input,
 432  select {
 433    font-size: 12px;
 434  }
 435  textarea {
 436    font-size: 12px;
 437    overflow: auto;
 438  }
 439  .user {
 440    font-size: 18px;
 441    color: <?php echo $GLOBALS['H2COLOR']; ?>;
 442    text-align: center;
 443  }
 444  .categories {
 445    font-size: 18px;
 446    color: <?php echo $GLOBALS['H2COLOR']; ?>;
 447    text-align: center;
 448  }
 449  <?php //left column in help sections 
 450  ?>.help {
 451    vertical-align: top;
 452    font-weight: bold;
 453  }
 454  <?php //question mark img linking to help sections
 455  ?>img.help {
 456    border-width: 0px;
 457    cursor: help;
 458  }
 459  <?php //standard table appearing mainly in prefs.php & admin.php 
 460  ?>.standard {
 461    border: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 462    background-color: <?php echo $GLOBALS['CELLBG']; ?>;
 463    font-size: 12px;
 464  }
 465  .standard th {
 466    color: <?php echo $GLOBALS['THFG']; ?>;
 467    <?php echo background_css ( $GLOBALS['THBG'], 30 ); ?>
 468    font-size: 18px;
 469    padding: 0px;
 470    border-bottom: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 471  }
 472  <?php //Styles for minicalendars
 473        //keep font-size:12px for IE6
 474  ?>.minical {
 475    font-size: 12px;
 476    border-collapse: collapse;
 477    margin: 0px 0px 5px 0px;
 478  }
 479  .minical caption a {
 480    font-weight: bold;
 481    color: #B04040;
 482  }
 483  .minical caption a:hover {
 484    color: #0000FF;
 485  }
 486  <?php //formats the day name (i.e. Sun, Mon, etc) in minicals
 487  ?>.minical th, 
 488  .minical td.empty {
 489    color: <?php echo $GLOBALS['TEXTCOLOR']; ?>;
 490    text-align: center;
 491    background-color: <?php echo $GLOBALS['BGCOLOR']; ?>;
 492  }
 493  .minical td {
 494    padding: 0px 2px;
 495    border: 1px solid <?php echo $GLOBALS['BGCOLOR']; ?>;
 496  }
 497  .minical td a {
 498    display: block;
 499    text-align: center;
 500    margin: 0px;
 501    padding: 3px;
 502  }
 503  .minical td.weekend {
 504    background-color: <?php echo $GLOBALS['WEEKENDBG']; ?>;
 505  }
 506  .minical td#today {
 507    background-color: <?php echo $GLOBALS['TODAYCELLBG']; ?>;
 508  }
 509  .minical td.hasevents {
 510    background-color: #DDDDFF;
 511    font-weight: bold;
 512  }
 513  #activitylog table,
 514  .embactlog {
 515    width: 100%;
 516    border-bottom: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 517    border-right: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 518    border-spacing: 0px;
 519  }
 520  #activitylog tr,
 521  .embactlog tr {
 522    background-color: #FFFFFF;
 523  }
 524  #activitylog .odd,
 525  .embactlog .odd {
 526    background-color: #EEEEEE;
 527  }
 528  #activitylog th,
 529  .embactlog th {
 530    width: 14%;
 531    color: <?php echo $GLOBALS['THFG']; ?>;
 532    background-color: <?php echo $GLOBALS['THBG']; ?>;
 533    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 534    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 535    border-bottom: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 536    padding: 1px 3px;
 537  }
 538  #activitylog th.usr,
 539  .embactlog th.usr,
 540  #activitylog th.cal,
 541  .embactlog th.cal,
 542  #activitylog th.action,
 543  .embactlog th.action {
 544    width: 7%;
 545  }
 546  #activitylog td,
 547  .embactlog td {
 548    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 549    padding: 1px 3px;
 550  }
 551  #day div.minicalcontainer {
 552    text-align: right;
 553    border: 1px solid #000000;
 554    padding: 3px;
 555  }
 556  <?php //the really big number above the minicalendar in day.php
 557  ?>#day .minical caption {
 558    text-align: center;
 559    font-weight: bold;
 560    color: <?php echo $GLOBALS['THFG']; ?>;
 561    background-color: <?php echo $GLOBALS['THBG']; ?>;
 562    font-size: 47px;
 563  }
 564  #day .minical td.selectedday {
 565    border: 2px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 566  }
 567  #day .monthnav th {
 568    text-align: center;
 569    color: <?php echo $GLOBALS['THFG']; ?>;
 570    background-color: <?php echo $GLOBALS['THBG']; ?>;
 571    border-width: 0px;
 572    padding: 3px;
 573  }
 574  .glance {
 575    border-bottom: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 576    border-right: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 577    width: 100%;
 578  }
 579  .glance th.empty {
 580    border-top: 1px solid <?php echo $GLOBALS['BGCOLOR']; ?>;
 581    border-left: 1px solid <?php echo $GLOBALS['BGCOLOR']; ?>;
 582    background-color: <?php echo $GLOBALS['BGCOLOR']; ?>;
 583  }
 584  .glance th.row {
 585    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 586    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 587    height: 40px;
 588    width: 14%;
 589    color: <?php echo $GLOBALS['THFG']; ?>;
 590    font-size: 13px;
 591    background-color: <?php echo $GLOBALS['THBG']; ?>;
 592    vertical-align: top;
 593  }
 594  .glance td {
 595    vertical-align: top;
 596    <?php echo background_css ( $GLOBALS['CELLBG'], 50 ); ?>
 597    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 598    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 599    padding-left: 3px;
 600  }
 601  <?php //display: none; is unhidden by includes/print_styles.css for printer-friendly pages
 602  ?>#day dl.desc {
 603    display: none;
 604    margin: 0px;
 605    padding: 0px;
 606  }
 607  #day dl.desc dt {
 608    font-weight: bold;
 609  }
 610  #day dl.desc dd {
 611    margin: 0px;
 612    padding-left: 20px;
 613  }
 614  .viewt,
 615  #viewv .main,
 616  #viewm .main,
 617  #vieww .main,
 618  #week .main,
 619  #viewl .main,
 620  #month .main {
 621    border-bottom: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 622    border-right: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 623    width: 100%;
 624    clear: both;
 625  }
 626  <?php //contains ALL months
 627  ?>#year .main tr {
 628    vertical-align: top;
 629  }
 630  th {
 631    font-size: 13px;
 632    color: <?php echo $GLOBALS['THFG']; ?>;
 633    background-color: <?php echo $GLOBALS['THBG']; ?>;
 634  }  
 635  #viewv .main th,
 636  #viewl .main th,
 637  #month .main th {
 638    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 639    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 640    <?php echo background_css ( $GLOBALS['THBG'], 15 ); ?>
 641    width: 14%;
 642  }
 643  #vieww .main th,
 644  #week .main th {
 645    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 646    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 647    width: 12%;
 648  }
 649  #viewm .main th {
 650    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 651    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 652  }
 653  <?php //participants cell
 654  ?>#viewd .main th {
 655    border-right: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 656    padding: 1px;
 657  }
 658  #viewv .main th.empty,
 659  #viewm .main th.empty,
 660  #vieww .main th.empty,
 661  #week .main th.empty {
 662    background-color: <?php echo $GLOBALS['BGCOLOR']; ?>;
 663    border-top: 1px solid <?php echo $GLOBALS['BGCOLOR']; ?>;
 664    border-left: 1px solid <?php echo $GLOBALS['BGCOLOR']; ?>;
 665  }
 666  #week .main th.row {
 667    width: 10%;
 668    vertical-align: top;
 669    height: 40px;
 670  }
 671  #vieww .main th.row,
 672  #viewv .main th.row,
 673  #viewm .main th.row,
 674  #viewt th.row {
 675    width: 10%;
 676    vertical-align: top;
 677    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 678    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 679  }
 680  #viewd .main th.row {
 681    border-right-width: 0px;
 682    text-align: left;
 683  }
 684  #vieww .main th.today,
 685  #viewm .main th.today,
 686  #viewv .main th.today,
 687  #viewt .main th.today {
 688    width: 10%;
 689    <?php echo background_css ( $GLOBALS['TODAYCELLBG'], 100 ); ?>
 690    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 691    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 692    vertical-align: top;
 693  }
 694  #week .main th.today {
 695    <?php echo background_css ( $GLOBALS['TODAYCELLBG'], 100 ); ?>
 696    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 697    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 698    width: 12%;
 699  }
 700  #week .main td.hasevents,
 701  #day .glance td.hasevents {
 702    <?php echo background_css ( $GLOBALS['TODAYCELLBG'], 100 ); ?>
 703  }
 704  #week .main th a,
 705  #weekdetails .main th a {
 706    color: <?php echo $GLOBALS['THFG']; ?>;
 707  }
 708  #week .main th a:hover,
 709  #weekdetails .main th a:hover {
 710    color: #0000FF;
 711  }
 712  #year .main td {
 713    text-align: center;
 714    padding: 0px 3px;
 715  }
 716  #viewl .main td,
 717  #month .main td {
 718    font-size: 12px;
 719    height: 75px;
 720    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 721    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 722    <?php echo background_css ( $GLOBALS['CELLBG'], 100 ); ?>
 723    vertical-align: top;
 724  }
 725  #vieww .main td,
 726  #week .main td,
 727  #viewm .main td,
 728  #viewv .main td {
 729    font-size: 12px;
 730    <?php echo background_css ( $GLOBALS['CELLBG'], 100 ); ?>
 731    vertical-align: top;
 732    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 733    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 734    padding-left: 3px;
 735  }
 736  #viewl .main td.weekend,
 737  #month .main td.weekend,
 738  #viewm .main td.weekend,
 739  #viewv .main td.weekend,
 740  #vieww .main td.weekend,
 741  #week .main td.weekend {
 742    <?php echo background_css ( $GLOBALS['WEEKENDBG'], 100 ); ?>
 743    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 744    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 745  }
 746  #viewl .main td.today,
 747  #month .main td.today,
 748  #viewm .main td.today,
 749  #vieww .main td.today,
 750  #viewv .main td.today {
 751    <?php echo background_css ( $GLOBALS['TODAYCELLBG'], 100 ); ?>
 752    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 753    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 754    vertical-align: top;
 755  }
 756  #month #prevmonth,
 757  #viewl #prevmonth {
 758    float: left;
 759  }
 760  #month #nextmonth,
 761  #viewl #nextmonth {
 762    float: right;
 763  }
 764  #month .minical caption,
 765  #viewl .minical caption {
 766    margin-left: 4ex;
 767  }
 768  <?php //keep font-size:12px; for IE6 rendering
 769        //display: block; keeps the caption vertically close to the day names
 770  ?>#year .minical {
 771    margin: 5px auto;
 772    display: block;
 773  }
 774  #year .minical caption {
 775    margin: 0px auto;
 776  }
 777  #viewl .minical,
 778  #month .minical {
 779    border-width: 0px;
 780  }
 781  #viewt td.reg {
 782    <?php echo background_css ( $GLOBALS['CELLBG'], 100 ); ?>
 783    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 784    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 785    width: 90%;
 786  }
 787  .title {
 788    width: 99%;
 789    text-align: center;
 790  }
 791  #day .title {
 792    margin-top: 3px;
 793    text-align: center;
 794  }
 795  #day .title .date,
 796  .title .date {
 797    font-size: 24px;
 798    font-weight: bold;
 799    text-align: center;
 800    color: <?php echo $GLOBALS['H2COLOR']; ?>;
 801  }
 802  .title .weeknumber {
 803    font-size: 20px;
 804    color: <?php echo $GLOBALS['H2COLOR']; ?>;
 805  }
 806  .title .viewname,
 807  #day .title .user,
 808  .title .user {
 809    font-size: 18px;
 810    font-weight: bold;
 811    color: <?php echo $GLOBALS['H2COLOR']; ?>;
 812    text-align: center;
 813  }
 814  #weekdetails .main {
 815    border-right: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 816    border-bottom: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 817    width: 90%;
 818  }
 819  #weekdetails .main th {
 820    font-size: 13px;
 821    color: <?php echo $GLOBALS['THFG']; ?>;
 822    <?php echo background_css ( $GLOBALS['THBG'], 100 ); ?>
 823    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 824    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 825    width: 100%;
 826    padding: 2px;
 827  }
 828  #weekdetails .main td {
 829    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 830    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 831    <?php echo background_css ( $GLOBALS['CELLBG'], 100 ); ?>
 832    vertical-align: top;
 833    height: 75px;
 834  }
 835  <?php /* must appear after th & td declarations
 836    optionally, you can change this to read "#weekdetails td.today" to
 837    color today's cell instead of the header
 838    to color both the cell & the header with this style, simply remove
 839    the "th" below
 840  */?>#weekdetails .main th.today {
 841    <?php echo background_css ( $GLOBALS['TODAYCELLBG'], 100 ); ?>
 842  }
 843  <?php /* must appear after th & td declarations
 844    optionally, you can change this to read "#weekdetails th.weekend" to
 845    color the weekend headers instead of the cells
 846    to color both the cell & the header with this style, simply remove
 847    the "td" below
 848  */?>#weekdetails .main td.weekend {
 849    <?php echo background_css ( $GLOBALS['WEEKENDBG'], 100 ); ?>
 850  }
 851  #viewt table {
 852    border-collapse: collapse;
 853  }
 854  #viewt .timebar {
 855    padding: 0px;
 856    width: 100%;
 857    border-width: 0px;
 858  }
 859  #viewt .timebar td {
 860    padding: 0px;
 861    background-color: #FFFFFF;
 862    text-align: center;
 863    color: #CCCCCC;
 864    font-size: 10px;
 865  }
 866  #viewt .yardstick {
 867    width: 100%;
 868    padding: 0px;
 869    border-width: 0px;
 870  }
 871  #viewt .yardstick td {
 872    background-color: #FFFFFF;
 873    border: 1px solid #CCCCCC;
 874  }
 875  #viewt .entrycont {
 876    width: 100%;
 877    padding: 0px;
 878    border-width: 0px;
 879  }
 880  #viewt .entrycont td {
 881    text-align: right;
 882  }
 883  #viewt .entrybar {
 884    width: 100%;
 885    border-width: 0px;
 886  }
 887  #viewt .entrybar td.entry {
 888    text-align: center;
 889    background-color: #F5DEB3;
 890    border: 1px solid #000000;
 891  }
 892  #viewt .weekend {
 893    width: 90%;
 894    <?php echo background_css ( $GLOBALS['WEEKENDBG'], 100 ); ?>
 895    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 896    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 897    vertical-align: top;
 898  }
 899  #viewt td.today {
 900    width: 90%;
 901    <?php echo background_css ( $GLOBALS['TODAYCELLBG'], 100 ); ?>
 902    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 903    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 904    vertical-align: top;
 905  }
 906  #viewt th.today {
 907    color: <?php echo $GLOBALS['THFG']; ?>;
 908    <?php echo background_css ( $GLOBALS['TODAYCELLBG'], 100 ); ?>
 909    border-left: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 910    border-top: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 911    vertical-align: top;
 912  }
 913  #login {
 914    margin-top: 70px;
 915    margin-bottom: 50px;
 916    text-align: center;
 917  }
 918  #login table {
 919    border: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 920    <?php echo background_css ( $GLOBALS['CELLBG'], 200 ); ?>
 921    font-size: 12px;
 922  }
 923  .cookies {
 924    font-size: 13px;
 925  }
 926  .standard th {
 927    color: <?php echo $GLOBALS['THFG']; ?>;
 928    <?php echo background_css ( $GLOBALS['THBG'], 100 ); ?>
 929    font-size: 18px;
 930    padding: 0px;
 931    border-bottom: 1px solid <?php echo $GLOBALS['TABLEBG']; ?>;
 932  }
 933  abbr {
 934    cursor: help;
 935  }
 936  -->
 937  </style>