aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/quattro
diff options
context:
space:
mode:
Diffstat (limited to 'view/theme/quattro')
-rw-r--r--view/theme/quattro/colors.less10
-rw-r--r--view/theme/quattro/quattro.less19
-rw-r--r--view/theme/quattro/style.css9
3 files changed, 25 insertions, 13 deletions
diff --git a/view/theme/quattro/colors.less b/view/theme/quattro/colors.less
index 75a53a68a..d79dbca68 100644
--- 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 4c4a002f3..f83cce3ce 100644
--- 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 e2c06125b..e0d22a007 100644
--- 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;
}