From bcad40e48dae617a194beb85f8ff4637cf28a943 Mon Sep 17 00:00:00 2001
From: Cameron <cameron@e107coders.org>
Date: Fri, 24 Jan 2014 03:16:11 -0800
Subject: [PATCH] Bootstrap3 Featurebox responsive-design fix.

---
 .../templates/featurebox_template.php         | 16 +++++++--------
 e107_themes/bootstrap3/style.css              | 20 ++++++++-----------
 2 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/e107_plugins/featurebox/templates/featurebox_template.php b/e107_plugins/featurebox/templates/featurebox_template.php
index afdcbcc85..7f9201be0 100644
--- a/e107_plugins/featurebox/templates/featurebox_template.php
+++ b/e107_plugins/featurebox/templates/featurebox_template.php
@@ -11,7 +11,7 @@ global $sc_style;
 
 // e107 v2.x Defaults. 
 
-$FEATUREBOX_TEMPLATE['bootstrap_carousel_default'] = '{SETIMAGE: w=1900&h=500&crop=1}
+$FEATUREBOX_TEMPLATE['bootstrap_carousel_default'] = '{SETIMAGE: w=1900&h=450&crop=1}
 		<div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}">
 			{FEATUREBOX_IMAGE=placeholder}		
            <div class="container">
@@ -24,13 +24,13 @@ $FEATUREBOX_TEMPLATE['bootstrap_carousel_default'] = '{SETIMAGE: w=1900&h=500&cr
 
 
 $FEATUREBOX_TEMPLATE['bootstrap_carousel_left'] = '
-   <!-- slide -->			 {SETIMAGE: w=600&h=500&crop=1}
+   <!-- slide -->			 {SETIMAGE: w=600&h=450&crop=1}
                             <div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}">
-                                <div class="media container">
-                                    <div class="media-object featurebox-item-image col-lg-6 pull-left ">
+                                <div class="container">
+                                    <div class="featurebox-item-image col-xs-12 col-md-6 col-sm-6 pull-left ">
                                     	{FEATUREBOX_IMAGE=placeholder}
                                      </div>
-                                    <div class="media-body featurebox-item-text span4">
+                                    <div class="featurebox-item-text col-xs-12 col-md-6 col-sm-6 span4">
                                         <h1>
                                             {FEATUREBOX_TITLE}
                                         </h1>
@@ -48,11 +48,11 @@ $FEATUREBOX_TEMPLATE['bootstrap_carousel_left'] = '
 $FEATUREBOX_TEMPLATE['bootstrap_carousel_right'] = '
 							{SETIMAGE: w=600&h=500&crop=1}
  							<div class="{FEATUREBOX_ACTIVE} item slide{FEATUREBOX_COUNTER}">
-                                <div class="media container">
-                                 <div class="featurebox-item-image media-object pull-right span6 col-lg-6">
+                                <div class="container">
+                                 <div class="featurebox-item-image pull-right col-xs-12 col-sm-6 col-md-6 span6">
                                          {FEATUREBOX_IMAGE=placeholder}
                                     </div>
-                                    <div class="featurebox-item-text media-body  animated fadeInUpBig">
+                                    <div class="featurebox-item-text col-xs-12 col-md-6 col-sm-6">
                                         <h1>{FEATUREBOX_TITLE}</h1>
                                         {FEATUREBOX_TEXT}
 										
diff --git a/e107_themes/bootstrap3/style.css b/e107_themes/bootstrap3/style.css
index e659a6168..24929e410 100644
--- a/e107_themes/bootstrap3/style.css
+++ b/e107_themes/bootstrap3/style.css
@@ -73,8 +73,9 @@ body {
 -------------------------------------------------- */
 
 /* Carousel base class */
+
 .featurebox.carousel {
-  height: 500px;
+ 	min-height:460px;
 }
 /* Since positioning the image, we need to help out the caption */
 .carousel-caption {
@@ -83,21 +84,16 @@ body {
 
 /* Declare heights because of positioning of img element */
 .featurebox.carousel .item {
-  height: 500px;
+  min-height:460px;
   background-color: #CCCCCC;
 }
-.carousel-inner > .item > img {
-  position: absolute;
-  top: 0;
-  left: 0;
-  min-width: 100%;
-  height: 500px;
-}
-
-.media-object.featurebox-item-image {
-	margin: 25px 0px;
+
+.featurebox-item-image.pull-left, .featurebox-item-image.pull-right {
+
+  margin-top: 25px;
 }
 
+img.featurebox { border-radius: 5px }
 
 .xurl-social-icons a {
     color: inherit;