4 files changed, 93 insertions, 10 deletions

diff --git a/web/cobrands/fixmybarangay/base.scss b/web/cobrands/fixmybarangay/base.scss
index 39cf9a22c..36ed3ce97 100644
--- a/web/cobrands/fixmybarangay/base.scss
+++ b/web/cobrands/fixmybarangay/base.scss
@@ -9,13 +9,6 @@
   width: 225px !important;
   background: url('images/sprite.png') -3px -3px no-repeat;
 }
-.ie6 #site-logo {
-  background: url('images/ie_logo.gif') 0 -5px no-repeat;
-}
-
-.ie6 body.frontpage #site-logo {
-  background:url(images/ie_front_logo.gif) 0 0 no-repeat;
-}
 
 #barangay_buttons {
     padding: 1em;
@@ -34,4 +27,40 @@ input.yellow-btn{
 body.mappage .nav-wrapper div.nav-wrapper-2 {
   background: url('images/city6.png') 30% 0% repeat-x;
   border-bottom: 2px solid #333;
+}
+
+
+
+// Replace Sprite with cobrand sprite
+
+.ie6 #site-logo {
+  background: url('images/ie_logo.gif') 0 -5px no-repeat;
+}
+.ie7 #site-logo {
+  background: url('images/sprite.png') -3px -3px no-repeat;
+}
+
+.ie6 body.frontpage #site-logo {
+  background:url('images/ie_front_logo.gif') 0 0 no-repeat;
+}
+.ie6 #main-nav ul#mysoc-menu li a#mysoc-logo {
+  background: url('images/ie_mysoc_logo.gif') center no-repeat;
+}
+.ie7 #main-nav ul#mysoc-menu li a#mysoc-logo {
+  background: url('images/sprite.png') -240px -38px no-repeat;
+}
+
+
+.button-right,
+a.button-right,
+:hover.button-right,
+a:hover.button-right {
+  background-image: url('images/sprite.png');
+}
+
+.button-left,
+a.button-left,
+:hover.button-left,
+a:hover.button-left {
+  background-image: url('images/sprite.png');
 }
\ No newline at end of file
diff --git a/web/cobrands/fixmybarangay/images/city7.png b/web/cobrands/fixmybarangay/images/city7.png
new file mode 100644
index 000000000..cea65cb82
--- /dev/null
+++ b/web/cobrands/fixmybarangay/images/city7.png
diff --git a/web/cobrands/fixmybarangay/images/sprite.png b/web/cobrands/fixmybarangay/images/sprite.png
index 18809bac1..cbde4ac7f 100644
--- a/web/cobrands/fixmybarangay/images/sprite.png
+++ b/web/cobrands/fixmybarangay/images/sprite.png
diff --git a/web/cobrands/fixmybarangay/layout.scss b/web/cobrands/fixmybarangay/layout.scss
index 3999870e1..bfbc22fcc 100644
--- a/web/cobrands/fixmybarangay/layout.scss
+++ b/web/cobrands/fixmybarangay/layout.scss
@@ -1,13 +1,25 @@
 @import "_colours";
 @import "../fixmystreet/_layout";
 
+@mixin box_round($radius) {
+  -webkit-border-radius: $radius; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
+          border-radius: $radius; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
+          
+  /* useful if you don't want a bg color from leaking outside the border: */
+  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
+}
+
 body {
   background: #C7B299;
   background-image: url(images/pat3.png);
+  
+  .wrapper{
+    background: url('images/city7.png') 30% 0% repeat-x;
+  }
 }
 
 
-body.frontpage {
+  body.frontpage {
   #site-logo{
     width: 370px !important;
     height: 70px;
@@ -15,7 +27,7 @@ body.frontpage {
   }
   
   .wrapper{
-    background: url('images/city6.png') 30% 0% repeat-x;
+    background: url('images/city7.png') 30% 0% repeat-x;
   }
 }
 #main-nav ul#mysoc-menu li a#mysoc-logo {
@@ -50,10 +62,52 @@ body.frontpage {
     ul {
         &#mysoc-menu {
             background:$primary;
+            padding: 1px 0.5em;
+        }
+        &#main-menu{
+          padding: 3px 0;
+          li{
+            a{
+              //@extend .report-a-problem-btn;
+              color: #fff;
+              padding: 0.7em;
+              background-color: rgba(0,0,0,0);
+              background-image: none;
+              &:hover{
+                background-color: rgba(0,0,0,0.8);
+              }
+            }
+          }
         }
+        
     }
 }
-
+body.mappage #main-nav ul#main-menu li a, 
+body.mappage #main-nav ul#main-menu li span,
+body #main-nav ul#main-menu li a, 
+body #main-nav ul#main-menu li span
+{
+  color: #fff;
+  padding: 0.7em;
+  background-color: rgba(0,0,0,0);
+  background-image: none;
+  @include box_round(0.35em);
+  margin-left: 3px;
+  
+  &.report-a-problem-btn{
+    color: #fff;
+    padding: 0.7em;
+    background-color: rgba(0,0,0,0);
+    background-image: none;
+    margin: 0;
+  }
+  
+  &:hover{
+    background-color: rgba(0,0,0,0.75);
+    background-image: none;
+  }
+  
+}
 #front-howto {
     #front_stats {
         border-top: 0.25em solid #000;