quattro: more colors

diff --git a/view/theme/quattro/colors.less b/view/theme/quattro/colors.less
index 75a53a68a48109ea830dc88190a427f9066b2eca..d79dbca68935f30cceaae5fb4f87cc35d91221f5 100644 (file)
--- a/view/theme/quattro/colors.less
+++ b/view/theme/quattro/colors.less
@@ -44,7 +44,17 @@
 @NavbarSelectedBg:@Metalic3;
 @NavbarSelectedBorder: @Metalic2;
 @NavbarNotifBg: @Blue1;
+
 @Menu: @Grey5;
 @MenuBg: @Grey1;
 @MenuBorder: @Metalic3;
+@MenuItem: @Grey5;
+@MenuItemHoverBg: @Metalic1;
+@MenuItemSeparator: @Metalic2;
+@MenuEmpty: @Metalic2;
+@MenuItemDetail: @Metalic2;
+
+@AsideBorder: @Metalic1;
+
+
 

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 4c4a002f3cb91c637c7585c69aee87216d4723f0..f83cce3ce56a36ade52032b0b67d87cf12635a4e 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -6,8 +6,8 @@ body {
        font-size: 12px;
        background-color: @BodyBackground;
        color: @BodyColor;
-       margin: 0px;
-       display:table-row;
+       margin: 50px 0px 0px 0px;
+       display:table;
 }
 
 .shadow(@x: 0px, @y: 5px){
@@ -175,15 +175,15 @@ ul.menu-popup {
        
        .shadow();
        
-               a { display: block; color: @Grey5; padding: 5px 10px;}
-               a:hover { background-color: @Metalic1; }
-               .menu-sep  { border-top: 1px solid @Metalic2; }
+               a { display: block; color: @MenuItem; padding: 5px 10px;}
+               a:hover { background-color: @MenuItemHoverBg; }
+               .menu-sep  { border-top: 1px solid @MenuItemSeparator; }
                li { float: none;  overflow: auto; height: auto; display: block; }
                
                .empty {
                        padding: 5px;
                        text-align: center;
-                       color: @Metalic2;
+                       color: @MenuEmpty;
                }
 }
 
@@ -191,7 +191,7 @@ ul.menu-popup {
        width: 400px;
        img { float: left; margin-right: 5px; }
        .contactname { font-weight: bold; }
-       .notif-when { font-size: 10px; color: @Metalic2; display: block; }
+       .notif-when { font-size: 10px; color: @MenuItemDetail; display: block; }
 }
 
 
@@ -201,12 +201,13 @@ ul.menu-popup {
 aside { 
        display: table-cell;
        width: 200px;
-       padding:50px 10px 0px 20px;
+       padding:0px 10px 0px 20px;
+       border-right: 1px solid @AsideBorder;
 }
 
 /* section */
 section { 
        display: table-cell;
        width: 800px;
-       padding:50px 20px 0px 10px;
+       padding:0px 20px 0px 10px;
 }

diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index e2c06125ba371d576bdd30fed0326754fb72703a..e0d22a007b892bf3e3eaa7b9aaef101f4c9f97b7 100644 (file)
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -7,8 +7,8 @@ body {
   font-size: 12px;
   background-color: #ffffff;
   color: #2d2d2d;
-  margin: 0px;
-  display: table-row;
+  margin: 50px 0px 0px 0px;
+  display: table;
 }
 a, a:link {
   color: #005c94;
@@ -247,11 +247,12 @@ ul.menu-popup .empty {
 aside {
   display: table-cell;
   width: 200px;
-  padding: 50px 10px 0px 20px;
+  padding: 0px 10px 0px 20px;
+  border-right: 1px solid #bdcdd4;
 }
 /* section */
 section {
   display: table-cell;
   width: 800px;
-  padding: 50px 20px 0px 10px;
+  padding: 0px 20px 0px 10px;
 }