316 lines
5.9 KiB
Cheetah
316 lines
5.9 KiB
Cheetah
#CalendarSearch00000001
|
|
#create
|
|
#namespace:Calendar/Search
|
|
#url:default-calendar-search
|
|
#title:Default Calendar Search
|
|
#menuTitle:Default Calendar Search
|
|
|
|
<tmpl_var form.header>
|
|
<table cellspacing="0" cellpadding="0" width="600" id="mCAL" border="0">
|
|
<tr>
|
|
<td style="text-align:right">
|
|
<a href="/<tmpl_var url>?type=day" class="tab">Day</a>
|
|
<a href="/<tmpl_var url>?type=week" class="tab">Week</a>
|
|
<a href="/<tmpl_var url>?type=month" class="tab">Month</a>
|
|
<a href="/<tmpl_var url>?func=search" class="tab active">Search</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="months">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width:100%">
|
|
<table width="100%" cellspacing="2" cellpadding="0">
|
|
<tr>
|
|
<td class="heading">
|
|
<div style="padding:4px;">Keyword</div>
|
|
</td>
|
|
<td class="day">
|
|
<tmpl_var form.keywords>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="heading">
|
|
<div style="padding:4px;">Start Date</div>
|
|
</td>
|
|
<td class="day">
|
|
<tmpl_var form.startDate>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="heading">
|
|
<div style="padding:4px;">End Date</div>
|
|
</td>
|
|
<td class="day">
|
|
<tmpl_var form.endDate>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="text-align:right">
|
|
<tmpl_var form.submit>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<tmpl_var form.footer>
|
|
|
|
|
|
|
|
<tmpl_if results>
|
|
<table cellspacing="0" cellpadding="0" width="600" id="mCAL">
|
|
<tr>
|
|
<td>
|
|
<div class="curMonth">
|
|
Search Results
|
|
<span style="font-size:9px;">Displaying page <tmpl_var pagination.pageCount> of <tmpl_var pagination.pageCount></span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="months">
|
|
<div style="padding:3px 0px;">
|
|
<tmpl_var pagination.firstPage>
|
|
<tmpl_var pagination.pageList>
|
|
<tmpl_var pagination.lastPage>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width:100%">
|
|
<table width="100%" cellspacing="2" cellpadding="0">
|
|
<tmpl_loop results><tr>
|
|
<td class="heading">
|
|
<div style="padding:4px;"><tmpl_var startDate></div>
|
|
</td>
|
|
<td class="day">
|
|
<a href="/<tmpl_var url>" style="padding-left:10px"><tmpl_var title></a>
|
|
</td>
|
|
</tr></tmpl_loop>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="months">
|
|
<div style="padding:3px 0px;">
|
|
<tmpl_var pagination.firstPage>
|
|
<tmpl_var pagination.pageList>
|
|
<tmpl_var pagination.lastPage>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</tmpl_if>
|
|
|
|
|
|
~~~
|
|
<style type="text/css">
|
|
body * {
|
|
margin:0px;
|
|
}
|
|
#mCAL {
|
|
|
|
}
|
|
#mCAL td {
|
|
font-size:10px;
|
|
font-family:arial;
|
|
}
|
|
#mCAL .tab {
|
|
|
|
border-bottom-style:none;
|
|
font-weight:bold;
|
|
padding: 2px 15px 0px 15px;
|
|
text-align;center;
|
|
background-color:#E9ECF3;
|
|
-moz-border-radius-topLeft:10px;
|
|
-moz-border-radius-topRight:10px;
|
|
color:#7588B5;
|
|
text-decoration:none;
|
|
font-size:10pt;
|
|
display:block;
|
|
float:left;
|
|
margin-right:5px;
|
|
}
|
|
#mCAL .tab:hover {
|
|
color:black;
|
|
}
|
|
#mCAL .active {
|
|
background-color:#DFE3EE;
|
|
color:#404F77;
|
|
border-bottom:solid #DFE3EE 1px;
|
|
}
|
|
#mCAL .controls {
|
|
float:right;
|
|
vertical-align:bottom;
|
|
}
|
|
#mCAL a {
|
|
font-size:11px;
|
|
color:#517AC8;
|
|
}
|
|
#mCAL .heading {
|
|
width:200px;
|
|
-moz-box-sizing:border-box;
|
|
background-color:#ABB7D1;
|
|
text-align:center;
|
|
font-weight:bold;
|
|
color:#374664;
|
|
font-size:9px;
|
|
letter-spacing:1px;
|
|
text-transform:uppercase;
|
|
text-align:right;
|
|
vertical-align:top;
|
|
-moz-border-radius-bottomRight:8px;
|
|
-moz-border-radius-topRight:8px;
|
|
}
|
|
#mCAL .day {
|
|
background-color:#E9ECF3;
|
|
width:400px;
|
|
position:relative;
|
|
vertical-align:top;
|
|
-moz-border-radius-topLeft:8px;
|
|
-moz-border-radius-bottomLeft:8px;
|
|
border:solid #CCD2E3 1px;
|
|
}
|
|
#mCAL .curDay {
|
|
background-color:#FFE4B3;
|
|
border-color:orange;
|
|
}
|
|
#mCAL .dayWrapper {
|
|
height:100%;
|
|
width:100%;
|
|
position:relative;
|
|
z-index:0;
|
|
margin:0px;
|
|
padding:0px 0px 2px 5px;;
|
|
-moz-box-sizing:border-box;
|
|
}
|
|
html > body #mCAL .dayWrapper {
|
|
height:auto;
|
|
min-height:100%;
|
|
}
|
|
#mCAL .dayNum {
|
|
width:100%;
|
|
text-align:right;
|
|
|
|
}
|
|
|
|
#mCAL span.border {
|
|
text-align:center;
|
|
padding:5px;
|
|
font-weight:bold;
|
|
-moz-border-radius-bottomRight:5px;
|
|
-moz-border-radius-topLeft:5px;
|
|
color:black;
|
|
border-right:solid #CCD2E3 1px;
|
|
border-bottom: solid #CCD2E3 1px;
|
|
background-color:#ABB7D1;
|
|
-moz-box-sizing:border-box;
|
|
top:5px;
|
|
position:relative;
|
|
|
|
}
|
|
#mCAL .curDay span.border {
|
|
background-color:orange;
|
|
color:black;
|
|
border-color:orange;
|
|
}
|
|
#mCAL .event {
|
|
padding:3px;
|
|
padding-top:8px;
|
|
clear:left;
|
|
font-weight:bold;
|
|
}
|
|
#mCAL .event a {
|
|
color:#4F4F4F;
|
|
text-decoration:none;
|
|
font-size:9px;
|
|
}
|
|
#mCAL .moreButton {
|
|
border-style:none;
|
|
z-index:5;
|
|
position:absolute;
|
|
bottom:0px;
|
|
width:100%;
|
|
height:9px;
|
|
background-color:#517AC8;
|
|
font-size:5px;
|
|
text-align:center;
|
|
}
|
|
#mCAL .moreButton:hover {
|
|
background-color:orange;
|
|
}
|
|
#mCAL .empty {
|
|
border-style:none;
|
|
background-color:#CCD2E3;
|
|
-moz-border-radius:10px;
|
|
|
|
}
|
|
#mCAL .months {
|
|
text-align:center;
|
|
background-color:#DFE3EE;
|
|
}
|
|
#mCAL .months a {
|
|
color:#517AC8;
|
|
text-decoration:none;
|
|
}
|
|
#mCAL .months .monthLink {
|
|
text-decoration:none;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
color:#AAB8D5;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
}
|
|
#mCAL .months .current {
|
|
color:#517AC8;
|
|
}
|
|
#mCAL .current {
|
|
font-weight:bold;
|
|
color:#517AC8;
|
|
background-color:#fff;
|
|
-moz-border-radius:5px;
|
|
}
|
|
#mCAL .curMonth {
|
|
text-align:left;
|
|
margin: 2px 0px;
|
|
background-color:#517AC8;
|
|
color:white;
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
/* MORE STYLES */
|
|
#more1 {
|
|
position:absolute;
|
|
top:170px;
|
|
left:10px;
|
|
|
|
}
|
|
* html #more1 {
|
|
top:158px;
|
|
left:12px;
|
|
|
|
}
|
|
.moreDisplay {
|
|
border:solid orange 1px;
|
|
border-top:solid orange 2px;
|
|
font-family:arial;
|
|
font-size:10px;
|
|
width:300px;
|
|
padding:2px;
|
|
background-color:#FFD3A8;
|
|
z-index:10;
|
|
}
|
|
ul.eventList {
|
|
margin:0px;
|
|
padding:0px;
|
|
margin-left:30px;
|
|
color:#526896;
|
|
}
|
|
</style>
|