BenoitCier
/
Opendistrib
forked from Laclic/Souke
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Mes producteurs : logo par défaut

dev
Guillaume Bourgeois 5 years ago
parent
5fcff79e89
commit
d314e77f7d
4 changed files with 72 additions and 62 deletions
Unified View Show Diff Stats
  1. +1
    -1
      frontend/views/layouts/main.php
  2. +66
    -61
      frontend/web/css/screen.css
  3. BIN
      frontend/web/img/logo-distrib-gray.png
  4. +5
    -0
      frontend/web/sass/screen.scss

+ 1
- 1
frontend/views/layouts/main.php View File

<h2>Mes producteurs</h2> <h2>Mes producteurs</h2>
<?php foreach($producersArray as $producer): ?> <?php foreach($producersArray as $producer): ?>
<div class="col-xs-6 col-md-<?php if(count($producersArray) == 1): ?>6<?php elseif(count($producersArray) == 2): ?>6<?php else: ?>3<?php endif; ?>"> <div class="col-xs-6 col-md-<?php if(count($producersArray) == 1): ?>6<?php elseif(count($producersArray) == 2): ?>6<?php else: ?>3<?php endif; ?>">
<div class="producer" style="background-image:url('<?= Yii::$app->urlManagerProducer->getHostInfo().'/'.Yii::$app->urlManagerProducer->baseUrl ; ?>/uploads/<?= $producer->photo ?>');">
<div class="producer<?= !strlen($producer->photo) ? ' logo-distrib-default' : '' ?>" style="background-image:url('<?= strlen($producer->photo) ? Yii::$app->urlManagerProducer->getHostInfo().'/'.Yii::$app->urlManagerProducer->baseUrl.'/uploads/'.$producer->photo : Yii::$app->urlManagerFrontend->getHostInfo().'/'.Yii::$app->urlManagerFrontend->baseUrl.'/img/logo-distrib-gray.png' ?>">
<a class="btn btn-primary" href="<?= Yii::$app->urlManagerProducer->createAbsoluteUrl(['site/index','slug_producer' => $producer->slug]); ?>"><?= Html::encode($producer->name); ?></a> <a class="btn btn-primary" href="<?= Yii::$app->urlManagerProducer->createAbsoluteUrl(['site/index','slug_producer' => $producer->slug]); ?>"><?= Html::encode($producer->name); ?></a>
</div> </div>
</div> </div>

+ 66
- 61
frontend/web/css/screen.css View File

background-color: white; background-color: white;
} }
/* line 549, ../sass/screen.scss */ /* line 549, ../sass/screen.scss */
#bookmarked-producers .producer.logo-distrib-default {
background-size: auto 70px;
background-position: center 0px;
}
/* line 554, ../sass/screen.scss */
#bookmarked-producers .producer a { #bookmarked-producers .producer a {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
/* line 559, ../sass/screen.scss */
/* line 564, ../sass/screen.scss */
#bookmarked-producers .producer a:hover { #bookmarked-producers .producer a:hover {
background-color: #f57a00; background-color: #f57a00;
} }
/* line 565, ../sass/screen.scss */
/* line 570, ../sass/screen.scss */
#bookmarked-producers #discover { #bookmarked-producers #discover {
padding-bottom: 20px; padding-bottom: 20px;
text-align: center; text-align: center;
} }
/* line 569, ../sass/screen.scss */
/* line 574, ../sass/screen.scss */
#bookmarked-producers #discover p { #bookmarked-producers #discover p {
padding-bottom: 0px; padding-bottom: 0px;
color: white; color: white;
} }
/* line 574, ../sass/screen.scss */
/* line 579, ../sass/screen.scss */
#bookmarked-producers #discover .btn { #bookmarked-producers #discover .btn {
background-color: white; background-color: white;
color: #FF7F00; color: #FF7F00;
border: solid 1px white; border: solid 1px white;
} }


/* line 583, ../sass/screen.scss */
/* line 588, ../sass/screen.scss */
#footer { #footer {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
background-color: white; background-color: white;
border-top: solid 1px #e0e0e0; border-top: solid 1px #e0e0e0;
} }
/* line 593, ../sass/screen.scss */
/* line 598, ../sass/screen.scss */
#footer a { #footer a {
color: black; color: black;
font-family: "capsuularegular"; font-family: "capsuularegular";
padding-right: 10px; padding-right: 10px;
border-right: solid 1px white; border-right: solid 1px white;
} }
/* line 602, ../sass/screen.scss */
/* line 607, ../sass/screen.scss */
#footer a:hover { #footer a:hover {
text-decoration: underline; text-decoration: underline;
} }
/* line 606, ../sass/screen.scss */
/* line 611, ../sass/screen.scss */
#footer a:last-child { #footer a:last-child {
border: 0px none; border: 0px none;
} }
/* line 612, ../sass/screen.scss */
/* line 617, ../sass/screen.scss */
#footer #code-source img { #footer #code-source img {
height: 20px; height: 20px;
} }


/* line 618, ../sass/screen.scss */
/* line 623, ../sass/screen.scss */
#content #mentions { #content #mentions {
padding-top: 20px; padding-top: 20px;
} }
/* line 621, ../sass/screen.scss */
/* line 626, ../sass/screen.scss */
#content #mentions div.content { #content #mentions div.content {
width: 60%; width: 60%;
font-size: 90%; font-size: 90%;
} }
/* line 626, ../sass/screen.scss */
/* line 631, ../sass/screen.scss */
#content #mentions p { #content #mentions p {
padding-bottom: 15px; padding-bottom: 15px;
} }
/* line 630, ../sass/screen.scss */
/* line 635, ../sass/screen.scss */
#content #mentions h2 { #content #mentions h2 {
color: black; color: black;
padding-bottom: 40px; padding-bottom: 40px;
line-height: 35px; line-height: 35px;
font-family: "highvoltageregular"; font-family: "highvoltageregular";
} }
/* line 638, ../sass/screen.scss */
/* line 643, ../sass/screen.scss */
#content #mentions h3 { #content #mentions h3 {
font-family: "highvoltageregular"; font-family: "highvoltageregular";
font-size: 18px; font-size: 18px;
color: black; color: black;
} }


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


/* line 660, ../sass/screen.scss */
/* line 665, ../sass/screen.scss */
#profil-user .form-group.field-user-no_mail label { #profil-user .form-group.field-user-no_mail label {
font-weight: normal; font-weight: normal;
} }
/* line 664, ../sass/screen.scss */
/* line 669, ../sass/screen.scss */
#profil-user .form-group label { #profil-user .form-group label {
cursor: pointer; cursor: pointer;
} }
/* line 669, ../sass/screen.scss */
/* line 674, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group { #profil-user #mails-days-distribution .form-group {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
} }
/* line 672, ../sass/screen.scss */
/* line 677, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group label { #profil-user #mails-days-distribution .form-group label {
font-weight: normal; font-weight: normal;
} }
/* line 678, ../sass/screen.scss */
/* line 683, ../sass/screen.scss */
#profil-user p.strong { #profil-user p.strong {
font-weight: bold; font-weight: bold;
} }


/* login */ /* login */
/* line 689, ../sass/screen.scss */
/* line 694, ../sass/screen.scss */
.site-login .col-lg-5 { .site-login .col-lg-5 {
margin: 0px auto; margin: 0px auto;
float: none; float: none;
} }


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


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


/* line 712, ../sass/screen.scss */
/* line 717, ../sass/screen.scss */
#modal-cgv .modal-body h2 { #modal-cgv .modal-body h2 {
margin-bottom: 5px; margin-bottom: 5px;
padding-bottom: 0px; padding-bottom: 0px;
margin-top: 0px; margin-top: 0px;
} }


/* line 722, ../sass/screen.scss */
/* line 727, ../sass/screen.scss */
#form-signup #user-producer { #form-signup #user-producer {
margin-bottom: 30px; margin-bottom: 30px;
} }
/* line 727, ../sass/screen.scss */
/* line 732, ../sass/screen.scss */
#form-signup #signupform-id_producer option:disabled { #form-signup #signupform-id_producer option:disabled {
font-weight: bold; font-weight: bold;
color: black; color: black;
} }
/* line 733, ../sass/screen.scss */
/* line 738, ../sass/screen.scss */
#form-signup #champs-producer { #form-signup #champs-producer {
display: none; display: none;
} }
/* line 737, ../sass/screen.scss */
/* line 742, ../sass/screen.scss */
#form-signup #buttons-signup { #form-signup #buttons-signup {
margin-top: 30px; margin-top: 30px;
} }


/* line 742, ../sass/screen.scss */
/* line 747, ../sass/screen.scss */
#col-left { #col-left {
padding: 0px; padding: 0px;
z-index: 15; z-index: 15;
} }
/* line 746, ../sass/screen.scss */
/* line 751, ../sass/screen.scss */
#col-left .affix { #col-left .affix {
width: 25%; width: 25%;
border-right: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0;
background-color: #FAFAFA; background-color: #FAFAFA;
height: 100%; height: 100%;
} }
/* line 753, ../sass/screen.scss */
/* line 758, ../sass/screen.scss */
#col-left #link-home { #col-left #link-home {
text-decoration: none; text-decoration: none;
font-size: 22px; font-size: 22px;
padding: 10px; padding: 10px;
background-color: white; background-color: white;
} }
/* line 761, ../sass/screen.scss */
/* line 766, ../sass/screen.scss */
#col-left #link-home img { #col-left #link-home img {
height: 50px; height: 50px;
margin-bottom: 5px; margin-bottom: 5px;
float: left; float: left;
} }
/* line 767, ../sass/screen.scss */
/* line 772, ../sass/screen.scss */
#col-left #link-home .text { #col-left #link-home .text {
padding-left: 62px; padding-left: 62px;
} }
/* line 770, ../sass/screen.scss */
/* line 775, ../sass/screen.scss */
#col-left #link-home .text .bap { #col-left #link-home .text .bap {
font-family: "comfortaalight"; font-family: "comfortaalight";
font-size: 24px; font-size: 24px;
} }
/* line 775, ../sass/screen.scss */
/* line 780, ../sass/screen.scss */
#col-left #link-home .text .plateforme { #col-left #link-home .text .plateforme {
font-size: 17px; font-size: 17px;
font-family: "myriadpro-light"; font-family: "myriadpro-light";
color: #FF7F00; color: #FF7F00;
} }
/* line 783, ../sass/screen.scss */
/* line 788, ../sass/screen.scss */
#col-left h2 { #col-left h2 {
font-family: "myriadpro-regular"; font-family: "myriadpro-regular";
color: black; color: black;
margin-bottom: 10px; margin-bottom: 10px;
padding: 15px 0px 5px 15px; padding: 15px 0px 5px 15px;
} }
/* line 791, ../sass/screen.scss */
/* line 796, ../sass/screen.scss */
#col-left #links { #col-left #links {
background-color: white; background-color: white;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 797, ../sass/screen.scss */
/* line 802, ../sass/screen.scss */
#col-left #links ul li a { #col-left #links ul li a {
text-align: center; text-align: center;
border-right: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0;
} }
/* line 801, ../sass/screen.scss */
/* line 806, ../sass/screen.scss */
#col-left #links ul li a:hover { #col-left #links ul li a:hover {
background-color: #FF7F00; background-color: #FF7F00;
color: white; color: white;
} }
/* line 807, ../sass/screen.scss */
/* line 812, ../sass/screen.scss */
#col-left #links ul li:last-child a { #col-left #links ul li:last-child a {
border-right: 0px none; border-right: 0px none;
} }
/* line 817, ../sass/screen.scss */
/* line 822, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li a { #col-left #producers nav.nav-producers ul li a {
padding-left: 50px; padding-left: 50px;
height: 40px; height: 40px;
} }
/* line 823, ../sass/screen.scss */
/* line 828, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a { #col-left #producers nav.nav-producers ul li.active a {
background-color: #FF7F00; background-color: #FF7F00;
position: relative; position: relative;
color: white; color: white;
} }
/* line 828, ../sass/screen.scss */
/* line 833, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a:after { #col-left #producers nav.nav-producers ul li.active a:after {
right: -40px; right: -40px;
top: 50%; top: 50%;
border-width: 20px; border-width: 20px;
margin-top: -20px; margin-top: -20px;
} }
/* line 847, ../sass/screen.scss */
/* line 852, ../sass/screen.scss */
#col-left ul { #col-left ul {
list-style-type: none; list-style-type: none;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
/* line 851, ../sass/screen.scss */
/* line 856, ../sass/screen.scss */
#col-left ul li { #col-left ul li {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
/* line 854, ../sass/screen.scss */
/* line 859, ../sass/screen.scss */
#col-left ul li a { #col-left ul li a {
text-decoration: none; text-decoration: none;
font-family: "comfortaaregular"; font-family: "comfortaaregular";
display: block; display: block;
color: black; color: black;
} }
/* line 864, ../sass/screen.scss */
/* line 869, ../sass/screen.scss */
#col-left ul li a span.name, #col-left ul li a span.wording { #col-left ul li a span.name, #col-left ul li a span.wording {
display: none; display: none;
} }
/* line 871, ../sass/screen.scss */
/* line 876, ../sass/screen.scss */
#col-left p { #col-left p {
padding: 20px; padding: 20px;
padding-top: 0px; padding-top: 0px;
color: gray; color: gray;
} }


/* line 879, ../sass/screen.scss */
/* line 884, ../sass/screen.scss */
#content .header-title { #content .header-title {
height: 79px; height: 79px;
padding: 20px 20px; padding: 20px 20px;
-webkit-box-shadow: 0px 0px 8px #e0e0e0; -webkit-box-shadow: 0px 0px 8px #e0e0e0;
box-shadow: 0px 0px 8px #e0e0e0; box-shadow: 0px 0px 8px #e0e0e0;
} }
/* line 891, ../sass/screen.scss */
/* line 896, ../sass/screen.scss */
#content .header-title h1 { #content .header-title h1 {
color: black; color: black;
font-family: "myriadpro-regular"; font-family: "myriadpro-regular";
font-size: 25px; font-size: 25px;
text-transform: uppercase; text-transform: uppercase;
} }
/* line 899, ../sass/screen.scss */
/* line 904, ../sass/screen.scss */
#content .header-title h2 { #content .header-title h2 {
color: gray; color: gray;
text-transform: none; text-transform: none;
line-height: 20px; line-height: 20px;
} }


/* line 910, ../sass/screen.scss */
/* line 915, ../sass/screen.scss */
.header-producer { .header-producer {
z-index: 1; z-index: 1;
} }
/* line 912, ../sass/screen.scss */
/* line 917, ../sass/screen.scss */
.header-producer #block-main-img { .header-producer #block-main-img {
height: 144px; height: 144px;
overflow: hidden; overflow: hidden;
} }
/* line 916, ../sass/screen.scss */
/* line 921, ../sass/screen.scss */
.header-producer #block-main-img #main-img { .header-producer #block-main-img #main-img {
width: 100%; width: 100%;
height: auto; height: auto;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
/* line 925, ../sass/screen.scss */
/* line 930, ../sass/screen.scss */
.header-producer h1 { .header-producer h1 {
font-family: "comfortaaregular"; font-family: "comfortaaregular";
text-align: center; text-align: center;
top: 30px; top: 30px;
left: 40px; left: 40px;
} }
/* line 932, ../sass/screen.scss */
/* line 937, ../sass/screen.scss */
.header-producer h1 span { .header-producer h1 span {
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
padding: 10px 30px; padding: 10px 30px;
border: dotted 1px black; border: dotted 1px black;
} }


/* line 943, ../sass/screen.scss */
/* line 948, ../sass/screen.scss */
nav#menu-producer { nav#menu-producer {
border-bottom: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0;
} }
/* line 947, ../sass/screen.scss */
/* line 952, ../sass/screen.scss */
nav#menu-producer ul li { nav#menu-producer ul li {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
/* line 950, ../sass/screen.scss */
/* line 955, ../sass/screen.scss */
nav#menu-producer ul li a { nav#menu-producer ul li a {
border-right: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0;
text-decoration: none; text-decoration: none;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
/* line 955, ../sass/screen.scss */
/* line 960, ../sass/screen.scss */
nav#menu-producer ul li a:hover { nav#menu-producer ul li a:hover {
background-color: #FF7F00; background-color: #FF7F00;
color: white; color: white;
} }


/* line 965, ../sass/screen.scss */
/* line 970, ../sass/screen.scss */
.site-contact .col-lg-5 { .site-contact .col-lg-5 {
margin: 0px auto; margin: 0px auto;
float: none; float: none;

BIN
frontend/web/img/logo-distrib-gray.png View File

Before After
Width: 400  |  Height: 400  |  Size: 6.3KB

+ 5
- 0
frontend/web/sass/screen.scss View File

border: solid 1px #e0e0e0 ; border: solid 1px #e0e0e0 ;
background-color: white ; background-color: white ;


&.logo-distrib-default {
background-size: auto 70px;
background-position: center 0px ;
}
a { a {
position: absolute ; position: absolute ;
bottom: 0px ; bottom: 0px ;

Write Preview
Loading…
Cancel
Save