Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

WEB-63 - Navbar styles

  • Loading branch information...
commit cbc5a790b3f75c69a61b7bb1c1be8f16f09e08a4 1 parent 0ee4439
@mgallego authored
View
47 src/SFM/PicmntBundle/Resources/public/less/navbar.less
@@ -19,3 +19,50 @@ header {
letter-spacing: -2px;
color: @darkGrey;
}
+
+.navbar {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+.navbar .brand {
+ margin-bottom: 0;
+}
+
+.navbar .nav {
+ position: relative;
+ left: 0;
+ display: block;
+ float: left;
+ margin: 0 10px 0 0;
+}
+
+.navbar .nav.pull-right {
+ float: right; // redeclare due to specificity
+ margin-right: 0; // remove margin on float right nav
+}
+
+.navbar .nav > li {
+ float: left;
+}
+
+// Links
+.navbar .nav > li > a {
+ float: none;
+ // Vertically center the text given @navbarHeight
+ padding: ((@navbarHeight - @baseLineHeight) / 2) 15px ((@navbarHeight - @baseLineHeight) / 2);
+ color: @navbarLinkColor;
+ text-decoration: none;
+ text-shadow: 0 1px 0 @navbarBackgroundHighlight;
+}
+.navbar .nav .dropdown-toggle .caret {
+ margin-top: 8px;
+}
+
+// Hover/focus
+.navbar .nav > li > a:focus,
+.navbar .nav > li > a:hover {
+ background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover/:focus from .active
+ color: @navbarLinkColorHover;
+ text-decoration: none;
+}
View
6 src/SFM/PicmntBundle/Resources/views/layout.html.twig
@@ -5,12 +5,12 @@
<header class="alpha omega">
<nav class="container_12 navbar">
- <div class="grid_1 picmnt-title">
+ <div class="grid_1 picmnt-title brand">
<a href='{{ path("home") }}' title="Picmnt">
<span class="p-letter">P</span><span class="icmnt-word">icmnt</span>
</a>
</div>
- <div class="grid_4 prefix_1 menu">
+ <div class="nav">
<ul class="tooltip-menu unstyled inline">
<li id="explore-tooltip">
<span>{% trans %}Explore{% endtrans %}</span>
@@ -22,7 +22,7 @@
</li>
</ul>
</div>
- <div class="grid_3 prefix_3">
+ <div class="nav pull-right">
<ul class="unstyled inline">
{% if is_granted("IS_AUTHENTICATED_REMEMBERED") or is_granted("IS_AUTHENTICATED_FULLY") %}
<li><a href="{{ path('fos_user_security_logout') }}">{% trans %}Logout{% endtrans %}</a></li>
Please sign in to comment.
Something went wrong with that request. Please try again.