clean hover/focus/disabled btn

This commit is contained in:
Aurélien Delobelle 2017-05-19 14:48:57 +02:00
parent ecce2fda21
commit 0995f712ca
5 changed files with 26 additions and 21 deletions

View file

@ -9,7 +9,7 @@
#history .day { #history .day {
height:40px; height:40px;
line-height:40px; line-height:40px;
background-color:#c8102e; background-color:rgba(200,16,46,0.9);
color:#fff; color:#fff;
padding-left:20px; padding-left:20px;
font-size:16px; font-size:16px;

View file

@ -86,19 +86,24 @@ textarea {
border:0; border:0;
} }
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { .btn-primary:hover,
background-color:#000; .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; color:#FFF;
} }
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus {
background-color: #000;
color: #666;
}
.buttons .nav-pills > li > a { .buttons .nav-pills > li > a {
border-radius:0; 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 { .row-page-header {

View file

@ -143,7 +143,7 @@ input[type=number]::-webkit-outer-spin-button {
height:50px; height:50px;
padding:0 15px; padding:0 15px;
background:#c8102e; background:rgba(200,16,46,0.9);
color:#fff; color:#fff;
font-weight:bold; font-weight:bold;
@ -232,7 +232,7 @@ input[type=number]::-webkit-outer-spin-button {
float:left; float:left;
background:#c8102e; background: rgba(200,16,46,0.9);
color:#FFF; color:#FFF;
font-size:18px; font-size:18px;
@ -243,9 +243,10 @@ input[type=number]::-webkit-outer-spin-button {
overflow: hidden; overflow: hidden;
} }
#special_operations button:focus, #special_operations button:hover { #special_operations button:focus,
#special_operations button:hover {
outline:none; outline:none;
background:#000; background: rgba(200,16,46,1);
color:#fff; color:#fff;
} }
@ -260,15 +261,14 @@ input[type=number]::-webkit-outer-spin-button {
height:100%; height:100%;
float:left; float:left;
border:0; border:0;
border-right:1px solid #c8102e;
border-bottom:1px solid #c8102e;
border-radius:0; border-radius:0;
border-bottom: 1px solid rgba(200,16,46,0.9);
font-size:16px; font-size:16px;
font-weight:bold; font-weight:bold;
} }
#article_selection input+input #article_selection input+span { #article_selection input:first-child {
border-right:0; border-right: 1px dashed rgba(200,16,46,0.9);
} }
#article_autocomplete { #article_autocomplete {
@ -323,7 +323,7 @@ input[type=number]::-webkit-outer-spin-button {
#articles_data table tr.category { #articles_data table tr.category {
height:35px; height:35px;
background-color:#c8102e; background-color:rgba(200,16,46,0.9);
font-size:16px; font-size:16px;
color:#FFF; color:#FFF;
font-weight:bold; font-weight:bold;

View file

@ -39,7 +39,7 @@
} }
.navbar-nav > li > a { .navbar-nav > li > a {
color: #DDD; color: #FFF;
} }
.navbar-nav > li:hover > a, .navbar-nav > li:hover > a,

View file

@ -38,8 +38,8 @@
<div class="buttons"> <div class="buttons">
{% if account.user == request.user %} {% if account.user == request.user %}
<ul class='nav nav-pills nav-justified'> <ul class='nav nav-pills nav-justified'>
<li class="active"><a data-toggle="pill" href="#tab_stats">Statistiques</a></li> <li class="active"><a class="btn btn-primary" data-toggle="pill" href="#tab_stats">Statistiques</a></li>
<li><a data-toggle="pill" href="#tab_history">Historique</a></li> <li><a class="btn btn-primary" data-toggle="pill" href="#tab_history">Historique</a></li>
</ul> </ul>
{% endif %} {% endif %}
<a class="btn btn-primary btn-lg" href="{% url 'kfet.account.update' account.trigramme %}"> <a class="btn btn-primary btn-lg" href="{% url 'kfet.account.update' account.trigramme %}">