Merge lp:~ya-bo-ng/ubuntu-brand-guidelines/image-container into lp:ubuntu-brand-guidelines

[Anthony Dillon]

# Done
- Added an image-container class which adds a grey border around images if wrapped

## QA
- Check the css is ok

[Graham Bancroft (gbancroft-canonical)]

Lgtm +1

review: Approve

=== modified file 'css/scratch.css'
--- css/scratch.css	2015-10-23 11:06:32 +0000
+++ css/scratch.css	2016-01-07 12:24:53 +0000
@@ -387,29 +387,6 @@
     border-color: #333;
 }
 
-/*#form-filter-search input[type='text'] {
-    background: url("http://assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-search.png") no-repeat scroll 5px center, none repeat scroll 0 0 #BE3D00;
-        -webkit-border-radius: 6px 6px 6px 6px;
-        -moz-border-radius: 6px 6px 6px 6px;
-    border-radius: 6px 6px 6px 6px;
-    border: 0;
-        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset;
-        -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset;
-    color: #FFFFFF;
-    font-size: 0.813em;
-    height: 24px;
-    margin-bottom: 0;
-    padding-left: 30px;
-        -webkit-transition: all 0.5s ease 0s;
-        -moz-transition: all 0.5s ease 0s;
-    transition: all 0.5s ease 0s;
-    width: 170px;
-}
-#form-filter-search input[type='text']:focus {
-    background-color: #A63603;
-}*/
-
 #form-filter-search input[type='submit'] {
     position: relative;
     top: 3px;
@@ -741,6 +718,15 @@
     padding-left: 20px;
 }
 
+.image-container {
+      background: #ececec;
+      padding: 40px;
+      display: inline-block;
+      width: 100%;
+      text-align: center;
+      box-sizing: border-box;
+}
+
 /* END general */
 
 /* Scopes hero */