Laclic
/
Souke
Volgen 5
Ster 0
Vork 1
Code Kwesties 1 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

Thème du backend en marron 

Remplacement de toutes les couleurs par le marron pour une plus grande harmonie globale.
prodstable
keun 8 jaren geleden
bovenliggende
05e34881ef
commit
97cec7bb09
3 gewijzigde bestanden met toevoegingen van 154 en 92 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. BIN
      backend/web/.sass-cache/c8fef7d48da4dc7f024edc2b0fada9d8d6de5dac/screen.scssc
  2. +106
    -76
      backend/web/css/screen.css
  3. +48
    -16
      backend/web/sass/screen.scss

BIN
backend/web/.sass-cache/c8fef7d48da4dc7f024edc2b0fada9d8d6de5dac/screen.scssc Bestand weergeven


+ 106
- 76
backend/web/css/screen.css Bestand weergeven

@@ -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;
}

+ 48
- 16
backend/web/sass/screen.scss Bestand weergeven

@@ -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 ;

Schrijf Voorbeeld
Laden…
Annuleren
Opslaan