src/ztfy/myams/resources/less/layout.less
changeset 48 501bdc011ad6
parent 26 b31fe112bb0e
child 118 c87d242a1176
--- 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 {