Skip to content
Snippets Groups Projects
Commit aec974a1 authored by Anton Akhmerov's avatar Anton Akhmerov
Browse files

change navbar style (should help with #10)

parent 76d06fd9
No related branches found
No related tags found
1 merge request!8Small screens
.navbar-header {
float: left;
padding: 15px;
text-align: center;
width: 100%;
}
.navbar-brand {float:none;}
.navbar-nav {
margin: 0 auto;
display: table;
table-layout: auto;
float: none;
}
.navbar-nav>li {
display: table-cell;
float: none;
text-align: center;
}
.navbar-nav > li > a:hover {
text-decoration:underline;
}
h1 {
text-align: center;
}
......@@ -57,3 +32,25 @@ tt, pre {
-o-hyphens: none;
hyphens: none;
}
.navbar-nav>li {
display: table-cell;
text-align: center;
}
.navbar-nav > li > a:hover {
text-decoration:underline;
}
.navbar-brand {
float: none;
}
.navbar-collapse {
text-align:center;
}
.navbar-nav {
display:inline-block;
float:none;
}
......@@ -12,29 +12,18 @@
<a href="#content" class="sr-only sr-only-focusable">{{ messages("Skip to main content") }}</a>
<!-- Menubar -->
<nav class="navbar navbar-default">
<div class="container">
<a class="navbar-brand" href="{{ abs_link(_link("root", None, lang)) }}">
{% if logo_url %}
<img src="{{ logo_url }}" alt="{{ blog_title|e }}" id="logo" class="img-responsive center-block">
{% endif %}
{% if show_blog_title %}
<span id="blog-title">{{ blog_title|e }}</span>
{% endif %}
</a>
<nav class="navbar navbar-default" role="navigation">
<div class="container"><!-- This keeps the margins nice -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="{{ abs_link(_link("root", None, lang)) }}">
<p>
{% if logo_url %}
<img src="{{ logo_url }}" alt="{{ blog_title }}" id="logo">
{% endif %}
{% if show_blog_title %}
<span id="blog-title">{{ blog_title }}</span>
{% endif %}
</p>
</a>
</div><!-- /.navbar-header -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<div class="havbar-header text-center" id="bs-navbar" aria-expanded="false">
<ul class="nav navbar-nav well well-sm">
{{ base.html_navigation_links() }}
{{ template_hooks['menu']() }}
......@@ -57,7 +46,6 @@
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav>
<!-- End of Menubar -->
<div class="container" id="content" role="main">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment