Widgets: add missing styles to Goodreads widget

Add CSS and RTL CSS files
Queue CSS file to be concatenated

Author: jeherve

Gruntfile.js

@@ -67,6 +67,7 @@ var frontendcss = [
 	'modules/tiled-gallery/tiled-gallery/tiled-gallery.css',
 	'modules/widgets/wordpress-post-widget/style.css',
 	'modules/widgets/gravatar-profile.css',
+	'modules/widgets/goodreads/css/goodreads.css',
 	'modules/widgets/top-posts/style.css',
 	'modules/widgets/widgets.css' // TODO Moved to image-widget/style.css
 ];

class.jetpack.php

@@ -48,6 +48,7 @@ class Jetpack {
 		'gravatar-profile-widget',
 		'widget-grid-and-list',
 		'jetpack-widgets',
+		'goodreads-widget',
 	);
 
 	var $plugins_to_deactivate = array(

modules/widgets/goodreads.php

@@ -40,7 +40,11 @@ function __construct() {
 	}
 
 	function enqueue_style() {
-		wp_enqueue_style( 'widget-goodreads', plugins_url( 'css/goodreads.css', __FILE__ ) );
+		if ( is_rtl() ) {
+			wp_enqueue_style( 'goodreads-widget', plugins_url( 'goodreads/css/rtl/goodreads-rtl.css', __FILE__ ) );
+		} else {
+			wp_enqueue_style( 'goodreads-widget', plugins_url( 'goodreads/css/goodreads.css', __FILE__ ) );
+		}
 	}
 
 	function widget( $args, $instance ) {

modules/widgets/goodreads/css/goodreads.css

@@ -0,0 +1,48 @@
+div[class^="gr_custom_container"] {
+	/* customize your Goodreads widget container here*/
+	border: 1px solid gray;
+	border-radius:10px;
+	padding: 10px 5px 10px 5px;
+	background-color: #FFF;
+	color: #000;
+}
+
+div[class^="gr_custom_container"] a {
+	color: #000;
+}
+
+h2[class^="gr_custom_header"] {
+	/* customize your Goodreads header here*/
+	display: none;
+}
+div[class^="gr_custom_each_container"] {
+	/* customize each individual book container here */
+	width: 100%;
+	clear: both;
+	margin-bottom: 10px;
+	overflow: auto;
+	padding-bottom: 4px;
+	border-bottom: 1px solid #aaa;
+}
+div[class^="gr_custom_book_container"] {
+	/* customize your book covers here */
+	float: right;
+	overflow: hidden;
+	height: 60px;
+	margin-left: 4px;
+	width: 39px;
+}
+div[class^="gr_custom_author"] {
+	/* customize your author names here */
+	font-size: 10px;
+}
+div[class^="gr_custom_tags"] {
+	/* customize your tags here */
+	font-size: 10px;
+	color: gray;
+}
+div[class^="gr_custom_review"] {
+}
+div[class^="gr_custom_rating"] {
+	display: none;
+}

modules/widgets/goodreads/css/rtl/goodreads-rtl.css

@@ -0,0 +1,50 @@
+/* This file was automatically generated on Nov 19 2013 15:54:57 */
+
+div[class^="gr_custom_container"] {
+	/* customize your Goodreads widget container here*/
+	border: 1px solid gray;
+	border-radius:10px;
+	padding: 10px 5px 10px 5px;
+	background-color: #FFF;
+	color: #000;
+}
+
+div[class^="gr_custom_container"] a {
+	color: #000;
+}
+
+h2[class^="gr_custom_header"] {
+	/* customize your Goodreads header here*/
+	display: none;
+}
+div[class^="gr_custom_each_container"] {
+	/* customize each individual book container here */
+	width: 100%;
+	clear: both;
+	margin-bottom: 10px;
+	overflow: auto;
+	padding-bottom: 4px;
+	border-bottom: 1px solid #aaa;
+}
+div[class^="gr_custom_book_container"] {
+	/* customize your book covers here */
+	float: left;
+	overflow: hidden;
+	height: 60px;
+	margin-right: 4px;
+	width: 39px;
+}
+div[class^="gr_custom_author"] {
+	/* customize your author names here */
+	font-size: 10px;
+}
+div[class^="gr_custom_tags"] {
+	/* customize your tags here */
+	font-size: 10px;
+	color: gray;
+}
+div[class^="gr_custom_review"] {
+}
+div[class^="gr_custom_rating"] {
+	display: none;
+}