webgui/docs/upgrades/templates-7.3.0/default-ems-template-event.tmpl

#EventManagerTmpl000002
<div class="badge" style="width:100%"> 
	<table cellpadding="3" cellspacing="0" style="width:100%">
	<tr>
		<td class="description" valign="top">
			<h2 class="title"><tmpl_var title></h2>
			<tmpl_var description>
		</td>
		<td rowspan="2" style="width:115px;align:center;" valign="top">
			<h2 class="price"><tmpl_var price></h2>
			
			<a href="<tmpl_var title.url>" class="grayButton">Search Eligible Events</a><br />
			<tmpl_if canManageEvents>
				<a title="Begin a Badge Purchase" style="cursor:pointer;" href="<tmpl_var purchase.url>" class="grayButton">ADMIN Purchase</a>
			<tmpl_else>
				<tmpl_unless eventIsFull>
					<a title="Begin a Badge Purchase" style="cursor:pointer;" href="<tmpl_var purchase.url>" class="grayButton">Purchase</a>
				<tmpl_else>
					&nbsp;<br />
				</tmpl_unless>
			</tmpl_if>  			
		</td>
	</tr>
	</table>
</div>

~~~

<style type="text/css">

tr.oddRow td {
	background-color:#DADADA;
	border-right:solid gray 1px;
}
tr.evenRow td {
	background-color:#E8E8E8;
	border-right:solid gray 1px;
}
.manageEvents {
	margin-top:5px;
	margin-bottom:5px;
}
.datacardtitle {
	background: #3D5690;
	color: white;
	font-family: verdana;
	font-weight: bold;
	font-size:13px;
}

.leftnav{
	padding: 1px 1px 1px 1px;
	background: white;
	color: black;
	font-family: verdana;
	font-weight: bold;
	font-size:11px;
	border: 2px #3D5690 ridge;
}
.leftnavon{
	padding: 1px 1px 1px 1px;
	background: yellow;
	color: black;
	font-family: verdana;
	font-weight: bold;
	font-size:11px;
	border: 2px #3D5690 ridge;
}
.calendartitle {
	background: #3D5690;
	color: white;
	font-family: verdana;
	font-weight: bold;
	font-size:11px;
}
.filter-select {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: black;
	width: 105px;
}
.compare-select {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: black;
	width: 76px;
}
.filter-text {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color: black;
	width: 114px;
}
.smLink {
   font-family: verdana;
   font-size: 10px;
   font-weight: normal;
   color: blue;
}

.StepLabel { font-family: Tahoma; font-size: 14pt; letter-spacing: 2pt; color: #234E9C; 
               font-weight: bold }

/* BADGE CSS */
		.badge {
			width:92%;
			background-color:#F0F0F0;
			-moz-border-radius:15px;
			padding:5px;	
			-moz-box-sizing:border-box;
			font-family:verdana;
			font-size:9pt;
		}
		.badge h2.title {
			font-size:12.5pt;
			background-color:#E2E2E2;
			text-align:center;
			-moz-border-radius-topLeft:15px;			
			margin:0px;
			border:solid #E0E0E0 1px;
			padding:5px;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			color:gray;	
			margin-bottom:4px;
		}
		.badge h2.price {
			font-size:12.5pt;			
			text-align:center;
			-moz-border-radius-topRight:15px;			
			margin:0px;
			border:solid #E2E2E2 1px;
			padding:5px;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			color:gray;	
			margin-bottom:4px;
		}
		.badgeContent {
			background-color:#F4F4F4;			
			margin:0px;
			margin-top:5px;
			margin-bottom:5px;
			border:solid #E0E0E0 1px;
			padding:5px;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			font-family:verdana;
			font-size:9pt;
		}
		.badgeContent a.grayButton, .badge a.grayButton {
			width:100px;
			background-color:#E2E2E2;
			padding:5px;			
			color:gray;
			border:solid silver 1px;
			text-decoration:none;
			font-weight:bold;						
			text-align:center;
			-moz-border-radius:10px;
			display:block;
			font-size:7pt;
			margin-left:10px;
		}
		.badgeContent a.grayButton:hover, .badge a.grayButton:hover {
			background-color:#F0F0F0;
			border-color:#E2E2E2;
		}			
		.badgeFooter {
			width:100%;
			background-color:#E2E2E2;			
			-moz-border-radius-bottomLeft:15px;
			-moz-border-radius-bottomRight:15px;
			margin:0px;			
			border:solid #E0E0E0 1px;
			padding:5px;
			-moz-box-sizing:border-box;	
			box-sizing:border-box;			
			text-align:center;
		}
		.badgeFooter a {				
			
			background-color:#E2E2E2;
			padding:5px;			
			color:gray;
			border:solid #F4F4F4 1px;
			text-decoration:none;
			font-weight:bold;						
			text-align:center;
			-moz-border-radius:10px;
			display:block;
		}
		.badgeFooter a:hover {
			background-color:#F0F0F0;
			color:gray;
		}		
		.userData td {
			background-color:#E2E2E2;
			font-size:7pt;
			-moz-border-radius:15px;
			border:solid #F4F4F4 1px;
			font-weight:bold;
			
		}
		.userData td.data {
			background-color:#F4F4F4;
			border:solid #E2E2E2 1px;
			font-weight:normal;
		}	
		/* END OF BADGE CSS */
		
		
		
		/* EVENT LIST CSS */
		.eventList, .eventSearch {
			border:solid #F0F0F0 1px;
			padding:2px;
			-moz-border-radius-topLeft:15px;
			-moz-border-radius-topRight:15px;	
			font-family:verdana;
			font-size:9pt;
		}
		.eventList h2, .eventSearch h2 {
			margin:0px;
			font-family:verdana;
			text-align:center;
			font-size:12pt;
			background-color: #F0F0F0;
			color:black;
			-moz-border-radius-topLeft:15px;
			-moz-border-radius-topRight:15px;
			-moz-box-sizing:border-box;
			box-sizing:border-box;						
		}
		.eventList {	
			width:98%;
			border:solid #E0E0E0 1px;			
			font-size:9pt;
			font-family:verdana;
			/*background-color:#F4F4F4;*/
			margin-top:2px;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}
		.event {			
			font-size:9pt;
			font-family:verdana;
			background-color:#F4F4F4;
			margin-top:2px;
			-moz-box-sizing:border-box;
			box-sizing:border-box;		
		}
		.event td {
			border-top:solid #E0E0E0 1px;
			border-bottom:solid #E0E0E0 1px;
			text-align:center;
		}
		.event th {
			font-size:8pt;
			text-align:center;
			background:white;
		}
		.event td.left {
			border-left:solid #E0E0E0 1px;
		}
		.event td.right {
			border-right:solid #E0E0E0 1px;
		}	
		.event td.empty {
			background-color:white;
			border-style:none;
			font-size:1px;
		}
		.event a {
			background-color:#E2E2E2;
			padding:5px;			
			color:gray;
			border:solid #F4F4F4 1px;
			text-decoration:none;
			font-weight:bold;						
			text-align:center;
			-moz-border-radius:10px;
			display:block;		
			width:80%;
		}
		.event a:hover {
			border: solid #E2E2E2 1px;
			background-color:#F0F0F0;
			color:gray;
		}		
		/* END EVENT LIST CSS */
		
		
		/* INSTRUCTIONS */
		.instructions {
			width:95%;
			border:solid #F0F0F0 1px;
			padding:5px;
			-moz-border-radius-topLeft:15px;
			-moz-border-radius-topRight:15px;	
			font-family:verdana;
			font-size:9pt;
		}
		/* END INSTRUCTIONS */

		
		/* SEARCH */
		.eventSearch form {
			margin:0px;
		}
		.eventSearch .searchBtn {
			background-color:#E2E2E2;			
			color:gray;
			padding-top:1px;
			padding-bottom:1px;
			border:solid #F4F4F4 1px;
			text-decoration:none;
			font-weight:bold;						
			text-align:center;
			-moz-border-radius:10px;		
		}
		.searchBtn:hover {
			border: solid #E2E2E2 1px;
			background-color:#F0F0F0;
			color:gray;		
		}
		.advSearch input, .advSearch select{
			font-size:8pt;
		}
		.advSearch .button {
			background-color:#CF1D1D;
			padding-left:2px;			
			padding-right:2px;			
			color:white;
			border:solid #9C1616 1px;
			text-decoration:none;
			font-weight:bold;						
			text-align:center;
			-moz-border-radius:10px;
			display:block;
			width:30px;
			font-size:10pt;			
			margin-left:10px;	
			height:100%;
		}
		.advSearch .button:hover {
			background-color:#9C1616;
			color:#CF1D1D;
			color:white;		
		}
		.advSearch .compare-select {
			width:75px;
		}		
		.advSearch .filter-text {
			width:98%;
		}
		* html .advSearch .filter-text {
			width:97%;
		}
		.advSearch tr.border td {
			font-size:1pt;
			background-color:#CFCFCF;
		}
		/* END SEARCH */
/* cart CSS */
		.cart {
			width:92%;
			background-color:#F0F0F0;
			-moz-border-radius:15px;
			padding:5px;	
			-moz-box-sizing:border-box;
			font-family:verdana;
			font-size:9pt;
		}
		.cart h2 {
			width:100%;
			font-size:12.5pt;
			background-color:#E2E2E2;
			text-align:center;
			-moz-border-radius-topLeft:15px;
			-moz-border-radius-topRight:15px;
			margin:0px;
			border:solid #E0E0E0 1px;
			padding:5px;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			color:gray;			
		}
		.cartContent {
			width:100%;
			background-color:#F4F4F4;			
			margin:0px;
			margin-top:5px;
			margin-bottom:5px;
			border:solid #E0E0E0 1px;
			padding:5px;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
			font-family:verdana;
			font-size:9pt;
		}
		.cartContent a {
			background-color:#CF1D1D;
			padding:5px;			
			color:white;
			border:solid #9C1616 1px;
			text-decoration:none;
			font-weight:bold;						
			text-align:center;
			-moz-border-radius:10px;
			display:block;
			width:40px;
			font-size:7pt;
			float:right;
			margin-left:10px;
		}
		.cartContent a:hover {
			background-color:#9C1616;
			color:#CF1D1D;
			color:white;		
		}		
		.cartFooter {
			width:100%;
			background-color:#E2E2E2;			
			-moz-border-radius-bottomLeft:15px;
			-moz-border-radius-bottomRight:15px;
			margin:0px;			
			border:solid #E0E0E0 1px;
			padding:5px;
			-moz-box-sizing:border-box;	
			box-sizing:border-box;			
			text-align:center;
		}
		.cartFooter a {				
			
			background-color:#E2E2E2;
			padding:5px;			
			color:gray;
			border:solid #F4F4F4 1px;
			text-decoration:none;
			font-weight:bold;						
			text-align:center;
			-moz-border-radius:10px;
			display:block;
		}
		.cartFooter a:hover {
			background-color:#F0F0F0;
			color:gray;
		}		
		/* END OF cart CSS */

</style>

<link href="^Extras;/calendar/calendar-win2k-1.css" rel="stylesheet" type="text/css" />