src/pyams_skin/resources/less/layout.less
changeset 118 391ad752903e
parent 100 83cd0ab2d3f5
child 122 ccb749bdafa8
--- a/src/pyams_skin/resources/less/layout.less	Mon Jan 18 18:41:23 2016 +0100
+++ b/src/pyams_skin/resources/less/layout.less	Mon Jan 18 18:45:59 2016 +0100
@@ -61,7 +61,7 @@
 }
 
 .page-title {
-	margin: 12px 0 15px;
+	margin: 7px 0 10px;
 
 	a {
 		color: #6F8696;
@@ -253,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;
@@ -565,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;
@@ -575,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 {
@@ -1059,7 +1153,7 @@
 	}
 }
 
-#shortcut {
+#shortcuts {
 	position: absolute;
 	top: 0;
 	left: 0;
@@ -1101,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;
+				}
+			}
 		}
 	}