forked from extern/egroupware
fixed bugs for layout in calendar for jerryr and added missing styles
This commit is contained in:
ak703
parent
46211ed373
commit
5417aae99f
262
calendar/templates/jerryr/app.css
Normal file
262
calendar/templates/jerryr/app.css
Normal file
@ -0,0 +1,262 @@
|
||||
/* CSS Document */
|
||||
|
||||
.to_continue
|
||||
{
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
A.minicalendar
|
||||
{
|
||||
color: #666666;
|
||||
font-size: 9px;
|
||||
|
||||
}
|
||||
|
||||
A.bminicalendar
|
||||
{
|
||||
color: #336699;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
A.minicalendargrey
|
||||
{
|
||||
color: #999999;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
A.bminicalendargrey
|
||||
{
|
||||
color: #336699;
|
||||
font-style: italic;
|
||||
font-size:10px;
|
||||
}
|
||||
|
||||
A.minicalhol
|
||||
{
|
||||
padding-left:3px;
|
||||
padding-right:3px;
|
||||
background: #dab0b0;
|
||||
color: #000000;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
A.bminicalhol
|
||||
{
|
||||
padding-left:3px;
|
||||
padding-right:3px;
|
||||
background: #dab0b0;
|
||||
color: #336699;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
A.minicalgreyhol
|
||||
{
|
||||
padding-left:3px;
|
||||
padding-right:3px;
|
||||
background: #dab0b0;
|
||||
color: #999999;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
A.bminicalgreyhol
|
||||
{
|
||||
padding-left:3px;
|
||||
padding-right:3px;
|
||||
background: #dab0b0;
|
||||
color: #999999;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
|
||||
.event-on
|
||||
{
|
||||
background: #faf8f3;
|
||||
border: #c9c9c9 1px solid;
|
||||
}
|
||||
|
||||
.event-off
|
||||
{
|
||||
background: #f4f2ed;
|
||||
border: #c9c9c9 1px solid;
|
||||
}
|
||||
|
||||
.event-holiday
|
||||
{
|
||||
font-size: 100%;
|
||||
background: #dac0c0;
|
||||
color:#000000;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.time
|
||||
{
|
||||
background: #f4f2ed;
|
||||
color:#000000;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
width: 5.2%;
|
||||
text-align: right;
|
||||
padding-right: 5px;
|
||||
line-height: 11px;
|
||||
border: #c9c9c9 1px solid;
|
||||
}
|
||||
|
||||
|
||||
.planner-cell
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
border: thin solid black;
|
||||
}
|
||||
|
||||
/* common */
|
||||
.calendar_link_print
|
||||
{
|
||||
text-align: center;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
//Mini Calendar
|
||||
|
||||
.calendar_minical_table
|
||||
{
|
||||
width: 180px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar_minical_daytable
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.calendar_minical_dayname
|
||||
{
|
||||
font-size: 9px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.calendar_minical_hrule
|
||||
{
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.calendar_dropbuttons
|
||||
{
|
||||
align: center;
|
||||
text-align: center;
|
||||
vertical-align: bottom;
|
||||
font-weight: bold;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
.calendar-weekidentifier
|
||||
{
|
||||
font-size:16px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar_header
|
||||
{
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar_dayview_table_header
|
||||
{
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar_dayview_todo_header
|
||||
{
|
||||
margin: 0px;
|
||||
padding: 2px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* week view */
|
||||
.calendar_week_identifier_table
|
||||
{
|
||||
border: 0px solid black;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.calendar_week_identifier
|
||||
{
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar_weekview_daytitle
|
||||
{
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
background: #D3DCE3;
|
||||
}
|
||||
|
||||
.calendar_m_w_table
|
||||
{
|
||||
table-layout:fixed;
|
||||
overflow:auto;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: 0px #000000 solid;
|
||||
}
|
||||
|
||||
.calendar_m_w_table_row
|
||||
{
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.calendar_m_w_tablecell
|
||||
{
|
||||
vertical-align: top;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
A.event_entry
|
||||
{
|
||||
font-size:10px;
|
||||
}
|
||||
|
||||
/* month view */
|
||||
|
||||
.calendar_month_identifier
|
||||
{
|
||||
font-size:14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar_user_identifier
|
||||
{
|
||||
font-size:12px;
|
||||
color: #009999;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar_week_minical_table
|
||||
{
|
||||
width:100%;
|
||||
border: 0px solid #000000
|
||||
}
|
||||
|
||||
.calendar_weekinfo
|
||||
{
|
||||
color: #000000;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
77
calendar/templates/jerryr/day.tpl
Normal file
77
calendar/templates/jerryr/day.tpl
Normal file
@ -0,0 +1,77 @@
|
||||
<!-- $Id$ -->
|
||||
<!-- BEGIN day -->
|
||||
{printer_friendly}
|
||||
<table border="0" width="100%" class="calDayViewShadowBox">
|
||||
<tr>
|
||||
<td valign="top" width="70%">
|
||||
<table border="0" cellpadding=0 cellspacing=0 width=100%>
|
||||
<tr>
|
||||
<td width=8 class="calLtLtTitleBlue"></td>
|
||||
<td width=8 class="calLtMidTitleBlue"></td>
|
||||
<td nowrap class="calDayTitleBlue" >{date} {username} </td>
|
||||
<td width=8 class="calRtMidTitleBlue" ></td>
|
||||
<td width=8 class="calRtRtTitleBlue" ></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width=8 class="calLeftShadow"></td>
|
||||
<td valign="top" colspan=3 >
|
||||
<table width=100% cellpadding=0 cellspacing=0>{day_events}</table>
|
||||
</td>
|
||||
<td width=8 class="calRightShadow"></td>
|
||||
</tr>
|
||||
<tr class="calRowBottomShadow">
|
||||
<td width=8 class="calLtLtFoot"></td>
|
||||
<td width=8 class="calLtMidFoot"></td>
|
||||
<td> </td>
|
||||
<td width=8 class="calRtMidFoot"></td>
|
||||
<td width=8 class="calRtRtFoot"></td>
|
||||
</tr>
|
||||
</table><p>{print}</p>
|
||||
</td>
|
||||
<td width=5></td>
|
||||
<td align="center" valign="top" >
|
||||
<table cellpadding=0 cellspacing=0 width="100%">
|
||||
<tr>
|
||||
<td>{small_calendar}</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table height="5" border=0><tr><td></td></tr></table>
|
||||
<table width=100% cellspacing=0 cellpadding=0>
|
||||
<tr>
|
||||
<td>
|
||||
<table border=0 width="100%" cellpadding=0 cellspacing=0>
|
||||
<tr>
|
||||
<td width=8 class="calLtLtTitleRed"></td>
|
||||
<td width=8 class="calLtMidTitleRed"></td>
|
||||
<td nowrap class="calDayTitleRed" >{lang_todos}</td>
|
||||
<td width=8 class="calRtMidTitleRed" ></td>
|
||||
<td width=8 class="calRtRtTitleRed" ></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width=8 class="calLeftShadow"></td>
|
||||
<td valign="top" colspan=3 > {todos}</td>
|
||||
<td width=8 class="calRightShadow"></td>
|
||||
</tr>
|
||||
<tr class="calRowBottomShadow">
|
||||
<td width=8 class="calLtLtFoot"></td>
|
||||
<td width=8 class="calLtMidFoot"></td>
|
||||
<td></td>
|
||||
<td width=8 class="calRtMidFoot"></td>
|
||||
<td width=8 class="calRtRtFoot"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- END day -->
|
||||
<!-- BEGIN day_event -->
|
||||
<tr>
|
||||
<td valign="top">
|
||||
{daily_events}
|
||||
</td>
|
||||
</tr>
|
||||
<!-- END day_event -->
|
||||
|
||||
39
calendar/templates/jerryr/footer.tpl
Normal file
39
calendar/templates/jerryr/footer.tpl
Normal file
@ -0,0 +1,39 @@
|
||||
<!-- $Id$ -->
|
||||
<!-- BEGIN footer_table -->
|
||||
<!--
|
||||
<tr>
|
||||
<td>1</td>
|
||||
</tr>
|
||||
-->
|
||||
|
||||
<table border="0" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
{table_row}
|
||||
</tr>
|
||||
</table>
|
||||
<!-- <tr>-->
|
||||
<!-- END footer_table -->
|
||||
|
||||
|
||||
<!-- BEGIN footer_row -->
|
||||
|
||||
<form action="{action_url}" method="post" name="{form_name}">
|
||||
<td valign="top">
|
||||
<span style="font-size:9px; font-weight:bold;">{label}:</span>
|
||||
{hidden_vars}
|
||||
<select name="{form_label}" onchange="{form_onchange}">
|
||||
{row}
|
||||
</select>
|
||||
<noscript><input type="submit" value="{go}"></noscript>
|
||||
</td>
|
||||
</form>
|
||||
|
||||
<!-- END footer_row -->
|
||||
|
||||
<!-- BEGIN blank_row -->
|
||||
<td>
|
||||
{b_row}
|
||||
</td>
|
||||
<!-- END blank_row -->
|
||||
<!-- <td> -->
|
||||
|
||||
28
calendar/templates/jerryr/index.tpl
Normal file
28
calendar/templates/jerryr/index.tpl
Normal file
@ -0,0 +1,28 @@
|
||||
<!-- $Id$ -->
|
||||
{printer_friendly}
|
||||
<table border="0" width="100%" cols="5" class="calDayViewShadowBox">
|
||||
<tr>
|
||||
<td align="left" valign="top" width="20%">
|
||||
{small_calendar_prev}</td>
|
||||
<td align="center" valign="middle" width="20%">
|
||||
<b>{prev_month_link}</b></td>
|
||||
<td align="center" width="20%">
|
||||
<font size="+2" color="#000000"><b>{month_identifier}</b></font>
|
||||
<font size="+1" color="#000000"><br>{username}</font></td>
|
||||
<td align="center" valign="middle" width="20%">
|
||||
{next_month_link}</td>
|
||||
<td align="right" valign="top" width="20%">
|
||||
{small_calendar_next}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan=5 width=100%>
|
||||
<table width=100% class="calDayViewSideBoxes">
|
||||
<tr>
|
||||
<td>{large_month}</td>
|
||||
</tr>
|
||||
</table><p style="font-size:10px; text-align:center">{print}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
34
calendar/templates/jerryr/view.tpl
Normal file
34
calendar/templates/jerryr/view.tpl
Normal file
@ -0,0 +1,34 @@
|
||||
<!-- $Id$ -->
|
||||
<!-- BEGIN view_event -->
|
||||
<center>
|
||||
<table border="0" width="100%" class="calDayViewShadowBox">
|
||||
<tr>
|
||||
<td>
|
||||
<table border="0" width="100%">
|
||||
{row}
|
||||
<tr>
|
||||
<td><table cellspacing="5"><tr>{button_left}</tr></table></td>
|
||||
<td align="center"><table cellspacing="5"><tr>{button_center}</tr></table></td>
|
||||
<td align="right"><table cellspacing="5"><tr>{button_right}</tr></table></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</center>
|
||||
<!-- END view_event -->
|
||||
|
||||
<!-- BEGIN list -->
|
||||
<tr bgcolor="{tr_color}">
|
||||
<td valign="top" width="30%"> <b>{field}:</b></td>
|
||||
<td colspan="2" valign="top" width="70%">{data}</td>
|
||||
</tr>
|
||||
<!-- END list -->
|
||||
|
||||
<!-- BEGIN hr -->
|
||||
<tr>
|
||||
<td colspan="3" bgcolor="{th_bg}" align="center">
|
||||
<b>{hr_text}</b>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- END hr -->
|
||||
62
calendar/templates/jerryr/week.tpl
Normal file
62
calendar/templates/jerryr/week.tpl
Normal file
@ -0,0 +1,62 @@
|
||||
<!-- $Id$ -->
|
||||
{printer_friendly}
|
||||
<table border=0 align="center" class="calDayViewShadowBox" width="100%" cols="5" >
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
|
||||
<table border=0 align="center" width="100%" cols="5" >
|
||||
<tr>
|
||||
|
||||
<td align="left" valign="top">
|
||||
{small_calendar_prev}
|
||||
</td>
|
||||
<td align="center" valign="middle" >
|
||||
<b>{prev_week_link}</b>
|
||||
</td>
|
||||
<td align="center" valign="top" >
|
||||
{small_calendar_this}
|
||||
</td>
|
||||
<td align="center" valign="middle" >
|
||||
<b>{next_week_link}</b>
|
||||
</td>
|
||||
<td align="right" valign="top" >
|
||||
{small_calendar_next}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
<table><tr><td height="5"></td></tr></table>
|
||||
<table border=0 align="center" width=100%>
|
||||
<tr>
|
||||
<td>
|
||||
<table border="0" width="100%" cellpadding=0 cellspacing=0>
|
||||
<tr>
|
||||
<td width=8 class="calLtLtTitleBlue"></td>
|
||||
<td width=8 class="calLtMidTitleBlue"></td>
|
||||
<td align="center" class="calDayTitleBlue"><b>{week_identifier}</b> {username}</td>
|
||||
<td width=8 class="calRtMidTitleBlue" ></td>
|
||||
<td width=8 class="calRtRtTitleBlue" ></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width=8 class="calLeftShadow"></td>
|
||||
<td colspan=3>{week_display}</td>
|
||||
<td width=8 class="calRightShadow"></td>
|
||||
</tr>
|
||||
<tr class="calRowBottomShadow">
|
||||
<td class="calLtLtFoot"></td>
|
||||
<td class="calLtMidFoot"></td>
|
||||
<td> </td>
|
||||
<td class="calRtMidFoot"></td>
|
||||
<td class="calRtRtFoot"></td>
|
||||
</tr>
|
||||
</table><p style="font-size:10px; text-align:center;">{print}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
Loading…
Reference in New Issue
Block a user