From: Damien Lespiau Date: Mon, 14 Dec 2015 18:04:23 +0000 (+0000) Subject: ui: Let the bootstrap inverse navbar style shine through X-Git-Tag: v1.1.0~38 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=33b36c2b3be803643cbcceb638f631cd0ba9a51c;p=thirdparty%2Fpatchwork.git ui: Let the bootstrap inverse navbar style shine through Time for another iteration of the design. Let's start by using the inverse bootsrap style with a slightly whiter color for font for better contrast. That color change has repercussions in the style sheet, mostly in the custom containers/boxes we're still using on the secondary pages (login/register/...) Signed-off-by: Damien Lespiau Acked-by: Stephen Finucane --- diff --git a/htdocs/css/style.css b/htdocs/css/style.css index 96ae8096..e86a88a5 100644 --- a/htdocs/css/style.css +++ b/htdocs/css/style.css @@ -1,11 +1,3 @@ -a { - color: #2E2E70; -} - -a:hover { - color: #0A0A47; -} - h2 { font-size: 25px; margin: 18px 0 18px 0; @@ -30,29 +22,12 @@ pre { } .navbar-patchwork { - background-color: #0A0A47; - border-color: #e7e7e7; - margin-bottom: 0; - border-radius: 0; - color: #fff; -} - -.navbar-patchwork .navbar-toggle { - border-color: #ddd; + border-radius: 0px; + margin-bottom: 0px; } -.navbar-patchwork .nav > li > a:hover, -.navbar-patchwork .nav > li > a:focus { - text-decoration: none; - background-color: #2E2E70; -} - -.navbar-patchwork .navbar-toggle .icon-bar { - background-color: #eee; -} - -.navbar-patchwork a { - color: #fff; +.navbar-patchwork .navbar-nav>li>a { + color: #999; } #breadcrumb { @@ -369,7 +344,7 @@ table.bundlelist td /* forms that appear for a patch */ div.patchform { - border: thin solid gray; + border: thin solid #080808; padding-left: 0.6em; padding-right: 0.6em; float: left; @@ -381,8 +356,8 @@ div.patchform h3 { margin-left: -0.6em; margin-right: -0.6em; padding: 0.3em 0.3em 0.3em 0.6em; - background-color: #0A0A47; - color: white; + background-color: #222; + color: #999; font-size: 100%; } @@ -407,8 +382,8 @@ table.form td { } table.form th.headerrow { - background: #0A0A47; - color: white; + background: #222; + color: #999; font-weight: bold; text-align: center; } @@ -427,7 +402,8 @@ table.form td.form-help { } table.form tr td.submitrow { - border-bottom: 0.2em solid #0A0A47; + border-bottom: 0.2em solid #222; + color: #333; text-align: center; } @@ -472,8 +448,8 @@ table.vertical { border-collapse: collapse; } table.vertical th { - background: #0A0A47; - color: white; + background: #222; + color: #999; font-weight: bold; text-align: center; } @@ -489,14 +465,14 @@ td.numberformat { /* boxes */ div.box { - border: thin solid gray; + border: thin solid #080808; margin: 1em; padding: 0.5em; } div.box h2 { - background: #0A0A47; - color: white; + background: #222; + color: #999; margin: -0.5em -0.5em 1em; -0.5em; padding: 0.3em 0.3em 0.3em 0.6em; font-size: 100%; diff --git a/templates/base.html b/templates/base.html index dec904ba..c0008f73 100644 --- a/templates/base.html +++ b/templates/base.html @@ -24,7 +24,7 @@ {% block headers %}{% endblock %} -