From 0995f712ca43d429c31aa4ffe80893b29617575a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Delobelle?= <aurelien.delobelle@gmail.com>
Date: Fri, 19 May 2017 14:48:57 +0200
Subject: [PATCH] clean hover/focus/disabled btn

---
 kfet/static/kfet/css/history.css      |  2 +-
 kfet/static/kfet/css/index.css        | 21 +++++++++++++--------
 kfet/static/kfet/css/kpsul.css        | 18 +++++++++---------
 kfet/static/kfet/css/nav.css          |  2 +-
 kfet/templates/kfet/left_account.html |  4 ++--
 5 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/kfet/static/kfet/css/history.css b/kfet/static/kfet/css/history.css
index 77ccaebb..dff7a455 100644
--- a/kfet/static/kfet/css/history.css
+++ b/kfet/static/kfet/css/history.css
@@ -9,7 +9,7 @@
 #history .day {
     height:40px;
     line-height:40px;
-    background-color:#c8102e;
+    background-color:rgba(200,16,46,0.9);
     color:#fff;
     padding-left:20px;
     font-size:16px;
diff --git a/kfet/static/kfet/css/index.css b/kfet/static/kfet/css/index.css
index 864c1b47..96379289 100644
--- a/kfet/static/kfet/css/index.css
+++ b/kfet/static/kfet/css/index.css
@@ -86,19 +86,24 @@ textarea {
     border:0;
 }
 
-.btn-primary:hover, .btn-primary.focus, .btn-primary:focus {
-    background-color:#000;
+.btn-primary:hover,
+.btn-primary.focus,
+.btn-primary:focus,
+.buttons .nav-pills > li.active > a,
+.buttons .nav-pills > li > a:hover,
+.buttons .nav-pills > li > a:focus {
+    background-color:rgba(200,16,46,1);
     color:#FFF;
 }
 
+.btn-primary[disabled]:hover,
+.btn-primary[disabled]:focus {
+    background-color: #000;
+    color: #666;
+}
+
 .buttons .nav-pills > li > a {
     border-radius:0;
-    border:1px solid rgba(200,16,46,0.9);
-}
-
-.buttons .nav-pills > li.active > a {
-    background-color:rgba(200,16,46,0.9);
-    background-clip:padding-box;
 }
 
 .row-page-header {
diff --git a/kfet/static/kfet/css/kpsul.css b/kfet/static/kfet/css/kpsul.css
index 59f13948..4b60aa7b 100644
--- a/kfet/static/kfet/css/kpsul.css
+++ b/kfet/static/kfet/css/kpsul.css
@@ -143,7 +143,7 @@ input[type=number]::-webkit-outer-spin-button {
     height:50px;
     padding:0 15px;
 
-    background:#c8102e;
+    background:rgba(200,16,46,0.9);
     color:#fff;
 
     font-weight:bold;
@@ -232,7 +232,7 @@ input[type=number]::-webkit-outer-spin-button {
 
     float:left;
 
-    background:#c8102e;
+    background: rgba(200,16,46,0.9);
     color:#FFF;
 
     font-size:18px;
@@ -243,9 +243,10 @@ input[type=number]::-webkit-outer-spin-button {
     overflow: hidden;
 }
 
-#special_operations button:focus, #special_operations button:hover {
+#special_operations button:focus,
+#special_operations button:hover {
     outline:none;
-    background:#000;
+    background: rgba(200,16,46,1);
     color:#fff;
 }
 
@@ -260,15 +261,14 @@ input[type=number]::-webkit-outer-spin-button {
     height:100%;
     float:left;
     border:0;
-    border-right:1px solid #c8102e;
-    border-bottom:1px solid #c8102e;
     border-radius:0;
+    border-bottom: 1px solid rgba(200,16,46,0.9);
     font-size:16px;
     font-weight:bold;
 }
 
-#article_selection input+input #article_selection input+span {
-    border-right:0;
+#article_selection input:first-child {
+    border-right: 1px dashed rgba(200,16,46,0.9);
 }
 
 #article_autocomplete {
@@ -323,7 +323,7 @@ input[type=number]::-webkit-outer-spin-button {
 
 #articles_data table tr.category {
     height:35px;
-    background-color:#c8102e;
+    background-color:rgba(200,16,46,0.9);
     font-size:16px;
     color:#FFF;
     font-weight:bold;
diff --git a/kfet/static/kfet/css/nav.css b/kfet/static/kfet/css/nav.css
index c2c5e319..d791a188 100644
--- a/kfet/static/kfet/css/nav.css
+++ b/kfet/static/kfet/css/nav.css
@@ -39,7 +39,7 @@
 }
 
 .navbar-nav > li > a {
-    color: #DDD;
+    color: #FFF;
 }
 
 .navbar-nav > li:hover > a,
diff --git a/kfet/templates/kfet/left_account.html b/kfet/templates/kfet/left_account.html
index 5607cbc2..6eda83b1 100644
--- a/kfet/templates/kfet/left_account.html
+++ b/kfet/templates/kfet/left_account.html
@@ -38,8 +38,8 @@
 <div class="buttons">
   {% if account.user == request.user %}
   <ul class='nav nav-pills nav-justified'>
-    <li class="active"><a data-toggle="pill" href="#tab_stats">Statistiques</a></li>
-    <li><a data-toggle="pill" href="#tab_history">Historique</a></li>
+    <li class="active"><a class="btn btn-primary" data-toggle="pill" href="#tab_stats">Statistiques</a></li>
+    <li><a class="btn btn-primary" data-toggle="pill" href="#tab_history">Historique</a></li>
   </ul>
   {% endif %}
   <a class="btn btn-primary btn-lg" href="{% url 'kfet.account.update' account.trigramme %}">