added boxshadow to main regions/ series overview.

UI/AddSeries/RootFolders/Model.js

@@ -1,8 +1,7 @@
 'use strict';
 define(
     [
-        'backbone',
-        'sugar'
+        'backbone'
     ], function (Backbone) {
         return Backbone.Model.extend({
             defaults: {

UI/Content/theme.less

@@ -1,4 +1,6 @@
-body {
+@import "../shared/styles/card";
+
+body {
   background-color : #1c1c1c;
   background-image : url('../content/images/pattern.png');
   margin-bottom    : 100px;
@@ -66,14 +68,12 @@ body h1, body h2, body h3, body h4, body h5, body h6 {
 }
 
 .page {
+  .card(#AAAAAA);
   width            : 1210px;
   min-width        : 1210px;
   margin           : auto;
-  background-color : #ffffff;
-  border-radius    : 6px;
   margin-top       : -70px;
   padding          : 20px 0px;
-  box-shadow       : 0 0 6px rgba(0, 0, 0, 0.1);
   .header {
     padding-bottom : 10px;
     margin-bottom  : 20px;

UI/Series/series.less

@@ -19,6 +19,7 @@
 }
 
 .series-page-header {
+  .card(black);
   background : #000000;
   color      : #ffffff;
   .opacity(0.9);

UI/Shared/Styles/card.less

@@ -1,10 +1,10 @@
 @import "../../Content/prefixer";
 
-.card() {
+.card(@color : #e1e1e1 ) {
   margin           : 10px;
   background-color : #ffffff;
   padding          : 10px;
   color            : #444444;
-  .box-shadow( 0px 0px 10px 1px #e1e1e1);
+  .box-shadow( 0px 0px 10px 1px @color);
   .border-radius(3px);
 }