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

Adaptations frontend

dev
Guillaume Bourgeois 5 years ago
parent
3402406986
commit
d4846bd026
2 changed files with 128 additions and 112 deletions
Split View Show Diff Stats
  1. +112
    -105
      frontend/web/css/screen.css
  2. +16
    -7
      frontend/web/sass/screen.scss

+ 112
- 105
frontend/web/css/screen.css View File

@@ -340,7 +340,11 @@ ul li {
background-color: #FF7F00;
color: white;
}
/* line 325, ../sass/screen.scss */
/* line 320, ../sass/screen.scss */
#header nav ul li ul li a {
padding: 10px 10px;
}
/* line 333, ../sass/screen.scss */
#header #link-logout .name {
color: gray;
font-size: 10px;
@@ -349,19 +353,19 @@ ul li {
top: -4px;
}

/* line 336, ../sass/screen.scss */
/* line 344, ../sass/screen.scss */
#content {
position: relative;
padding: 20px 0px;
padding-top: 35px;
padding-bottom: 50px;
}
/* line 342, ../sass/screen.scss */
#content h1#title-site {
/* line 350, ../sass/screen.scss */
#content h1#title-site, #content h1 {
font-family: "highvoltageregular";
font-size: 50px;
font-size: 35px;
}
/* line 347, ../sass/screen.scss */
/* line 355, ../sass/screen.scss */
#content h2 {
color: #323232;
padding-bottom: 15px;
@@ -372,17 +376,17 @@ ul li {
position: relative;
margin-top: 30px;
}
/* line 358, ../sass/screen.scss */
/* line 366, ../sass/screen.scss */
#content h3 {
font-family: "highvoltageregular";
font-size: 20px;
color: #323232;
}
/* line 365, ../sass/screen.scss */
/* line 373, ../sass/screen.scss */
#content #description img {
width: 100%;
}
/* line 370, ../sass/screen.scss */
/* line 378, ../sass/screen.scss */
#content #main-img {
max-width: 100%;
border: solid 1px #e0e0e0;
@@ -391,124 +395,123 @@ ul li {
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* line 377, ../sass/screen.scss */
/* line 385, ../sass/screen.scss */
#content #row-signup {
text-align: center;
margin-top: 40px;
padding-top: 40px;
}
/* line 382, ../sass/screen.scss */
/* line 390, ../sass/screen.scss */
#content #row-signup a.btn {
padding: 10px 20px;
font-size: 20px;
text-transform: uppercase;
}
/* line 388, ../sass/screen.scss */
/* line 396, ../sass/screen.scss */
#content #row-signup a.btn-primary {
margin-right: 15px;
}
/* line 393, ../sass/screen.scss */
/* line 401, ../sass/screen.scss */
#content #row-presentation-distrib {
border-bottom: solid 1px #e0e0e0;
}
/* line 396, ../sass/screen.scss */
/* line 404, ../sass/screen.scss */
#content #row-presentation-distrib h2 {
font-family: "capsuularegular";
text-align: center;
margin-top: 0px;
text-transform: none;
}
/* line 404, ../sass/screen.scss */
/* line 412, ../sass/screen.scss */
#content #row-users-producers {
margin-bottom: 50px;
padding-top: 30px;
}
/* line 408, ../sass/screen.scss */
/* line 416, ../sass/screen.scss */
#content #row-users-producers h2 {
text-align: left;
margin-bottom: 10px;
margin-top: 0px;
}
/* line 412, ../sass/screen.scss */
/* line 420, ../sass/screen.scss */
#content #row-users-producers h2 .img {
height: 35px;
}
/* line 415, ../sass/screen.scss */
/* line 423, ../sass/screen.scss */
#content #row-users-producers h2 span {
margin-left: 10px;
font-size: 25px;
position: relative;
top: 5px;
}
/* line 423, ../sass/screen.scss */
/* line 431, ../sass/screen.scss */
#content #row-users-producers h3 {
margin-top: 0px;
}
/* line 427, ../sass/screen.scss */
/* line 435, ../sass/screen.scss */
#content #row-users-producers p.presentation {
font-family: "capsuularegular";
color: black;
font-size: 20px;
line-height: 26px;
}
/* line 434, ../sass/screen.scss */
/* line 442, ../sass/screen.scss */
#content #row-users-producers ul {
text-align: left;
}
/* line 436, ../sass/screen.scss */
/* line 444, ../sass/screen.scss */
#content #row-users-producers ul li {
color: #FF7F00;
}
/* line 441, ../sass/screen.scss */
/* line 449, ../sass/screen.scss */
#content #row-users-producers p {
padding-bottom: 4px;
}
/* line 445, ../sass/screen.scss */
/* line 453, ../sass/screen.scss */
#content #row-users-producers .btn-primary {
margin-top: 20px;
}
/* line 452, ../sass/screen.scss */
/* line 460, ../sass/screen.scss */
#content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
color: black;
}

/* line 462, ../sass/screen.scss */
/* line 470, ../sass/screen.scss */
#content #contact {
display: none;
}
/* line 466, ../sass/screen.scss */
/* line 474, ../sass/screen.scss */
#content #contact .icon {
width: 55px;
top: -15px;
margin-left: -70px;
}
/* line 472, ../sass/screen.scss */
/* line 480, ../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 477, ../sass/screen.scss */
/* line 485, ../sass/screen.scss */
#content #contact .form-group {
text-align: center;
}
/* line 481, ../sass/screen.scss */
/* line 489, ../sass/screen.scss */
#content #contact .img-right {
float: right;
}
/* line 484, ../sass/screen.scss */
/* line 492, ../sass/screen.scss */
#content #contact .img-right img {
width: 300px;
}

/* line 491, ../sass/screen.scss */
/* line 499, ../sass/screen.scss */
#bookmarked-producers {
background-color: #FF7F00;
border-top: solid 1px #e0e0e0;
background-color: #323232;
padding: 0px;
padding-top: 20px;
margin: 0px;
}
/* line 498, ../sass/screen.scss */
/* line 505, ../sass/screen.scss */
#bookmarked-producers h2 {
font-family: "highvoltageregular";
color: white;
@@ -519,23 +522,23 @@ ul li {
margin-left: 15px;
margin-bottom: 15px;
}
/* line 509, ../sass/screen.scss */
/* line 516, ../sass/screen.scss */
#bookmarked-producers .col-md-12, #bookmarked-producers .col-md-6, #bookmarked-producers .col-md-3 {
float: left;
}
/* line 513, ../sass/screen.scss */
/* line 520, ../sass/screen.scss */
#bookmarked-producers .col-md-12 .producer {
background-size: 920px auto;
}
/* line 516, ../sass/screen.scss */
/* line 523, ../sass/screen.scss */
#bookmarked-producers .col-md-6 .producer {
background-size: 460px auto;
}
/* line 520, ../sass/screen.scss */
/* line 527, ../sass/screen.scss */
#bookmarked-producers .col-md-3 .producer {
background-size: 230px auto;
}
/* line 524, ../sass/screen.scss */
/* line 531, ../sass/screen.scss */
#bookmarked-producers .producer {
position: relative;
height: 100px;
@@ -546,41 +549,45 @@ ul li {
background-position: center center;
background-repeat: no-repeat;
border: solid 1px white;
background-color: white;
}
/* line 535, ../sass/screen.scss */
/* line 543, ../sass/screen.scss */
#bookmarked-producers .producer a {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background-color: white;
border-color: white;
color: #FF7F00;
background-color: #FF7F00;
border-color: #FF7F00;
color: white;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 544, ../sass/screen.scss */
/* line 553, ../sass/screen.scss */
#bookmarked-producers .producer a:hover {
background-color: #fafafa;
border-color: white;
color: #FF7F00;
}
/* line 552, ../sass/screen.scss */
/* line 561, ../sass/screen.scss */
#bookmarked-producers #discover {
padding-bottom: 20px;
text-align: center;
}
/* line 556, ../sass/screen.scss */
/* line 565, ../sass/screen.scss */
#bookmarked-producers #discover p {
padding-bottom: 0px;
color: white;
}
/* line 561, ../sass/screen.scss */
/* line 570, ../sass/screen.scss */
#bookmarked-producers #discover .btn {
background-color: white;
color: #FF7F00;
border: solid 1px white;
}

/* line 570, ../sass/screen.scss */
/* line 579, ../sass/screen.scss */
#footer {
position: absolute;
bottom: 0px;
@@ -591,7 +598,7 @@ ul li {
background-color: white;
border-top: solid 1px #e0e0e0;
}
/* line 580, ../sass/screen.scss */
/* line 589, ../sass/screen.scss */
#footer a {
color: #7e7e7e;
color: white;
@@ -603,33 +610,33 @@ ul li {
border-right: solid 1px #7e7e7e;
border-right: solid 1px white;
}
/* line 590, ../sass/screen.scss */
/* line 599, ../sass/screen.scss */
#footer a:hover {
color: gray;
}
/* line 594, ../sass/screen.scss */
/* line 603, ../sass/screen.scss */
#footer a:last-child {
border: 0px none;
}
/* line 600, ../sass/screen.scss */
/* line 609, ../sass/screen.scss */
#footer #code-source img {
height: 20px;
}

/* line 606, ../sass/screen.scss */
/* line 615, ../sass/screen.scss */
#content #mentions {
padding-top: 20px;
}
/* line 609, ../sass/screen.scss */
/* line 618, ../sass/screen.scss */
#content #mentions div.content {
width: 60%;
font-size: 90%;
}
/* line 614, ../sass/screen.scss */
/* line 623, ../sass/screen.scss */
#content #mentions p {
padding-bottom: 15px;
}
/* line 618, ../sass/screen.scss */
/* line 627, ../sass/screen.scss */
#content #mentions h2 {
color: black;
padding-bottom: 40px;
@@ -637,7 +644,7 @@ ul li {
line-height: 35px;
font-family: "highvoltageregular";
}
/* line 626, ../sass/screen.scss */
/* line 635, ../sass/screen.scss */
#content #mentions h3 {
font-family: "highvoltageregular";
font-size: 18px;
@@ -646,53 +653,53 @@ ul li {
color: black;
}

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

/* line 648, ../sass/screen.scss */
/* line 657, ../sass/screen.scss */
#profil-user .form-group.field-user-no_mail label {
font-weight: normal;
}
/* line 652, ../sass/screen.scss */
/* line 661, ../sass/screen.scss */
#profil-user .form-group label {
cursor: pointer;
}
/* line 657, ../sass/screen.scss */
/* line 666, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group {
float: left;
margin-right: 15px;
}
/* line 660, ../sass/screen.scss */
/* line 669, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group label {
font-weight: normal;
}
/* line 666, ../sass/screen.scss */
/* line 675, ../sass/screen.scss */
#profil-user p.strong {
font-weight: bold;
}

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

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

/* line 688, ../sass/screen.scss */
/* line 697, ../sass/screen.scss */
.site-signup .col-lg-5 {
margin: 0px auto;
float: none;
}

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

/* line 708, ../sass/screen.scss */
/* line 717, ../sass/screen.scss */
#form-signup #user-producer {
margin-bottom: 30px;
}
/* line 713, ../sass/screen.scss */
/* line 722, ../sass/screen.scss */
#form-signup #signupform-id_producer option:disabled {
font-weight: bold;
color: black;
}
/* line 719, ../sass/screen.scss */
/* line 728, ../sass/screen.scss */
#form-signup #champs-producer {
display: none;
}
/* line 723, ../sass/screen.scss */
/* line 732, ../sass/screen.scss */
#form-signup #buttons-signup {
margin-top: 30px;
}

/* line 728, ../sass/screen.scss */
/* line 737, ../sass/screen.scss */
#col-left {
padding: 0px;
z-index: 15;
}
/* line 732, ../sass/screen.scss */
/* line 741, ../sass/screen.scss */
#col-left .affix {
width: 25%;
border-right: solid 1px #e0e0e0;
background-color: #FAFAFA;
height: 100%;
}
/* line 739, ../sass/screen.scss */
/* line 748, ../sass/screen.scss */
#col-left #link-home {
text-decoration: none;
font-size: 22px;
@@ -739,28 +746,28 @@ ul li {
padding: 10px;
background-color: white;
}
/* line 747, ../sass/screen.scss */
/* line 756, ../sass/screen.scss */
#col-left #link-home img {
height: 50px;
margin-bottom: 5px;
float: left;
}
/* line 753, ../sass/screen.scss */
/* line 762, ../sass/screen.scss */
#col-left #link-home .text {
padding-left: 62px;
}
/* line 756, ../sass/screen.scss */
/* line 765, ../sass/screen.scss */
#col-left #link-home .text .bap {
font-family: "comfortaalight";
font-size: 24px;
}
/* line 761, ../sass/screen.scss */
/* line 770, ../sass/screen.scss */
#col-left #link-home .text .plateforme {
font-size: 17px;
font-family: "myriadpro-light";
color: #FF7F00;
}
/* line 769, ../sass/screen.scss */
/* line 778, ../sass/screen.scss */
#col-left h2 {
font-family: "myriadpro-regular";
color: black;
@@ -768,37 +775,37 @@ ul li {
margin-bottom: 10px;
padding: 15px 0px 5px 15px;
}
/* line 777, ../sass/screen.scss */
/* line 786, ../sass/screen.scss */
#col-left #links {
background-color: white;
margin-bottom: 20px;
}
/* line 783, ../sass/screen.scss */
/* line 792, ../sass/screen.scss */
#col-left #links ul li a {
text-align: center;
border-right: solid 1px #e0e0e0;
}
/* line 787, ../sass/screen.scss */
/* line 796, ../sass/screen.scss */
#col-left #links ul li a:hover {
background-color: #FF7F00;
color: white;
}
/* line 793, ../sass/screen.scss */
/* line 802, ../sass/screen.scss */
#col-left #links ul li:last-child a {
border-right: 0px none;
}
/* line 803, ../sass/screen.scss */
/* line 812, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li a {
padding-left: 50px;
height: 40px;
}
/* line 809, ../sass/screen.scss */
/* line 818, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a {
background-color: #FF7F00;
position: relative;
color: white;
}
/* line 814, ../sass/screen.scss */
/* line 823, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a:after {
right: -40px;
top: 50%;
@@ -813,18 +820,18 @@ ul li {
border-width: 20px;
margin-top: -20px;
}
/* line 833, ../sass/screen.scss */
/* line 842, ../sass/screen.scss */
#col-left ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/* line 837, ../sass/screen.scss */
/* line 846, ../sass/screen.scss */
#col-left ul li {
margin: 0px;
padding: 0px;
}
/* line 840, ../sass/screen.scss */
/* line 849, ../sass/screen.scss */
#col-left ul li a {
text-decoration: none;
font-family: "comfortaaregular";
@@ -835,18 +842,18 @@ ul li {
display: block;
color: black;
}
/* line 850, ../sass/screen.scss */
/* line 859, ../sass/screen.scss */
#col-left ul li a span.name, #col-left ul li a span.wording {
display: none;
}
/* line 857, ../sass/screen.scss */
/* line 866, ../sass/screen.scss */
#col-left p {
padding: 20px;
padding-top: 0px;
color: gray;
}

/* line 865, ../sass/screen.scss */
/* line 874, ../sass/screen.scss */
#content .header-title {
height: 79px;
padding: 20px 20px;
@@ -861,7 +868,7 @@ ul li {
-webkit-box-shadow: 0px 0px 8px #e0e0e0;
box-shadow: 0px 0px 8px #e0e0e0;
}
/* line 877, ../sass/screen.scss */
/* line 886, ../sass/screen.scss */
#content .header-title h1 {
color: black;
font-family: "myriadpro-regular";
@@ -869,7 +876,7 @@ ul li {
font-size: 25px;
text-transform: uppercase;
}
/* line 885, ../sass/screen.scss */
/* line 894, ../sass/screen.scss */
#content .header-title h2 {
color: gray;
text-transform: none;
@@ -878,16 +885,16 @@ ul li {
line-height: 20px;
}

/* line 896, ../sass/screen.scss */
/* line 905, ../sass/screen.scss */
.header-producer {
z-index: 1;
}
/* line 898, ../sass/screen.scss */
/* line 907, ../sass/screen.scss */
.header-producer #block-main-img {
height: 144px;
overflow: hidden;
}
/* line 902, ../sass/screen.scss */
/* line 911, ../sass/screen.scss */
.header-producer #block-main-img #main-img {
width: 100%;
height: auto;
@@ -897,7 +904,7 @@ ul li {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 911, ../sass/screen.scss */
/* line 920, ../sass/screen.scss */
.header-producer h1 {
font-family: "comfortaaregular";
text-align: center;
@@ -905,23 +912,23 @@ ul li {
top: 30px;
left: 40px;
}
/* line 918, ../sass/screen.scss */
/* line 927, ../sass/screen.scss */
.header-producer h1 span {
background-color: rgba(255, 255, 255, 0.8);
padding: 10px 30px;
border: dotted 1px black;
}

/* line 929, ../sass/screen.scss */
/* line 938, ../sass/screen.scss */
nav#menu-producer {
border-bottom: solid 1px #e0e0e0;
}
/* line 933, ../sass/screen.scss */
/* line 942, ../sass/screen.scss */
nav#menu-producer ul li {
padding: 0px;
margin: 0px;
}
/* line 936, ../sass/screen.scss */
/* line 945, ../sass/screen.scss */
nav#menu-producer ul li a {
border-right: solid 1px #e0e0e0;
text-decoration: none;
@@ -929,13 +936,13 @@ nav#menu-producer ul li a {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 941, ../sass/screen.scss */
/* line 950, ../sass/screen.scss */
nav#menu-producer ul li a:hover {
background-color: #FF7F00;
color: white;
}

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

+ 16
- 7
frontend/web/sass/screen.scss View File

@@ -315,6 +315,14 @@ ul {
}
ul {
li {
a {
padding: 10px 10px ;
}
}
}
}
}
@@ -339,9 +347,9 @@ ul {
padding-top: 35px ;
padding-bottom: 50px ;
h1#title-site {
h1#title-site, h1 {
font-family: "highvoltageregular" ;
font-size: 50px ;
font-size: 35px ;
}
h2 {
@@ -489,8 +497,7 @@ ul {
}

#bookmarked-producers {
background-color: $color1 ;
border-top: solid 1px #e0e0e0 ;
background-color: #323232 ;
padding: 0px ;
padding-top: 20px ;
margin: 0px ;
@@ -531,15 +538,17 @@ ul {
background-position: center center ;
background-repeat: no-repeat ;
border: solid 1px $color2 ;
background-color: white ;

a {
position: absolute ;
bottom: 0px ;
left: 0px ;
width: 100% ;
background-color: $color2 ;
border-color: $color2 ;
color: $color1 ;
background-color: $color1 ;
border-color: $color1 ;
color: white ;
@include border-radius(0px) ;
&:hover {
background-color: #fafafa ;

Write Preview
Loading…
Cancel
Save