diff options
| author | Damien Lespiau <damien.lespiau@intel.com> | 2014-09-09 14:22:25 +0100 |
|---|---|---|
| committer | Stephen Finucane <stephen.finucane@intel.com> | 2015-11-05 03:51:32 +0000 |
| commit | 6d854ab67ac01d62cbb29d299c5cfc6c4ac26083 (patch) | |
| tree | e7570936c1f59df660c1d49d51d19f817e7e81bd /htdocs/css | |
| parent | c3598af342223f6384c9873e533277bc76f77119 (diff) | |
| download | patchwork-6d854ab67ac01d62cbb29d299c5cfc6c4ac26083.tar patchwork-6d854ab67ac01d62cbb29d299c5cfc6c4ac26083.tar.gz | |
templates: Redesign the title bar
Let's use HTML5 <nav> and bootstrap navigation facilities for this.
Among the nice things that bootstrap brings to the table, the navigation
bar is now mobile friendly: it will collapse when either, being
displayed on a mobile device or when the screen isn't wide enough, to
show the various items in a togglable menu. This can be tested by
resizing the browser to have a width < 768px.
This commit is just about layout changes, keeping the exact same
information displayed on the page.
This is based on work from Belén Barros Peña, but transposed to
bootstrap.
Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
Acked-by: Stephen Finucane <stephen.finucane@intel.com>
Diffstat (limited to 'htdocs/css')
| -rw-r--r-- | htdocs/css/style.css | 41 |
1 files changed, 18 insertions, 23 deletions
diff --git a/htdocs/css/style.css b/htdocs/css/style.css index 16a66d4..2d8a6b2 100644 --- a/htdocs/css/style.css +++ b/htdocs/css/style.css @@ -12,35 +12,30 @@ a:hover { top: 17em; } +.navbar-patchwork { + background-color: #0A0A47; + border-color: #e7e7e7; + margin-bottom: 0; + border-radius: 0; + color: #fff; +} -#title { - background: url('/static/images/title-background.png') top left repeat-x; - background-color: #786fb4; - margin: 0px; - padding-top: 0.1em; - padding-bottom: 0.0em; - padding-left: 2em; +.navbar-patchwork .navbar-toggle { + border-color: #ddd; } -#title h1, #title h1 a { - font-size: 16pt; - color: white; - margin-bottom: 0; +.navbar-patchwork .nav > li > a:hover, +.navbar-patchwork .nav > li > a:focus { + text-decoration: none; + background-color: #2E2E70; } -#auth { - border-left: thin solid white; - padding-top: 0em; - padding-left: 1.5em; - padding-right: 1.5em; - padding-top: 0.5em; - padding-bottom: 0.5em; - font-size: 90%; - float: right; - color: white; +.navbar-patchwork .navbar-toggle .icon-bar { + background-color: #eee; } -#auth a { - color: white; + +.navbar-patchwork a { + color: #fff; } #nav { |