Thème du backend en marron

Remplacement de toutes les couleurs par le marron pour une plus grande harmonie globale.

backend/web/css/screen.css

@@ -2,266 +2,296 @@
  * In this file you should write your main styles. (or centralize your imports)
  * Import this file using the following HTML or equivalent:
  * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
-/* line 8, ../sass/screen.scss */
+/* line 11, ../sass/screen.scss */
 .clr {
   clear: both;
 }
 
-/* line 12, ../sass/screen.scss */
-.nav-header {
-  -moz-box-shadow: 0px 0px 5px black;
-  -webkit-box-shadow: 0px 0px 5px black;
-  box-shadow: 0px 0px 5px black;
+/* line 15, ../sass/screen.scss */
+a {
+  color: #BB8757;
 }
-/* line 14, ../sass/screen.scss */
+/* line 18, ../sass/screen.scss */
+a:hover, a:focus, a:active {
+  color: #9f6e40;
+}
+
+/* line 23, ../sass/screen.scss */
+.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
+  background-color: #BB8757;
+  border: solid 1px #BB8757;
+}
+
+/* line 27, ../sass/screen.scss */
+.pagination > li > a, .pagination > li > span {
+  color: #BB8757;
+}
+/* line 29, ../sass/screen.scss */
+.pagination > li > a:hover, .pagination > li > span:hover {
+  color: #9f6e40;
+}
+
+/* line 35, ../sass/screen.scss */
+.wrap .btn-primary,
+.wrap .btn-success {
+  background-color: #BB8757;
+  border: solid 1px #BB8757;
+}
+/* line 40, ../sass/screen.scss */
+.wrap .btn-primary:hover, .wrap .btn-primary:focus, .wrap .btn-primary:active,
+.wrap .btn-success:hover,
+.wrap .btn-success:focus,
+.wrap .btn-success:active {
+  background-color: #9f6e40;
+  border: solid 1px #9f6e40;
+}
+
+/* line 48, ../sass/screen.scss */
 .nav-header .retour-site {
   border-left: solid 1px #9d9d9d;
   padding: 10px 15px;
 }
 
-/* line 23, ../sass/screen.scss */
+/* line 55, ../sass/screen.scss */
 .navbar-brand .logo {
   height: 40px;
   position: relative;
   top: -10px;
 }
 
-/* line 30, ../sass/screen.scss */
+/* line 62, ../sass/screen.scss */
 .container-body {
-  padding-top: 70px;
+  padding-top: 117px;
+  padding-bottom: 50px;
 }
 
-/* line 34, ../sass/screen.scss */
+/* line 67, ../sass/screen.scss */
 .nom-boulange {
   margin-bottom: 15px;
-  text-align: center;
-}
-/* line 37, ../sass/screen.scss */
-.nom-boulange span {
-  position: relative;
-  top: -12px;
-  background-color: #337ab7;
+  text-align: left;
+  position: fixed;
+  top: 51px;
+  left: 0px;
+  width: 100%;
+  background-color: #BB8757;
   color: white;
-  -moz-border-radius: 0px 0px 5px 5px;
-  -webkit-border-radius: 0px;
-  border-radius: 0px 0px 5px 5px;
+  z-index: 100;
   font-size: 20px;
   padding: 8px 15px;
-  margin-bottom: 20px;
 }
 
-/* line 51, ../sass/screen.scss */
+/* line 83, ../sass/screen.scss */
 .table thead th.actions {
   width: 220px;
 }
-/* line 54, ../sass/screen.scss */
+/* line 86, ../sass/screen.scss */
 .table thead th.order {
   width: 58px;
 }
-/* line 57, ../sass/screen.scss */
+/* line 89, ../sass/screen.scss */
 .table thead th.actif {
   width: 75px;
   text-align: center;
 }
-/* line 63, ../sass/screen.scss */
+/* line 95, ../sass/screen.scss */
 .table tbody td.center {
   text-align: center;
 }
 
-/* line 76, ../sass/screen.scss */
+/* line 108, ../sass/screen.scss */
 #page-commande h1 .btn-group {
   float: right;
 }
-/* line 81, ../sass/screen.scss */
+/* line 113, ../sass/screen.scss */
 #page-commande #jours-production {
   display: none;
 }
-/* line 87, ../sass/screen.scss */
+/* line 119, ../sass/screen.scss */
 #page-commande #calendar h2 {
   font-size: 20px;
   position: relative;
   top: 3px;
 }
-/* line 93, ../sass/screen.scss */
+/* line 125, ../sass/screen.scss */
 #page-commande #calendar .fc-header-title {
   margin-left: 10px;
 }
-/* line 99, ../sass/screen.scss */
+/* line 131, ../sass/screen.scss */
 #page-commande #calendar .dayWithEvent {
   background-color: #fee48d;
   cursor: pointer;
 }
-/* line 103, ../sass/screen.scss */
+/* line 135, ../sass/screen.scss */
 #page-commande #calendar .fc-event-container {
   display: none;
 }
-/* line 104, ../sass/screen.scss */
+/* line 136, ../sass/screen.scss */
 #page-commande #calendar .fc-today {
   border-bottom: solid 1px #C9302C;
   background-color: white;
 }
-/* line 108, ../sass/screen.scss */
+/* line 140, ../sass/screen.scss */
 #page-commande #calendar .fc-today.dayWithEvent {
   background-color: #fee48d;
 }
-/* line 113, ../sass/screen.scss */
+/* line 145, ../sass/screen.scss */
 #page-commande #calendar .fc-day {
   cursor: pointer;
   text-align: center;
 }
-/* line 116, ../sass/screen.scss */
+/* line 148, ../sass/screen.scss */
 #page-commande #calendar .fc-day:hover {
   -moz-box-shadow: 0px 0px 2px black inset;
   -webkit-box-shadow: 0px 0px 2px black inset;
   box-shadow: 0px 0px 2px black inset;
 }
-/* line 121, ../sass/screen.scss */
+/* line 153, ../sass/screen.scss */
 #page-commande #calendar .current-date {
   -moz-box-shadow: 0px 0px 2px black inset;
   -webkit-box-shadow: 0px 0px 2px black inset;
   box-shadow: 0px 0px 2px black inset;
 }
-/* line 125, ../sass/screen.scss */
+/* line 157, ../sass/screen.scss */
 #page-commande #calendar .fc-day-number {
   float: none;
   padding-top: 2px;
 }
-/* line 137, ../sass/screen.scss */
+/* line 169, ../sass/screen.scss */
 #page-commande #produits-production .overflow table {
   width: 100%;
 }
-/* line 141, ../sass/screen.scss */
+/* line 173, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead, #page-commande #produits-production .overflow tbody, #page-commande #produits-production .overflow tr, #page-commande #produits-production .overflow td, #page-commande #produits-production .overflow th {
   display: block;
 }
-/* line 143, ../sass/screen.scss */
+/* line 175, ../sass/screen.scss */
 #page-commande #produits-production .overflow tr:after {
   content: ' ';
   display: block;
   visibility: hidden;
   clear: both;
 }
-/* line 150, ../sass/screen.scss */
+/* line 182, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead th {
   height: 30px;
   /*text-align: left;*/
 }
-/* line 156, ../sass/screen.scss */
+/* line 188, ../sass/screen.scss */
 #page-commande #produits-production .overflow tbody {
   height: 200px;
   overflow-y: auto;
 }
-/* line 161, ../sass/screen.scss */
+/* line 193, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead {
   /* fallback */
 }
-/* line 165, ../sass/screen.scss */
+/* line 197, ../sass/screen.scss */
 #page-commande #produits-production .overflow thead th {
   width: 32%;
   float: left;
 }
-/* line 170, ../sass/screen.scss */
+/* line 202, ../sass/screen.scss */
 #page-commande #produits-production .overflow tbody td {
   width: 33%;
   float: left;
 }
-/* line 176, ../sass/screen.scss */
+/* line 208, ../sass/screen.scss */
 #page-commande #produits-production input.quantite-max {
   background-color: white;
   border: 1px solid #e0e0e0;
   text-align: center;
   width: 50px;
 }
-/* line 184, ../sass/screen.scss */
+/* line 216, ../sass/screen.scss */
 #page-commande #produits-production td label {
   font-weight: normal;
 }
-/* line 190, ../sass/screen.scss */
+/* line 222, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente {
   margin-top: 20px;
 }
-/* line 194, ../sass/screen.scss */
+/* line 226, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente table {
   border-bottom: solid 1px #e0e0e0;
 }
-/* line 198, ../sass/screen.scss */
+/* line 230, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .title-point-vente {
   background-color: #fff8e2;
-  border-left: solid 3px #fdd44b;
+  border-left: solid 3px #BB8757;
   font-weight: bold;
   text-align: left;
   padding: 10px;
 }
-/* line 206, ../sass/screen.scss */
+/* line 238, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .title-totaux {
   text-align: center;
 }
-/* line 210, ../sass/screen.scss */
+/* line 242, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .border-left {
   border-left: solid 1px #e0e0e0;
 }
-/* line 214, ../sass/screen.scss */
+/* line 246, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .border-right {
   border-right: solid 1px #e0e0e0;
 }
-/* line 218, ../sass/screen.scss */
+/* line 250, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente input.quantite {
   width: 30px;
   background-color: white;
   border: solid 1px #e0e0e0;
   text-align: center;
 }
-/* line 226, ../sass/screen.scss */
+/* line 258, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .td-produit {
   text-align: center;
 }
-/* line 230, ../sass/screen.scss */
+/* line 262, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .submit-pv {
   float: right;
 }
-/* line 234, ../sass/screen.scss */
+/* line 266, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .select-user {
   background-color: #F9F9F9;
   border: solid 1px #e0e0e0;
 }
-/* line 239, ../sass/screen.scss */
+/* line 271, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .date-commande {
   font-size: 12px;
 }
-/* line 243, ../sass/screen.scss */
+/* line 275, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .datepicker, #page-commande .form-commandes-point-vente .text {
   background-color: white;
   border: solid 1px #e0e0e0;
   margin-top: 3px;
   width: 100px;
 }
-/* line 251, ../sass/screen.scss */
+/* line 283, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.center {
   text-align: center;
 }
-/* line 257, ../sass/screen.scss */
+/* line 289, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .depasse {
   color: #b32815;
 }
-/* line 261, ../sass/screen.scss */
+/* line 293, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .total strong span {
   font-weight: normal;
   font-size: 13px;
 }
-/* line 266, ../sass/screen.scss */
+/* line 298, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente .vrac {
   display: none;
 }
-/* line 270, ../sass/screen.scss */
+/* line 302, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.client {
   text-align: left;
   padding: 3px;
 }
-/* line 273, ../sass/screen.scss */
+/* line 305, ../sass/screen.scss */
 #page-commande .form-commandes-point-vente td.client .date-commande {
   color: gray;
 }
-/* line 284, ../sass/screen.scss */
+/* line 316, ../sass/screen.scss */
 #page-commande .table-header-rotated td {
   width: 20px;
   padding: 0px;
@@ -271,7 +301,7 @@
   vertical-align: middle;
   text-align: center;
 }
-/* line 294, ../sass/screen.scss */
+/* line 326, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 {
   height: 80px;
   width: 20px;
@@ -283,7 +313,7 @@
   font-size: 12px;
   line-height: 0.8;
 }
-/* line 306, ../sass/screen.scss */
+/* line 338, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 > div {
   position: relative;
   top: 0px;
@@ -300,7 +330,7 @@
   border-right: 1px solid #dddddd;
   border-top: 1px solid #dddddd;
 }
-/* line 322, ../sass/screen.scss */
+/* line 354, ../sass/screen.scss */
 #page-commande .table-header-rotated th.rotate-45 span {
   -ms-transform: skew(45deg, 0deg) rotate(315deg);
   -moz-transform: skew(45deg, 0deg) rotate(315deg);
@@ -323,25 +353,25 @@
   /*whether to display in one line or not*/
 }
 
-/* line 347, ../sass/screen.scss */
+/* line 379, ../sass/screen.scss */
 #email-masse-form #ids-users {
   line-height: 30px;
 }
-/* line 349, ../sass/screen.scss */
+/* line 381, ../sass/screen.scss */
 #email-masse-form #ids-users .label {
   text-transform: capitalize;
 }
 
-/* line 357, ../sass/screen.scss */
+/* line 389, ../sass/screen.scss */
 .produit-create #jours-production .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 361, ../sass/screen.scss */
+/* line 393, ../sass/screen.scss */
 .produit-create #jours-production .form-group label {
   font-weight: normal;
 }
-/* line 366, ../sass/screen.scss */
+/* line 398, ../sass/screen.scss */
 .produit-create .field-produit-id_etablissement {
   display: none;
 }

backend/web/sass/screen.scss

@@ -5,16 +5,48 @@
 
 @import "compass" ;
 
+$color1: #BB8757 ;
+$color2: #F8F1DD ;
+
 .clr {
 	clear: both ;
 }
 
+a {
+    color: $color1; 
+    
+    &:hover, &:focus, &:active {
+        color: darken($color1, 10) ;
+    }
+}
+
+.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
+    background-color: $color1 ;
+    border: solid 1px $color1 ;
+}
+.pagination > li > a, .pagination > li > span {
+    color: $color1 ;
+    &:hover {
+        color: darken($color1, 10) ;
+    }
+}
+
+.wrap {
+    .btn-primary, 
+    .btn-success {
+        background-color: $color1 ;
+        border: solid 1px $color1 ;
+
+        &:hover, &:focus, &:active {
+            background-color: darken($color1, 10) ;
+            border: solid 1px darken($color1, 10) ;
+        }
+    }
+}
+
 .nav-header {
-    @include box-shadow(0px 0px 5px black) ;
     .retour-site {
-        //color: #9d9d9d ;
         border-left : solid 1px #9d9d9d ;
-        //@include border-radius(5px) ;
         padding: 10px 15px ;
     }
 }
@@ -28,22 +60,22 @@
 }
 
 .container-body {
-    padding-top: 70px ;
+    padding-top: 117px ;
+    padding-bottom: 50px ;
 }
 
 .nom-boulange {
     margin-bottom: 15px ;
-    text-align: center ;
-    span {
-        position: relative ;
-        top: -12px ;
-        background-color: #337ab7 ;
-        color: white ;
-        @include border-radius(0px 0px 5px 5px) ;
-        font-size: 20px ;
-        padding: 8px 15px ;
-        margin-bottom: 20px ;
-    }
+    text-align: left ;
+    position: fixed ;
+    top: 51px ;
+    left: 0px ;
+    width: 100% ;
+    background-color: $color1 ;
+    color: white ;
+    z-index: 100 ;
+    font-size: 20px ;
+    padding: 8px 15px ;
 }
 
 .table {
@@ -197,7 +229,7 @@
                 
 		.title-point-vente {
 			background-color: lighten(#fdd44b, 30) ;
-			border-left: solid 3px #fdd44b ;
+			border-left: solid 3px $color1 ;
 			font-weight: bold ; 
                         text-align: left ;
                         padding: 10px ;