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

[producer] Logo du producteur

dev
Guillaume Bourgeois 5 years ago
parent
f01825a7b4
commit
a81d9ed67e
3 changed files with 113 additions and 63 deletions
Unified View Show Diff Stats
  1. +5
    -0
      producer/views/layouts/main.php
  2. +76
    -55
      producer/web/css/screen.css
  3. +32
    -8
      producer/web/sass/_layout.scss

+ 5
- 0
producer/views/layouts/main.php View File

<div class="container"> <div class="container">
<div id="left" class="col-md-3"> <div id="left" class="col-md-3">
<div class="fixed"> <div class="fixed">
<?php if(strlen($producer->logo)): ?>
<div id="logo">
<img class="img-logo" src="<?= Yii::$app->urlManager->baseUrl; ?>/uploads/<?= $producer->logo; ?>" alt="Logo <?= Html::encode($producer->name) ?>" />
</div>
<?php endif; ?>
<h1><?= Html::encode($producer->name); ?></h1> <h1><?= Html::encode($producer->name); ?></h1>
<h2><?= Html::encode($producer->type) ?> à <?= Html::encode($producer->city); ?> (<?= Html::encode($producer->postcode); ?>)</h2> <h2><?= Html::encode($producer->type) ?> à <?= Html::encode($producer->city); ?> (<?= Html::encode($producer->postcode); ?>)</h2>



+ 76
- 55
producer/web/css/screen.css View File

#left { #left {
background-color: #FFF8DC; background-color: #FFF8DC;
text-align: center; text-align: center;
margin-top: 25px;
margin-top: 15px;
padding: 0px; padding: 0px;
position: relative; position: relative;
} }
position: fixed; position: fixed;
display: none; display: none;
} }
/* line 204, ../sass/_layout.scss */
/* line 205, ../sass/_layout.scss */
#left #logo {
position: relative;
background-color: white;
width: 110px;
height: 110px;
margin: 0px auto;
margin-bottom: 20px;
-moz-border-radius: 110px;
-webkit-border-radius: 110px;
border-radius: 110px;
border: solid 1px gray;
text-align: center;
overflow: hidden;
}
/* line 217, ../sass/_layout.scss */
#left #logo img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90px;
max-height: 90px;
}
/* line 227, ../sass/_layout.scss */
#left h1, #left h2, #left #infos, #left #infos a { #left h1, #left h2, #left #infos, #left #infos a {
color: #323232; color: #323232;
} }
/* line 208, ../sass/_layout.scss */
/* line 231, ../sass/_layout.scss */
#left h1 { #left h1 {
text-transform: uppercase; text-transform: uppercase;
font-family: "highvoltageregular"; font-family: "highvoltageregular";
font-size: 35px;
line-height: 35px;
font-size: 25px;
line-height: 25px;
font-weight: bold; font-weight: bold;
padding-bottom: 5px; padding-bottom: 5px;
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
} }
/* line 219, ../sass/_layout.scss */
/* line 242, ../sass/_layout.scss */
#left h2 { #left h2 {
font-family: "capsuularegular"; font-family: "capsuularegular";
font-size: 20px;
font-size: 15px;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
} }
/* line 225, ../sass/_layout.scss */
/* line 248, ../sass/_layout.scss */
#left h2 .favorite { #left h2 .favorite {
padding-left: 0px; padding-left: 0px;
} }
/* line 228, ../sass/_layout.scss */
/* line 251, ../sass/_layout.scss */
#left h2 .favorite .glyphicon { #left h2 .favorite .glyphicon {
font-size: 14px; font-size: 14px;
} }
/* line 233, ../sass/_layout.scss */
/* line 256, ../sass/_layout.scss */
#left h2 a { #left h2 a {
color: #323232; color: #323232;
} }
/* line 239, ../sass/_layout.scss */
/* line 262, ../sass/_layout.scss */
#left nav#main-nav { #left nav#main-nav {
background-color: white; background-color: white;
border: solid 1px #e0e0e0; border: solid 1px #e0e0e0;
border-bottom: 0px none; border-bottom: 0px none;
margin-top: 30px;
margin-top: 20px;
} }
/* line 246, ../sass/_layout.scss */
/* line 269, ../sass/_layout.scss */
#left nav#main-nav ul li { #left nav#main-nav ul li {
display: block; display: block;
} }
/* line 249, ../sass/_layout.scss */
/* line 272, ../sass/_layout.scss */
#left nav#main-nav ul li a { #left nav#main-nav ul li a {
color: #323232; color: #323232;
color: black; color: black;
display: block; display: block;
text-align: left; text-align: left;
} }
/* line 258, ../sass/_layout.scss */
/* line 281, ../sass/_layout.scss */
#left nav#main-nav ul li a .glyphicon { #left nav#main-nav ul li a .glyphicon {
font-size: 15px; font-size: 15px;
margin-right: 3px; margin-right: 3px;
} }
/* line 263, ../sass/_layout.scss */
/* line 286, ../sass/_layout.scss */
#left nav#main-nav ul li a span.label { #left nav#main-nav ul li a span.label {
padding-bottom: 3px; padding-bottom: 3px;
font-family: "Arial"; font-family: "Arial";
float: right; float: right;
} }
/* line 271, ../sass/_layout.scss */
/* line 294, ../sass/_layout.scss */
#left nav#main-nav ul li.active span.label, #left nav#main-nav ul li a:hover span.label { #left nav#main-nav ul li.active span.label, #left nav#main-nav ul li a:hover span.label {
background-color: #e67200; background-color: #e67200;
color: white; color: white;
} }
/* line 277, ../sass/_layout.scss */
/* line 300, ../sass/_layout.scss */
#left nav#main-nav ul li a:hover, #left nav#main-nav ul li.active a { #left nav#main-nav ul li a:hover, #left nav#main-nav ul li.active a {
background: #FF7F00; background: #FF7F00;
color: white; color: white;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
/* line 284, ../sass/_layout.scss */
#left nav#main-nav ul li#btn-administration {
border-left: solid 1px #e0e0e0;
}
/* line 287, ../sass/_layout.scss */
/* line 309, ../sass/_layout.scss */
#left nav#main-nav ul li#btn-administration a { #left nav#main-nav ul li#btn-administration a {
color: #FF7F00; color: #FF7F00;
} }
/* line 290, ../sass/_layout.scss */
/* line 312, ../sass/_layout.scss */
#left nav#main-nav ul li#btn-administration a:hover { #left nav#main-nav ul li#btn-administration a:hover {
color: white; color: white;
} }
/* line 298, ../sass/_layout.scss */
/* line 320, ../sass/_layout.scss */
#left nav#main-nav #user { #left nav#main-nav #user {
color: #FF7F00; color: #FF7F00;
float: right; float: right;
padding: 10px; padding: 10px;
} }


/* line 306, ../sass/_layout.scss */
/* line 328, ../sass/_layout.scss */
#main { #main {
background-color: #FFF8DC; background-color: #FFF8DC;
border: solid 1px #e0e0e0; border: solid 1px #e0e0e0;
margin-top: 15px;
padding: 0px; padding: 0px;
background-color: white; background-color: white;
} }
/* line 312, ../sass/_layout.scss */
/* line 335, ../sass/_layout.scss */
#main #img-big { #main #img-big {
height: 150px;
height: 130px;
overflow: hidden; overflow: hidden;
} }
/* line 315, ../sass/_layout.scss */
#main #img-big img {
/* line 338, ../sass/_layout.scss */
#main #img-big img.img-photo {
width: 100%; width: 100%;
} }
/* line 320, ../sass/_layout.scss */
/* line 344, ../sass/_layout.scss */
#main #infos-producer { #main #infos-producer {
padding: 5px 10px; padding: 5px 10px;
margin-bottom: 0px; margin-bottom: 0px;
border-bottom: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0;
color: gray; color: gray;
} }
/* line 329, ../sass/_layout.scss */
/* line 353, ../sass/_layout.scss */
#main #infos-producer strong { #main #infos-producer strong {
font-weight: bold; font-weight: bold;
} }
/* line 333, ../sass/_layout.scss */
/* line 357, ../sass/_layout.scss */
#main #infos-producer .favorite { #main #infos-producer .favorite {
float: right; float: right;
color: gray; color: gray;
} }
/* line 336, ../sass/_layout.scss */
/* line 360, ../sass/_layout.scss */
#main #infos-producer .favorite a { #main #infos-producer .favorite a {
color: black; color: black;
} }
/* line 342, ../sass/_layout.scss */
/* line 366, ../sass/_layout.scss */
#main h2#page-title { #main h2#page-title {
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
top: -10px; top: -10px;
text-align: left; text-align: left;
} }
/* line 356, ../sass/_layout.scss */
/* line 380, ../sass/_layout.scss */
#main h2#page-title #buttons { #main h2#page-title #buttons {
margin-bottom: 15px; margin-bottom: 15px;
font-family: "Arial"; font-family: "Arial";
} }
/* line 363, ../sass/_layout.scss */
/* line 387, ../sass/_layout.scss */
#main #content { #main #content {
padding: 0px 20px 20px 20px; padding: 0px 20px 20px 20px;
padding-bottom: 40px; padding-bottom: 40px;
min-height: 300px; min-height: 300px;
} }
/* line 368, ../sass/_layout.scss */
/* line 392, ../sass/_layout.scss */
#main #content h1, #main #content h2, #main #content h3, #main #content h4, #main #content h5, #main #content h6 { #main #content h1, #main #content h2, #main #content h3, #main #content h4, #main #content h5, #main #content h6 {
font-family: "highvoltageregular"; font-family: "highvoltageregular";
margin-top: 30px; margin-top: 30px;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 373, ../sass/_layout.scss */
/* line 397, ../sass/_layout.scss */
#main #content h1.first, #main #content h2.first, #main #content h3.first, #main #content h4.first, #main #content h5.first, #main #content h6.first { #main #content h1.first, #main #content h2.first, #main #content h3.first, #main #content h4.first, #main #content h5.first, #main #content h6.first {
margin-top: 0px; margin-top: 0px;
} }
/* line 378, ../sass/_layout.scss */
/* line 402, ../sass/_layout.scss */
#main #content h1 { #main #content h1 {
font-size: 30px; font-size: 30px;
} }
/* line 382, ../sass/_layout.scss */
/* line 406, ../sass/_layout.scss */
#main #content h2 { #main #content h2 {
font-size: 25px; font-size: 25px;
} }
/* line 387, ../sass/_layout.scss */
/* line 411, ../sass/_layout.scss */
#main #content h3 { #main #content h3 {
font-family: "highvoltageregular"; font-family: "highvoltageregular";
font-family: "capsuularegular"; font-family: "capsuularegular";
margin-bottom: 30px; margin-bottom: 30px;
margin-top: 45px; margin-top: 45px;
} }
/* line 396, ../sass/_layout.scss */
/* line 420, ../sass/_layout.scss */
#main #content h3 span { #main #content h3 span {
padding-top: 14px; padding-top: 14px;
color: #323232; color: #323232;
} }
/* line 402, ../sass/_layout.scss */
/* line 426, ../sass/_layout.scss */
#main #content h4 { #main #content h4 {
font-size: 20px; font-size: 20px;
} }
/* line 406, ../sass/_layout.scss */
/* line 430, ../sass/_layout.scss */
#main #content h5 { #main #content h5 {
font-size: 18px; font-size: 18px;
} }
/* line 410, ../sass/_layout.scss */
/* line 434, ../sass/_layout.scss */
#main #content h6 { #main #content h6 {
font-size: 16px; font-size: 16px;
} }
/* line 416, ../sass/_layout.scss */
/* line 440, ../sass/_layout.scss */
#main #content form .form-group .hint-block { #main #content form .form-group .hint-block {
color: gray; color: gray;
} }


/* line 424, ../sass/_layout.scss */
/* line 448, ../sass/_layout.scss */
#footer-producer { #footer-producer {
text-align: center; text-align: center;
position: absolute; position: absolute;
left: 0px; left: 0px;
width: 100%; width: 100%;
} }
/* line 431, ../sass/_layout.scss */
/* line 455, ../sass/_layout.scss */
#footer-producer a { #footer-producer a {
color: #FF7F00; color: #FF7F00;
} }
/* line 433, ../sass/_layout.scss */
/* line 457, ../sass/_layout.scss */
#footer-producer a:active { #footer-producer a:active {
text-decoration: underline; text-decoration: underline;
} }


/* line 439, ../sass/_layout.scss */
/* line 463, ../sass/_layout.scss */
#footer { #footer {
background-color: #FFF8DC; background-color: #FFF8DC;
height: 100px; height: 100px;
float: right; float: right;
text-align: center; text-align: center;
} }
/* line 445, ../sass/_layout.scss */
/* line 469, ../sass/_layout.scss */
#footer .content { #footer .content {
padding-top: 20px; padding-top: 20px;
color: black; color: black;
} }
/* line 449, ../sass/_layout.scss */
/* line 473, ../sass/_layout.scss */
#footer .content a { #footer .content a {
color: black; color: black;
font-family: "capsuularegular"; font-family: "capsuularegular";
padding-left: 10px; padding-left: 10px;
padding-right: 10px; padding-right: 10px;
} }
/* line 456, ../sass/_layout.scss */
/* line 480, ../sass/_layout.scss */
#footer .content a:hover { #footer .content a:hover {
text-decoration: underline; text-decoration: underline;
} }
/* line 463, ../sass/_layout.scss */
/* line 487, ../sass/_layout.scss */
#footer #code-source img { #footer #code-source img {
height: 20px; height: 20px;
} }

+ 32
- 8
producer/web/sass/_layout.scss View File

#left { #left {
background-color: $color-back ; background-color: $color-back ;
text-align: center ; text-align: center ;
margin-top: 25px ;
margin-top: 15px ;
padding: 0px ; padding: 0px ;
position: relative ; position: relative ;
display: none ; display: none ;
} }
$width-logo: 110px ;
#logo {
position: relative ;
background-color: white ;
width: $width-logo ;
height: $width-logo ;
margin: 0px auto ;
margin-bottom: 20px ;
@include border-radius($width-logo) ;
border: solid 1px gray ;
text-align: center;
overflow: hidden ;

img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: $width-logo - 20 ;
max-height: $width-logo - 20 ;
}
}
h1, h2, #infos, #infos a { h1, h2, #infos, #infos a {
color: $courant ; color: $courant ;
} }
h1 { h1 {
text-transform: uppercase ; text-transform: uppercase ;
font-family: 'highvoltageregular' ; font-family: 'highvoltageregular' ;
font-size: 35px ;
line-height: 35px ;
font-size: 25px ;
line-height: 25px ;
font-weight: bold ; font-weight: bold ;
padding-bottom: 5px ; padding-bottom: 5px ;
text-align: center ; text-align: center ;
h2 { h2 {
font-family: 'capsuularegular' ; font-family: 'capsuularegular' ;
font-size: 20px ;
font-size: 15px ;
font-weight: normal ; font-weight: normal ;
text-align: center ; text-align: center ;
background-color: white ; background-color: white ;
border: solid 1px #e0e0e0 ; border: solid 1px #e0e0e0 ;
border-bottom: 0px none ; border-bottom: 0px none ;
margin-top: 30px;
margin-top: 20px;
ul { ul {
li { li {
} }
&#btn-administration { &#btn-administration {
border-left: solid 1px #e0e0e0 ;
a { a {
color: $color1 ; color: $color1 ;
#main { #main {
background-color: $color-back ; background-color: $color-back ;
border: solid 1px #e0e0e0 ; border: solid 1px #e0e0e0 ;
margin-top: 15px ;
padding: 0px ; padding: 0px ;
background-color: white ; background-color: white ;
#img-big { #img-big {
height: 150px ;
height: 130px ;
overflow: hidden ; overflow: hidden ;
img {
img.img-photo {
width: 100% ; width: 100% ;
} }
} }
#infos-producer { #infos-producer {

Write Preview
Loading…
Cancel
Save