matched box shadow on sidebar to material admin theme

django/website/media/css/styles.css

@@ -6480,10 +6480,10 @@ body {
   padding: 30px 15px;
   min-height: 1000px;
   background-color: #edecec;
-  -webkit-box-shadow: inset 5px 0px 10px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: inset 5px 0px 10px rgba(0, 0, 0, 0.2);
-  -o-box-shadow: inset 5px 0px 10px rgba(0, 0, 0, 0.2);
-  box-shadow: inset 5px 0px 10px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: inset 0px 0px 10px rgba(51, 51, 51, 0.38);
+  -moz-box-shadow: inset 0px 0px 10px rgba(51, 51, 51, 0.38);
+  -o-box-shadow: inset 0px 0px 10px rgba(51, 51, 51, 0.38);
+  box-shadow: inset 0px 0px 10px rgba(51, 51, 51, 0.38);
 }
 @media (min-width: 768px) {
   #page-wrapper {

django/website/media/less/internews-mixins.less

@@ -6,9 +6,9 @@
              box-shadow:@arguments;
 }
 
-.box-shadow-inset(@position:inset, @horizontal:5, @vertical:0, @spread:10px, @color: rgba(0,0,0,0.2)) {
+.box-shadow-inset(@position:inset, @horizontal:0, @vertical:0, @spread:10px, @color: rgba(51,51,51,0.38)) {
      -webkit-box-shadow:@arguments;
         -moz-box-shadow:@arguments;
           -o-box-shadow:@arguments;
              box-shadow:@arguments;
-}
+}
\ No newline at end of file

django/website/media/less/internews.less

@@ -14,7 +14,7 @@ body {
     padding: 30px 15px;
     min-height: 1000px;
     background-color: @gray-lighter;
-    .box-shadow-inset(inset, 5px, 0px);
+    .box-shadow-inset(inset, 0px, 0px); 
 }
 
 @media(min-width:768px) {

django/website/templates/Copy of base_side.html

+{% extends "base.html" %}
+{% load i18n %}
+{% block content %}
+<!-- Navigation -->
+	<div class="navbar-default sidebar" role="navigation">
+		<div class="featured-image">
+               <img class="img-responsive" src="{{ STATIC_URL }}images/rsz_west-african-girl.jpg" alt="West African girl" />
+            </div>
+    	<nav class="sidebar-nav navbar-collapse">
+            <ul class="nav" id="side-menu">
+            	<li><a href="{% url "dashboard" %}"><i class="fa fa-dashboard fa-fw"></i> Dashboard</a></li>
+            	<li><a href="{% url "sources" %}"><i class="fa fa-download fa-fw"></i> Sources</a></li>
+                <li><a href="{% url "data-view" %}"><i class="fa fa-pencil fa-fw"></i> View &amp; Edit</a></li>
+            </ul>
+        </nav>
+        <div class="site-info">
+           <p>An <a href="http://www.internews.org" title="Internews website">Internews project</a><br />
+           	Site by<a href="http://www.aptivate.org" title="Aptivate website"> Aptivate</a></p>
+        </div>
+        <!-- /.sidebar-collapse -->
+    </div>
+    <!-- /.sidebar -->
+    <nav class="navbar navbar-inverse navbar-static-top" role="navigation" style="margin-bottom: 0">
+        <div class="navbar-header">
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                <span class="sr-only">Toggle navigation</span>
+            </button>
+            <a class="navbar-brand pull-left" href="/">{% trans "HID  " %}<span class="subtitle">{% trans "Humanitarian Information Dashboard" %}</span></a>
+        </div>
+        <!-- /.navbar-header -->
+    	{% if request.user.is_authenticated %}
+        <ul class="nav navbar-top-links navbar-right">
+            <li class="dropdown">
+                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
+                    <i class="fa fa-user fa-fw"></i>  {{ request.user }}  <i class="fa fa-caret-down"> </i>
+                </a>
+                <ul class="dropdown-menu dropdown-user">
+                    <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a></li>
+                    <li><a href="{% url "logout" %}?next={% url 'login' %}" class=""><i class="fa fa-sign-out fa-fw"></i>{% trans "Log out" %}</a></li>
+                </ul>
+                <!-- /.dropdown-user -->
+            </li>
+        </ul>
+        {% endif %}
+        <!-- /.navbar-top-links -->
+	</nav>
+    <!-- /Navigation -->
+    <!-- Main Content -->
+    <div id="page-wrapper">
+        <div class="row">
+            <div class="col-lg-12">
+            	<div class="row messages-box">
+            	{% if messages %}
+			        <ul class="list-unstyled">
+			            {% for message in messages %}
+			            <li{% if message.tags %} class="alert {{ message.tags }} {% if message.tags == "error" %}bg-danger{% else %}bg-success{% endif %}"{% endif %}>{{ message }}</li>
+			            {% endfor %}
+			        </ul>
+			       {% endif %}
+			    </div>
+            	{% block maincontent %}
+            	{% endblock maincontent %}
+        	</div>
+        </div>
+	</div>
+	<!-- /Main Content -->
+{% endblock content %}