quattro: more colors
This commit is contained in:
parent
62295af1f2
commit
54f0685a03
3 changed files with 25 additions and 13 deletions
|
@ -44,7 +44,17 @@
|
||||||
@NavbarSelectedBg:@Metalic3;
|
@NavbarSelectedBg:@Metalic3;
|
||||||
@NavbarSelectedBorder: @Metalic2;
|
@NavbarSelectedBorder: @Metalic2;
|
||||||
@NavbarNotifBg: @Blue1;
|
@NavbarNotifBg: @Blue1;
|
||||||
|
|
||||||
@Menu: @Grey5;
|
@Menu: @Grey5;
|
||||||
@MenuBg: @Grey1;
|
@MenuBg: @Grey1;
|
||||||
@MenuBorder: @Metalic3;
|
@MenuBorder: @Metalic3;
|
||||||
|
@MenuItem: @Grey5;
|
||||||
|
@MenuItemHoverBg: @Metalic1;
|
||||||
|
@MenuItemSeparator: @Metalic2;
|
||||||
|
@MenuEmpty: @Metalic2;
|
||||||
|
@MenuItemDetail: @Metalic2;
|
||||||
|
|
||||||
|
@AsideBorder: @Metalic1;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -6,8 +6,8 @@ body {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
background-color: @BodyBackground;
|
background-color: @BodyBackground;
|
||||||
color: @BodyColor;
|
color: @BodyColor;
|
||||||
margin: 0px;
|
margin: 50px 0px 0px 0px;
|
||||||
display:table-row;
|
display:table;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shadow(@x: 0px, @y: 5px){
|
.shadow(@x: 0px, @y: 5px){
|
||||||
|
@ -175,15 +175,15 @@ ul.menu-popup {
|
||||||
|
|
||||||
.shadow();
|
.shadow();
|
||||||
|
|
||||||
a { display: block; color: @Grey5; padding: 5px 10px;}
|
a { display: block; color: @MenuItem; padding: 5px 10px;}
|
||||||
a:hover { background-color: @Metalic1; }
|
a:hover { background-color: @MenuItemHoverBg; }
|
||||||
.menu-sep { border-top: 1px solid @Metalic2; }
|
.menu-sep { border-top: 1px solid @MenuItemSeparator; }
|
||||||
li { float: none; overflow: auto; height: auto; display: block; }
|
li { float: none; overflow: auto; height: auto; display: block; }
|
||||||
|
|
||||||
.empty {
|
.empty {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: @Metalic2;
|
color: @MenuEmpty;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -191,7 +191,7 @@ ul.menu-popup {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
img { float: left; margin-right: 5px; }
|
img { float: left; margin-right: 5px; }
|
||||||
.contactname { font-weight: bold; }
|
.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 {
|
aside {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
padding:50px 10px 0px 20px;
|
padding:0px 10px 0px 20px;
|
||||||
|
border-right: 1px solid @AsideBorder;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* section */
|
/* section */
|
||||||
section {
|
section {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
width: 800px;
|
width: 800px;
|
||||||
padding:50px 20px 0px 10px;
|
padding:0px 20px 0px 10px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,8 +7,8 @@ body {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
color: #2d2d2d;
|
color: #2d2d2d;
|
||||||
margin: 0px;
|
margin: 50px 0px 0px 0px;
|
||||||
display: table-row;
|
display: table;
|
||||||
}
|
}
|
||||||
a, a:link {
|
a, a:link {
|
||||||
color: #005c94;
|
color: #005c94;
|
||||||
|
@ -247,11 +247,12 @@ ul.menu-popup .empty {
|
||||||
aside {
|
aside {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
padding: 50px 10px 0px 20px;
|
padding: 0px 10px 0px 20px;
|
||||||
|
border-right: 1px solid #bdcdd4;
|
||||||
}
|
}
|
||||||
/* section */
|
/* section */
|
||||||
section {
|
section {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
width: 800px;
|
width: 800px;
|
||||||
padding: 50px 20px 0px 10px;
|
padding: 0px 20px 0px 10px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue