]> git.ipfire.org Git - thirdparty/patchwork.git/commitdiff
ui: Let the bootstrap inverse navbar style shine through
authorDamien Lespiau <damien.lespiau@intel.com>
Mon, 14 Dec 2015 18:04:23 +0000 (18:04 +0000)
committerStephen Finucane <stephen.finucane@intel.com>
Mon, 8 Feb 2016 19:03:38 +0000 (19:03 +0000)
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 <damien.lespiau@intel.com>
Acked-by: Stephen Finucane <stephen.finucane@intel.com>
htdocs/css/style.css
templates/base.html

index 96ae8096bf641acd53112d6cf8aac4fa2cc7f1df..e86a88a5e00e9ab4ba5f714c9d3c2c25f5927129 100644 (file)
@@ -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%;
index dec904ba1d867d52c52e24aac45097de5db4a2c1..c0008f7325943a4e9c41fbb011a3f15e991e3584 100644 (file)
@@ -24,7 +24,7 @@
 {% block headers %}{% endblock %}
  </head>
  <body>
-  <nav class="navbar navbar-patchwork" role="navigation">
+  <nav class="navbar navbar-inverse navbar-patchwork" role="navigation">
    <div class="container-fluid">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">