--- 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;
+ }
+ }
}
}