Author: akushunin
Date: 2007-08-30 07:54:14 -0400 (Thu, 30 Aug 2007)
New Revision: 2604
Modified:
trunk/ui/calendar/design/calendar/calendar_div.html
Log:
added new colors to calendar
Modified: trunk/ui/calendar/design/calendar/calendar_div.html
===================================================================
--- trunk/ui/calendar/design/calendar/calendar_div.html 2007-08-30 11:45:30 UTC (rev
2603)
+++ trunk/ui/calendar/design/calendar/calendar_div.html 2007-08-30 11:54:14 UTC (rev
2604)
@@ -4,30 +4,30 @@
<head>
<title>calendar</title>
<style>
-.rich-calendar-exterior{
- border : 1px solid #c0c0c0; /*panelBorderColor*/
+.calendar_exterior{
+ border : 1px solid #C0C0C0; /*panelBorderColor*/
}
-.rich-calendar-btn{
+.calendar_btn{
cursor : pointer;
}
-.rich-calendar-header{
- border-bottom : 1px solid #c0c0c0; /*panelBorderColor*/
- background : #C7D7EC; /*additionalBackgroundColor*/
+.calendar_header{
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ background : #E9F0F0; /*additionalBackgroundColor*/
font-size : 11px; /*generalSizeFont*/
font-family : verdana; /*generalFamilyFont*/
padding : 7px;
height : 22px;
}
-.rich-cell-size{
+.cell_size{
width : 25px;
height : 22px;
}
-.rich-calendar-cell{
- background-color : #FFFFFF; /*generalBackgroundColor*/
- border-bottom : 1px solid #c0c0c0; /*panelBorderColor*/
- border-right : 1px solid #c0c0c0; /*panelBorderColor*/
+.calendar_cell{
+ background-color : #FFFFFF; /*NEW ATTRIBUTE - tableBackgroundColor*/
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-right : 1px solid #C0C0C0; /*panelBorderColor*/
font-size : 11px; /*generalSizeFont*/
font-family : verdana; /*generalFamilyFont*/
padding : 0px;
@@ -35,12 +35,12 @@
text-align : center;
}
-.rich-calendar-tool{
- border-bottom : 1px solid #c0c0c0; /*panelBorderColor*/
- background-color : #224986; /*headerBackgroundColor*/
+.calendar_tool{
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ background-color : #E8BDBD; /*headerBackgroundColor*/
font-size : 11px; /*headerSizeFont*/
font-family : verdana; /*headerFamilyFont*/
- color : #ffffff; /*headerTextColor*/
+ color : #980808; /*headerTextColor*/
font-weight : bold;
vertical-align : middle;
text-align : center;
@@ -48,21 +48,21 @@
height : 22px;
}
-.rich-calendar-month{
- border-bottom : 1px solid #c0c0c0; /*panelBorderColor*/
- background-color : #224986; /*headerBackgroundColor*/
+.calendar_month{
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ background-color : #E8BDBD; /*headerBackgroundColor*/
font-size : 11px; /*headerSizeFont*/
font-family : verdana; /*headerFamilyFont*/
- color : #ffffff; /*headerTextColor*/
+ color : #980808; /*headerTextColor*/
font-weight : bold;
vertical-align : middle;
text-align : center;
}
-.rich-calendar-days{
- border-bottom : 1px solid #c0c0c0; /*panelBorderColor*/
- border-right : 0px solid #c0c0c0; /*panelBorderColor*/
- background : #C7D7EC; /*additionalBackgroundColor*/
+.calendar_days{
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-right : 0px solid #C0C0C0; /*panelBorderColor*/
+ background : #E9F0F0; /*additionalBackgroundColor*/
font-size : 11px; /*generalSizeFont*/
font-family : verdana; /*generalFamilyFont*/
vertical-align : middle;
@@ -70,61 +70,62 @@
height : 22px;
}
-.rich-calendar-week{
- border-bottom : 1px solid #c0c0c0; /*panelBorderColor*/
- border-right : 1px solid #c0c0c0; /*panelBorderColor*/
+.calendar_week{
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-right : 1px solid #C0C0C0; /*panelBorderColor*/
font-size : 11px; /*generalSizeFont*/
font-family : verdana; /*generalFamilyFont*/
- background-color : #f5f5f5; /*unknown parameter - need to add*/
+ background-color : #f5f5f5; /*NEW ATTRIBUTE - calendarwWeekBackgroundColor*/
vertical-align : middle;
text-align : center;
width : 25px;
}
-.rich-calendar-holly{
- background-color : #ffebda; /*unknown parameter - need to add*/
- color : #ff7800; /*unknown parameter - need to add*/
+.calendar_holly{
+ background-color : #FFEBEB; /*NEW ATTRIBUTE - calendarHolidaysBackgroundColor*/
+ color : #980808; /*NEW ATTRIBUTE - calendarHolidaysTextColor*/
}
-.rich-calendar-today{
- background-color : #ff7800; /*unknown parameter - need to add*/
- color : #ffebda; /*unknown parameter - need to add*/
+.calendar_current{
+ background-color : #980808; /*NEW ATTRIBUTE - calendarCurrentBackgroundColor*/
+ color : #ffffff; /*NEW ATTRIBUTE - calendarCurrentTextColor*/
font-weight : bold;
}
-.rich-calendar-spec{
- background-color : #e4f5e2; /*unknown parameter - need to add*/
+.calendar_spec{
+ background-color : #f1f1f1; /*NEW ATTRIBUTE - calendarSpecBackgroundColor*/
+ color : #000000; /*NEW ATTRIBUTE - calendarSpecTextColor*/
}
-.rich-calendar-select{
- background-color : #224986; /*headerBackgroundColor*/
- color : #FFFFFF; /*headerTextColor*/
+.calendar_select{
+ background-color : #E8BDBD; /*headerBackgroundColor*/
+ color : #980808; /*headerTextColor*/
font-weight : bold;
}
-.rich-right-cell{
+.right_cell{
border-right : 0px;
}
-.rich-bottom-cell{
+.bottom_cell{
border-bottom : 0px;
}
-.rich-calendar-toolfooter{
- border-top : 1px solid #c0c0c0; /*panelBorderColor*/
- border-right : 0px solid #c0c0c0; /*panelBorderColor*/
- background : #C7D7EC; /*additionalBackgroundColor*/
+.calendar_toolfooter{
+ border-top : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-right : 0px solid #C0C0C0; /*panelBorderColor*/
+ background : #E9F0F0; /*additionalBackgroundColor*/
font-size : 11px; /*generalSizeFont*/
font-family : verdana; /*generalFamilyFont*/
padding : 0px 7px 0px 7px;
height : 22px;
}
-.rich-calendar-footer{
- border-top : 1px solid #c0c0c0; /*panelBorderColor*/
- border-right : 0px solid #c0c0c0; /*panelBorderColor*/
- background : #C7D7EC; /*additionalBackgroundColor*/
+.calendar_footer{
+ border-top : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-right : 0px solid #C0C0C0; /*panelBorderColor*/
+ background : #E9F0F0; /*additionalBackgroundColor*/
font-size : 11px; /*generalSizeFont*/
font-family : verdana; /*generalFamilyFont*/
padding : 7px;
@@ -141,9 +142,9 @@
<div>
-<table border="0" cellpadding="0" cellspacing="0"
class="rich-calendar-exterior">
+<table border="0" cellpadding="0" cellspacing="0"
class="calendar_exterior">
<tr>
- <td class="rich-calendar-header" colspan="8">
+ <td class="calendar_header" colspan="8">
Optional Header
</td>
</tr>
@@ -152,19 +153,19 @@
<td colspan="8">
<table border="0" cellpadding="0" cellspacing="0"
width="100%">
<tr>
- <td class="rich-calendar-tool rich-calendar-btn">
+ <td class="calendar_tool calendar_btn">
««
</td>
- <td class="rich-calendar-tool rich-calendar-btn">
+ <td class="calendar_tool calendar_btn">
«
</td>
- <td class="rich-calendar-month rich-calendar-btn">
+ <td class="calendar_month calendar_btn">
June, 2007
</td>
- <td class="rich-calendar-tool rich-calendar-btn">
+ <td class="calendar_tool calendar_btn">
»
</td>
- <td class="rich-calendar-tool rich-calendar-btn">
+ <td class="calendar_tool calendar_btn">
»»
</td>
</tr>
@@ -172,163 +173,163 @@
</td>
</tr>
<tr>
- <td class="rich-calendar-days">
+ <td class="calendar_days">
<br>
</td>
- <td class="rich-calendar-days">
+ <td class="calendar_days">
Sun
</td>
- <td class="rich-calendar-days">
+ <td class="calendar_days">
Mon
</td>
- <td class="rich-calendar-days">
+ <td class="calendar_days">
Tue
</td>
- <td class="rich-calendar-days">
+ <td class="calendar_days">
Wed
</td>
- <td class="rich-calendar-days">
+ <td class="calendar_days">
Thu
</td>
- <td class="rich-calendar-days">
+ <td class="calendar_days">
Fri
</td>
- <td class="rich-calendar-days rich-right-cell">
+ <td class="calendar_days right_cell">
Sat
</td>
</tr>
<tr>
- <td class="rich-calendar-week">
+ <td class="calendar_week">
1
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-holly">
+ <td class="cell_size calendar_cell calendar_holly">
<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-cell">
+ <td class="cell_size calendar_cell calendar_cell">
<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
1<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
2<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
3<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
4<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-holly
rich-right-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_holly right_cell
calendar_btn">
5<br>
</td>
</tr>
<tr>
- <td class="rich-calendar-week">
+ <td class="calendar_week">
2
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-holly
rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_holly calendar_btn">
6<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
7<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-today
rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_current calendar_btn">
8<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
9<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-spec
rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_spec calendar_btn">
10<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-spec
rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_spec calendar_btn">
11<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-holly
rich-right-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_holly right_cell
calendar_btn">
12<br>
</td>
</tr>
<tr>
- <td class="rich-calendar-week">
+ <td class="calendar_week">
3
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-holly
rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_holly calendar_btn">
13<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
14<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
15<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-spec
rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_spec calendar_btn">
16<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
17<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
18<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-holly
rich-right-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_holly right_cell
calendar_btn">
19<br>
</td>
</tr>
<tr>
- <td class="rich-calendar-week">
+ <td class="calendar_week">
4
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-holly
rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_holly calendar_btn">
20<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
21<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
22<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
23<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-select
rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_select calendar_btn">
24<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_btn">
25<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-holly
rich-right-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_holly right_cell
calendar_btn">
26<br>
</td>
</tr>
<tr>
- <td class="rich-calendar-week rich-bottom-cell rich-calendar-btn">
+ <td class="calendar_week bottom_cell calendar_btn">
5
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-holly
rich-bottom-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_holly bottom_cell
calendar_btn">
27<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-bottom-cell
rich-calendar-btn">
+ <td class="cell_size calendar_cell bottom_cell calendar_btn">
28<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-spec
rich-bottom-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_spec bottom_cell
calendar_btn">
29<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-spec
rich-bottom-cell rich-calendar-btn">
+ <td class="cell_size calendar_cell calendar_spec bottom_cell
calendar_btn">
30<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-bottom-cell">
+ <td class="cell_size calendar_cell bottom_cell">
<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-bottom-cell">
+ <td class="cell_size calendar_cell bottom_cell">
<br>
</td>
- <td class="rich-cell-size rich-calendar-cell rich-calendar-holly
rich-right-cell rich-bottom-cell">
+ <td class="cell_size calendar_cell calendar_holly right_cell
bottom_cell">
<br>
</td>
</tr>
@@ -336,13 +337,13 @@
<td colspan="8">
<table border="0" cellpadding="0" cellspacing="0"
width="100%">
<tr>
- <td class="rich-calendar-toolfooter rich-calendar-btn">
+ <td class="calendar_toolfooter calendar_btn">
07/08/2007
</td>
- <td class="rich-calendar-toolfooter" width="100%">
+ <td class="calendar_toolfooter" width="100%">
<br>
</td>
- <td class="rich-calendar-toolfooter rich-calendar-btn"
align="right">
+ <td class="calendar_toolfooter calendar_btn"
align="right">
Today
</td>
</tr>
@@ -351,7 +352,7 @@
</tr>
<tr>
- <td class="rich-calendar-footer" colspan="8">
+ <td class="calendar_footer" colspan="8">
Optional Footer
</td>
</tr>
Show replies by date