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

Intégration page tarif : hauteur des panels #378

refactoring
Fabien Normand 2 jaren geleden
bovenliggende
d8683f4e91
commit
34ab7d9170
4 gewijzigde bestanden met toevoegingen van 165 en 133 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. +10
    -10
      frontend/views/site/prices.php
  2. +138
    -121
      frontend/web/css/screen.css
  3. +11
    -1
      frontend/web/sass/_responsive.scss
  4. +6
    -1
      frontend/web/sass/screen.scss

+ 10
- 10
frontend/views/site/prices.php Bestand weergeven

@@ -48,8 +48,8 @@ $this->setMeta('description', 'Découvrez les tarifs de l\application Opendistri
<?= $this->render('_prices_producer', ['dataProviderPrices' => $dataProviderPrices, 'noButton'=> true]); ?>

<div id="site-prices">
<div class="row">
<div class="col-md-6 producer">
<div class="row equal">
<div class="col-md-6 col-xs-12 producer">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
@@ -66,7 +66,7 @@ $this->setMeta('description', 'Découvrez les tarifs de l\application Opendistri
</div>
</div>
</div>
<div class="col-md-6 producer">
<div class="col-md-6 col-xs-12 producer">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
@@ -82,8 +82,8 @@ $this->setMeta('description', 'Découvrez les tarifs de l\application Opendistri
</div>
</div>

<div class="row">
<div class="col-md-6 producer">
<div class="row equal">
<div class="col-md-6 col-xs-12 producer">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
@@ -107,7 +107,7 @@ $this->setMeta('description', 'Découvrez les tarifs de l\application Opendistri
</div>
</div>
</div>
<div class="col-md-6 producer">
<div class="col-md-6 col-xs-12 producer">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
@@ -123,8 +123,8 @@ $this->setMeta('description', 'Découvrez les tarifs de l\application Opendistri
</div>
</div>

<div class="row">
<div class="col-md-6 producer">
<div class="row equal">
<div class="col-md-6 col-xs-12 producer">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
@@ -141,14 +141,14 @@ $this->setMeta('description', 'Découvrez les tarifs de l\application Opendistri
</div>
</div>
</div>
<div class="col-md-6 producer">
<div class="col-md-6 col-xs-12 producer">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<span class="the-title">Durée d'engagement</span>
</h2>
</div>
<div class="panel-body">
<div class="panel-body ">
<p>Ce service est sans engagement de durée. Si vous souhaitez arrêter, vous aurez simplement à le configurer dans vos
paramètres en mettant hors-ligne votre compte.</p>
</div>

+ 138
- 121
frontend/web/css/screen.css Bestand weergeven

@@ -381,18 +381,24 @@ ul li {
}

/* line 377, ../sass/screen.scss */
.vertical-align {
display: flex;
align-items: center;
}

/* line 382, ../sass/screen.scss */
#content {
position: relative;
padding: 20px 0px;
padding-top: 35px;
padding-bottom: 50px;
}
/* line 383, ../sass/screen.scss */
/* line 388, ../sass/screen.scss */
#content h1#title-site, #content h1 {
font-family: "highvoltageregular";
font-size: 35px;
}
/* line 388, ../sass/screen.scss */
/* line 393, ../sass/screen.scss */
#content h2 {
color: #323232;
padding-bottom: 15px;
@@ -403,19 +409,19 @@ ul li {
position: relative;
margin-top: 30px;
}
/* line 399, ../sass/screen.scss */
/* line 404, ../sass/screen.scss */
#content h3 {
font-family: "highvoltageregular";
font-size: 20px;
color: #323232;
}
/* line 405, ../sass/screen.scss */
/* line 410, ../sass/screen.scss */
#content #presentation-distrib {
margin-top: 20px;
margin-bottom: 50px;
text-align: center;
}
/* line 410, ../sass/screen.scss */
/* line 415, ../sass/screen.scss */
#content #presentation-distrib h1 {
font-family: "capsuularegular";
text-align: center;
@@ -427,19 +433,19 @@ ul li {
margin-bottom: 0px;
padding-bottom: 0px;
}
/* line 422, ../sass/screen.scss */
/* line 427, ../sass/screen.scss */
#content #presentation-distrib p {
color: white;
font-family: "capsuularegular";
font-size: 20px;
margin-top: 20px;
}
/* line 430, ../sass/screen.scss */
/* line 435, ../sass/screen.scss */
#content .panel {
background-color: white;
border: solid 1px #e0e0e0;
}
/* line 434, ../sass/screen.scss */
/* line 439, ../sass/screen.scss */
#content .panel .panel-heading {
background-color: #FFF8DC;
border-bottom: 0px;
@@ -447,24 +453,24 @@ ul li {
padding-bottom: 8px;
border-bottom: solid 1px #e0e0e0;
}
/* line 441, ../sass/screen.scss */
/* line 446, ../sass/screen.scss */
#content .panel .panel-heading h2.panel-title {
margin: 0px;
padding: 0px;
padding-top: 0px;
text-align: center;
}
/* line 447, ../sass/screen.scss */
/* line 452, ../sass/screen.scss */
#content .panel .panel-heading h2.panel-title .img {
height: 20px;
display: none;
}
/* line 451, ../sass/screen.scss */
/* line 456, ../sass/screen.scss */
#content .panel .panel-heading h2.panel-title .glyphicon {
font-size: 20px;
display: none;
}
/* line 455, ../sass/screen.scss */
/* line 460, ../sass/screen.scss */
#content .panel .panel-heading h2.panel-title span.the-title {
margin-left: 10px;
font-size: 26px;
@@ -472,14 +478,14 @@ ul li {
top: 0px;
text-transform: uppercase;
}
/* line 464, ../sass/screen.scss */
/* line 469, ../sass/screen.scss */
#content .panel .panel-body {
background-color: white;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px;
border-radius: 0px 0px 5px 5px;
}
/* line 470, ../sass/screen.scss */
/* line 475, ../sass/screen.scss */
#content #row-users-producers {
text-align: center;
display: table;
@@ -488,12 +494,12 @@ ul li {
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* line 476, ../sass/screen.scss */
/* line 481, ../sass/screen.scss */
#content #row-users-producers .col-md-6 {
display: table-cell;
width: 50%;
}
/* line 479, ../sass/screen.scss */
/* line 484, ../sass/screen.scss */
#content #row-users-producers .col-md-6 .panel {
height: 100%;
margin-bottom: 20px;
@@ -502,20 +508,20 @@ ul li {
-webkit-box-shadow: none;
box-shadow: none;
}
/* line 486, ../sass/screen.scss */
/* line 491, ../sass/screen.scss */
#content #row-users-producers .col-md-6.producer {
padding-left: 0px;
}
/* line 489, ../sass/screen.scss */
/* line 494, ../sass/screen.scss */
#content #row-users-producers .col-md-6.users {
padding-right: 0px;
}
/* line 502, ../sass/screen.scss */
/* line 507, ../sass/screen.scss */
#content #row-users-producers div.producer .btn-primary,
#content #row-functionalities-rates div.producer .btn-primary {
margin-bottom: 5px;
}
/* line 507, ../sass/screen.scss */
/* line 512, ../sass/screen.scss */
#content #row-users-producers p.presentation,
#content #row-functionalities-rates p.presentation {
font-family: "capsuularegular";
@@ -523,84 +529,84 @@ ul li {
font-size: 20px;
line-height: 26px;
}
/* line 514, ../sass/screen.scss */
/* line 519, ../sass/screen.scss */
#content #row-users-producers p,
#content #row-functionalities-rates p {
padding-bottom: 4px;
}
/* line 520, ../sass/screen.scss */
/* line 525, ../sass/screen.scss */
#content #row-functionalities-rates .block {
margin-bottom: 10px;
}
/* line 522, ../sass/screen.scss */
/* line 527, ../sass/screen.scss */
#content #row-functionalities-rates .block p {
font-family: "capsuularegular";
font-size: 18px;
margin-left: 70px;
}
/* line 527, ../sass/screen.scss */
/* line 532, ../sass/screen.scss */
#content #row-functionalities-rates .block img {
float: left;
width: 50px;
height: auto;
}
/* line 532, ../sass/screen.scss */
/* line 537, ../sass/screen.scss */
#content #row-functionalities-rates .block a {
text-decoration: none;
color: black;
}
/* line 535, ../sass/screen.scss */
/* line 540, ../sass/screen.scss */
#content #row-functionalities-rates .block a:hover {
color: #FF7F00;
}
/* line 542, ../sass/screen.scss */
/* line 547, ../sass/screen.scss */
#content #row-functionalities-rates .block-points-sale-products img {
width: 40px;
}
/* line 550, ../sass/screen.scss */
/* line 555, ../sass/screen.scss */
#content #block-rates table th {
font-family: "capsuularegular";
font-weight: normal;
font-size: 23px;
}
/* line 555, ../sass/screen.scss */
/* line 560, ../sass/screen.scss */
#content #block-rates table th, #content #block-rates table td {
text-align: center;
}
/* line 562, ../sass/screen.scss */
/* line 567, ../sass/screen.scss */
#content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
color: black;
}

/* line 572, ../sass/screen.scss */
/* line 577, ../sass/screen.scss */
#content #contact {
display: none;
}
/* line 576, ../sass/screen.scss */
/* line 581, ../sass/screen.scss */
#content #contact .icon {
width: 55px;
top: -15px;
margin-left: -70px;
}
/* line 582, ../sass/screen.scss */
/* line 587, ../sass/screen.scss */
#content #contact .form-control:focus {
/*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
border-color: $jaune ;*/
}
/* line 587, ../sass/screen.scss */
/* line 592, ../sass/screen.scss */
#content #contact .form-group {
text-align: center;
}
/* line 591, ../sass/screen.scss */
/* line 596, ../sass/screen.scss */
#content #contact .img-right {
float: right;
}
/* line 594, ../sass/screen.scss */
/* line 599, ../sass/screen.scss */
#content #contact .img-right img {
width: 300px;
}

/* line 600, ../sass/screen.scss */
/* line 605, ../sass/screen.scss */
#bookmarked-producers {
padding: 0px;
padding-top: 15px;
@@ -609,7 +615,7 @@ ul li {
border-bottom: solid 1px #e0e0e0;
background-color: white;
}
/* line 608, ../sass/screen.scss */
/* line 613, ../sass/screen.scss */
#bookmarked-producers h2 {
float: left;
font-family: "highvoltageregular";
@@ -620,30 +626,30 @@ ul li {
padding: 0px;
color: #323232;
}
/* line 619, ../sass/screen.scss */
/* line 624, ../sass/screen.scss */
#bookmarked-producers #producers {
position: relative;
top: -5px;
left: 5px;
}
/* line 625, ../sass/screen.scss */
/* line 630, ../sass/screen.scss */
#bookmarked-producers #discover {
padding-bottom: 20px;
text-align: center;
}
/* line 629, ../sass/screen.scss */
/* line 634, ../sass/screen.scss */
#bookmarked-producers #discover p {
padding-bottom: 0px;
color: white;
}
/* line 634, ../sass/screen.scss */
/* line 639, ../sass/screen.scss */
#bookmarked-producers #discover .btn {
background-color: white;
color: #FF7F00;
border: solid 1px white;
}

/* line 643, ../sass/screen.scss */
/* line 648, ../sass/screen.scss */
#footer {
position: absolute;
bottom: 0px;
@@ -654,7 +660,7 @@ ul li {
background-color: white;
border-top: solid 1px #e0e0e0;
}
/* line 653, ../sass/screen.scss */
/* line 658, ../sass/screen.scss */
#footer a {
color: black;
font-family: "capsuularegular";
@@ -664,29 +670,29 @@ ul li {
padding-right: 10px;
border-right: solid 1px white;
}
/* line 662, ../sass/screen.scss */
/* line 667, ../sass/screen.scss */
#footer a:hover {
text-decoration: underline;
}
/* line 666, ../sass/screen.scss */
/* line 671, ../sass/screen.scss */
#footer a:last-child {
border: 0px none;
}

/* line 672, ../sass/screen.scss */
/* line 677, ../sass/screen.scss */
#content #mentions {
padding-top: 20px;
}
/* line 675, ../sass/screen.scss */
/* line 680, ../sass/screen.scss */
#content #mentions div.content {
width: 60%;
font-size: 90%;
}
/* line 680, ../sass/screen.scss */
/* line 685, ../sass/screen.scss */
#content #mentions p {
padding-bottom: 15px;
}
/* line 684, ../sass/screen.scss */
/* line 689, ../sass/screen.scss */
#content #mentions h2 {
color: black;
padding-bottom: 40px;
@@ -694,7 +700,7 @@ ul li {
line-height: 35px;
font-family: "highvoltageregular";
}
/* line 692, ../sass/screen.scss */
/* line 697, ../sass/screen.scss */
#content #mentions h3 {
font-family: "highvoltageregular";
font-size: 18px;
@@ -703,35 +709,35 @@ ul li {
color: black;
}

/* line 707, ../sass/screen.scss */
/* line 712, ../sass/screen.scss */
.vegas-loading {
display: none;
}

/* line 714, ../sass/screen.scss */
/* line 719, ../sass/screen.scss */
#profil-user .form-group.field-user-no_mail label {
font-weight: normal;
}
/* line 718, ../sass/screen.scss */
/* line 723, ../sass/screen.scss */
#profil-user .form-group label {
cursor: pointer;
}
/* line 723, ../sass/screen.scss */
/* line 728, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group {
float: left;
margin-right: 15px;
}
/* line 726, ../sass/screen.scss */
/* line 731, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group label {
font-weight: normal;
}
/* line 732, ../sass/screen.scss */
/* line 737, ../sass/screen.scss */
#profil-user p.strong {
font-weight: bold;
}

/* login */
/* line 742, ../sass/screen.scss */
/* line 747, ../sass/screen.scss */
.back-white, .site-login .col-lg-5, .site-signup .col-lg-5 {
background-color: white;
padding: 30px;
@@ -740,7 +746,7 @@ ul li {
border-radius: 5px;
}

/* line 749, ../sass/screen.scss */
/* line 754, ../sass/screen.scss */
.site-login .col-lg-5 {
margin: 0px auto;
float: none;
@@ -748,19 +754,19 @@ ul li {
}

/* signup */
/* line 759, ../sass/screen.scss */
/* line 764, ../sass/screen.scss */
.modal-backdrop {
z-index: 999;
}

/* line 764, ../sass/screen.scss */
/* line 769, ../sass/screen.scss */
.site-signup .col-lg-5 {
margin: 0px auto;
float: none;
max-width: 500px;
}

/* line 774, ../sass/screen.scss */
/* line 779, ../sass/screen.scss */
#modal-cgv .modal-body h2 {
margin-bottom: 5px;
padding-bottom: 0px;
@@ -768,37 +774,37 @@ ul li {
margin-top: 0px;
}

/* line 784, ../sass/screen.scss */
/* line 789, ../sass/screen.scss */
#form-signup #user-producer {
margin-bottom: 30px;
}
/* line 789, ../sass/screen.scss */
/* line 794, ../sass/screen.scss */
#form-signup #signupform-id_producer option:disabled {
font-weight: bold;
color: black;
}
/* line 795, ../sass/screen.scss */
/* line 800, ../sass/screen.scss */
#form-signup #champs-producer {
display: none;
}
/* line 799, ../sass/screen.scss */
/* line 804, ../sass/screen.scss */
#form-signup #buttons-signup {
margin-top: 30px;
}

/* line 804, ../sass/screen.scss */
/* line 809, ../sass/screen.scss */
#col-left {
padding: 0px;
z-index: 15;
}
/* line 808, ../sass/screen.scss */
/* line 813, ../sass/screen.scss */
#col-left .affix {
width: 25%;
border-right: solid 1px #e0e0e0;
background-color: #FAFAFA;
height: 100%;
}
/* line 815, ../sass/screen.scss */
/* line 820, ../sass/screen.scss */
#col-left #link-home {
text-decoration: none;
font-size: 22px;
@@ -807,28 +813,28 @@ ul li {
padding: 10px;
background-color: white;
}
/* line 823, ../sass/screen.scss */
/* line 828, ../sass/screen.scss */
#col-left #link-home img {
height: 50px;
margin-bottom: 5px;
float: left;
}
/* line 829, ../sass/screen.scss */
/* line 834, ../sass/screen.scss */
#col-left #link-home .text {
padding-left: 62px;
}
/* line 832, ../sass/screen.scss */
/* line 837, ../sass/screen.scss */
#col-left #link-home .text .bap {
font-family: "comfortaalight";
font-size: 24px;
}
/* line 837, ../sass/screen.scss */
/* line 842, ../sass/screen.scss */
#col-left #link-home .text .plateforme {
font-size: 17px;
font-family: "myriadpro-light";
color: #FF7F00;
}
/* line 845, ../sass/screen.scss */
/* line 850, ../sass/screen.scss */
#col-left h2 {
font-family: "myriadpro-regular";
color: black;
@@ -836,37 +842,37 @@ ul li {
margin-bottom: 10px;
padding: 15px 0px 5px 15px;
}
/* line 853, ../sass/screen.scss */
/* line 858, ../sass/screen.scss */
#col-left #links {
background-color: white;
margin-bottom: 20px;
}
/* line 859, ../sass/screen.scss */
/* line 864, ../sass/screen.scss */
#col-left #links ul li a {
text-align: center;
border-right: solid 1px #e0e0e0;
}
/* line 863, ../sass/screen.scss */
/* line 868, ../sass/screen.scss */
#col-left #links ul li a:hover {
background-color: #FF7F00;
color: white;
}
/* line 869, ../sass/screen.scss */
/* line 874, ../sass/screen.scss */
#col-left #links ul li:last-child a {
border-right: 0px none;
}
/* line 879, ../sass/screen.scss */
/* line 884, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li a {
padding-left: 50px;
height: 40px;
}
/* line 885, ../sass/screen.scss */
/* line 890, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a {
background-color: #FF7F00;
position: relative;
color: white;
}
/* line 890, ../sass/screen.scss */
/* line 895, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a:after {
right: -40px;
top: 50%;
@@ -881,18 +887,18 @@ ul li {
border-width: 20px;
margin-top: -20px;
}
/* line 909, ../sass/screen.scss */
/* line 914, ../sass/screen.scss */
#col-left ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/* line 913, ../sass/screen.scss */
/* line 918, ../sass/screen.scss */
#col-left ul li {
margin: 0px;
padding: 0px;
}
/* line 916, ../sass/screen.scss */
/* line 921, ../sass/screen.scss */
#col-left ul li a {
text-decoration: none;
font-family: "comfortaaregular";
@@ -903,18 +909,18 @@ ul li {
display: block;
color: black;
}
/* line 926, ../sass/screen.scss */
/* line 931, ../sass/screen.scss */
#col-left ul li a span.name, #col-left ul li a span.wording {
display: none;
}
/* line 933, ../sass/screen.scss */
/* line 938, ../sass/screen.scss */
#col-left p {
padding: 20px;
padding-top: 0px;
color: gray;
}

/* line 941, ../sass/screen.scss */
/* line 946, ../sass/screen.scss */
#content .header-title {
height: 79px;
padding: 20px 20px;
@@ -929,7 +935,7 @@ ul li {
-webkit-box-shadow: 0px 0px 8px #e0e0e0;
box-shadow: 0px 0px 8px #e0e0e0;
}
/* line 953, ../sass/screen.scss */
/* line 958, ../sass/screen.scss */
#content .header-title h1 {
color: black;
font-family: "myriadpro-regular";
@@ -937,7 +943,7 @@ ul li {
font-size: 25px;
text-transform: uppercase;
}
/* line 961, ../sass/screen.scss */
/* line 966, ../sass/screen.scss */
#content .header-title h2 {
color: gray;
text-transform: none;
@@ -946,16 +952,16 @@ ul li {
line-height: 20px;
}

/* line 972, ../sass/screen.scss */
/* line 977, ../sass/screen.scss */
.header-producer {
z-index: 1;
}
/* line 974, ../sass/screen.scss */
/* line 979, ../sass/screen.scss */
.header-producer #block-main-img {
height: 144px;
overflow: hidden;
}
/* line 978, ../sass/screen.scss */
/* line 983, ../sass/screen.scss */
.header-producer #block-main-img #main-img {
width: 100%;
height: auto;
@@ -965,7 +971,7 @@ ul li {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 987, ../sass/screen.scss */
/* line 992, ../sass/screen.scss */
.header-producer h1 {
font-family: "comfortaaregular";
text-align: center;
@@ -973,23 +979,23 @@ ul li {
top: 30px;
left: 40px;
}
/* line 994, ../sass/screen.scss */
/* line 999, ../sass/screen.scss */
.header-producer h1 span {
background-color: rgba(255, 255, 255, 0.8);
padding: 10px 30px;
border: dotted 1px black;
}

/* line 1005, ../sass/screen.scss */
/* line 1010, ../sass/screen.scss */
nav#menu-producer {
border-bottom: solid 1px #e0e0e0;
}
/* line 1009, ../sass/screen.scss */
/* line 1014, ../sass/screen.scss */
nav#menu-producer ul li {
padding: 0px;
margin: 0px;
}
/* line 1012, ../sass/screen.scss */
/* line 1017, ../sass/screen.scss */
nav#menu-producer ul li a {
border-right: solid 1px #e0e0e0;
text-decoration: none;
@@ -997,25 +1003,25 @@ nav#menu-producer ul li a {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 1017, ../sass/screen.scss */
/* line 1022, ../sass/screen.scss */
nav#menu-producer ul li a:hover {
background-color: #FF7F00;
color: white;
}

/* line 1027, ../sass/screen.scss */
/* line 1032, ../sass/screen.scss */
.site-contact .col-lg-5 {
margin: 0px auto;
float: none;
}
/* line 1032, ../sass/screen.scss */
/* line 1037, ../sass/screen.scss */
.site-contact #contact-phone {
font-family: "capsuularegular";
font-size: 20px;
line-height: 25px;
}

/* line 1041, ../sass/screen.scss */
/* line 1046, ../sass/screen.scss */
#site-prices .panel p {
padding-bottom: 0px;
}
@@ -1768,46 +1774,57 @@ Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
pris connaissance de la licence CeCILL, et que vous en avez accepté les
termes.
*/
@media screen and (min-width: 768px) {
/* line 38, ../sass/_responsive.scss */
.equal, .equal > div[class*='col-'] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex: 1 1 auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
/* line 41, ../sass/_responsive.scss */
/* line 51, ../sass/_responsive.scss */
#header nav .navbar-nav {
padding-top: 10px;
}
/* line 47, ../sass/_responsive.scss */
/* line 57, ../sass/_responsive.scss */
#header nav ul li a {
padding: 3px 7px;
font-size: 15px;
}
}
@media screen and (max-width: 768px) {
/* line 60, ../sass/_responsive.scss */
/* line 70, ../sass/_responsive.scss */
#content {
padding-top: 0px;
}

/* line 65, ../sass/_responsive.scss */
/* line 75, ../sass/_responsive.scss */
#main .container {
padding-left: 15px;
padding-right: 15px;
}

/* line 72, ../sass/_responsive.scss */
/* line 82, ../sass/_responsive.scss */
#header {
position: relative;
}
/* line 75, ../sass/_responsive.scss */
/* line 85, ../sass/_responsive.scss */
#header #link-home {
padding-left: 15px;
}
/* line 79, ../sass/_responsive.scss */
/* line 89, ../sass/_responsive.scss */
#header .navbar-collapse {
border: 0px none;
}
/* line 83, ../sass/_responsive.scss */
/* line 93, ../sass/_responsive.scss */
#header nav {
width: 100%;
}
/* line 85, ../sass/_responsive.scss */
/* line 95, ../sass/_responsive.scss */
#header nav ul {
position: relative;
display: block;
@@ -1815,57 +1832,57 @@ termes.
margin: 0px none;
border: 0px none;
}
/* line 92, ../sass/_responsive.scss */
/* line 102, ../sass/_responsive.scss */
#header nav ul li {
display: block;
float: none;
}
/* line 95, ../sass/_responsive.scss */
/* line 105, ../sass/_responsive.scss */
#header nav ul li a {
display: block;
padding: 10px;
}
/* line 103, ../sass/_responsive.scss */
/* line 113, ../sass/_responsive.scss */
#header nav ul li#logo {
display: block;
}
/* line 110, ../sass/_responsive.scss */
/* line 120, ../sass/_responsive.scss */
#header a#link-commander {
display: none;
}

/* line 115, ../sass/_responsive.scss */
/* line 125, ../sass/_responsive.scss */
#content #points-sale .content {
padding-left: 10px;
margin-top: 30px;
}

/* line 120, ../sass/_responsive.scss */
/* line 130, ../sass/_responsive.scss */
#menu-user {
position: relative;
top: 0px;
}

/* line 125, ../sass/_responsive.scss */
/* line 135, ../sass/_responsive.scss */
.connected #content {
padding-top: 0px;
}

/* line 132, ../sass/_responsive.scss */
/* line 142, ../sass/_responsive.scss */
.home #content #presentation-distrib h3 {
color: #323232;
}
/* line 136, ../sass/_responsive.scss */
/* line 146, ../sass/_responsive.scss */
.home #main {
background-image: none;
background-color: #FFF8DC;
}
/* line 140, ../sass/_responsive.scss */
/* line 150, ../sass/_responsive.scss */
.home #main #row-users-producers {
display: block;
margin-bottom: 20px;
}
/* line 144, ../sass/_responsive.scss */
/* line 154, ../sass/_responsive.scss */
.home #main #row-users-producers .col-md-6 {
float: left;
display: block;

+ 11
- 1
frontend/web/sass/_responsive.scss Bestand weergeven

@@ -34,8 +34,18 @@ pris connaissance de la licence CeCILL, et que vous en avez accepté les
termes.
*/

@media screen and (min-width: 768px) {
.equal, .equal > div[class*='col-'] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex:1 1 auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
#header {
nav {
.navbar-nav {

+ 6
- 1
frontend/web/sass/screen.scss Bestand weergeven

@@ -374,6 +374,11 @@ ul {
}


.vertical-align {
display: flex;
align-items: center;
}

#content {
position: relative ;
padding: 20px 0px ;
@@ -426,7 +431,7 @@ ul {
margin-top: 20px ;
}
}
.panel {
background-color: white ;
border: solid 1px #e0e0e0 ;

Schrijf Voorbeeld
Laden…
Annuleren
Opslaan