1 // Quattro Theme LESS file
5 font-family: Liberation Sans,helvetica,arial,clean,sans-serif;
7 background-color: @BodyBackground;
13 .shadow(@x: 0px, @y: 5px){
14 -webkit-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
15 -moz-box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
16 box-shadow:@x @y 10px rgba(0, 0, 0, 0.7);
19 .rounded(@tr: 5px, @tl: 5px, @bl: 5px, @br: 5px){
20 -moz-border-radius: @arguments;
21 -webkit-border-radius: @arguments;
22 border-radius: @arguments;
25 .roundbottom (@radius: 5px){ .rounded(0, 0, @radius, @radius); }
26 .roundtop (@radius: 5px){ .rounded(@radius, @radius, 0, 0); }
28 a, a:link { color: @Link; text-decoration: none; }
29 a:visited { color: @LinkVisited; text-decoration: none; }
30 a:hover {color: @LinkHover; text-decoration: underline; }
32 .left { float: left; }
33 .right { float: right; }
39 &.notify { background-image: url("../../../images/icons/notify_off_@{size}.png"); }
40 &.gear { background-image: url("../../../images/icons/gear_@{size}.png"); }
45 background-color: transparent ;
46 background-repeat: no-repeat;
47 background-position: center center;
53 width:22px; height: 22px;
64 position: fixed; left: 43%; right: 43%; top: 0px;
65 margin: 0px; padding: 0px;
66 /*width: 100%; height: 12px; */
77 a, a:active, a:visited, a:link, a:hover { color: @Grey1; text-decoration: none; outline: none; vertical-align: bottom; }
78 #logo-img { height: 22px; margin-top:5px;}
79 #logo-text { font-size: 22px }
84 width: 100%; height: 32px;
85 position: fixed; left: 0px; top: 0px;
87 background-color: @NavbarBackground;
92 a, a:active, a:visited, a:link, a:hover { color: @Banner; text-decoration: none; outline: none; }
99 margin: 0px; padding: 0px;
101 .menu-popup{ left: 0px; right: auto; }
114 background-color: @NavbarSelectedBg;
117 img { width: 22px; height: 22px; }
118 .nav-notify { top: 3px; }
125 margin: 3px 15px 0px;
127 border-bottom: 3px solid @NavbarBackground;
129 border-bottom: 3px solid @NavbarSelectedBorder;
137 background-color: @NavbarNotifBg;
146 &.show{ display: block; }
156 .menu-popup{ right: 0px; left: auto; }
159 #nav-notifications-linkmenu.selected .icon.s22.notify { background-image: url("../../../images/icons/notify_on_22.png") }
160 #nav-apps-link.selected { background-color: @NavbarSelectedBg; }
173 border: 3px solid @MenuBorder;
178 a { display: block; color: @Grey5; padding: 5px 10px;}
179 a:hover { background-color: @Metalic1; }
180 .menu-sep { border-top: 1px solid @Metalic2; }
181 li { float: none; overflow: auto; height: auto; display: block; }
190 #nav-notifications-menu {
192 img { float: left; margin-right: 5px; }
193 .contactname { font-weight: bold; }
194 .notif-when { font-size: 10px; color: @Metalic2; display: block; }
204 padding:50px 10px 0px 20px;
211 padding:50px 20px 0px 10px;