1 files changed, 112 insertions, 0 deletions
diff --git a/WordPress/src/main/res/layout/theme_grid_item.xml b/WordPress/src/main/res/layout/theme_grid_item.xml
new file mode 100644
index 000000000..8c24f3821
--- /dev/null
+++ b/WordPress/src/main/res/layout/theme_grid_item.xml
@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:card_view="http://schemas.android.com/apk/res-auto"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/theme_grid_card_view"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <android.support.v7.widget.CardView
+        android:id="@+id/theme_grid_card"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="@dimen/theme_browser_cardview_margin_large"
+        android:layout_marginLeft="@dimen/theme_browser_cardview_margin_large"
+        android:layout_marginRight="@dimen/theme_browser_cardview_margin_large"
+        card_view:cardCornerRadius="@dimen/cardview_default_radius"
+        card_view:cardElevation="@dimen/card_elevation">
+
+        <RelativeLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_margin="@dimen/cardview_default_radius">
+
+            <FrameLayout
+                android:id="@+id/theme_grid_item_image_layout"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:foreground="?android:attr/selectableItemBackground">
+
+                <org.wordpress.android.ui.FadeInNetworkImageView
+                    android:id="@+id/theme_grid_item_image"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_alignParentTop="true"
+                    android:adjustViewBounds="true"
+                    android:scaleType="fitCenter" />
+
+            </FrameLayout>
+
+            <RelativeLayout
+                android:id="@+id/theme_grid_item_details"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_below="@+id/theme_grid_item_image_layout"
+                android:layout_marginTop="@dimen/cardview_default_radius">
+
+                <LinearLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_centerVertical="true"
+                    android:layout_alignParentLeft="true">
+
+                    <org.wordpress.android.widgets.WPTextView
+                        android:id="@+id/theme_grid_item_name"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:textColor="@color/black"
+                        android:textStyle="bold"
+                        android:layout_marginLeft="@dimen/theme_browser_cardview_header_margin" />
+
+                    <org.wordpress.android.widgets.WPTextView
+                        android:id="@+id/theme_grid_item_price"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:textStyle="bold"
+                        android:textColor="@color/theme_price"
+                        android:layout_marginLeft="@dimen/theme_browser_cardview_margin_large"/>
+
+                    <org.wordpress.android.widgets.WPTextView
+                        android:id="@+id/theme_grid_item_active"
+                        android:textSize="@dimen/text_sz_extra_small"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:textColor="@color/theme_active"
+                        android:textStyle="bold"
+                        android:visibility="gone"
+                        android:textAllCaps="true"
+                        android:text="@string/active"
+                        android:layout_marginLeft="@dimen/theme_browser_cardview_margin_large"/>
+
+                </LinearLayout>
+
+                <LinearLayout
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_alignParentRight="true">
+
+                    <View
+                        android:id="@+id/divider"
+                        android:layout_width="@dimen/theme_browser_separator_thickness"
+                        android:layout_height="match_parent"
+                        android:background="@color/reader_divider_grey" />
+
+                    <ImageButton
+                        android:id="@+id/theme_grid_item_image_button"
+                        android:layout_width="@dimen/theme_browser_more_button_width"
+                        android:layout_height="@dimen/theme_browser_more_button_height"
+                        android:padding="@dimen/theme_browser_more_button_padding"
+                        app:srcCompat="@drawable/ic_action_more_grey"
+                        android:background="?android:attr/selectableItemBackground"
+                        android:adjustViewBounds="true"
+                        android:contentDescription="@string/button_more" />
+
+                </LinearLayout>
+
+            </RelativeLayout>
+
+        </RelativeLayout>
+
+    </android.support.v7.widget.CardView>
+
+</RelativeLayout>