calendar update

This commit is contained in:
devin 2012-09-13 18:06:18 +08:00 committed by Christophe Vilayphiou
parent 6b791539f5
commit f1485556bd
5 changed files with 118 additions and 35 deletions

View File

@ -251,6 +251,87 @@
/* agenda view */
#calendar_agenda {
border-bottom: solid 1px #ddd;
}
#calendar_agenda .table {
margin-bottom: 0;
}
.event_time {
font-family: Tahoma, sans-serif;
}
/* day view */
#calendar_day .header {
margin-bottom: 10px;
}
#calendar_day .header th {
text-align: center;
}
#calendar_day td {
border: 0;
}
#calendar_day .event {
margin-bottom: 2px;
}
#calendar_day .all_day_event {
background: #eee;
border: solid 1px #ddd
}
#calendar_day .event_list .table {
border-top: solid 1px #ddd;
}
#calendar_day .event_list td {
padding: 0;
}
#calendar_day .event_list .day_time {
height: 30px;
border-bottom: solid 1px #ddd;
border-left: solid 1px #ddd;
text-align: right;
padding: 4px;
}
#calendar_day .event_list .cell {
height: 38px;
border: solid 1px #ddd;
border-top: 0;
}
#calendar_day .event_list .divide {
height: 18px;
margin-bottom: 18px;
border-bottom: solid 1px #eee;
}
#calendar_day .event_holder {
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
#calendar_day .event_holder .event {
padding: 0px;
position: absolute;
width: 100%;
}
#calendar_day .event_holder .event.half {
}
#calendar_day .event_holder .event.over {
outline: solid 1px #fff;
}
#calendar_day .event dl, #calendar_day .event dt, #calendar_day .event dd {
margin: 0;
padding: 0;
}
#calendar_day .event dl {
padding: 3px;
}
#calendar_day .event dt {
font-size: 11px;
font-weight: normal;
line-height: 12px;
}
/* calendars(category) */ /* calendars(category) */
.calendars_color_tag { .calendars_color_tag {

View File

@ -117,37 +117,35 @@
<div class="divide"></div> <div class="divide"></div>
</div> </div>
<div class="event_holder"> <div class="event_holder">
<div class="inner"> <div class="event" style="background-color: #66cc00; top: 0;">
<div class="event" style="background-color: #66cc00; top: 0;"> <dl>
<dl> <dt>10:30am - 11:00am</dt>
<dt>10:30am - 11:00am</dt> <dd>template</dd>
<dd>template</dd> </dl>
</dl> </div>
</div> <div class="event" style="background-color: #00aacc; top: 39px;">
<div class="event" style="background-color: #00aacc; top: 39px;"> <dl>
<dl> <dt>10:30am - 11:00am</dt>
<dt>10:30am - 11:00am</dt> <dd>template</dd>
<dd>template</dd> </dl>
</dl> </div>
</div> <div class="event half" style="background-color: #ccffee; top: 117px;">
<div class="event half" style="background-color: #ccffee; top: 117px;"> <dl>
<dl> <dt>10:30am - template</dt>
<dt>10:30am - template</dt> <dd></dd>
<dd></dd> </dl>
</dl> </div>
</div> <div class="event" style="background-color: #00ffee; top: 195px; width: 85%;">
<div class="event" style="background-color: #00ffee; top: 195px; width: 85%;"> <dl>
<dl> <dt>10:30am - 11:00am</dt>
<dt>10:30am - 11:00am</dt> <dd>template</dd>
<dd>template</dd> </dl>
</dl> </div>
</div> <div class="event over" style="background-color: #00ffee; top: 214px; left: 50%; width: 50%;">
<div class="event over" style="background-color: #00ccee; top: 214px; left: 50%; width: 50%;"> <dl>
<dl> <dt>10:30am - 11:00am</dt>
<dt>10:30am - 11:00am</dt> <dd>template</dd>
<dd>template</dd> </dl>
</dl>
</div>
</div> </div>
</div> </div>
</td> </td>

View File

@ -28,7 +28,7 @@
</div> </div>
<div id="orbit_calendar" class="month_view"> <div id="orbit_calendar" class="month_view">
<div class="row-fluid"> <div class="row-fluid">
<div class="span3"> <div class="span2">
<div class="btn-toolbar" style="margin:0;"> <div class="btn-toolbar" style="margin:0;">
<div class="btn-group"> <div class="btn-group">
<button class="btn">Today</button> <button class="btn">Today</button>
@ -39,10 +39,10 @@
</div> </div>
</div> </div>
</div> </div>
<div class="span5"> <div class="span7">
<h4 class="current_day_title">Semptember 2012</h4> <h4 class="current_day_title">Semptember 2012</h4>
</div> </div>
<div class="span4"> <div class="span3">
<div class="btn-group calendar_mode" data-toggle="buttons-radio"> <div class="btn-group calendar_mode" data-toggle="buttons-radio">
<button class="btn mode_switch">day</button> <button class="btn mode_switch">day</button>
<button class="btn mode_switch">week</button> <button class="btn mode_switch">week</button>

View File

@ -87,7 +87,11 @@
</tr> </tr>
<tr> <tr>
<td colspan="3"></td> <td colspan="3"></td>
<<<<<<< HEAD
<td><div class="event single" style="color: #ffcc00;">7pm - 9pm test event</div></td> <td><div class="event single" style="color: #ffcc00;">7pm - 9pm test event</div></td>
=======
<td><div class="event" style="color: #ffcc00;">7pm - 9pm test event</div></td>
>>>>>>> calendar update
<td colspan="3"></td> <td colspan="3"></td>
</tr> </tr>
</table> </table>

View File

@ -195,4 +195,4 @@
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>