Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

WEB-63 - Navbar styles

  • Loading branch information...
commit cbc5a790b3f75c69a61b7bb1c1be8f16f09e08a4 1 parent 0ee4439
Moises Gallego authored
47 src/SFM/PicmntBundle/Resources/public/less/navbar.less
@@ -19,3 +19,50 @@ header {
19 19 letter-spacing: -2px;
20 20 color: @darkGrey;
21 21 }
  22 +
  23 +.navbar {
  24 + padding-left: 20px;
  25 + padding-right: 20px;
  26 +}
  27 +
  28 +.navbar .brand {
  29 + margin-bottom: 0;
  30 +}
  31 +
  32 +.navbar .nav {
  33 + position: relative;
  34 + left: 0;
  35 + display: block;
  36 + float: left;
  37 + margin: 0 10px 0 0;
  38 +}
  39 +
  40 +.navbar .nav.pull-right {
  41 + float: right; // redeclare due to specificity
  42 + margin-right: 0; // remove margin on float right nav
  43 +}
  44 +
  45 +.navbar .nav > li {
  46 + float: left;
  47 +}
  48 +
  49 +// Links
  50 +.navbar .nav > li > a {
  51 + float: none;
  52 + // Vertically center the text given @navbarHeight
  53 + padding: ((@navbarHeight - @baseLineHeight) / 2) 15px ((@navbarHeight - @baseLineHeight) / 2);
  54 + color: @navbarLinkColor;
  55 + text-decoration: none;
  56 + text-shadow: 0 1px 0 @navbarBackgroundHighlight;
  57 +}
  58 +.navbar .nav .dropdown-toggle .caret {
  59 + margin-top: 8px;
  60 +}
  61 +
  62 +// Hover/focus
  63 +.navbar .nav > li > a:focus,
  64 +.navbar .nav > li > a:hover {
  65 + background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover/:focus from .active
  66 + color: @navbarLinkColorHover;
  67 + text-decoration: none;
  68 +}
6 src/SFM/PicmntBundle/Resources/views/layout.html.twig
@@ -5,12 +5,12 @@
5 5
6 6 <header class="alpha omega">
7 7 <nav class="container_12 navbar">
8   - <div class="grid_1 picmnt-title">
  8 + <div class="grid_1 picmnt-title brand">
9 9 <a href='{{ path("home") }}' title="Picmnt">
10 10 <span class="p-letter">P</span><span class="icmnt-word">icmnt</span>
11 11 </a>
12 12 </div>
13   - <div class="grid_4 prefix_1 menu">
  13 + <div class="nav">
14 14 <ul class="tooltip-menu unstyled inline">
15 15 <li id="explore-tooltip">
16 16 <span>{% trans %}Explore{% endtrans %}</span>
@@ -22,7 +22,7 @@
22 22 </li>
23 23 </ul>
24 24 </div>
25   - <div class="grid_3 prefix_3">
  25 + <div class="nav pull-right">
26 26 <ul class="unstyled inline">
27 27 {% if is_granted("IS_AUTHENTICATED_REMEMBERED") or is_granted("IS_AUTHENTICATED_FULLY") %}
28 28 <li><a href="{{ path('fos_user_security_logout') }}">{% trans %}Logout{% endtrans %}</a></li>

0 comments on commit cbc5a79

Please sign in to comment.
Something went wrong with that request. Please try again.