You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1471 satır
24KB

  1. /**
  2. Copyright Souke (2018)
  3. contact@souke.fr
  4. Ce logiciel est un programme informatique servant à aider les producteurs
  5. à distribuer leur production en circuits courts.
  6. Ce logiciel est régi par la licence CeCILL soumise au droit français et
  7. respectant les principes de diffusion des logiciels libres. Vous pouvez
  8. utiliser, modifier et/ou redistribuer ce programme sous les conditions
  9. de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
  10. sur le site "http://www.cecill.info".
  11. En contrepartie de l'accessibilité au code source et des droits de copie,
  12. de modification et de redistribution accordés par cette licence, il n'est
  13. offert aux utilisateurs qu'une garantie limitée. Pour les mêmes raisons,
  14. seule une responsabilité restreinte pèse sur l'auteur du programme, le
  15. titulaire des droits patrimoniaux et les concédants successifs.
  16. A cet égard l'attention de l'utilisateur est attirée sur les risques
  17. associés au chargement, à l'utilisation, à la modification et/ou au
  18. développement et à la reproduction du logiciel par l'utilisateur étant
  19. donné sa spécificité de logiciel libre, qui peut le rendre complexe à
  20. manipuler et qui le réserve donc à des développeurs et des professionnels
  21. avertis possédant des connaissances informatiques approfondies. Les
  22. utilisateurs sont donc invités à charger et tester l'adéquation du
  23. logiciel à leurs besoins dans des conditions permettant d'assurer la
  24. sécurité de leurs systèmes et ou de leurs données et, plus généralement,
  25. à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
  26. Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
  27. pris connaissance de la licence CeCILL, et que vous en avez accepté les
  28. termes.
  29. */
  30. @import "compass";
  31. $dir-img: '../img/';
  32. $dir-fonts: '../fonts/';
  33. @import "_fonts.scss";
  34. $color-primary: #ee6f42;
  35. $color-secondary: #e4ac07;
  36. $color-gray-light: #f4efe8;
  37. $color-gray: #ece4d8;
  38. $color-text: black;
  39. html, body {
  40. height: 100%;
  41. }
  42. #wrapper {
  43. min-height: 100%;
  44. position: relative;
  45. }
  46. body {
  47. position: relative;
  48. color: black !important;
  49. //background-image: url($dir-img+'betterave.png') !important;
  50. background-color: $color-gray-light !important;
  51. background-repeat: no-repeat;
  52. background-position: center -100px;
  53. background-size: 90% auto !important;
  54. font-family: 'worksans_regular', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  55. margin: 0;
  56. padding: 0;
  57. }
  58. strong {
  59. font-weight: bold;
  60. }
  61. .help-block {
  62. padding-bottom: 5px;
  63. }
  64. .row {
  65. margin: 0px;
  66. }
  67. #main {
  68. background-color: transparent;
  69. padding-bottom: 65px;
  70. min-height: 500px;
  71. a {
  72. color: $color-text;
  73. text-decoration: underline;
  74. &:focus, &:active {
  75. outline-color: gray;
  76. color: $color-primary;
  77. }
  78. &:hover {
  79. color: $color-primary;
  80. }
  81. &.btn {
  82. text-decoration: none;
  83. }
  84. }
  85. }
  86. #section-user-top {
  87. .navbar {
  88. margin-bottom: 0px;
  89. @include border-radius(0px none);
  90. }
  91. }
  92. p {
  93. padding-bottom: 20px;
  94. line-height: 21px;
  95. }
  96. ul {
  97. padding-left: 20px;
  98. list-style-type: disc;
  99. margin-bottom: 10px;
  100. li {
  101. padding-left: 5px;
  102. }
  103. }
  104. .clr {
  105. clear: both;
  106. }
  107. #wrapper {
  108. .btn {
  109. background-image: none;
  110. @include border-radius(0px);
  111. }
  112. }
  113. #main .alert {
  114. background-image: none;
  115. background-color: white;
  116. border-bottom-width: 3px;
  117. }
  118. .alert {
  119. &.alert-warning {
  120. a {
  121. color: #8a6d3b;
  122. }
  123. }
  124. }
  125. #main .modal {
  126. .modal-content {
  127. @include border-radius(0px);
  128. }
  129. .modal-header {
  130. .modal-title {
  131. color: $color-secondary;
  132. }
  133. }
  134. .modal-body {
  135. h1, h2, h3,h4, h5, h6 {
  136. color: black;
  137. }
  138. h2 {
  139. font-size: 1.5rem;
  140. }
  141. h3 {
  142. font-size: 1.3rem;
  143. }
  144. h4 {
  145. font-size: 1.1rem;
  146. }
  147. .panel {
  148. @include box-shadow(none);
  149. }
  150. }
  151. .modal-footer {
  152. }
  153. }
  154. #main {
  155. position: relative;
  156. .inner {
  157. width: 960px;
  158. margin: 0px auto;
  159. }
  160. }
  161. section#header-title {
  162. padding-top: 35px;
  163. padding-bottom: 35px;
  164. background-color: white;
  165. h1 {
  166. text-align: center;
  167. color: black;
  168. font-family: 'latinmodernmono_regular';
  169. font-size: 33px;
  170. .glyphicon {
  171. position: relative;
  172. top: 4px;
  173. margin-right: 10px;
  174. }
  175. }
  176. }
  177. #block-demo {
  178. padding: 10px 0px;
  179. background-color: $color-primary;
  180. color: white;
  181. text-align: center;
  182. a {
  183. color: white;
  184. text-decoration: underline;
  185. }
  186. }
  187. #header {
  188. z-index: 100;
  189. border: 0px none;
  190. .container {
  191. position: relative;
  192. }
  193. .collapse {
  194. padding-right: 0px;
  195. }
  196. #env-dev {
  197. font-family: 'comfortaabold';
  198. text-align: center;
  199. font-size: 18px;
  200. padding-top: 10px;
  201. padding-bottom: 10px;
  202. color: $color-primary;
  203. background-color: transparent;
  204. position: absolute;
  205. top: 18px;
  206. left: 79px;
  207. }
  208. #link-home {
  209. position: absolute;
  210. top: 10px;
  211. left: 0px;
  212. padding-top: 0px;
  213. padding-bottom: 0px;
  214. text-decoration: none;
  215. font-size: 26px;
  216. display: block;
  217. img {
  218. @include transition(0.1s linear);
  219. height: 63px;
  220. margin-bottom: 5px;
  221. float: left;
  222. }
  223. &:hover {
  224. img {
  225. //filter: brightness(0);
  226. filter: brightness(0.9);
  227. }
  228. }
  229. .text {
  230. float: left;
  231. padding-left: 10px;
  232. .bap {
  233. font-family: "comfortaalight";
  234. font-size: 24px;
  235. }
  236. .plateforme {
  237. font-size: 17px;
  238. font-family: "myriadpro-light";
  239. color: $color-primary;
  240. }
  241. }
  242. .badge-environment-beta {
  243. top: 28px;
  244. left: 10px;
  245. }
  246. }
  247. nav {
  248. height: 90px;
  249. position: relative;
  250. top: 3px;
  251. padding-top: 0px;
  252. padding-bottom: 0px;
  253. margin-bottom: 0px;
  254. border: 0px none;
  255. background: none;
  256. @include box-shadow(none) ;
  257. .navbar-toggle {
  258. background-color: white;
  259. }
  260. .collapse {
  261. position: absolute;
  262. bottom: 3px;
  263. right: 0px;
  264. ul {
  265. padding: 0px;
  266. margin: 0px;
  267. margin-top: 10px;
  268. li {
  269. padding: 0px;
  270. display: block;
  271. a {
  272. display: block;
  273. text-decoration: none;
  274. background-color: transparent;
  275. padding: 7px 0px 4px 0px;
  276. margin: 0px;
  277. margin-left: 25px;
  278. font-family: 'worksans_light';
  279. text-transform: uppercase;
  280. color: black;
  281. font-size: 18px;
  282. @include box-shadow(none) ;
  283. @include border-radius(0px);
  284. border-bottom: solid 4px transparent;
  285. &:hover, &.active {
  286. border-bottom: solid 4px $color-secondary;
  287. }
  288. }
  289. &#li-home a {
  290. }
  291. &.active {
  292. a {
  293. background-color: $color-primary;
  294. color: white;
  295. }
  296. }
  297. ul {
  298. li {
  299. a {
  300. padding: 10px 10px;
  301. }
  302. }
  303. }
  304. }
  305. }
  306. }
  307. }
  308. }
  309. .vertical-align {
  310. display: flex;
  311. align-items: center;
  312. }
  313. #content {
  314. position: relative;
  315. padding: 40px 0px;
  316. h1, h2, h3, h4, h5, h6 {
  317. font-family: 'worksans_bold';
  318. color: $color-secondary;
  319. }
  320. h2 {
  321. font-size: 1.8rem;
  322. }
  323. h3 {
  324. font-size: 1.6rem;
  325. }
  326. h4 {
  327. font-size: 1.4rem;
  328. }
  329. .panel {
  330. background-color: white;
  331. @include box-shadow(0px 0px 15px #d5d5d5);
  332. &.panel-padding-large {
  333. .panel-heading {
  334. padding: 50px 50px 0px 50px;
  335. }
  336. .panel-body {
  337. padding: 50px;
  338. }
  339. }
  340. &.panel-margin-bottom {
  341. margin-bottom: 40px;
  342. }
  343. .panel-heading {
  344. border-bottom: 0px;
  345. padding: 20px;
  346. border-bottom: solid 1px #e0e0e0;
  347. h2.panel-title {
  348. margin: 0px;
  349. padding: 0px;
  350. text-align: center;
  351. .img {
  352. height: 20px;
  353. display: none;
  354. }
  355. span.the-title {
  356. font-size: 26px;
  357. position: relative;
  358. top: 0px;
  359. text-transform: none;
  360. }
  361. }
  362. }
  363. .panel-body {
  364. background-color: white;
  365. padding: 30px 20px;
  366. p {
  367. padding-bottom: 10px;
  368. }
  369. h2.first-title {
  370. margin-top: 0px;
  371. }
  372. h2 {
  373. margin-bottom: 20px;
  374. }
  375. }
  376. &.panel-default {
  377. .panel-heading {
  378. border-bottom: 0px none;
  379. padding-bottom: 0px;
  380. .panel-title {
  381. color: black;
  382. }
  383. }
  384. }
  385. &.panel-primary {
  386. border: 0px none;
  387. .panel-heading {
  388. border: 0px none;
  389. background-color: white;
  390. h2.panel-title {
  391. color: $color-secondary;
  392. padding: 0px;
  393. .the-title {
  394. font-size: 28px;
  395. }
  396. }
  397. }
  398. .panel-body {
  399. border: 0px none;
  400. }
  401. .panel-footer {
  402. }
  403. }
  404. }
  405. .label-producer-signup-closed {
  406. font-size: 14px;
  407. }
  408. #row-functionalities-rates {
  409. .block {
  410. position: relative;
  411. margin-bottom: 25px;
  412. padding-left: 70px;
  413. min-height: 50px;
  414. .bi {
  415. font-size: 40px;
  416. position: absolute;
  417. left: 0px;
  418. top: -9px;
  419. }
  420. p {
  421. }
  422. a {
  423. text-decoration: none;
  424. color: black;
  425. &:hover {
  426. color: $color-primary;
  427. }
  428. }
  429. }
  430. .block-points-sale-products {
  431. img {
  432. width: 40px;
  433. }
  434. }
  435. }
  436. #block-services {
  437. .panel-body {
  438. .panel-default {
  439. @include box-shadow(none);
  440. .panel-body {
  441. padding: 5px;
  442. h3 {
  443. margin-top: 0px;
  444. color: black;
  445. font-size: 1.2rem;
  446. }
  447. }
  448. }
  449. }
  450. }
  451. #block-rates {
  452. .panel-default {
  453. @include box-shadow(none);
  454. .panel-heading {
  455. padding: 0px;
  456. margin-bottom: 20px;
  457. }
  458. .panel-body {
  459. padding: 0px;
  460. }
  461. }
  462. table {
  463. th {
  464. font-weight: bold;
  465. font-size: 14px;
  466. }
  467. }
  468. }
  469. #btn-demo {
  470. &:hover, &:focus, &:active {
  471. color: black;
  472. }
  473. }
  474. #modal-prices {
  475. }
  476. }
  477. #content #contact {
  478. display: none;
  479. .icon {
  480. width: 55px;
  481. top: -15px;
  482. margin-left: -70px;
  483. }
  484. .form-control:focus {
  485. /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
  486. border-color: $jaune ;*/
  487. }
  488. .form-group {
  489. text-align: center;
  490. }
  491. .img-right {
  492. float: right;
  493. img {
  494. width: 300px;
  495. }
  496. }
  497. }
  498. #bookmarked-producers {
  499. padding: 0px;
  500. padding-top: 15px;
  501. padding-bottom: 7px;
  502. margin: 0px;
  503. border-bottom: solid 1px #e0e0e0;
  504. background-color: white;
  505. h2 {
  506. float: left;
  507. font-family: 'highvoltageregular';
  508. color: $color-text;
  509. text-align: left;
  510. font-size: 16px;
  511. margin: 0px;
  512. padding: 0px;
  513. color: $color-text;
  514. }
  515. #producers {
  516. position: relative;
  517. top: -5px;
  518. left: 5px;
  519. }
  520. #discover {
  521. padding-bottom: 20px;
  522. text-align: center;
  523. p {
  524. padding-bottom: 0px;
  525. color: $color-secondary;
  526. }
  527. .btn {
  528. background-color: $color-secondary;
  529. color: $color-primary;
  530. border: solid 1px $color-secondary;
  531. }
  532. }
  533. }
  534. #footer {
  535. position: absolute;
  536. bottom: 0px;
  537. width: 100%;
  538. text-align: left;
  539. padding-top: 22px;
  540. padding-bottom: 16px;
  541. background-color: $color-primary;
  542. border-top: 0px none;
  543. color: white;
  544. a {
  545. color: white;
  546. font-family: 'worksans_light';
  547. font-size: 1rem;
  548. text-decoration: none;
  549. padding-left: 5px;
  550. padding-right: 5px;
  551. border-right: solid 1px white;
  552. border: 0px none;
  553. &:hover {
  554. text-decoration: underline;
  555. }
  556. &:last-child {
  557. border: 0px none;
  558. }
  559. }
  560. }
  561. .site-iamproducer {
  562. .panel {
  563. text-align: center;
  564. }
  565. .word-animate {
  566. margin-top: 40px;
  567. margin-bottom: 60px;
  568. height: auto;
  569. span.functionality {
  570. display: inline-block;
  571. @include border-radius(15px);
  572. background-color: $color-gray;
  573. color: black;
  574. padding: 15px 30px;
  575. .glyphicon {
  576. position: relative;
  577. top: 4px;
  578. right: 6px;
  579. }
  580. }
  581. }
  582. .hook {
  583. font-size: 23px;
  584. line-height: 28px;
  585. margin-top: 10px;
  586. margin-bottom: 30px;
  587. }
  588. }
  589. .site-producers {
  590. #producers-list {
  591. #producer-search {
  592. margin-bottom: 40px;
  593. @include box-shadow(0px 0px 15px #d5d5d5);
  594. .input-group-text {
  595. padding: 20px;
  596. background-color: $color-gray-light;
  597. color: $color-primary;
  598. font-size: 25px;
  599. border: 0px none;
  600. @include border-radius(0px);
  601. @include box-shadow(-30px 0px 15px -15px $color-gray inset);
  602. }
  603. .form-control {
  604. border: 0px none;
  605. @include border-radius(0px);
  606. line-height: 1.1rem;
  607. font-size: 1.1rem;
  608. padding: 10px 20px;
  609. color: black;
  610. &:focus {
  611. @include box-shadow(none !important);
  612. }
  613. &::placeholder {
  614. color: gray;
  615. }
  616. }
  617. }
  618. .alert-no-results {
  619. display: none;
  620. }
  621. .panel {
  622. margin-bottom: 40px;
  623. .panel-body {
  624. border: 0px none;
  625. overflow: hidden;
  626. h2 {
  627. margin-top: 0px;
  628. margin-bottom: 10px;
  629. padding-bottom: 0px;
  630. a.producer-link {
  631. color: $color-secondary;
  632. text-decoration: none;
  633. }
  634. .btn-bookmark {
  635. position: relative;
  636. top: 0px;
  637. font-size: 1.3rem;
  638. color: gray;
  639. }
  640. }
  641. p {
  642. padding-bottom: 0px;
  643. }
  644. .producer-type {
  645. font-family: 'worksans_regular';
  646. font-size: 1.05rem;
  647. text-transform: uppercase;
  648. margin-bottom: 10px;
  649. }
  650. }
  651. .panel-footer {
  652. border: 0px none;
  653. padding: 0px;
  654. a {
  655. display: block;
  656. width: 100%;
  657. height: 50px;
  658. line-height: 50px;
  659. overflow: hidden;
  660. padding-top: 0px;
  661. padding-bottom: 0px;
  662. margin: 0px;
  663. &.btn-secondary {
  664. color: $color-secondary;
  665. background-color: white;
  666. border: solid 1px white;
  667. @include box-shadow(-30px 0px 15px -15px $color-gray inset);
  668. &:hover {
  669. //color: white;
  670. //background-color: $color-secondary;
  671. //border: solid 1px $color-secondary;
  672. background-color: $color-gray-light;
  673. border: solid 1px $color-gray-light;
  674. @include box-shadow(none);
  675. }
  676. }
  677. &.btn-primary {
  678. }
  679. }
  680. }
  681. .logo {
  682. float: right;
  683. position: relative;
  684. background-color: white;
  685. width: 110px;
  686. height: 110px;
  687. @include border-radius(110px);
  688. border: solid 3px $color-gray;
  689. text-align: right;
  690. overflow: hidden;
  691. .img-logo {
  692. position: absolute;
  693. top: 50%;
  694. left: 50%;
  695. transform: translate(-50%, -50%);
  696. max-width: 90px;
  697. max-height: 90px;
  698. }
  699. }
  700. }
  701. }
  702. #wrapper-producers-map {
  703. z-index: 10;
  704. #producers-map {
  705. height: 750px;
  706. border: solid 1px #e0e0e0;
  707. &.fixed {
  708. position: fixed !important;
  709. top: 20px;
  710. width: 300px;
  711. //height: 80%;
  712. height: 750px;
  713. }
  714. a {
  715. text-decoration: none;
  716. }
  717. .popup-producer {
  718. font-size: 14px;
  719. color: #505050;
  720. .name {
  721. font-family: 'worksans_bold';
  722. color: $color-secondary;
  723. font-size: 23px;
  724. margin-bottom: 2px;
  725. }
  726. .type {
  727. font-family: 'worksans_regular';
  728. text-transform: uppercase;
  729. font-size: 16px;
  730. margin-bottom: 5px;
  731. }
  732. .address {
  733. font-family: 'worksans_regular';
  734. margin-bottom: 14px;
  735. color: gray;
  736. }
  737. .link {
  738. color: white;
  739. text-align: right;
  740. }
  741. }
  742. }
  743. }
  744. }
  745. #content .site-about {
  746. .panel {
  747. .panel-heading {
  748. h2 {
  749. margin: 0px;
  750. padding: 0px;
  751. }
  752. }
  753. .panel-body {
  754. h2 {
  755. margin-bottom: 20px;
  756. padding-bottom: 0px;
  757. margin-top: 0px;
  758. }
  759. p:last-child {
  760. margin-bottom: 0px;
  761. padding-bottom: 5px;
  762. }
  763. }
  764. }
  765. #few-numbers {
  766. .panel-body {
  767. padding: 0px 20px 20px 20px;
  768. }
  769. .item {
  770. text-align: center;
  771. padding-top: 20px;
  772. padding-bottom: 10px;
  773. .number {
  774. font-family: 'worksans_bold';
  775. font-weight: bold;
  776. font-size: 35px;
  777. color: $color-primary;
  778. }
  779. .description {
  780. font-size: 16px;
  781. line-height: 20px;
  782. color: $color-primary;
  783. font-family: 'worksans_medium';
  784. text-transform: uppercase;
  785. }
  786. .detail {
  787. color: gray;
  788. }
  789. }
  790. }
  791. #carousel-producers-testimonials {
  792. transition: all 0.4s;
  793. .item, .carousel-caption {
  794. transition: all 0.4s;
  795. }
  796. .carousel-indicators {
  797. display: none;
  798. }
  799. .carousel-control-next,
  800. .carousel-control-prev {
  801. background: none;
  802. .bi {
  803. position: absolute;
  804. top: 0px;
  805. font-size: 35px;
  806. color: black;
  807. }
  808. &.carousel-control-next .bi {
  809. right: 0px;
  810. }
  811. &.carousel-control-prev .bi {
  812. left: 0px;
  813. }
  814. }
  815. .carousel-item {
  816. .carousel-caption {
  817. top: 20px;
  818. color: $color-text;
  819. @include text-shadow(none);
  820. padding: 0px;
  821. img {
  822. display: block;
  823. $width-logo-carousel: 150px;
  824. width: $width-logo-carousel;
  825. height: auto;
  826. margin: 0px auto 15px auto;
  827. }
  828. .producer-testimony {
  829. margin-bottom: 12px;
  830. }
  831. .producer-details {
  832. font-style: italic;
  833. color: gray;
  834. .producer-name {
  835. color: $color-primary;
  836. }
  837. }
  838. }
  839. }
  840. }
  841. }
  842. #content .site-service {
  843. #panel-go-further {
  844. text-align: center;
  845. }
  846. }
  847. #content #mentions {
  848. padding-top: 20px;
  849. div.content {
  850. width: 60%;
  851. font-size: 90%;
  852. }
  853. p {
  854. padding-bottom: 15px;
  855. }
  856. h2 {
  857. color: black;
  858. padding-bottom: 40px;
  859. font-size: 25px;
  860. line-height: 35px;
  861. font-family: 'highvoltageregular';
  862. }
  863. h3 {
  864. font-family: "highvoltageregular";
  865. font-size: 18px;
  866. padding-bottom: 12px;
  867. margin-top: 10px;
  868. color: black;
  869. }
  870. }
  871. .mentions {
  872. #main, body {
  873. //background-color: white ;
  874. }
  875. }
  876. .vegas-loading {
  877. display: none;
  878. }
  879. #profil-user {
  880. .form-group.field-user-no_mail label {
  881. font-weight: normal;
  882. }
  883. .form-group label {
  884. cursor: pointer;
  885. }
  886. #mails-days-distribution {
  887. .form-group {
  888. float: left;
  889. margin-right: 15px;
  890. label {
  891. font-weight: normal;
  892. }
  893. }
  894. }
  895. p.strong {
  896. font-weight: bold;
  897. }
  898. h2 {
  899. text-transform: none;
  900. font-size: 25px;
  901. &:first-child {
  902. margin-top: 0px;
  903. }
  904. }
  905. }
  906. /* login */
  907. $max-width-form: 500px;
  908. .back-white {
  909. background-color: white;
  910. padding: 30px;
  911. @include border-radius(5px) ;
  912. }
  913. .need-help-login-signup {
  914. margin-top: 30px;
  915. margin-bottom: 0px;
  916. padding-bottom: 0px !important;
  917. text-align: center;
  918. }
  919. .site-login {
  920. .col-lg-5 {
  921. margin: 0px auto;
  922. float: none;
  923. max-width: $max-width-form;
  924. @extend .back-white ;
  925. }
  926. }
  927. /* signup */
  928. form .block-newsletter {
  929. .help-block-error {
  930. display: none;
  931. }
  932. .help-block {
  933. margin-top: 3px;
  934. padding-left: 20px;
  935. color: gray;
  936. }
  937. }
  938. .modal-backdrop {
  939. z-index: 999;
  940. }
  941. .site-signup {
  942. .col-lg-5 {
  943. margin: 0px auto;
  944. float: none;
  945. max-width: $max-width-form;
  946. @extend .back-white ;
  947. }
  948. #modal-prices {
  949. }
  950. }
  951. #form-signup {
  952. #user-producer {
  953. margin-bottom: 30px;
  954. }
  955. #signupform-id_producer {
  956. option:disabled {
  957. font-weight: bold;
  958. color: black;
  959. }
  960. }
  961. #champs-producer {
  962. display: none;
  963. }
  964. #buttons-signup {
  965. margin-top: 30px;
  966. }
  967. .field-signupform-is_test {
  968. display: none;
  969. }
  970. }
  971. #col-left {
  972. padding: 0px;
  973. z-index: 15;
  974. .affix {
  975. width: 25%;
  976. border-right: solid 1px #e0e0e0;
  977. background-color: #FAFAFA;
  978. height: 100%;
  979. }
  980. #link-home {
  981. text-decoration: none;
  982. font-size: 22px;
  983. color: black;
  984. display: block;
  985. padding: 10px;
  986. background-color: $color-secondary;
  987. img {
  988. height: 50px;
  989. margin-bottom: 5px;
  990. float: left;
  991. }
  992. .text {
  993. padding-left: 62px;
  994. .bap {
  995. font-family: "comfortaalight";
  996. font-size: 24px;
  997. }
  998. .plateforme {
  999. font-size: 17px;
  1000. font-family: "myriadpro-light";
  1001. color: $color-primary;
  1002. }
  1003. }
  1004. }
  1005. h2 {
  1006. font-family: 'myriadpro-regular';
  1007. color: black;
  1008. margin: 0px;
  1009. margin-bottom: 10px;
  1010. padding: 15px 0px 5px 15px;
  1011. }
  1012. #links {
  1013. background-color: white;
  1014. margin-bottom: 20px;
  1015. ul {
  1016. li {
  1017. a {
  1018. text-align: center;
  1019. border-right: solid 1px #e0e0e0;
  1020. &:hover {
  1021. background-color: $color-primary;
  1022. color: white;
  1023. }
  1024. }
  1025. &:last-child a {
  1026. border-right: 0px none;
  1027. }
  1028. }
  1029. }
  1030. }
  1031. #producers nav.nav-producers {
  1032. ul {
  1033. li {
  1034. a {
  1035. padding-left: 50px;
  1036. height: 40px;
  1037. //margin-right: 20px ;
  1038. }
  1039. &.active a {
  1040. background-color: $color-primary;
  1041. position: relative;
  1042. color: white;
  1043. &:after {
  1044. right: -40px;
  1045. top: 50%;
  1046. border: solid transparent;
  1047. content: " ";
  1048. height: 0;
  1049. width: 0;
  1050. position: absolute;
  1051. pointer-events: none;
  1052. border-color: rgba(187, 135, 87, 0);
  1053. border-left-color: #BB8757;
  1054. border-width: 20px;
  1055. margin-top: -20px;
  1056. }
  1057. }
  1058. }
  1059. }
  1060. }
  1061. ul {
  1062. list-style-type: none;
  1063. margin: 0px;
  1064. padding: 0px;
  1065. li {
  1066. margin: 0px;
  1067. padding: 0px;
  1068. a {
  1069. text-decoration: none;
  1070. font-family: 'comfortaaregular';
  1071. font-family: 'myriadpro-regular';
  1072. font-size: 15px;
  1073. padding: 10px;
  1074. border-bottom: solid 1px #e0e0e0;
  1075. display: block;
  1076. color: black;
  1077. span.name, span.wording {
  1078. display: none;
  1079. }
  1080. }
  1081. }
  1082. }
  1083. p {
  1084. padding: 20px;
  1085. padding-top: 0px;
  1086. color: gray;
  1087. }
  1088. }
  1089. #content {
  1090. .header-title {
  1091. height: 79px;
  1092. padding: 20px 20px;
  1093. position: fixed;
  1094. top: 0px;
  1095. width: 100%;
  1096. background-color: white;
  1097. z-index: 10;
  1098. box-sizing: border-box;
  1099. border-bottom: solid 1px #e0e0e0;
  1100. @include box-shadow(0px 0px 8px #e0e0e0) ;
  1101. h1 {
  1102. color: black;
  1103. font-family: 'myriadpro-regular';
  1104. margin: 0px;
  1105. font-size: 25px;
  1106. text-transform: uppercase;
  1107. }
  1108. h2 {
  1109. color: gray;
  1110. text-transform: none;
  1111. font-size: 15px;
  1112. margin-top: 3px;
  1113. line-height: 20px;
  1114. }
  1115. }
  1116. }
  1117. .header-producer {
  1118. z-index: 1;
  1119. #block-main-img {
  1120. height: 144px;
  1121. overflow: hidden;
  1122. #main-img {
  1123. width: 100%;
  1124. height: auto;
  1125. border: 0px none;
  1126. padding: 0px;
  1127. @include border-radius(0px) ;
  1128. }
  1129. }
  1130. h1 {
  1131. font-family: 'comfortaaregular';
  1132. text-align: center;
  1133. position: absolute;
  1134. top: 30px;
  1135. left: 40px;
  1136. span {
  1137. background-color: rgba(255, 255, 255, 0.8);
  1138. //background-color: rgba(187, 135, 87, 0.6) ;
  1139. //color: white ;
  1140. padding: 10px 30px;
  1141. border: dotted 1px black;
  1142. //@include border-radius(20px) ;
  1143. }
  1144. }
  1145. }
  1146. nav#menu-producer {
  1147. border-bottom: solid 1px #e0e0e0;
  1148. //background-color: #FAFAFA ;
  1149. ul {
  1150. li {
  1151. padding: 0px;
  1152. margin: 0px;
  1153. a {
  1154. border-right: solid 1px #e0e0e0;
  1155. text-decoration: none;
  1156. @include border-radius(0px) ;
  1157. &:hover {
  1158. background-color: $color-primary;
  1159. color: white;
  1160. }
  1161. }
  1162. }
  1163. }
  1164. }
  1165. .site-contact {
  1166. .col-lg-6 {
  1167. margin: 0px auto;
  1168. float: none;
  1169. }
  1170. .form-group.submit {
  1171. text-align: right;
  1172. }
  1173. }
  1174. .site-opinion {
  1175. .col-lg-6 {
  1176. margin: 0px auto;
  1177. float: none;
  1178. }
  1179. .field-opinionform-istest {
  1180. display: none;
  1181. }
  1182. .form-group.submit {
  1183. text-align: center;
  1184. }
  1185. }
  1186. #site-prices {
  1187. .panel {
  1188. p {
  1189. padding-bottom: 0px;
  1190. }
  1191. }
  1192. }
  1193. #contact-form {
  1194. .field-contactform-istest {
  1195. display: none;
  1196. }
  1197. }
  1198. .site-request-password-reset {
  1199. .col-lg-6 {
  1200. margin: 0px auto;
  1201. }
  1202. }
  1203. @import "_order_system.scss";
  1204. @import "_responsive.scss";