diff -r 00bfb7b29d9e -r 391ad752903e src/pyams_skin/resources/less/layout.less --- 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; + } + } } }