Changement du theme de la nav bar

change du style de la nav bar
ajout de la tranparance
changement de la couleur de la police
ajout d’un css
This commit is contained in:
Jerome Morjon 2015-02-20 02:17:28 +01:00
parent ffeed0761c
commit 5b03b1ac6e
5 changed files with 68 additions and 43 deletions

View File

@ -2730,7 +2730,7 @@ select[multiple].form-group-lg .form-control {
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border: 1px solid #0066FF;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;

31
SRC/public/css/navbar.css Normal file
View File

@ -0,0 +1,31 @@
.navbar
{
background: rgba(0,0,0, 0.45);
}
.navbar-default .navbar-brand
{
color: white;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: silver;
background-color: transparent;
}
.navbar-default .navbar-text {
color: white;
}
.navbar-default .navbar-text:hover {
color: silver;
}
.navbar-default .navbar-nav > li > a {
color: white;
}
.navbar-default .navbar-nav:hover > li > a {
color: silver;
}

View File

@ -28,7 +28,7 @@ background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */
border-radius: 7px;
border: 1px solid grey;
box-shadow: 0px 0px 2px dimgrey;
width : 20%;
width : 25%;
}
.listg legend
@ -91,11 +91,6 @@ background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */
width : 15%;
}
.motCle
{
float: left;
}
/* switch checkbox */
.ios7-switch {

View File

@ -1,3 +1,4 @@
<link href="css/navbar.css" rel="stylesheet" type="text/css"/>
<nav class="navbar navbar-default">
<div class="container-fluid">
<a class="navbar-brand" href="#">Espace {{ $nameRoute }}</a>

View File

@ -100,43 +100,41 @@
<div class="col-md-8 filtred">
<legend>Ajout de filtres</legend>
<h4>Par critère:</h4>
<select class="form-control comboSearch">
<option selected="selected">Selectionner catégorie</option>
<option>1</option>
<option>2</option>
</select>
<select class="form-control comboSearch">
<option selected="selected">Tous les éléments</option>
<option>1</option>
<option>2</option>
</select>
<button style="margin-top: 5px" class="btn btn-primary">Ajouter</button>
<br><br>
<div class="input-group motCle form-inline">
<input type="text" class="form-control" id="exampleInputAmount" placeholder="Par mot clé">
<button type="submit" class="btn btn-primary">Ajouter</button>
</div>
<div>
<legend>Critères</legend>
<select class="form-control comboSearch">
<option selected="selected">Selectionner catégorie</option>
<option>1</option>
<option>2</option>
</select>
<select class="form-control comboSearch">
<option selected="selected">Tous les éléments</option>
<option>1</option>
<option>2</option>
</select>
<button style="margin-top: 5px" class="btn btn-primary">Ajouter</button>
<form class="form-inline">
<legend>Mes filtres</legend>
<table class="table">
<tr>
<td>Montagne: noire</td>
<td>Supprimer</td>
</tr>
<tr>
<td>couleur: bleu</td>
<td>Supprimer</td>
</tr>
<tr>
<td>âge: 10 ans</td>
<td>Supprimer</td>
</tr>
</table>
</div>
</div>
<form class="form-inline">
<legend>Mes filtres</legend>
<table class="table">
<tr>
<td>Montagne: noire</td>
<td>Supprimer</td>
</tr>
<tr>
<td>couleur: bleu</td>
<td>Supprimer</td>
</tr>
<tr>
<td>âge: 10 ans</td>
<td>Supprimer</td>
</tr>
</table>
</form>
</div>
@endsection