--- a/src/ztfy/myams/resources/less/layout.less Wed Jun 11 13:31:12 2014 +0200
+++ b/src/ztfy/myams/resources/less/layout.less Wed Jul 02 10:28:23 2014 +0200
@@ -113,9 +113,6 @@
padding-right: 5px;
background: #fff;
}
- >:first-child {
- width: 220px;
- }
>div {
display: inline-block;
vertical-align: middle;
@@ -151,9 +148,9 @@
}
#top-links {
-
>div {
display: inline-block;
+ float: left;
@media (min-width: 768px) and (max-width: 1089px) {
display: none;
@@ -167,7 +164,6 @@
}
}
}
-
.top-menu {
display: inline-block;
padding: 7px 13px 0;
@@ -190,7 +186,39 @@
text-align: left;
}
}
+.top-tabs {
+ display: inline-block;
+ padding: 7px 13px 0;
+ position: relative;
+ >span {
+ display: block;
+ }
+ >:first-child {
+ display: block;
+ color: #bfbfbf;
+ font-size: 10px;
+ font-weight: 700;
+ text-transform: uppercase;
+ text-shadow: 0 0 1px #fff;
+ padding-left: 5px;
+ text-align: left;
+ }
+ .nav-tabs {
+ li {
+ a {
+ padding: 2px 10px 3px!important;
+ border-color: #ccc #ccc transparent;
+ box-shadow: 0px -2px 3px #ccc;
+ margin-top: 3px!important;
+ }
+ &.active a {
+ margin-top: 3px!important;
+ padding: 2px 10px 3px!important;
+ }
+ }
+ }
+}
.top-selector {
max-width: 97%;
white-space: nowrap;
@@ -300,11 +328,27 @@
}
#logo-group {
+ width: 220px;
+
+ @media only screen and (min-width:480px) and (max-width:1089px) {
+ width: 175px;
+ }
@media only screen and (min-width:320px) and (max-width:479px) {
width: 169px!important;
}
}
+.uv-icon {
+ position: absolute!important;
+ left: 155px!important;
+ top: 5px!important;
+ z-index: 500!important;
+
+ @media only screen and (min-width:0) and (max-width:1089px) {
+ left: 130px!important;
+ }
+}
+
#activity.active .badge {
background: #006fa6!important;
}
@@ -1011,6 +1055,12 @@
}
}
}
+
+ .version {
+ position: absolute;
+ right: 10px;
+ bottom: 10px;
+ }
}
.shortcut-on #response-btn {