PHP Classes

File: calendar_styles.php

Recommend this page to a friend!
  Classes of Marc Antony Vose   SSCalendar   calendar_styles.php   Download  
File: calendar_styles.php
Role: Example script
Content type: text/plain
Description: style sheets for calendar
Class: SSCalendar
Dynamic Calendar Generator
Author: By
Last change:
Date: 22 years ago
Size: 5,073 bytes
 

Contents

Class file image Download
/* g e n e r a l s t y l e s */

a#sscalendar {
    background-color: inherit;
    color: #CC0000;
    text-decoration: none;
}

a#sscalendar:hover {
    background-color: inherit;
    color: #FF0000;
}

table#sscalendar {
    border-spacing: 0px 0;
    border-style: none;
    color: #000000;
    padding: 0px;
    bottom: 0px;
}

td#sscalendar {
    background-color: inherit;
}

/* s m a l l m o n t h s t y l e s */

table#sscalendar.sscalsmdays {
    background-color: #BBBBBB;
    border-spacing: 0px;
    border-style: none;
    font-family: verdana,sans-serif;
    font-size: 10px;
    font-weight: normal;
    padding: 0px;
    table-layout: fixed;
    text-align: center;
    width: 200px;
}

table#sscalendar.sscalsmdays td#sscalendar {
    padding: 2px;
}

table#sscalendar.sscalsmdays a#sscalendar {
    background-color: inherit;
    color: #CC0000;
    display: block;
    font-weight: bold;
    padding: 2px 0;
    text-decoration: none;
}

table#sscalendar.sscalsmdays a#sscalendar:hover {
    color: #FF3333;
    background-color: #FFFFFF;
}

table#sscalendar.sscalsmdays td#sscalendar.sscalsmdayabbrev {
    background-color: #999999;
    font-family: verdana,sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 28px;
}

td#sscalendar.sscalsmtoday {
    background-color: #DDDDDD;
    border-color: #000000;
    border-style: dotted;
    border-width: 1px 1px 1px 1px;
    font-family: verdana,sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin: 2px;
    text-align: center;
}

table#sscalendar.sscalsmdays td#sscalendar.sscalsmmonthprev {
    color: #CC3333;
    font-weight: bold;
    margin: 10px;
    text-align: left;
    width: 20px;
}

table#sscalendar.sscalsmmonthlabel {
    background-color: #333333;
    color: #CCCCCC;
    font-family: verdana,sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 2px;
    width: 200px;
}


table#sscalendar.sscalsmmonthlabel td#sscalendar.sscalsmmonthnext {
    color: #CC3333;
    font-weight: bold;
    margin: 10px;
    text-align: right;
    width: 20px;
}

table#sscalendar.sscalsmmonthlabel td#sscalendar.sscalsmmonthname {
    color: #CCCCCC;
    font-weight: bold;
    margin: 10px;
    text-align: center;
    width: 160px;
}

a#sscalendar.sscalsmmonthnav {
    background-color: inherit;
    color: #CC3333;
    text-decoration: none;
}

a#sscalendar.sscalsmmonthnav:hover {
    color: #FFFFFF;
}


/* l a r g e d a y s s t y l e s */



table#sscalendar.sscallgdays {
    background-color: #CCCCCC;
    border-spacing: 1px;
    border-style: none;
    font-family: verdana,sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 0px;
    table-layout: fixed;
    text-align: left;
    vertical-align: top;
    width: 600px;
}

table#sscalendar.sscallgdays td#sscalendar {
    background-color: #BBBBBB;
    height: 60px;
    padding: 2px;
    vertical-align: top;
}

table#sscalendar.sscallgdays a#sscalendar {
    background-color: inherit;
    color: #CC0000;
    font-weight: bold;
    padding: 2px 0;
    text-decoration: none;
}

table#sscalendar.sscallgdays a#sscalendar:hover {
    color: #FF3333;
    text-decoration: underline;
}

table#sscalendar.sscallgdays td#sscalendar.sscallgdayabbrev {
    background-color: #999999;
    color: #000000;
    font-family: verdana,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    text-align: center;
    width: 28px;
}

table#sscalendar.sscallgdays td#sscalendar.sscallgtoday {
    background-color: #DDDDDD;
    border-color: #000000;
    border-style: dotted;
    border-width: 1px 1px 1px 1px;
    font-family: verdana,sans-serif;
    font-weight: bold;
    margin: 2px;
}

table#sscalendar.sscallgdays td#sscalendar.sscallgmonthprev {
    color: #CC3333;
    font-weight: bold;
    margin: 10px;
    text-align: left;
    width: 20px;
}

table#sscalendar.sscallgmonthlabel {
    background-color: #333333;
    color: #CCCCCC;
    font-family: verdana,sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 4px;
    width: 600px;
}


table#sscalendar.sscallgmonthlabel td#sscalendar.sscallgmonthnext {
    color: #CC3333;
    font-weight: bold;
    margin: 10px;
    text-align: right;
    width: 20px;
}

table#sscalendar.sscallgmonthlabel td#sscalendar.sscallgmonthname {
    color: #CCCCCC;
    font-size: 14px;
    font-weight: bold;
    margin: 10px;
    text-align: center;
    width: 560px;
}

a#sscalendar.sscallgmonthnav {
    background-color: inherit;
    color: #CC3333;
    font-weight: bold;
    text-decoration: none;
}

a#sscalendar.sscallgmonthnav:hover {
    color: #FFFFFF;
}

table#sscalendar.sscallgeventsday {
    background-color: #666666;
    border-spacing: 1px;
    color: #000000;
    font-family: arial,sans-serif;
    font-size: 9px;
    font-weight: normal;
    width: 98%;
}

table#sscalendar.sscallgeventsday td#sscalendar {
    background-color: #DDDDDD;
    color: #000000;
    height: auto;
    padding: 2px;
}

table#sscalendar.sscallgeventsday td#sscalendar a#sscalendar {
    color: #CC0000;
    display: block;
}

table#sscalendar.sscallgeventsday td#sscalendar a#sscalendar:hover {
    background-color: #FFFFFF;
    color: #FF0000;
    text-decoration: none;
}