Modified: tapestry/tapestry5/trunk/tapestry-core/src/main/resources/org/apache/tapestry/jscalendar-1.0/calendar-win2k-cold-2.css URL: http://svn.apache.org/viewvc/tapestry/tapestry5/trunk/tapestry-core/src/main/resources/org/apache/tapestry/jscalendar-1.0/calendar-win2k-cold-2.css?rev=594319&r1=594318&r2=594319&view=diff ============================================================================== --- tapestry/tapestry5/trunk/tapestry-core/src/main/resources/org/apache/tapestry/jscalendar-1.0/calendar-win2k-cold-2.css (original) +++ tapestry/tapestry5/trunk/tapestry-core/src/main/resources/org/apache/tapestry/jscalendar-1.0/calendar-win2k-cold-2.css Mon Nov 12 14:22:31 2007 @@ -1,271 +1,295 @@ /* The main calendar widget. DIV containing a table. */ .calendar { - position: relative; - display: none; - border-top: 2px solid #fff; - border-right: 2px solid #000; - border-bottom: 2px solid #000; - border-left: 2px solid #fff; - font-size: 11px; - color: #000; - cursor: default; - background: #c8d4d0; - font-family: tahoma,verdana,sans-serif; + position: relative; + display: none; + border-top: 2px solid #fff; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid #fff; + font-size: 11px; + color: #000; + cursor: default; + background: #c8d4d0; + font-family: tahoma, verdana, sans-serif; } .calendar table { - border-top: 1px solid #000; - border-right: 1px solid #fff; - border-bottom: 1px solid #fff; - border-left: 1px solid #000; - font-size: 11px; - color: #000; - cursor: default; - background: #c8d4d0; - font-family: tahoma,verdana,sans-serif; + border-top: 1px solid #000; + border-right: 1px solid #fff; + border-bottom: 1px solid #fff; + border-left: 1px solid #000; + font-size: 11px; + color: #000; + cursor: default; + background: #c8d4d0; + font-family: tahoma, verdana, sans-serif; } /* Header part -- contains navigation buttons and day names. */ -.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ - text-align: center; - padding: 1px; - border-top: 1px solid #fff; - border-right: 1px solid #000; - border-bottom: 1px solid #000; - border-left: 1px solid #fff; +.calendar .button { +/* "<<", "<", ">", ">>" buttons have this class */ + text-align: center; + padding: 1px; + border-top: 1px solid #fff; + border-right: 1px solid #000; + border-bottom: 1px solid #000; + border-left: 1px solid #fff; } .calendar .nav { - background: transparent url(menuarrow.gif) no-repeat 100% 100%; + background: transparent url( menuarrow.gif ) no-repeat 100% 100%; } -.calendar thead .title { /* This holds the current "month, year" */ - font-weight: bold; - padding: 1px; - border: 1px solid #000; - background: #788480; - color: #fff; - text-align: center; +.calendar thead .title { +/* This holds the current "month, year" */ + font-weight: bold; + padding: 1px; + border: 1px solid #000; + background: #788480; + color: #fff; + text-align: center; } -.calendar thead .headrow { /* Row <TR> containing navigation buttons */ +.calendar thead .headrow { +/* Row <TR> containing navigation buttons */ } -.calendar thead .daynames { /* Row <TR> containing the day names */ +.calendar thead .daynames { +/* Row <TR> containing the day names */ } -.calendar thead .name { /* Cells <TD> containing the day names */ - border-bottom: 1px solid #000; - padding: 2px; - text-align: center; - background: #e8f4f0; +.calendar thead .name { +/* Cells <TD> containing the day names */ + border-bottom: 1px solid #000; + padding: 2px; + text-align: center; + background: #e8f4f0; } -.calendar thead .weekend { /* How a weekend day name shows in header */ - color: #f00; +.calendar thead .weekend { +/* How a weekend day name shows in header */ + color: #f00; } -.calendar thead .hilite { /* How do the buttons in header appear when hover */ - border-top: 2px solid #fff; - border-right: 2px solid #000; - border-bottom: 2px solid #000; - border-left: 2px solid #fff; - padding: 0px; - background-color: #d8e4e0; +.calendar thead .hilite { +/* How do the buttons in header appear when hover */ + border-top: 2px solid #fff; + border-right: 2px solid #000; + border-bottom: 2px solid #000; + border-left: 2px solid #fff; + padding: 0px; + background-color: #d8e4e0; } -.calendar thead .active { /* Active (pressed) buttons in header */ - padding: 2px 0px 0px 2px; - border-top: 1px solid #000; - border-right: 1px solid #fff; - border-bottom: 1px solid #fff; - border-left: 1px solid #000; - background-color: #b8c4c0; +.calendar thead .active { +/* Active (pressed) buttons in header */ + padding: 2px 0px 0px 2px; + border-top: 1px solid #000; + border-right: 1px solid #fff; + border-bottom: 1px solid #fff; + border-left: 1px solid #000; + background-color: #b8c4c0; } /* The body part -- contains all the days in month. */ -.calendar tbody .day { /* Cells <TD> containing month days dates */ - width: 2em; - text-align: right; - padding: 2px 4px 2px 2px; +.calendar tbody .day { +/* Cells <TD> containing month days dates */ + width: 2em; + text-align: right; + padding: 2px 4px 2px 2px; } + .calendar tbody .day.othermonth { - font-size: 80%; - color: #aaa; + font-size: 80%; + color: #aaa; } + .calendar tbody .day.othermonth.oweekend { - color: #faa; + color: #faa; } .calendar table .wn { - padding: 2px 3px 2px 2px; - border-right: 1px solid #000; - background: #e8f4f0; + padding: 2px 3px 2px 2px; + border-right: 1px solid #000; + background: #e8f4f0; } .calendar tbody .rowhilite td { - background: #d8e4e0; + background: #d8e4e0; } .calendar tbody .rowhilite td.wn { - background: #c8d4d0; + background: #c8d4d0; } -.calendar tbody td.hilite { /* Hovered cells <TD> */ - padding: 1px 3px 1px 1px; - border-top: 1px solid #fff; - border-right: 1px solid #000; - border-bottom: 1px solid #000; - border-left: 1px solid #fff; +.calendar tbody td.hilite { +/* Hovered cells <TD> */ + padding: 1px 3px 1px 1px; + border-top: 1px solid #fff; + border-right: 1px solid #000; + border-bottom: 1px solid #000; + border-left: 1px solid #fff; } -.calendar tbody td.active { /* Active (pressed) cells <TD> */ - padding: 2px 2px 0px 2px; - border-top: 1px solid #000; - border-right: 1px solid #fff; - border-bottom: 1px solid #fff; - border-left: 1px solid #000; +.calendar tbody td.active { +/* Active (pressed) cells <TD> */ + padding: 2px 2px 0px 2px; + border-top: 1px solid #000; + border-right: 1px solid #fff; + border-bottom: 1px solid #fff; + border-left: 1px solid #000; } -.calendar tbody td.selected { /* Cell showing selected date */ - font-weight: bold; - border-top: 1px solid #000; - border-right: 1px solid #fff; - border-bottom: 1px solid #fff; - border-left: 1px solid #000; - padding: 2px 2px 0px 2px; - background: #d8e4e0; +.calendar tbody td.selected { +/* Cell showing selected date */ + font-weight: bold; + border-top: 1px solid #000; + border-right: 1px solid #fff; + border-bottom: 1px solid #fff; + border-left: 1px solid #000; + padding: 2px 2px 0px 2px; + background: #d8e4e0; } -.calendar tbody td.weekend { /* Cells showing weekend days */ - color: #f00; +.calendar tbody td.weekend { +/* Cells showing weekend days */ + color: #f00; } -.calendar tbody td.today { /* Cell showing today date */ - font-weight: bold; - color: #00f; +.calendar tbody td.today { +/* Cell showing today date */ + font-weight: bold; + color: #00f; } -.calendar tbody .disabled { color: #999; } +.calendar tbody .disabled { + color: #999; +} -.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ - visibility: hidden; +.calendar tbody .emptycell { +/* Empty cells (the best is to hide them) */ + visibility: hidden; } -.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ - display: none; +.calendar tbody .emptyrow { +/* Empty row (some months need less than 6 rows) */ + display: none; } /* The footer part -- status bar and "Close" button */ -.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ +.calendar tfoot .footrow { +/* The <TR> in footer (only one right now) */ } -.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ - background: #e8f4f0; - padding: 1px; - border: 1px solid #000; - background: #788480; - color: #fff; - text-align: center; -} - -.calendar tfoot .hilite { /* Hover style for buttons in footer */ - border-top: 1px solid #fff; - border-right: 1px solid #000; - border-bottom: 1px solid #000; - border-left: 1px solid #fff; - padding: 1px; - background: #d8e4e0; -} - -.calendar tfoot .active { /* Active (pressed) style for buttons in footer */ - padding: 2px 0px 0px 2px; - border-top: 1px solid #000; - border-right: 1px solid #fff; - border-bottom: 1px solid #fff; - border-left: 1px solid #000; +.calendar tfoot .ttip { +/* Tooltip (status bar) cell <TD> */ + background: #e8f4f0; + padding: 1px; + border: 1px solid #000; + background: #788480; + color: #fff; + text-align: center; +} + +.calendar tfoot .hilite { +/* Hover style for buttons in footer */ + border-top: 1px solid #fff; + border-right: 1px solid #000; + border-bottom: 1px solid #000; + border-left: 1px solid #fff; + padding: 1px; + background: #d8e4e0; +} + +.calendar tfoot .active { +/* Active (pressed) style for buttons in footer */ + padding: 2px 0px 0px 2px; + border-top: 1px solid #000; + border-right: 1px solid #fff; + border-bottom: 1px solid #fff; + border-left: 1px solid #000; } /* Combo boxes (menus that display months/years for direct selection) */ .calendar .combo { - position: absolute; - display: none; - width: 4em; - top: 0px; - left: 0px; - cursor: default; - border-top: 1px solid #fff; - border-right: 1px solid #000; - border-bottom: 1px solid #000; - border-left: 1px solid #fff; - background: #d8e4e0; - font-size: 90%; - padding: 1px; - z-index: 100; + position: absolute; + display: none; + width: 4em; + top: 0px; + left: 0px; + cursor: default; + border-top: 1px solid #fff; + border-right: 1px solid #000; + border-bottom: 1px solid #000; + border-left: 1px solid #fff; + background: #d8e4e0; + font-size: 90%; + padding: 1px; + z-index: 100; } .calendar .combo .label, -.calendar .combo .label-IEfix { - text-align: center; - padding: 1px; + .calendar .combo .label-IEfix { + text-align: center; + padding: 1px; } .calendar .combo .label-IEfix { - width: 4em; + width: 4em; } .calendar .combo .active { - background: #c8d4d0; - padding: 0px; - border-top: 1px solid #000; - border-right: 1px solid #fff; - border-bottom: 1px solid #fff; - border-left: 1px solid #000; + background: #c8d4d0; + padding: 0px; + border-top: 1px solid #000; + border-right: 1px solid #fff; + border-bottom: 1px solid #fff; + border-left: 1px solid #000; } .calendar .combo .hilite { - background: #048; - color: #aef; + background: #048; + color: #aef; } .calendar td.time { - border-top: 1px solid #000; - padding: 1px 0px; - text-align: center; - background-color: #e8f0f4; + border-top: 1px solid #000; + padding: 1px 0px; + text-align: center; + background-color: #e8f0f4; } .calendar td.time .hour, -.calendar td.time .minute, -.calendar td.time .ampm { - padding: 0px 3px 0px 4px; - border: 1px solid #889; - font-weight: bold; - background-color: #fff; + .calendar td.time .minute, + .calendar td.time .ampm { + padding: 0px 3px 0px 4px; + border: 1px solid #889; + font-weight: bold; + background-color: #fff; } .calendar td.time .ampm { - text-align: center; + text-align: center; } .calendar td.time .colon { - padding: 0px 2px 0px 3px; - font-weight: bold; + padding: 0px 2px 0px 3px; + font-weight: bold; } .calendar td.time span.hilite { - border-color: #000; - background-color: #667; - color: #fff; + border-color: #000; + background-color: #667; + color: #fff; } .calendar td.time span.active { - border-color: #f00; - background-color: #000; - color: #0f0; + border-color: #f00; + background-color: #000; + color: #0f0; }
