8:18 p.m.
Author: nbelaevski
Date: 2007-11-26 21:18:51 -0500 (Mon, 26 Nov 2007)
New Revision: 4276
Added:
trunk/ui/calendar/design/calendar/calendar_div_more.html
trunk/ui/calendar/design/calendar/icons/
trunk/ui/calendar/design/calendar/icons/close.gif
trunk/ui/calendar/design/calendar/icons/separator.gif
trunk/ui/calendar/design/calendar/icons/spacer.gif
Log:
Updated calendar design committed
Added: trunk/ui/calendar/design/calendar/calendar_div_more.html
===================================================================
--- trunk/ui/calendar/design/calendar/calendar_div_more.html (rev
0)
+++ trunk/ui/calendar/design/calendar/calendar_div_more.html 2007-11-27 02:18:51 UTC (rev
4276)
@@ -0,0 +1,403 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<html>
+<head>
+<title>calendar</title>
+<style>
+.calendar_exterior{
+ border : 1px solid #C0C0C0; /*panelBorderColor*/
+}
+.calendar_btn{
+ cursor : pointer;
+}
+.calendar_header{
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ background : #C7D7EC; /*additionalBackgroundColor*/
+ font-size : 11px; /*generalSizeFont*/
+ font-family : verdana; /*generalFamilyFont*/
+ padding : 7px;
+ height : 22px;
+}
+
+.cell_size{
+ width : 25px;
+ height : 22px;
+}
+
+.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;
+ vertical-align : middle;
+ text-align : center;
+}
+
+.calendar_tool{
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ background-color : #224986; /*headerBackgroundColor*/
+ font-size : 11px; /*headerSizeFont*/
+ font-family : verdana; /*headerFamilyFont*/
+ color : #FFFFFF; /*headerTextColor*/
+ font-weight : bold;
+ vertical-align : middle;
+ text-align : center;
+ width : 25px;
+ height : 22px;
+}
+
+.calendar_month{
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ background-color : #224986; /*headerBackgroundColor*/
+ font-size : 11px; /*headerSizeFont*/
+ font-family : verdana; /*headerFamilyFont*/
+ color : #FFFFFF; /*headerTextColor*/
+ font-weight : bold;
+ vertical-align : middle;
+ text-align : center;
+}
+
+.calendar_days{
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-right : 0px solid #C0C0C0; /*panelBorderColor*/
+ background : #C7D7EC; /*additionalBackgroundColor*/
+ font-size : 11px; /*generalSizeFont*/
+ font-family : verdana; /*generalFamilyFont*/
+ vertical-align : middle;
+ text-align : center;
+ height : 22px;
+}
+
+.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; /*NEW ATTRIBUTE - calendarwWeekBackgroundColor*/
+ vertical-align : middle;
+ text-align : center;
+ width : 25px;
+}
+
+.calendar_holly{
+ background-color : #ffebda; /*NEW ATTRIBUTE - calendarHolidaysBackgroundColor*/
+ color : #ff7800; /*NEW ATTRIBUTE - calendarHolidaysTextColor*/
+}
+
+.calendar_current{
+ background-color : #ff7800; /*NEW ATTRIBUTE - calendarCurrentBackgroundColor*/
+ color : #ffebda; /*NEW ATTRIBUTE - calendarCurrentTextColor*/
+ font-weight : bold;
+}
+
+.calendar_spec{
+ background-color : #e4f5e2; /*NEW ATTRIBUTE - calendarSpecBackgroundColor*/
+ color : #000000; /*NEW ATTRIBUTE - calendarSpecTextColor*/
+}
+
+.calendar_select{
+ background-color : #224986; /*headerBackgroundColor*/
+ color : #FFFFFF; /*headerTextColor*/
+ font-weight : bold;
+}
+
+
+.right_cell{
+ border-right : 0px;
+}
+
+.bottom_cell{
+ border-bottom : 0px;
+}
+
+.calendar_toolfooter{
+ background : #C7D7EC; /*additionalBackgroundColor*/
+ font-size : 11px; /*generalSizeFont*/
+ font-family : verdana; /*generalFamilyFont*/
+ padding : 1px;
+}
+
+.calendar_footer{
+ border-top : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-right : 0px solid #C0C0C0; /*panelBorderColor*/
+ background : #C7D7EC; /*additionalBackgroundColor*/
+ font-size : 11px; /*generalSizeFont*/
+ font-family : verdana; /*generalFamilyFont*/
+ padding : 0px;
+}
+
+.footer_btn{border : 0px solid #C7D7EC; padding : 1px 3px 1px 3px;white-space :
nowrap;text-align : center;}
+.footer_btn_over{background-color : #f5f5f5;border-top : 1px solid #FFFFFF; border-left :
1px solid #FFFFFF; border-right : 1px solid #C0C0C0; border-bottom : 1px solid #C0C0C0;
padding : 0px 2px 0px 2px;white-space : nowrap;text-align : center;}
+.footer_btn_press{background-color : #f5f5f5; border-bottom : 1px solid #FFFFFF;
border-right : 1px solid #FFFFFF; border-left : 1px solid #C0C0C0; border-top : 1px solid
#C0C0C0; padding : 0px 2px 0px 2px;white-space : nowrap;text-align : center;}
+
+.header_btn{border : 0px solid #C7D7EC; padding : 3px; white-space : nowrap;}
+.header_btn_over{background-color : #f5f5f5; border-top : 1px solid #FFFFFF; border-left
: 1px solid #FFFFFF; border-right : 1px solid #C0C0C0; border-bottom : 1px solid #C0C0C0;
padding : 2px;white-space : nowrap;}
+.header_btn_press{background-color : #f5f5f5; border-bottom : 1px solid #FFFFFF;
border-right : 1px solid #FFFFFF; border-left : 1px solid #C0C0C0; border-top : 1px solid
#C0C0C0; padding : 2px;white-space : nowrap;}
+
+.calendar_closetab{
+border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+background : url(icons/separator.gif) center left no-repeat #224986;
+padding : 0px 2px 0px 4px;
+text-align : center;
+}
+</style>
+
+</head>
+
+<body bgcolor="#ffffff">
+
+
+<div>
+<table border="0" cellpadding="0" cellspacing="0"
class="calendar_exterior">
+
+ <tr>
+ <td colspan="7">
+ <table border="0" cellpadding="0" cellspacing="0"
width="100%">
+ <tr>
+ <td class="calendar_tool calendar_btn">
+ ««
+ </td>
+ <td class="calendar_tool calendar_btn">
+ «
+ </td>
+ <td class="calendar_month calendar_btn">
+ November, 2007
+ </td>
+ <td class="calendar_tool calendar_btn">
+ »
+ </td>
+ <td class="calendar_tool calendar_btn">
+ »»
+ </td>
+ </tr>
+ </table>
+ </td>
+ <td class="calendar_closetab calendar_btn">
+ <div class="header_btn"
onmouseover="this.className='header_btn_over'"
onmouseout="this.className='header_btn'"
onmousedown="this.className='header_btn_press'">
+ <img src="icons/close.gif" width="11" height="11"
alt="Close" border="0"><br>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td class="calendar_days">
+ <br>
+ </td>
+ <td class="calendar_days">
+ Sun
+ </td>
+ <td class="calendar_days">
+ Mon
+ </td>
+ <td class="calendar_days">
+ Tue
+ </td>
+ <td class="calendar_days">
+ Wed
+ </td>
+ <td class="calendar_days">
+ Thu
+ </td>
+ <td class="calendar_days">
+ Fri
+ </td>
+ <td class="calendar_days right_cell">
+ Sat
+ </td>
+ </tr>
+
+ <tr>
+ <td class="calendar_week">
+ 1
+ </td>
+ <td class="cell_size calendar_cell calendar_holly">
+ <br>
+ </td>
+ <td class="cell_size calendar_cell calendar_cell">
+ <br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 1<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 2<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 3<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 4<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_holly right_cell
calendar_btn">
+ 5<br>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="calendar_week">
+ 2
+ </td>
+ <td class="cell_size calendar_cell calendar_holly calendar_btn">
+ 6<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 7<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_current calendar_btn">
+ 8<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 9<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_spec calendar_btn">
+ 10<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_spec calendar_btn">
+ 11<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_holly right_cell
calendar_btn">
+ 12<br>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="calendar_week">
+ 3
+ </td>
+ <td class="cell_size calendar_cell calendar_holly calendar_btn">
+ 13<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 14<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 15<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_spec calendar_btn">
+ 16<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 17<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 18<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_holly right_cell
calendar_btn">
+ 19<br>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="calendar_week">
+ 4
+ </td>
+ <td class="cell_size calendar_cell calendar_holly calendar_btn">
+ 20<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 21<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 22<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 23<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_select calendar_btn">
+ 24<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_btn">
+ 25<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_holly right_cell
calendar_btn">
+ 26<br>
+ </td>
+ </tr>
+
+ <tr>
+ <td class="calendar_week bottom_cell calendar_btn">
+ 5
+ </td>
+ <td class="cell_size calendar_cell calendar_holly bottom_cell
calendar_btn">
+ 27<br>
+ </td>
+ <td class="cell_size calendar_cell bottom_cell calendar_btn">
+ 28<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_spec bottom_cell
calendar_btn">
+ 29<br>
+ </td>
+ <td class="cell_size calendar_cell calendar_spec bottom_cell
calendar_btn">
+ 30<br>
+ </td>
+ <td class="cell_size calendar_cell bottom_cell">
+ <br>
+ </td>
+ <td class="cell_size calendar_cell bottom_cell">
+ <br>
+ </td>
+ <td class="cell_size calendar_cell calendar_holly right_cell
bottom_cell">
+ <br>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="8" class="calendar_footer">
+ <table border="0" cellpadding="0" cellspacing="0"
width="100%">
+ <tr>
+ <td class="calendar_toolfooter calendar_btn">
+ <div class="footer_btn"
onmouseover="this.className='footer_btn_over'"
onmouseout="this.className='footer_btn'"
onmousedown="this.className='footer_btn_press'">
+ Clean<br>
+ </div>
+ </td>
+ <td>
+ <img src="icons/separator.gif" width="1"
height="15" alt="" border="0"><br>
+ </td>
+ <td class="calendar_toolfooter calendar_btn">
+ <div class="footer_btn_press"
onmouseover="this.className='footer_btn_over'"
onmouseout="this.className='footer_btn_press'"
onmousedown="this.className='footer_btn_press'">
+ 11:36 AM
+ </div>
+ </td>
+ <td>
+ <img src="icons/separator.gif" width="1"
height="15" alt="" border="0"><br>
+ </td>
+ <td class="calendar_toolfooter calendar_btn">
+ <img src="icons/spacer.gif" width="11" height="1"
alt="" border="0"><br>
+ </td>
+ <td class="calendar_toolfooter" width="100%">
+
+ </td>
+ <td>
+ <img src="icons/separator.gif" width="1"
height="15" alt="" border="0"><br>
+ </td>
+ <td class="calendar_toolfooter calendar_btn">
+ <div class="footer_btn"
onmouseover="this.className='footer_btn_over'"
onmouseout="this.className='footer_btn'"
onmousedown="this.className='footer_btn_press'">
+ Today
+ </div>
+ </td>
+ <td>
+ <img src="icons/separator.gif" width="1"
height="15" alt="" border="0"><br>
+ </td>
+ <td class="calendar_toolfooter calendar_btn">
+ <div class="footer_btn"
onmouseover="this.className='footer_btn_over'"
onmouseout="this.className='footer_btn'"
onmousedown="this.className='footer_btn_press'">
+ Apply
+ </div>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+
+
+
+</table>
+
+</div>
+
+
+
+
+
+
+</body>
+</html>
Added: trunk/ui/calendar/design/calendar/icons/close.gif
===================================================================
(Binary files differ)
Property changes on: trunk/ui/calendar/design/calendar/icons/close.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/ui/calendar/design/calendar/icons/separator.gif
===================================================================
(Binary files differ)
Property changes on: trunk/ui/calendar/design/calendar/icons/separator.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: trunk/ui/calendar/design/calendar/icons/spacer.gif
===================================================================
(Binary files differ)
Property changes on: trunk/ui/calendar/design/calendar/icons/spacer.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream