From 99e6ce9af3f3bc6fe0f2d649af761ca9638fcbd1 Mon Sep 17 00:00:00 2001
From: Adam Shaw <arshaw@arshaw.com>
Date: Mon, 25 Aug 2014 02:09:23 -0700
Subject: [PATCH] simplify styling of events in extern-draggable demo

---
 demos/external-dragging.html | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/demos/external-dragging.html b/demos/external-dragging.html
index 9da0023..6d6e257 100644
--- a/demos/external-dragging.html
+++ b/demos/external-dragging.html
@@ -16,7 +16,7 @@
 		/* initialize the external events
 		-----------------------------------------------------------------*/
 	
-		$('#external-events div.external-event').each(function() {
+		$('#external-events .fc-event').each(function() {
 		
 			// create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/)
 			// it doesn't need to have a start or end
@@ -105,12 +105,8 @@
 		padding-top: 1em;
 	}
 		
-	.external-event { /* try to mimick the look of a real event */
+	#external-events .fc-event {
 		margin: 10px 0;
-		padding: 2px 4px;
-		background: #3366CC;
-		color: #fff;
-		font-size: .85em;
 		cursor: pointer;
 	}
 		
@@ -137,11 +133,11 @@
 
 		<div id='external-events'>
 			<h4>Draggable Events</h4>
-			<div class='external-event'>My Event 1</div>
-			<div class='external-event'>My Event 2</div>
-			<div class='external-event'>My Event 3</div>
-			<div class='external-event'>My Event 4</div>
-			<div class='external-event'>My Event 5</div>
+			<div class='fc-event'>My Event 1</div>
+			<div class='fc-event'>My Event 2</div>
+			<div class='fc-event'>My Event 3</div>
+			<div class='fc-event'>My Event 4</div>
+			<div class='fc-event'>My Event 5</div>
 			<p>
 				<input type='checkbox' id='drop-remove' />
 				<label for='drop-remove'>remove after drop</label>