abstract CSS classes: fc-divider, fc-head/body

src/agenda/AgendaView.js

@@ -76,7 +76,7 @@ var AgendaView = fcViews.agenda = View.extend({
 		this.timeGrid.renderDates();
 
 		// the <hr> that sometimes displays under the time-grid
-		this.bottomRuleEl = $('<hr class="' + this.widgetHeaderClass + '"/>')
+		this.bottomRuleEl = $('<hr class="fc-divider ' + this.widgetHeaderClass + '"/>')
 			.appendTo(this.timeGrid.el); // inject it into the time-grid
 
 		if (this.dayGrid) {
@@ -118,19 +118,19 @@ var AgendaView = fcViews.agenda = View.extend({
 	renderHtml: function() {
 		return '' +
 			'<table>' +
-				'<thead>' +
+				'<thead class="fc-head">' +
 					'<tr>' +
 						'<td class="' + this.widgetHeaderClass + '">' +
 							this.timeGrid.headHtml() + // render the day-of-week headers
 						'</td>' +
 					'</tr>' +
 				'</thead>' +
-				'<tbody>' +
+				'<tbody class="fc-body">' +
 					'<tr>' +
 						'<td class="' + this.widgetContentClass + '">' +
 							(this.dayGrid ?
 								'<div class="fc-day-grid"/>' +
-								'<hr class="' + this.widgetHeaderClass + '"/>' :
+								'<hr class="fc-divider ' + this.widgetHeaderClass + '"/>' :
 								''
 								) +
 							'<div class="fc-time-grid-container">' +

src/basic/BasicView.js

@@ -88,14 +88,14 @@ var BasicView = fcViews.basic = View.extend({
 	renderHtml: function() {
 		return '' +
 			'<table>' +
-				'<thead>' +
+				'<thead class="fc-head">' +
 					'<tr>' +
 						'<td class="' + this.widgetHeaderClass + '">' +
 							this.dayGrid.headHtml() + // render the day-of-week headers
 						'</td>' +
 					'</tr>' +
 				'</thead>' +
-				'<tbody>' +
+				'<tbody class="fc-body">' +
 					'<tr>' +
 						'<td class="' + this.widgetContentClass + '">' +
 							'<div class="fc-day-grid-container">' +

src/basic/basic.css

@@ -11,7 +11,7 @@
 	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
 }
 
-.fc-basic-view tbody .fc-row {
+.fc-basic-view .fc-body .fc-row {
 	min-height: 4em; /* ensure that all rows are at least this tall */
 }
 

src/common/common.css

@@ -24,9 +24,9 @@ body .fc { /* extra precedence to overcome jqui */
 
 .fc-unthemed th,
 .fc-unthemed td,
-.fc-unthemed hr,
 .fc-unthemed thead,
 .fc-unthemed tbody,
+.fc-unthemed .fc-divider,
 .fc-unthemed .fc-row,
 .fc-unthemed .fc-popover {
 	border-color: #ddd;
@@ -36,7 +36,7 @@ body .fc { /* extra precedence to overcome jqui */
 	background-color: #fff;
 }
 
-.fc-unthemed hr,
+.fc-unthemed .fc-divider,
 .fc-unthemed .fc-popover .fc-header {
 	background: #eee;
 }
@@ -274,11 +274,15 @@ previous button's border...
 /* Misc Reusable Components
 --------------------------------------------------------------------------------------------------*/
 
-.fc hr {
+.fc-divider {
+	border-style: solid;
+	border-width: 1px;
+}
+
+hr.fc-divider {
 	height: 0;
 	margin: 0;
 	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
-	border-style: solid;
 	border-width: 1px 0;
 }