src/ztfy/myams/resources/less/layout.less
changeset 156 61176c64158d
parent 130 e3cb023c73b6
child 161 665e38dc7b52
--- a/src/ztfy/myams/resources/less/layout.less	Fri Jan 29 15:36:00 2016 +0100
+++ b/src/ztfy/myams/resources/less/layout.less	Fri Jan 29 15:37:22 2016 +0100
@@ -61,8 +61,11 @@
 }
 
 .page-title {
-	margin: 12px 0 15px;
+	margin: 7px 0 10px;
 
+	a {
+		color: #6F8696;
+	}
 	a:hover,
 	a:active {
 		text-decoration: none;
@@ -189,6 +192,16 @@
 		padding-left: 0;
 		text-align: left;
 	}
+	&.bordered {
+		background-color: white;
+		padding-top: 4px;
+		padding-bottom: 9px;
+		border-color: silver;
+		border-width: 2px 2px 0;
+		border-style: solid;
+		border-radius: 8px 8px 0 0;
+		margin-left: -1px;
+	}
 }
 .top-tabs {
 	display: inline-block;
@@ -240,6 +253,83 @@
 }
 
 
+#user-menu {
+	position: relative;
+
+	.btn {
+		position: relative;
+		margin-top: 10px;
+		margin-bottom: 8px;
+		padding: 3px 6px 3px 0;
+		width: 60px;
+
+		@media (max-width: 767px) {
+			margin-top: 5px;
+			margin-left: 5px!important;
+			width: 40px;
+			padding-top: 5px;
+			padding-bottom: 4px;
+
+			i.fa {
+				float: none!important;
+				font-size: 150%;
+			}
+		}
+		img,
+		i.img {
+			position: absolute;
+			left: -1px;
+			top: -4px;
+			border: solid 1px white;
+			padding: 2px;
+			background-color: white;
+			transform: rotate(-7deg);
+
+			@media (max-width: 767px) {
+				display: none;
+			}
+		}
+		i.img {
+			width: 34px;
+			height: 34px;
+			color: #999;
+			opacity: 1;
+			font-size: 220%;
+		}
+
+		&:active {
+			img,
+			i.img {
+				left: -2px;
+				top: -5px;
+			}
+		}
+	}
+	@media (max-width: 767px) {
+		.dropdown-menu {
+			a {
+				width: auto!important;
+			}
+		}
+	}
+}
+
+
+#user-activity {
+	position: relative;
+
+	.badge {
+		position: absolute;
+		top: 2px;
+		right: -8px;
+
+		@media (max-width: 767px) {
+			top: -2px;
+		}
+	}
+}
+
+
 #login-info {
 	@media (max-width:979px) {
 		display: none;
@@ -552,6 +642,18 @@
 		background: 0 0;
 		vertical-align: top;
 
+		li.strong {
+			a {
+				line-height: 1em;
+				font-weight: bold;
+				font-size: 120%;
+				color: white!important;
+
+				@media only screen and (min-width:0) and (max-width:679px) {
+					color: #333!important;
+				}
+			}
+		}
 		&,
 		a {
 			color: #ddd!important;
@@ -562,7 +664,12 @@
 			}
 		}
 		>li+li:before {
-			padding: 0 1px 0 5px;
+			padding: 0 3px;
+			//font-size: 14px;
+			//font-weight: normal;
+		}
+		>li+li.strong:before {
+			padding-right: 1px;
 		}
 		li:last-child,
 		>.active {
@@ -742,14 +849,14 @@
 		}
 	}
 	img {
-		width: 25px;
+		width: 24px;
 		height: auto;
 		display: inline-block;
 		vertical-align: middle;
-		margin-top: -3px;
-		margin-right: 7px;
+		margin-top: -6px;
+		margin-right: 0;
 		margin-left: 0;
-		border-left: 3px solid #fff;
+		border-left: 0;
 	}
 }
 
@@ -1088,6 +1195,19 @@
 					top: 0;
 				}
 			}
+			a {
+				display: inline-block;
+				box-sizing: content-box;
+				text-transform: capitalize;
+				font-size: 14px;
+				color: #333;
+				text-decoration: none;
+
+				span {
+					display: inline-block;
+					padding: 0 0 0 10px;
+				}
+			}
 		}
 	}