2:16 a.m.
Author: admitriev
Date: 2007-12-28 03:16:41 -0500 (Fri, 28 Dec 2007)
New Revision: 5059
Added:
management/design/calendar/
management/design/calendar/markup/
management/design/calendar/markup/calendar_div_time_chooser.html
management/design/calendar/markup/calendar_div_year_chooser.html
management/design/calendar/markup/icons/
management/design/calendar/markup/icons/bg_btn.png
management/design/calendar/markup/icons/bg_press.png
management/design/calendar/markup/icons/separator.gif
management/design/fileUpload/markup/images/bg_header.psd
management/design/fileUpload/markup/images/ico_file.gif
Log:
http://jira.jboss.com/jira/browse/RF-1723
Added: management/design/calendar/markup/calendar_div_time_chooser.html
===================================================================
--- management/design/calendar/markup/calendar_div_time_chooser.html
(rev 0)
+++ management/design/calendar/markup/calendar_div_time_chooser.html 2007-12-28 08:16:41
UTC (rev 5059)
@@ -0,0 +1,546 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<html>
+<head>
+<title>calendar</title>
+<style>
+*{
+ font-size : 11px; /*generalSizeFont*/
+ font-family : verdana; /*generalFamilyFont*/
+
+}
+.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; /*additionalBackgroundColor*/
+ padding : 1px 3px 1px 3px;
+ white-space : nowrap;
+ text-align : center;
+}
+.footer_btn_over{
+ background-color : #f5f5f5;/*NEW ATTRIBUTE - calendarwWeekBackgroundColor*/
+ border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 0px 2px 0px 2px;
+ white-space : nowrap;
+ text-align : center;
+}
+.footer_btn_press{
+ background-color : #f5f5f5; /*NEW ATTRIBUTE - calendarwWeekBackgroundColor*/
+ border-bottom : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-top : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 0px 2px 0px 2px;
+ white-space : nowrap;
+ text-align : center;
+}
+
+.header_btn{
+ border : 0px solid #C7D7EC; /*additionalBackgroundColor*/
+ padding : 3px;
+ white-space : nowrap;
+ color : #ffffff;
+ font-weight : bold;
+}
+.header_btn_over{
+ background-color : #224986; /*headerBackgroundColor*/
+ border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 2px;white-space : nowrap;
+ color : #ffffff;
+ font-weight : bold;
+}
+.header_btn_press{
+ background-color : #224986; /*headerBackgroundColor*/
+ border-bottom : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-top : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 2px;
+ white-space : nowrap;
+ color : #ffffff;
+ font-weight : bold;
+}
+
+.calendar_closetab{
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ background : url(icons/separator.gif) center left no-repeat #224986;
/*headerBackgroundColor*/
+ padding : 0px 2px 0px 4px;
+ text-align : center;
+}
+
+.time_btn{
+ text-align : center;
+ border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 2px;
+ white-space : nowrap;
+ cursor : hand;
+}
+
+.time_btn_press{
+ background-color : #f5f5f5; /*NEW ATTRIBUTE - calendarwWeekBackgroundColor*/
+ border-bottom : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-top : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 2px;
+ white-space : nowrap;
+ text-align : center;
+ cursor : hand;
+}
+
+.time_btn_cancel{
+ width : 45;
+ float : right
+}
+.time_btn_ok{
+ width : 45;
+}
+
+.calendar_time_shadow{
+ position : absolute;
+ background : #FFFFFF; /*tableBackgroundColor*/
+ width : 210px;
+ height : 174px;
+ filter : alpha(opacity=50)
+}
+.calendar_time_position{
+ position : absolute;
+ height : 110px;
+ width: 210px;
+ top : 44px
+}
+.calendar_time_layout{
+ background : #C7D7EC; /*additionalBackgroundColor*/
+ border : 1px solid #c0c0c0; /*panelBorderColor*/
+}
+.calendar_time_layout_fields{
+ padding : 7px 7px 5px 7px;
+ text-align : center;
+ white-space : nowrap;
+}
+.calendar_time_layout_cancel{
+ padding : 0px 1px 7px 7px;
+ text-align : right
+}
+.calendar_time_layout_ok{
+ padding : 0px 7px 7px 1px;
+ text-align : left
+}
+
+</style>
+
+</head>
+
+<body bgcolor="#ffffff" style="padding : 30px">
+
+
+<div style="position : relative">
+<table border="0" cellpadding="0" cellspacing="0"
class="calendar_exterior" style="position : absolute">
+
+ <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">
+ June, 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'">
+ X<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 class="calendar_time_shadow">
+</div>
+<table border="0" cellpadding="0" cellspacing="0"
class="calendar_time_position">
+ <tr>
+ <td align="center" valign="middle">
+ <table border="0" cellpadding="0" cellspacing="0"
class="calendar_time_layout">
+ <tr>
+ <td class="calendar_time_layout_fields" colspan="2">
+ <input type="Text" value="12^" style="width :
35px"><input type="Text" value="00^" style="width :
35px"><input type="Text" value="AM^" style="width :
35px">
+ </td>
+ </tr>
+ <tr>
+ <td class="calendar_time_layout_cancel">
+ <div class="time_btn time_btn_cancel"
onmouseover="this.className='time_btn time_btn_cancel'"
onmouseout="this.className='time_btn time_btn_cancel'"
onmousedown="this.className='time_btn_press time_btn_cancel'"
onmouseup="this.className='time_btn time_btn_cancel'">
+ Cancel
+ </div>
+ </td>
+ <td class="calendar_time_layout_ok">
+ <div class="time_btn time_btn_ok"
onmouseover="this.className='time_btn time_btn_ok'"
onmouseout="this.className='time_btn time_btn_ok'"
onmousedown="this.className='time_btn_press time_btn_ok'"
onmouseup="this.className='time_btn time_btn_ok'">
+ Ok
+ </div>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+</table>
+
+</div>
+
+
+
+
+
+
+</body>
+</html>
Added: management/design/calendar/markup/calendar_div_year_chooser.html
===================================================================
--- management/design/calendar/markup/calendar_div_year_chooser.html
(rev 0)
+++ management/design/calendar/markup/calendar_div_year_chooser.html 2007-12-28 08:16:41
UTC (rev 5059)
@@ -0,0 +1,687 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+
+<html>
+<head>
+<title>calendar</title>
+<style>
+*{
+ font-size : 11px; /*generalSizeFont*/
+ font-family : verdana; /*generalFamilyFont*/
+
+}
+.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; /*additionalBackgroundColor*/
+ padding : 1px 3px 1px 3px;
+ white-space : nowrap;
+ text-align : center;
+}
+.footer_btn_over{
+ background-color : #f5f5f5;/*NEW ATTRIBUTE - calendarwWeekBackgroundColor*/
+ border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 0px 2px 0px 2px;
+ white-space : nowrap;
+ text-align : center;
+}
+.footer_btn_press{
+ background-color : #f5f5f5; /*NEW ATTRIBUTE - calendarwWeekBackgroundColor*/
+ border-bottom : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-top : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 0px 2px 0px 2px;
+ white-space : nowrap;
+ text-align : center;
+}
+
+.header_btn{
+ border : 0px solid #C7D7EC; /*additionalBackgroundColor*/
+ padding : 3px;
+ white-space : nowrap;
+ color : #ffffff;
+ font-weight : bold;
+}
+.header_btn_over{
+ background-color : #224986; /*headerBackgroundColor*/
+ border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 2px;white-space : nowrap;
+ color : #ffffff;
+ font-weight : bold;
+}
+.header_btn_press{
+ background-color : #224986; /*headerBackgroundColor*/
+ border-bottom : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-top : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 2px;
+ white-space : nowrap;
+ color : #ffffff;
+ font-weight : bold;
+}
+
+.calendar_closetab{
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ background : url(icons/separator.gif) center left no-repeat #224986;
/*headerBackgroundColor*/
+ padding : 0px 2px 0px 4px;
+ text-align : center;
+}
+
+.time_btn{
+ text-align : center;
+ border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 2px;
+ white-space : nowrap;
+ cursor : hand;
+}
+
+.time_btn_press{
+ background-color : #f5f5f5; /*NEW ATTRIBUTE - calendarwWeekBackgroundColor*/
+ border-bottom : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-top : 1px solid #C0C0C0; /*panelBorderColor*/
+ padding : 2px;
+ white-space : nowrap;
+ text-align : center;
+ cursor : hand;
+}
+
+.time_btn_cancel{
+ width : 45;
+ float : right
+}
+.time_btn_ok{
+ width : 45;
+}
+
+.calendar_time_shadow{
+ position : absolute;
+ background : #FFFFFF; /*tableBackgroundColor*/
+ width : 210px;
+ height : 174px;
+ filter : alpha(opacity=50)
+}
+.calendar_time_position{
+ position : absolute;
+ height : 110px;
+ width: 210px;
+ top : 44px
+}
+.calendar_time_layout{
+ background : #C7D7EC; /*additionalBackgroundColor*/
+ border : 1px solid #c0c0c0; /*panelBorderColor*/
+}
+.calendar_time_layout_fields{
+ padding : 7px 7px 5px 7px;
+ text-align : center;
+ white-space : nowrap;
+}
+.calendar_time_layout_cancel{
+ padding : 0px 1px 7px 7px;
+ text-align : right
+}
+.calendar_time_layout_ok{
+ padding : 0px 7px 7px 1px;
+ text-align : left
+}
+
+
+.calendar_yc_position{
+ position : absolute;
+ height : 174px;
+ width: 210px;
+ top : 0px
+}
+
+.calendar_yc_layout{
+ background : #FFFFFF; /*tableBackgroundColor*/
+ border : 1px solid #c0c0c0; /*panelBorderColor*/
+}
+
+.calendar_yc_footer{
+ background : #C7D7EC; /*headerBackgroundColor*/
+ border-top : 1px solid #c0c0c0; /*panelBorderColor*/
+ text-align : center;
+ padding : 1px
+}
+
+.calendar_yc_cell{
+ padding : 2px;
+}
+
+.calendar_yc_btn{
+ width : 40px;
+ padding: 2px;
+ text-align : center;
+ border : 0px solid #c0c0c0; /*panelBorderColor*/
+}
+
+.calendar_yc_btn_over{
+ background : #C7D7EC; /*from generalBackgroundColor to tabBackgroundColor*/
+ width : 40px;
+ padding: 1px;
+ text-align : center;
+ border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-bottom : 1px solid #C0C0C0; /*panelBorderColor*/
+ cursor : pointer;
+}
+.calendar_yc_btn_press{
+ background : #C7D7EC; /*from tabBackgroundColor to generalBackgroundColor*/
+ width : 40px;
+ padding: 1px;
+ text-align : center;
+ border-bottom : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-right : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ border-left : 1px solid #C0C0C0; /*panelBorderColor*/
+ border-top : 1px solid #C0C0C0; /*panelBorderColor*/
+ cursor : pointer;
+}
+.calendar_yc_split{
+ border-right : 1px solid #c0c0c0; /*panelBorderColor*/
+}
+</style>
+
+</head>
+
+<body bgcolor="#ffffff" style="padding : 30px">
+
+
+<div style="position : relative">
+<table border="0" cellpadding="0" cellspacing="0"
class="calendar_exterior" style="position : absolute">
+
+ <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">
+ June, 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'">
+ X<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 class="calendar_time_shadow">
+</div>
+<table border="0" cellpadding="0" cellspacing="0"
class="calendar_yc_position">
+ <tr>
+ <td align="center" valign="middle">
+ <span style="position : relative">
+ <div style="background:black; filter : alpha(opacity=50); width : 179;
height:152; position : absolute; top:3; left:3; z-index : -1">
+ </div>
+ <table border="0" cellpadding="0" cellspacing="0"
class="calendar_yc_layout">
+ <tr>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">Jan</div>
+ </td>
+ <td class="calendar_yc_cell calendar_yc_split">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">Jul</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">«</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">»</div>
+ </td>
+ </tr>
+ <tr>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">Feb</div>
+ </td>
+ <td class="calendar_yc_cell calendar_yc_split">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">Aug</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">2001</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">2006</div>
+ </td>
+ </tr>
+ <tr>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">Mar</div>
+ </td>
+ <td class="calendar_yc_cell calendar_yc_split">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">Sep</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">2002</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn calendar_current"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn calendar_current'"
onmousedown="this.className='calendar_yc_btn_press'">2007</div>
+ </td>
+ </tr>
+ <tr>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">Apr</div>
+ </td>
+ <td class="calendar_yc_cell calendar_yc_split">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">Oct</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">2003</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">2008</div>
+ </td>
+ </tr>
+ <tr>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">May</div>
+ </td>
+ <td class="calendar_yc_cell calendar_yc_split">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">Nov</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">2004</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">2009</div>
+ </td>
+ </tr>
+ <tr>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">Jun</div>
+ </td>
+ <td class="calendar_yc_cell calendar_yc_split">
+ <div class="calendar_yc_btn calendar_current"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn calendar_current'"
onmousedown="this.className='calendar_yc_btn_press'">Dec</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">2005</div>
+ </td>
+ <td class="calendar_yc_cell">
+ <div class="calendar_yc_btn"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn'"
onmousedown="this.className='calendar_yc_btn_press'">2010</div>
+ </td>
+ </tr>
+ <tr>
+ <td class="calendar_yc_footer" colspan="4">
+ <table border="0" cellpadding="2" cellspacing="0"
align="center">
+ <tr>
+ <td>
+ <div class="calendar_yc_btn_over"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn_over'"
onmousedown="this.className='calendar_yc_btn_press'">Ok</div>
+ </td>
+ <td>
+ <div class="calendar_yc_btn_over"
onmouseover="this.className='calendar_yc_btn_over'"
onmouseout="this.className='calendar_yc_btn_over'"
onmousedown="this.className='calendar_yc_btn_press'">Close</div>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+</span>
+ </td>
+ </tr>
+</table>
+
+</div>
+
+
+
+
+
+
+</body>
+</html>
Added: management/design/calendar/markup/icons/bg_btn.png
===================================================================
(Binary files differ)
Property changes on: management/design/calendar/markup/icons/bg_btn.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/calendar/markup/icons/bg_press.png
===================================================================
(Binary files differ)
Property changes on: management/design/calendar/markup/icons/bg_press.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/calendar/markup/icons/separator.gif
===================================================================
(Binary files differ)
Property changes on: management/design/calendar/markup/icons/separator.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/fileUpload/markup/images/bg_header.psd
===================================================================
(Binary files differ)
Property changes on: management/design/fileUpload/markup/images/bg_header.psd
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/fileUpload/markup/images/ico_file.gif
===================================================================
(Binary files differ)
Property changes on: management/design/fileUpload/markup/images/ico_file.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream