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.

1827 lines
48KB

  1. @charset "UTF-8";
  2. /**
  3. Copyright La boîte à pain (2018)
  4. contact@laboiteapain.net
  5. Ce logiciel est un programme informatique servant à aider les producteurs
  6. à distribuer leur production en circuits courts.
  7. Ce logiciel est régi par la licence CeCILL soumise au droit français et
  8. respectant les principes de diffusion des logiciels libres. Vous pouvez
  9. utiliser, modifier et/ou redistribuer ce programme sous les conditions
  10. de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
  11. sur le site "http://www.cecill.info".
  12. En contrepartie de l'accessibilité au code source et des droits de copie,
  13. de modification et de redistribution accordés par cette licence, il n'est
  14. offert aux utilisateurs qu'une garantie limitée. Pour les mêmes raisons,
  15. seule une responsabilité restreinte pèse sur l'auteur du programme, le
  16. titulaire des droits patrimoniaux et les concédants successifs.
  17. A cet égard l'attention de l'utilisateur est attirée sur les risques
  18. associés au chargement, à l'utilisation, à la modification et/ou au
  19. développement et à la reproduction du logiciel par l'utilisateur étant
  20. donné sa spécificité de logiciel libre, qui peut le rendre complexe à
  21. manipuler et qui le réserve donc à des développeurs et des professionnels
  22. avertis possédant des connaissances informatiques approfondies. Les
  23. utilisateurs sont donc invités à charger et tester l'adéquation du
  24. logiciel à leurs besoins dans des conditions permettant d'assurer la
  25. sécurité de leurs systèmes et ou de leurs données et, plus généralement,
  26. à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
  27. Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
  28. pris connaissance de la licence CeCILL, et que vous en avez accepté les
  29. termes.
  30. */
  31. /**
  32. Copyright La boîte à pain (2018)
  33. contact@laboiteapain.net
  34. Ce logiciel est un programme informatique servant à aider les producteurs
  35. à distribuer leur production en circuits courts.
  36. Ce logiciel est régi par la licence CeCILL soumise au droit français et
  37. respectant les principes de diffusion des logiciels libres. Vous pouvez
  38. utiliser, modifier et/ou redistribuer ce programme sous les conditions
  39. de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
  40. sur le site "http://www.cecill.info".
  41. En contrepartie de l'accessibilité au code source et des droits de copie,
  42. de modification et de redistribution accordés par cette licence, il n'est
  43. offert aux utilisateurs qu'une garantie limitée. Pour les mêmes raisons,
  44. seule une responsabilité restreinte pèse sur l'auteur du programme, le
  45. titulaire des droits patrimoniaux et les concédants successifs.
  46. A cet égard l'attention de l'utilisateur est attirée sur les risques
  47. associés au chargement, à l'utilisation, à la modification et/ou au
  48. développement et à la reproduction du logiciel par l'utilisateur étant
  49. donné sa spécificité de logiciel libre, qui peut le rendre complexe à
  50. manipuler et qui le réserve donc à des développeurs et des professionnels
  51. avertis possédant des connaissances informatiques approfondies. Les
  52. utilisateurs sont donc invités à charger et tester l'adéquation du
  53. logiciel à leurs besoins dans des conditions permettant d'assurer la
  54. sécurité de leurs systèmes et ou de leurs données et, plus généralement,
  55. à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
  56. Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
  57. pris connaissance de la licence CeCILL, et que vous en avez accepté les
  58. termes.
  59. */
  60. @font-face {
  61. font-family: 'comfortaabold';
  62. src: url("../fonts/comfortaa-bold-webfont.eot");
  63. src: url("../fonts/comfortaa-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/comfortaa-bold-webfont.woff2") format("woff2"), url("../fonts/comfortaa-bold-webfont.woff") format("woff"), url("../fonts/comfortaa-bold-webfont.ttf") format("truetype"), url("../fonts/comfortaa-bold-webfont.svg#comfortaabold") format("svg");
  64. font-weight: normal;
  65. font-style: normal;
  66. }
  67. @font-face {
  68. font-family: 'comfortaalight';
  69. src: url("../fonts/comfortaa-light-webfont.eot");
  70. src: url("../fonts/comfortaa-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/comfortaa-light-webfont.woff2") format("woff2"), url("../fonts/comfortaa-light-webfont.woff") format("woff"), url("../fonts/comfortaa-light-webfont.ttf") format("truetype"), url("../fonts/comfortaa-light-webfont.svg#comfortaalight") format("svg");
  71. font-weight: normal;
  72. font-style: normal;
  73. }
  74. @font-face {
  75. font-family: 'comfortaaregular';
  76. src: url("../fonts/comfortaa-regular-webfont.eot");
  77. src: url("../fonts/comfortaa-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/comfortaa-regular-webfont.woff2") format("woff2"), url("../fonts/comfortaa-regular-webfont.woff") format("woff"), url("../fonts/comfortaa-regular-webfont.ttf") format("truetype"), url("../fonts/comfortaa-regular-webfont.svg#comfortaaregular") format("svg");
  78. font-weight: normal;
  79. font-style: normal;
  80. }
  81. @font-face {
  82. font-family: 'myriadpro-it';
  83. src: url("../fonts/myriadpro-it.eot");
  84. src: url("../fonts/myriadpro-it.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-it.woff") format("woff"), url("../fonts/myriadpro-it.ttf") format("truetype"), url("../fonts/myriadpro-it.svg#myriadpro-it") format("svg");
  85. font-weight: normal;
  86. font-style: normal;
  87. }
  88. @font-face {
  89. font-family: 'myriadpro-light';
  90. src: url("../fonts/myriadpro-light.eot");
  91. src: url("../fonts/myriadpro-light.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-light.woff") format("woff"), url("../fonts/myriadpro-light.ttf") format("truetype"), url("../fonts/myriadpro-light.svg#myriadpro-light") format("svg");
  92. font-weight: normal;
  93. font-style: normal;
  94. }
  95. @font-face {
  96. font-family: 'myriadpro-regular';
  97. src: url("../fonts/myriadpro-regular.eot");
  98. src: url("../fonts/myriadpro-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-regular.woff") format("woff"), url("../fonts/myriadpro-regular.ttf") format("truetype"), url("../fonts/myriadpro-regular.svg#myriadpro-regular") format("svg");
  99. font-weight: normal;
  100. font-style: normal;
  101. }
  102. @font-face {
  103. font-family: 'myriadpro-semibold';
  104. src: url("../fonts/myriadpro-semibold.eot");
  105. src: url("../fonts/myriadpro-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro-semibold.woff") format("woff"), url("../fonts/myriadpro-semibold.ttf") format("truetype"), url("../fonts/myriadpro-semibold.svg#myriadpro-semibold") format("svg");
  106. font-weight: normal;
  107. font-style: normal;
  108. }
  109. /* line 56, ../sass/screen.scss */
  110. html {
  111. height: 100%;
  112. }
  113. /* line 60, ../sass/screen.scss */
  114. body {
  115. position: relative;
  116. color: #505050;
  117. font-family: "Arial";
  118. background-attachment: fixed;
  119. min-height: 100%;
  120. margin: 0;
  121. padding: 0;
  122. background-color: #F8F1DD;
  123. }
  124. /* line 71, ../sass/screen.scss */
  125. strong {
  126. font-weight: bold;
  127. }
  128. /* line 75, ../sass/screen.scss */
  129. #main {
  130. background-color: white;
  131. }
  132. /* line 77, ../sass/screen.scss */
  133. #main a {
  134. color: #505050;
  135. text-decoration: underline;
  136. }
  137. /* line 81, ../sass/screen.scss */
  138. #main a:focus, #main a:active {
  139. outline-color: gray;
  140. color: #BB8757;
  141. }
  142. /* line 86, ../sass/screen.scss */
  143. #main a:hover {
  144. color: #BB8757;
  145. }
  146. /* line 90, ../sass/screen.scss */
  147. #main a.btn {
  148. text-decoration: none;
  149. }
  150. /* line 95, ../sass/screen.scss */
  151. #main .btn-primary {
  152. background-color: #BB8757;
  153. border: solid 1px #BB8757;
  154. color: white;
  155. }
  156. /* line 100, ../sass/screen.scss */
  157. #main .btn-primary:hover, #main .btn-primary:active, #main .btn-primary:focus {
  158. background-color: #b17a48;
  159. border: solid 1px #BB8757;
  160. color: white;
  161. }
  162. /* line 107, ../sass/screen.scss */
  163. #main .form-control:focus {
  164. -moz-box-shadow: none;
  165. -webkit-box-shadow: none;
  166. box-shadow: none;
  167. border: solid 1px #BB8757;
  168. }
  169. /* line 113, ../sass/screen.scss */
  170. p {
  171. padding-bottom: 20px;
  172. line-height: 21px;
  173. }
  174. /* line 118, ../sass/screen.scss */
  175. ul {
  176. padding-left: 20px;
  177. list-style-type: disc;
  178. margin-bottom: 10px;
  179. }
  180. /* line 123, ../sass/screen.scss */
  181. ul li {
  182. padding-left: 5px;
  183. }
  184. /* line 128, ../sass/screen.scss */
  185. .clr {
  186. clear: both;
  187. }
  188. /* line 132, ../sass/screen.scss */
  189. .btn {
  190. background-image: none;
  191. }
  192. /* line 136, ../sass/screen.scss */
  193. #main .alert {
  194. background-image: none;
  195. background-color: white;
  196. border-bottom-width: 3px;
  197. }
  198. /* line 144, ../sass/screen.scss */
  199. .alert.alert-warning a {
  200. color: #8a6d3b;
  201. }
  202. /* line 155, ../sass/screen.scss */
  203. #main {
  204. position: relative;
  205. }
  206. /* line 157, ../sass/screen.scss */
  207. #main .inner {
  208. width: 960px;
  209. margin: 0px auto;
  210. }
  211. /* line 164, ../sass/screen.scss */
  212. #content .content-text h1 {
  213. font-family: "myriadpro-regular";
  214. font-size: 30px;
  215. color: black;
  216. text-transform: uppercase;
  217. }
  218. /* line 171, ../sass/screen.scss */
  219. #content .content-text h2 {
  220. font-family: "comfortaaregular";
  221. font-size: 20px;
  222. text-transform: none;
  223. padding-bottom: 0px;
  224. margin-bottom: 5px;
  225. margin-top: 5px;
  226. }
  227. /* line 183, ../sass/screen.scss */
  228. #content #the-content {
  229. padding-top: 100px;
  230. padding-left: 30px;
  231. padding-right: 30px;
  232. padding-bottom: 50px;
  233. }
  234. /* line 191, ../sass/screen.scss */
  235. #block-demo {
  236. padding: 10px 0px;
  237. background-color: #BB8757;
  238. color: white;
  239. text-align: center;
  240. }
  241. /* line 197, ../sass/screen.scss */
  242. #block-demo a {
  243. color: white;
  244. text-decoration: underline;
  245. }
  246. /* line 203, ../sass/screen.scss */
  247. #header {
  248. z-index: 100;
  249. border-bottom: solid 1px #e0e0e0;
  250. background-color: #f8f1dd;
  251. }
  252. /* line 208, ../sass/screen.scss */
  253. #header .container {
  254. position: relative;
  255. }
  256. /* line 212, ../sass/screen.scss */
  257. #header #the-header {
  258. height: 80px;
  259. height: auto;
  260. }
  261. /* line 217, ../sass/screen.scss */
  262. #header #env-dev {
  263. font-family: "comfortaabold";
  264. text-align: center;
  265. font-size: 18px;
  266. padding-top: 10px;
  267. padding-bottom: 10px;
  268. color: #BB8757;
  269. background-color: transparent;
  270. position: absolute;
  271. top: 18px;
  272. left: 79px;
  273. }
  274. /* line 230, ../sass/screen.scss */
  275. #header #link-home {
  276. /*position: absolute ;
  277. top: 10px ;
  278. left: 0px ;*/
  279. float: left;
  280. padding-top: 10px;
  281. padding-bottom: 10px;
  282. text-decoration: none;
  283. font-size: 22px;
  284. color: black;
  285. display: block;
  286. }
  287. /* line 242, ../sass/screen.scss */
  288. #header #link-home img {
  289. height: 50px;
  290. margin-bottom: 5px;
  291. float: left;
  292. }
  293. /* line 248, ../sass/screen.scss */
  294. #header #link-home .text {
  295. float: left;
  296. padding-left: 10px;
  297. }
  298. /* line 252, ../sass/screen.scss */
  299. #header #link-home .text .bap {
  300. font-family: "comfortaalight";
  301. font-size: 24px;
  302. }
  303. /* line 257, ../sass/screen.scss */
  304. #header #link-home .text .plateforme {
  305. font-size: 17px;
  306. font-family: "myriadpro-light";
  307. color: #BB8757;
  308. }
  309. /* line 265, ../sass/screen.scss */
  310. #header #link-space-producer {
  311. border-left: solid 1px #e0e0e0;
  312. color: #BB8757;
  313. }
  314. /* line 270, ../sass/screen.scss */
  315. #header nav {
  316. padding-top: 0px;
  317. margin-bottom: 0px;
  318. border: 0px none;
  319. background: none;
  320. background-color: #f8f1dd;
  321. -moz-box-shadow: none;
  322. -webkit-box-shadow: none;
  323. box-shadow: none;
  324. }
  325. /* line 279, ../sass/screen.scss */
  326. #header nav .navbar-nav {
  327. padding-top: 17px;
  328. }
  329. /* line 283, ../sass/screen.scss */
  330. #header nav .navbar-toggle {
  331. background-color: white;
  332. }
  333. /* line 287, ../sass/screen.scss */
  334. #header nav ul {
  335. float: right;
  336. }
  337. /* line 290, ../sass/screen.scss */
  338. #header nav ul li a {
  339. text-decoration: none;
  340. color: #505050;
  341. -moz-box-shadow: none;
  342. -webkit-box-shadow: none;
  343. box-shadow: none;
  344. background-color: transparent;
  345. padding: 10px 20px;
  346. }
  347. /* line 297, ../sass/screen.scss */
  348. #header nav ul li a:hover {
  349. color: black;
  350. background-color: white;
  351. }
  352. /* line 304, ../sass/screen.scss */
  353. #header nav ul li.active a {
  354. background: none;
  355. background-color: white;
  356. }
  357. /* line 310, ../sass/screen.scss */
  358. #header nav ul li#link-producteurs {
  359. border-right: solid 1px #e0e0e0;
  360. }
  361. /* line 320, ../sass/screen.scss */
  362. #header #link-logout .name {
  363. color: gray;
  364. font-size: 10px;
  365. left: 18px;
  366. position: relative;
  367. top: -4px;
  368. }
  369. /* line 337, ../sass/screen.scss */
  370. #content {
  371. position: relative;
  372. padding: 20px 0px;
  373. padding-top: 35px;
  374. padding-bottom: 50px;
  375. }
  376. /* line 343, ../sass/screen.scss */
  377. #content h1#title-site {
  378. font-family: "comfortaalight";
  379. font-size: 50px;
  380. }
  381. /* line 350, ../sass/screen.scss */
  382. #content h2 {
  383. color: black;
  384. padding-bottom: 15px;
  385. font-size: 25px;
  386. line-height: 35px;
  387. font-family: "myriadpro-regular";
  388. text-transform: uppercase;
  389. position: relative;
  390. margin-top: 30px;
  391. }
  392. /* line 361, ../sass/screen.scss */
  393. #content h3 {
  394. color: black;
  395. font-size: 20px;
  396. }
  397. /* line 369, ../sass/screen.scss */
  398. #content #description img {
  399. width: 100%;
  400. }
  401. /* line 374, ../sass/screen.scss */
  402. #content #main-img {
  403. max-width: 100%;
  404. border: solid 1px #e0e0e0;
  405. padding: 5px;
  406. -moz-border-radius: 5px;
  407. -webkit-border-radius: 5px;
  408. border-radius: 5px;
  409. }
  410. /* line 383, ../sass/screen.scss */
  411. #content #row-presentation h1 {
  412. color: black;
  413. }
  414. /* line 386, ../sass/screen.scss */
  415. #content #row-presentation strong {
  416. font-family: "myriadpro-light";
  417. font-size: 20px;
  418. color: #B17A48;
  419. }
  420. /* line 393, ../sass/screen.scss */
  421. #content #row-signup {
  422. text-align: center;
  423. margin-top: 40px;
  424. padding-top: 40px;
  425. }
  426. /* line 398, ../sass/screen.scss */
  427. #content #row-signup a.btn {
  428. padding: 10px 20px;
  429. font-size: 20px;
  430. text-transform: uppercase;
  431. }
  432. /* line 404, ../sass/screen.scss */
  433. #content #row-signup a.btn-primary {
  434. margin-right: 15px;
  435. }
  436. /* line 409, ../sass/screen.scss */
  437. #content #row-users-producers {
  438. margin-bottom: 50px;
  439. }
  440. /* line 412, ../sass/screen.scss */
  441. #content #row-users-producers h2 {
  442. text-align: center;
  443. margin-bottom: 10px;
  444. }
  445. /* line 415, ../sass/screen.scss */
  446. #content #row-users-producers h2 .img {
  447. height: 35px;
  448. }
  449. /* line 418, ../sass/screen.scss */
  450. #content #row-users-producers h2 span {
  451. margin-left: 10px;
  452. font-size: 25px;
  453. position: relative;
  454. top: 5px;
  455. }
  456. /* line 426, ../sass/screen.scss */
  457. #content #row-users-producers ul {
  458. text-align: left;
  459. }
  460. /* line 428, ../sass/screen.scss */
  461. #content #row-users-producers ul li {
  462. list-style-type: circle;
  463. color: #BB8757;
  464. }
  465. /* line 434, ../sass/screen.scss */
  466. #content #row-users-producers p {
  467. padding-bottom: 4px;
  468. }
  469. /* line 440, ../sass/screen.scss */
  470. #content #row-users-producers .producer .price a {
  471. background-color: #F8F1DD;
  472. color: #BB8757;
  473. text-decoration: none;
  474. }
  475. /* line 448, ../sass/screen.scss */
  476. #content #row-users-producers .price {
  477. padding-top: 15px;
  478. font-size: 18px;
  479. }
  480. /* line 452, ../sass/screen.scss */
  481. #content #row-users-producers .price a, #content #row-users-producers .price div {
  482. text-decoration: none;
  483. text-align: center;
  484. display: block;
  485. color: #BB8757;
  486. border: solid 1px #BB8757;
  487. font-weight: normal;
  488. font-size: 18px;
  489. font-family: "comfortaaregular";
  490. font-family: "myriadpro-regular";
  491. text-transform: uppercase;
  492. padding: 10px 15px;
  493. padding-bottom: 7px;
  494. -moz-border-radius: 5px;
  495. -webkit-border-radius: 5px;
  496. border-radius: 5px;
  497. }
  498. /* line 475, ../sass/screen.scss */
  499. #content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
  500. color: black;
  501. }
  502. /* line 485, ../sass/screen.scss */
  503. #content #contact {
  504. display: none;
  505. }
  506. /* line 489, ../sass/screen.scss */
  507. #content #contact .icon {
  508. width: 55px;
  509. top: -15px;
  510. margin-left: -70px;
  511. }
  512. /* line 495, ../sass/screen.scss */
  513. #content #contact .form-control:focus {
  514. /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
  515. border-color: $jaune ;*/
  516. }
  517. /* line 500, ../sass/screen.scss */
  518. #content #contact .form-group {
  519. text-align: center;
  520. }
  521. /* line 504, ../sass/screen.scss */
  522. #content #contact .img-right {
  523. float: right;
  524. }
  525. /* line 507, ../sass/screen.scss */
  526. #content #contact .img-right img {
  527. width: 300px;
  528. }
  529. /* line 514, ../sass/screen.scss */
  530. #bookmarked-producers {
  531. background-color: #BB8757;
  532. border-top: solid 1px #e0e0e0;
  533. padding: 0px;
  534. padding-top: 20px;
  535. margin: 0px;
  536. }
  537. /* line 521, ../sass/screen.scss */
  538. #bookmarked-producers h2 {
  539. font-family: "myriadpro-regular";
  540. color: #F8F1DD;
  541. text-align: left;
  542. font-size: 16px;
  543. margin: 0px;
  544. padding: 0px;
  545. margin-left: 15px;
  546. margin-bottom: 15px;
  547. }
  548. /* line 532, ../sass/screen.scss */
  549. #bookmarked-producers .col-md-12, #bookmarked-producers .col-md-6, #bookmarked-producers .col-md-3 {
  550. float: left;
  551. }
  552. /* line 536, ../sass/screen.scss */
  553. #bookmarked-producers .col-md-12 .producer {
  554. background-size: 920px auto;
  555. }
  556. /* line 539, ../sass/screen.scss */
  557. #bookmarked-producers .col-md-6 .producer {
  558. background-size: 460px auto;
  559. }
  560. /* line 543, ../sass/screen.scss */
  561. #bookmarked-producers .col-md-3 .producer {
  562. background-size: 230px auto;
  563. }
  564. /* line 547, ../sass/screen.scss */
  565. #bookmarked-producers .producer {
  566. position: relative;
  567. height: 100px;
  568. list-style-type: none;
  569. text-align: center;
  570. margin-bottom: 20px;
  571. background-size: 300px auto;
  572. background-position: center center;
  573. background-repeat: no-repeat;
  574. border: solid 1px #F8F1DD;
  575. }
  576. /* line 558, ../sass/screen.scss */
  577. #bookmarked-producers .producer a {
  578. position: absolute;
  579. bottom: 0px;
  580. left: 0px;
  581. width: 100%;
  582. background-color: #F8F1DD;
  583. border-color: #F8F1DD;
  584. color: #BB8757;
  585. }
  586. /* line 567, ../sass/screen.scss */
  587. #bookmarked-producers .producer a:hover {
  588. background-color: #fafafa;
  589. border-color: #F8F1DD;
  590. color: #BB8757;
  591. }
  592. /* line 575, ../sass/screen.scss */
  593. #bookmarked-producers #discover {
  594. padding-bottom: 20px;
  595. text-align: center;
  596. }
  597. /* line 579, ../sass/screen.scss */
  598. #bookmarked-producers #discover p {
  599. padding-bottom: 0px;
  600. color: #F8F1DD;
  601. }
  602. /* line 584, ../sass/screen.scss */
  603. #bookmarked-producers #discover .btn {
  604. background-color: #F8F1DD;
  605. color: #BB8757;
  606. border: solid 1px #F8F1DD;
  607. }
  608. /* line 593, ../sass/screen.scss */
  609. #footer {
  610. width: 100%;
  611. background-color: #F8F1DD;
  612. text-align: center;
  613. border-top: 1px solid #e0e0e0;
  614. padding-top: 30px;
  615. padding-bottom: 17px;
  616. }
  617. /* line 601, ../sass/screen.scss */
  618. #footer a {
  619. font-family: "myriadpro-regular";
  620. color: #7e7e7e;
  621. color: white;
  622. color: #505050;
  623. text-transform: uppercase;
  624. text-decoration: none;
  625. padding-left: 10px;
  626. padding-right: 10px;
  627. border-right: solid 1px #7e7e7e;
  628. border-right: solid 1px white;
  629. }
  630. /* line 612, ../sass/screen.scss */
  631. #footer a:hover {
  632. color: gray;
  633. }
  634. /* line 616, ../sass/screen.scss */
  635. #footer a:last-child {
  636. border: 0px none;
  637. }
  638. /* line 622, ../sass/screen.scss */
  639. #footer #code-source img {
  640. height: 20px;
  641. }
  642. /* line 628, ../sass/screen.scss */
  643. #content #mentions {
  644. padding-top: 20px;
  645. }
  646. /* line 631, ../sass/screen.scss */
  647. #content #mentions div.content {
  648. width: 60%;
  649. font-size: 90%;
  650. }
  651. /* line 636, ../sass/screen.scss */
  652. #content #mentions p {
  653. padding-bottom: 15px;
  654. }
  655. /* line 640, ../sass/screen.scss */
  656. #content #mentions h2 {
  657. color: black;
  658. padding-bottom: 40px;
  659. font-size: 25px;
  660. line-height: 35px;
  661. font-family: "myriadpro-regular";
  662. }
  663. /* line 648, ../sass/screen.scss */
  664. #content #mentions h3 {
  665. font-family: "comfortaaregular";
  666. font-size: 18px;
  667. padding-bottom: 12px;
  668. margin-top: 10px;
  669. color: black;
  670. }
  671. /* line 659, ../sass/screen.scss */
  672. .mentions #main, .mentions body {
  673. background-color: white;
  674. }
  675. /* line 664, ../sass/screen.scss */
  676. .vegas-loading {
  677. display: none;
  678. }
  679. /* line 671, ../sass/screen.scss */
  680. #profil-user .form-group.field-user-no_mail label {
  681. font-weight: normal;
  682. }
  683. /* line 675, ../sass/screen.scss */
  684. #profil-user .form-group label {
  685. cursor: pointer;
  686. }
  687. /* line 680, ../sass/screen.scss */
  688. #profil-user #mails-days-distribution .form-group {
  689. float: left;
  690. margin-right: 15px;
  691. }
  692. /* line 683, ../sass/screen.scss */
  693. #profil-user #mails-days-distribution .form-group label {
  694. font-weight: normal;
  695. }
  696. /* line 689, ../sass/screen.scss */
  697. #profil-user p.strong {
  698. font-weight: bold;
  699. }
  700. /* login */
  701. /* line 698, ../sass/screen.scss */
  702. .site-login .col-lg-5 {
  703. margin: 0px auto;
  704. float: none;
  705. }
  706. /* signup */
  707. /* line 706, ../sass/screen.scss */
  708. .modal-backdrop {
  709. z-index: 999;
  710. }
  711. /* line 711, ../sass/screen.scss */
  712. .site-signup .col-lg-5 {
  713. margin: 0px auto;
  714. float: none;
  715. }
  716. /* line 721, ../sass/screen.scss */
  717. #modal-cgv .modal-body h2 {
  718. margin-bottom: 5px;
  719. padding-bottom: 0px;
  720. font-size: 20px;
  721. margin-top: 0px;
  722. }
  723. /* line 731, ../sass/screen.scss */
  724. #form-signup #user-producer {
  725. margin-bottom: 30px;
  726. }
  727. /* line 736, ../sass/screen.scss */
  728. #form-signup #signupform-id_producer option:disabled {
  729. font-weight: bold;
  730. color: black;
  731. }
  732. /* line 742, ../sass/screen.scss */
  733. #form-signup #champs-producer {
  734. display: none;
  735. }
  736. /* line 746, ../sass/screen.scss */
  737. #form-signup #buttons-signup {
  738. margin-top: 30px;
  739. }
  740. /* line 751, ../sass/screen.scss */
  741. #col-left {
  742. padding: 0px;
  743. z-index: 15;
  744. }
  745. /* line 755, ../sass/screen.scss */
  746. #col-left .affix {
  747. width: 25%;
  748. border-right: solid 1px #e0e0e0;
  749. background-color: #FAFAFA;
  750. height: 100%;
  751. }
  752. /* line 762, ../sass/screen.scss */
  753. #col-left #link-home {
  754. text-decoration: none;
  755. font-size: 22px;
  756. color: black;
  757. display: block;
  758. padding: 10px;
  759. background-color: #F8F1DD;
  760. }
  761. /* line 770, ../sass/screen.scss */
  762. #col-left #link-home img {
  763. height: 50px;
  764. margin-bottom: 5px;
  765. float: left;
  766. }
  767. /* line 776, ../sass/screen.scss */
  768. #col-left #link-home .text {
  769. padding-left: 62px;
  770. }
  771. /* line 779, ../sass/screen.scss */
  772. #col-left #link-home .text .bap {
  773. font-family: "comfortaalight";
  774. font-size: 24px;
  775. }
  776. /* line 784, ../sass/screen.scss */
  777. #col-left #link-home .text .plateforme {
  778. font-size: 17px;
  779. font-family: "myriadpro-light";
  780. color: #BB8757;
  781. }
  782. /* line 792, ../sass/screen.scss */
  783. #col-left h2 {
  784. font-family: "myriadpro-regular";
  785. color: black;
  786. margin: 0px;
  787. margin-bottom: 10px;
  788. padding: 15px 0px 5px 15px;
  789. }
  790. /* line 800, ../sass/screen.scss */
  791. #col-left #links {
  792. background-color: white;
  793. margin-bottom: 20px;
  794. }
  795. /* line 806, ../sass/screen.scss */
  796. #col-left #links ul li a {
  797. text-align: center;
  798. border-right: solid 1px #e0e0e0;
  799. }
  800. /* line 810, ../sass/screen.scss */
  801. #col-left #links ul li a:hover {
  802. background-color: #BB8757;
  803. color: white;
  804. }
  805. /* line 816, ../sass/screen.scss */
  806. #col-left #links ul li:last-child a {
  807. border-right: 0px none;
  808. }
  809. /* line 826, ../sass/screen.scss */
  810. #col-left #producers nav.nav-producers ul li a {
  811. padding-left: 50px;
  812. height: 40px;
  813. }
  814. /* line 832, ../sass/screen.scss */
  815. #col-left #producers nav.nav-producers ul li.active a {
  816. background-color: #BB8757;
  817. position: relative;
  818. color: white;
  819. }
  820. /* line 837, ../sass/screen.scss */
  821. #col-left #producers nav.nav-producers ul li.active a:after {
  822. right: -40px;
  823. top: 50%;
  824. border: solid transparent;
  825. content: " ";
  826. height: 0;
  827. width: 0;
  828. position: absolute;
  829. pointer-events: none;
  830. border-color: rgba(187, 135, 87, 0);
  831. border-left-color: #BB8757;
  832. border-width: 20px;
  833. margin-top: -20px;
  834. }
  835. /* line 856, ../sass/screen.scss */
  836. #col-left ul {
  837. list-style-type: none;
  838. margin: 0px;
  839. padding: 0px;
  840. }
  841. /* line 860, ../sass/screen.scss */
  842. #col-left ul li {
  843. margin: 0px;
  844. padding: 0px;
  845. }
  846. /* line 863, ../sass/screen.scss */
  847. #col-left ul li a {
  848. text-decoration: none;
  849. font-family: "comfortaaregular";
  850. font-family: "myriadpro-regular";
  851. font-size: 15px;
  852. padding: 10px;
  853. border-bottom: solid 1px #e0e0e0;
  854. display: block;
  855. color: black;
  856. }
  857. /* line 873, ../sass/screen.scss */
  858. #col-left ul li a span.name, #col-left ul li a span.wording {
  859. display: none;
  860. }
  861. /* line 880, ../sass/screen.scss */
  862. #col-left p {
  863. padding: 20px;
  864. padding-top: 0px;
  865. color: gray;
  866. }
  867. /* line 888, ../sass/screen.scss */
  868. #content .header-title {
  869. height: 79px;
  870. padding: 20px 20px;
  871. position: fixed;
  872. top: 0px;
  873. width: 100%;
  874. background-color: white;
  875. z-index: 10;
  876. box-sizing: border-box;
  877. border-bottom: solid 1px #e0e0e0;
  878. -moz-box-shadow: 0px 0px 8px #e0e0e0;
  879. -webkit-box-shadow: 0px 0px 8px #e0e0e0;
  880. box-shadow: 0px 0px 8px #e0e0e0;
  881. }
  882. /* line 900, ../sass/screen.scss */
  883. #content .header-title h1 {
  884. color: black;
  885. font-family: "myriadpro-regular";
  886. margin: 0px;
  887. font-size: 25px;
  888. text-transform: uppercase;
  889. }
  890. /* line 908, ../sass/screen.scss */
  891. #content .header-title h2 {
  892. color: gray;
  893. text-transform: none;
  894. font-size: 15px;
  895. margin-top: 3px;
  896. line-height: 20px;
  897. }
  898. /* line 919, ../sass/screen.scss */
  899. .header-producer {
  900. z-index: 1;
  901. }
  902. /* line 921, ../sass/screen.scss */
  903. .header-producer #block-main-img {
  904. height: 144px;
  905. overflow: hidden;
  906. }
  907. /* line 925, ../sass/screen.scss */
  908. .header-producer #block-main-img #main-img {
  909. width: 100%;
  910. height: auto;
  911. border: 0px none;
  912. padding: 0px;
  913. -moz-border-radius: 0px;
  914. -webkit-border-radius: 0px;
  915. border-radius: 0px;
  916. }
  917. /* line 934, ../sass/screen.scss */
  918. .header-producer h1 {
  919. font-family: "comfortaaregular";
  920. text-align: center;
  921. position: absolute;
  922. top: 30px;
  923. left: 40px;
  924. }
  925. /* line 941, ../sass/screen.scss */
  926. .header-producer h1 span {
  927. background-color: rgba(255, 255, 255, 0.8);
  928. padding: 10px 30px;
  929. border: dotted 1px black;
  930. }
  931. /* line 952, ../sass/screen.scss */
  932. nav#menu-producer {
  933. border-bottom: solid 1px #e0e0e0;
  934. }
  935. /* line 956, ../sass/screen.scss */
  936. nav#menu-producer ul li {
  937. padding: 0px;
  938. margin: 0px;
  939. }
  940. /* line 959, ../sass/screen.scss */
  941. nav#menu-producer ul li a {
  942. border-right: solid 1px #e0e0e0;
  943. text-decoration: none;
  944. -moz-border-radius: 0px;
  945. -webkit-border-radius: 0px;
  946. border-radius: 0px;
  947. }
  948. /* line 964, ../sass/screen.scss */
  949. nav#menu-producer ul li a:hover {
  950. background-color: #BB8757;
  951. color: white;
  952. }
  953. /**
  954. Copyright La boîte à pain (2018)
  955. contact@laboiteapain.net
  956. Ce logiciel est un programme informatique servant à aider les producteurs
  957. à distribuer leur production en circuits courts.
  958. Ce logiciel est régi par la licence CeCILL soumise au droit français et
  959. respectant les principes de diffusion des logiciels libres. Vous pouvez
  960. utiliser, modifier et/ou redistribuer ce programme sous les conditions
  961. de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
  962. sur le site "http://www.cecill.info".
  963. En contrepartie de l'accessibilité au code source et des droits de copie,
  964. de modification et de redistribution accordés par cette licence, il n'est
  965. offert aux utilisateurs qu'une garantie limitée. Pour les mêmes raisons,
  966. seule une responsabilité restreinte pèse sur l'auteur du programme, le
  967. titulaire des droits patrimoniaux et les concédants successifs.
  968. A cet égard l'attention de l'utilisateur est attirée sur les risques
  969. associés au chargement, à l'utilisation, à la modification et/ou au
  970. développement et à la reproduction du logiciel par l'utilisateur étant
  971. donné sa spécificité de logiciel libre, qui peut le rendre complexe à
  972. manipuler et qui le réserve donc à des développeurs et des professionnels
  973. avertis possédant des connaissances informatiques approfondies. Les
  974. utilisateurs sont donc invités à charger et tester l'adéquation du
  975. logiciel à leurs besoins dans des conditions permettant d'assurer la
  976. sécurité de leurs systèmes et ou de leurs données et, plus généralement,
  977. à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
  978. Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
  979. pris connaissance de la licence CeCILL, et que vous en avez accepté les
  980. termes.
  981. */
  982. /* line 38, ../sass/_order_system.scss */
  983. h1.title-system-order {
  984. color: black;
  985. padding-bottom: 35px;
  986. font-size: 30px;
  987. line-height: 35px;
  988. font-family: "myriadpro-regular";
  989. font-family: "comfortaalight";
  990. text-align: center;
  991. position: relative;
  992. margin-top: 30px;
  993. }
  994. /* line 50, ../sass/_order_system.scss */
  995. h1.title-system-order img {
  996. width: 35px;
  997. margin-right: 7px;
  998. }
  999. /* line 56, ../sass/_order_system.scss */
  1000. h2 {
  1001. font-size: 20px;
  1002. text-transform: uppercase;
  1003. }
  1004. /* line 64, ../sass/_order_system.scss */
  1005. #addproducerform-id_producer option:disabled,
  1006. #signupform-id_producer option:disabled {
  1007. font-weight: bold;
  1008. color: black;
  1009. }
  1010. /* line 68, ../sass/_order_system.scss */
  1011. #addproducerform-id_producer .lock,
  1012. #signupform-id_producer .lock {
  1013. position: relative;
  1014. }
  1015. /* line 72, ../sass/_order_system.scss */
  1016. #addproducerform-id_producer .lock:before,
  1017. #signupform-id_producer .lock:before {
  1018. font-family: "Glyphicons Halflings";
  1019. content: "\e033";
  1020. font-style: normal;
  1021. font-weight: 400;
  1022. line-height: 1;
  1023. position: relative;
  1024. top: 1px;
  1025. right: 0px;
  1026. }
  1027. /* line 84, ../sass/_order_system.scss */
  1028. #block-code-acces {
  1029. display: none;
  1030. }
  1031. /* line 91, ../sass/_order_system.scss */
  1032. #main .list-producers .producer {
  1033. padding-left: 0px;
  1034. padding-right: 30px;
  1035. }
  1036. /* line 95, ../sass/_order_system.scss */
  1037. #main .list-producers .producer .panel {
  1038. margin-bottom: 13px;
  1039. }
  1040. /* line 99, ../sass/_order_system.scss */
  1041. #main .list-producers .producer.selected .panel {
  1042. border-bottom: solid 3px #BB8757;
  1043. margin-bottom: 11px;
  1044. }
  1045. /* line 104, ../sass/_order_system.scss */
  1046. #main .list-producers .producer .panel-heading {
  1047. height: 150px;
  1048. overflow: hidden;
  1049. padding: 0px;
  1050. background: none;
  1051. background-color: #F8F1DD;
  1052. }
  1053. /* line 110, ../sass/_order_system.scss */
  1054. #main .list-producers .producer .panel-heading .img-back {
  1055. width: 100%;
  1056. height: auto;
  1057. position: relative;
  1058. top: -50%;
  1059. }
  1060. /* line 118, ../sass/_order_system.scss */
  1061. #main .list-producers .producer .panel-body {
  1062. position: relative;
  1063. width: 100%;
  1064. height: 150px;
  1065. max-height: 150px;
  1066. text-align: center;
  1067. }
  1068. /* line 125, ../sass/_order_system.scss */
  1069. #main .list-producers .producer .panel-body h3 {
  1070. margin-bottom: 4px;
  1071. }
  1072. /* line 129, ../sass/_order_system.scss */
  1073. #main .list-producers .producer .panel-body .locality {
  1074. color: gray;
  1075. margin-bottom: 10px;
  1076. }
  1077. /* line 134, ../sass/_order_system.scss */
  1078. #main .list-producers .producer .panel-body .glyphicon-check {
  1079. color: #BB8757;
  1080. font-size: 40px;
  1081. position: absolute;
  1082. top: 34px;
  1083. left: 32px;
  1084. }
  1085. /* line 142, ../sass/_order_system.scss */
  1086. #main .list-producers .producer .panel-body .remove {
  1087. position: absolute;
  1088. top: 10px;
  1089. right: 10px;
  1090. }
  1091. /* line 148, ../sass/_order_system.scss */
  1092. #main .list-producers .producer .panel-body .logo {
  1093. display: none;
  1094. width: 150px;
  1095. position: absolute;
  1096. top: -40px;
  1097. left: 50%;
  1098. margin-left: -75px;
  1099. background-color: white;
  1100. padding: 10px 20px;
  1101. }
  1102. /* line 159, ../sass/_order_system.scss */
  1103. #main .list-producers .producer .panel-body .order-deadline,
  1104. #main .list-producers .producer .panel-body .credit {
  1105. margin-top: 15px;
  1106. font-size: 13px;
  1107. }
  1108. /* line 165, ../sass/_order_system.scss */
  1109. #main .list-producers .producer .panel-body .order-deadline {
  1110. float: left;
  1111. }
  1112. /* line 169, ../sass/_order_system.scss */
  1113. #main .list-producers .producer .panel-body .credit {
  1114. float: right;
  1115. }
  1116. /* line 172, ../sass/_order_system.scss */
  1117. #main .list-producers .producer .panel-body .credit .amount {
  1118. font-size: 16px;
  1119. color: #BB8757;
  1120. background-color: #F8F1DD;
  1121. padding: 2px 10px;
  1122. -moz-border-radius: 5px;
  1123. -webkit-border-radius: 5px;
  1124. border-radius: 5px;
  1125. font-weight: bold;
  1126. }
  1127. /* line 179, ../sass/_order_system.scss */
  1128. #main .list-producers .producer .panel-body .credit .amount .glyphicon {
  1129. font-size: 13px;
  1130. }
  1131. /* line 185, ../sass/_order_system.scss */
  1132. #main .list-producers .producer .panel-body .info-credit {
  1133. font-size: 17px;
  1134. position: relative;
  1135. top: 2px;
  1136. left: 3px;
  1137. color: #BB8757;
  1138. }
  1139. /* line 196, ../sass/_order_system.scss */
  1140. #index-order {
  1141. position: relative;
  1142. }
  1143. /* line 199, ../sass/_order_system.scss */
  1144. #index-order #logout {
  1145. position: absolute;
  1146. /*top: 45px ;
  1147. right: 93px ;*/
  1148. top: 0;
  1149. right: 0;
  1150. z-index: 10;
  1151. }
  1152. /* line 208, ../sass/_order_system.scss */
  1153. #index-order .home {
  1154. text-align: center;
  1155. padding-bottom: 20px;
  1156. }
  1157. /* line 213, ../sass/_order_system.scss */
  1158. #index-order #block-add-producer {
  1159. padding-left: 0px;
  1160. padding-right: 30px;
  1161. }
  1162. /* line 217, ../sass/_order_system.scss */
  1163. #index-order #block-add-producer .help-block {
  1164. padding-bottom: 0px;
  1165. }
  1166. /* line 221, ../sass/_order_system.scss */
  1167. #index-order #block-add-producer .field-addproducerform-id_producer {
  1168. width: 70%;
  1169. float: left;
  1170. }
  1171. /* line 226, ../sass/_order_system.scss */
  1172. #index-order #block-add-producer .field-addproducerform-code {
  1173. width: 70%;
  1174. float: left;
  1175. }
  1176. /* line 231, ../sass/_order_system.scss */
  1177. #index-order #block-add-producer .btn {
  1178. float: right;
  1179. position: relative;
  1180. top: 20px;
  1181. }
  1182. /* line 237, ../sass/_order_system.scss */
  1183. #index-order #block-add-producer .panel-heading {
  1184. background: none;
  1185. background-color: white;
  1186. cursor: pointer;
  1187. }
  1188. /* line 243, ../sass/_order_system.scss */
  1189. #index-order #block-add-producer .panel-body {
  1190. display: none;
  1191. }
  1192. /* line 249, ../sass/_order_system.scss */
  1193. #index-order #history-orders .status, #index-order #history-orders .amount {
  1194. width: 175px;
  1195. }
  1196. /* line 252, ../sass/_order_system.scss */
  1197. #index-order #history-orders .amount {
  1198. width: 100px;
  1199. }
  1200. /* line 259, ../sass/_order_system.scss */
  1201. #index-order #history-orders .locality {
  1202. font-size: 11px;
  1203. lin-height: 11px;
  1204. }
  1205. /* line 264, ../sass/_order_system.scss */
  1206. #index-order #history-orders a {
  1207. text-decoration: none;
  1208. }
  1209. /* line 268, ../sass/_order_system.scss */
  1210. #index-order #history-orders .comment {
  1211. margin-top: 5px;
  1212. }
  1213. /* line 270, ../sass/_order_system.scss */
  1214. #index-order #history-orders .comment span {
  1215. font-size: 12px;
  1216. background-color: white;
  1217. color: #BB8757;
  1218. font-weight: bold;
  1219. -moz-border-radius: 5px;
  1220. -webkit-border-radius: 5px;
  1221. border-radius: 5px;
  1222. padding: 5px 10px;
  1223. border: solid 1px #ccc;
  1224. }
  1225. /* line 283, ../sass/_order_system.scss */
  1226. .order-form {
  1227. min-height: 600px;
  1228. padding-bottom: 60px;
  1229. }
  1230. /* line 288, ../sass/_order_system.scss */
  1231. .order-form h2 {
  1232. font-family: "myriadpro-regular";
  1233. }
  1234. /* line 292, ../sass/_order_system.scss */
  1235. .order-form #infos-importantes.alert-warning {
  1236. float: right;
  1237. }
  1238. /* line 298, ../sass/_order_system.scss */
  1239. .order-form #datepicker-distribution .ui-datepicker {
  1240. float: left;
  1241. margin-right: 20px;
  1242. font-size: 20px;
  1243. }
  1244. /* line 304, ../sass/_order_system.scss */
  1245. .order-form #datepicker-distribution .ui-datepicker-header {
  1246. background-color: #BB8757;
  1247. }
  1248. /* line 308, ../sass/_order_system.scss */
  1249. .order-form #datepicker-distribution .ui-datepicker-title {
  1250. color: white;
  1251. }
  1252. /* line 314, ../sass/_order_system.scss */
  1253. .order-form #datepicker-distribution .ui-datepicker-prev:hover,
  1254. .order-form #datepicker-distribution .ui-datepicker-next:hover {
  1255. border: 0px none;
  1256. background: none;
  1257. }
  1258. /* line 320, ../sass/_order_system.scss */
  1259. .order-form #datepicker-distribution .ui-helper-clearfix:after {
  1260. clear: none;
  1261. }
  1262. /* line 325, ../sass/_order_system.scss */
  1263. .order-form #datepicker-distribution .ui-datepicker-calendar a {
  1264. text-decoration: none;
  1265. background-color: #F8F1DD;
  1266. }
  1267. /* line 328, ../sass/_order_system.scss */
  1268. .order-form #datepicker-distribution .ui-datepicker-calendar a.ui-state-hover, .order-form #datepicker-distribution .ui-datepicker-calendar a.ui-state-active {
  1269. background-color: #BB8757;
  1270. color: white;
  1271. border-color: #cdc3b7;
  1272. }
  1273. /* line 337, ../sass/_order_system.scss */
  1274. .order-form .date-order {
  1275. margin-bottom: 53px;
  1276. }
  1277. /* line 339, ../sass/_order_system.scss */
  1278. .order-form .date-order span {
  1279. background-color: #BB8757;
  1280. color: white;
  1281. -moz-border-radius: 10px;
  1282. -webkit-border-radius: 10px;
  1283. border-radius: 10px;
  1284. padding: 10px;
  1285. font-family: "myriadpro-regular";
  1286. font-size: 20px;
  1287. }
  1288. /* line 349, ../sass/_order_system.scss */
  1289. .order-form #has-order-in-progress {
  1290. margin-top: 15px;
  1291. }
  1292. /* line 352, ../sass/_order_system.scss */
  1293. .order-form #has-order-in-progress a {
  1294. color: #a94442;
  1295. text-decoration: none;
  1296. font-weight: bold;
  1297. }
  1298. /* line 359, ../sass/_order_system.scss */
  1299. .order-form .field-order-id_distribution {
  1300. display: none;
  1301. }
  1302. /* line 363, ../sass/_order_system.scss */
  1303. .order-form .field-order-id_point_sale {
  1304. margin-top: 30px;
  1305. }
  1306. /* line 367, ../sass/_order_system.scss */
  1307. .order-form .field-order-id_distribution {
  1308. margin-bottom: 0px;
  1309. }
  1310. /* line 369, ../sass/_order_system.scss */
  1311. .order-form .field-order-id_distribution label {
  1312. margin-bottom: 0px;
  1313. }
  1314. /* line 373, ../sass/_order_system.scss */
  1315. .order-form .field-order-id_distribution .help-block {
  1316. margin-bottom: 0px;
  1317. }
  1318. /* line 378, ../sass/_order_system.scss */
  1319. .order-form .field-order-id_point_sale {
  1320. display: none;
  1321. }
  1322. /* line 382, ../sass/_order_system.scss */
  1323. .order-form .blocks {
  1324. list-style-type: none;
  1325. margin: 0px;
  1326. padding: 0px;
  1327. }
  1328. /* line 387, ../sass/_order_system.scss */
  1329. .order-form .blocks .block {
  1330. text-decoration: none;
  1331. width: 268px;
  1332. height: 130px;
  1333. float: left;
  1334. padding: 20px;
  1335. margin-right: 20px;
  1336. margin-bottom: 8px;
  1337. cursor: pointer;
  1338. float: left;
  1339. background-color: #f9f9f9;
  1340. background-color: white;
  1341. border: 1px solid #d8d8d8;
  1342. }
  1343. /* line 402, ../sass/_order_system.scss */
  1344. .order-form .blocks .block .name {
  1345. font-family: "comfortaalight";
  1346. font-size: 20px;
  1347. }
  1348. /* line 408, ../sass/_order_system.scss */
  1349. .order-form .blocks .block .address {
  1350. color: gray;
  1351. font-size: 13px;
  1352. line-height: 16px;
  1353. }
  1354. /* line 414, ../sass/_order_system.scss */
  1355. .order-form .blocks .block .infos {
  1356. margin-top: 7px;
  1357. }
  1358. /* line 416, ../sass/_order_system.scss */
  1359. .order-form .blocks .block .infos .day {
  1360. font-weight: bold;
  1361. display: none;
  1362. }
  1363. /* line 423, ../sass/_order_system.scss */
  1364. .order-form .blocks .block.selected {
  1365. border-left: solid 5px #BB8757;
  1366. }
  1367. /* line 426, ../sass/_order_system.scss */
  1368. .order-form .blocks .block.selected .contenu {
  1369. position: relative;
  1370. left: -4px;
  1371. }
  1372. /* line 432, ../sass/_order_system.scss */
  1373. .order-form .blocks .block:hover {
  1374. -moz-box-shadow: 0px 0px 5px #d8d8d8;
  1375. -webkit-box-shadow: 0px 0px 5px #d8d8d8;
  1376. box-shadow: 0px 0px 5px #d8d8d8;
  1377. }
  1378. /* line 437, ../sass/_order_system.scss */
  1379. .order-form .blocks .block.disabled {
  1380. display: none;
  1381. }
  1382. /* line 442, ../sass/_order_system.scss */
  1383. .order-form .blocks .block .comment {
  1384. margin-top: 5px;
  1385. }
  1386. /* line 444, ../sass/_order_system.scss */
  1387. .order-form .blocks .block .comment span {
  1388. background-color: #BB8757;
  1389. -moz-border-radius: 5px;
  1390. -webkit-border-radius: 5px;
  1391. border-radius: 5px;
  1392. color: white;
  1393. font-weight: bold;
  1394. padding: 3px 10px;
  1395. }
  1396. /* line 455, ../sass/_order_system.scss */
  1397. .order-form #products {
  1398. margin-top: 15px;
  1399. }
  1400. /* line 458, ../sass/_order_system.scss */
  1401. .order-form #products #label-products {
  1402. display: block;
  1403. margin-bottom: 5px;
  1404. }
  1405. /* line 463, ../sass/_order_system.scss */
  1406. .order-form #products .table {
  1407. margin-top: 7px;
  1408. }
  1409. /* line 466, ../sass/_order_system.scss */
  1410. .order-form #products .table .photo {
  1411. padding: 0px;
  1412. width: 120px;
  1413. }
  1414. /* line 471, ../sass/_order_system.scss */
  1415. .order-form #products .table .th-photo, .order-form #products .table .td-photo {
  1416. width: 120px;
  1417. }
  1418. /* line 475, ../sass/_order_system.scss */
  1419. .order-form #products .table .name {
  1420. font-family: "comfortaalight";
  1421. font-weight: bold;
  1422. text-transform: uppercase;
  1423. font-size: 18px;
  1424. }
  1425. /* line 482, ../sass/_order_system.scss */
  1426. .order-form #products .table .description {
  1427. font-style: italic;
  1428. }
  1429. /* line 486, ../sass/_order_system.scss */
  1430. .order-form #products .table .recipe {
  1431. font-size: 12px;
  1432. }
  1433. /* line 490, ../sass/_order_system.scss */
  1434. .order-form #products .table .input-group {
  1435. width: 133px;
  1436. }
  1437. /* line 492, ../sass/_order_system.scss */
  1438. .order-form #products .table .input-group .quantity {
  1439. text-align: center;
  1440. }
  1441. /* line 497, ../sass/_order_system.scss */
  1442. .order-form #products .table .column-quantity, .order-form #products .table .price-unit, .order-form #products .table .total {
  1443. width: 150px;
  1444. text-align: center;
  1445. }
  1446. /* line 502, ../sass/_order_system.scss */
  1447. .order-form #products .table td#total-order, .order-form #products .table td#total-order-vrac, .order-form #products .table td.total {
  1448. text-align: center;
  1449. }
  1450. /* line 506, ../sass/_order_system.scss */
  1451. .order-form #products .table .epuise {
  1452. display: none;
  1453. text-transform: uppercase;
  1454. color: #B32815;
  1455. font-weight: bold;
  1456. font-size: 16px;
  1457. text-align: center;
  1458. }
  1459. /* line 515, ../sass/_order_system.scss */
  1460. .order-form #products .table .quantity-remaining {
  1461. font-size: 12px;
  1462. margin-top: 8px;
  1463. }
  1464. /* line 519, ../sass/_order_system.scss */
  1465. .order-form #products .table .quantity-remaining .nb {
  1466. font-weight: bold;
  1467. }
  1468. /* line 524, ../sass/_order_system.scss */
  1469. .order-form #products .table td.product, .order-form #products .table th.product {
  1470. width: 70%;
  1471. }
  1472. /* line 528, ../sass/_order_system.scss */
  1473. .order-form #products .table td.price-unit, .order-form #products .table th.price-unit {
  1474. width: 10%;
  1475. }
  1476. /* line 532, ../sass/_order_system.scss */
  1477. .order-form #products .table td.column-quantity, .order-form #products .table th.column-quantity {
  1478. width: 10%;
  1479. }
  1480. /* line 536, ../sass/_order_system.scss */
  1481. .order-form #products .table td.total, .order-form #products .table th.total {
  1482. width: 10%;
  1483. }
  1484. /* line 542, ../sass/_order_system.scss */
  1485. .order-form #bar-fixed {
  1486. display: none;
  1487. position: fixed;
  1488. bottom: 0px;
  1489. z-index: 100;
  1490. background-color: white;
  1491. padding: 15px;
  1492. margin-bottom: 0px;
  1493. -moz-box-shadow: 0 0 5px gray;
  1494. -webkit-box-shadow: 0 0 5px gray;
  1495. box-shadow: 0 0 5px gray;
  1496. -moz-border-radius: 10px 10px 0px 0px;
  1497. -webkit-border-radius: 10px;
  1498. border-radius: 10px 10px 0px 0px;
  1499. border-top: solid 1px #e0e0e0;
  1500. background-color: #F9F9F9;
  1501. background-color: #F8F1DD;
  1502. text-align: center;
  1503. }
  1504. /* line 559, ../sass/_order_system.scss */
  1505. .order-form #bar-fixed.not-fixed {
  1506. position: relative;
  1507. -moz-box-shadow: none;
  1508. -webkit-box-shadow: none;
  1509. box-shadow: none;
  1510. -moz-border-radius: 0px;
  1511. -webkit-border-radius: 0px;
  1512. border-radius: 0px;
  1513. border: solid 1px #e0e0e0;
  1514. padding-right: 20px;
  1515. }
  1516. /* line 568, ../sass/_order_system.scss */
  1517. .order-form #bar-fixed.no-credit #bloc-valider-commande {
  1518. margin-top: 0px;
  1519. float: right;
  1520. }
  1521. /* line 574, ../sass/_order_system.scss */
  1522. .order-form #bar-fixed #total-order-bottom {
  1523. background-color: white;
  1524. -moz-border-radius: 20px;
  1525. -webkit-border-radius: 20px;
  1526. border-radius: 20px;
  1527. padding: 5px 25px;
  1528. border: solid 1px #e0e0e0;
  1529. }
  1530. /* line 581, ../sass/_order_system.scss */
  1531. .order-form #bar-fixed .btn-comment {
  1532. float: left;
  1533. }
  1534. /* line 589, ../sass/_order_system.scss */
  1535. .order-form #bar-fixed .btn-comment {
  1536. margin-right: 10px;
  1537. }
  1538. /* line 593, ../sass/_order_system.scss */
  1539. .order-form #bar-fixed #block-confirm-order {
  1540. text-align: right;
  1541. margin-top: 20px;
  1542. }
  1543. /* line 597, ../sass/_order_system.scss */
  1544. .order-form #bar-fixed #block-confirm-order button {
  1545. width: 340px;
  1546. margin-right: 10px;
  1547. }
  1548. /* line 603, ../sass/_order_system.scss */
  1549. .order-form #bar-fixed #checkbox-credit {
  1550. float: right;
  1551. width: 340px;
  1552. padding: 3px 11px;
  1553. background-color: white;
  1554. border: solid 1px #ccc;
  1555. -moz-border-radius: 5px;
  1556. -webkit-border-radius: 5px;
  1557. border-radius: 5px;
  1558. margin-right: 10px;
  1559. text-shadow: 0 1px 0 #fff;
  1560. -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  1561. -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  1562. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
  1563. }
  1564. /* line 614, ../sass/_order_system.scss */
  1565. .order-form #bar-fixed #checkbox-credit.payment-impossible {
  1566. background-color: #e0e0e0;
  1567. }
  1568. /* line 618, ../sass/_order_system.scss */
  1569. .order-form #bar-fixed #checkbox-credit .info {
  1570. color: gray;
  1571. font-weight: normal;
  1572. }
  1573. /* line 623, ../sass/_order_system.scss */
  1574. .order-form #bar-fixed #checkbox-credit .the-credit {
  1575. background-color: #BB8757;
  1576. color: white;
  1577. padding: 2px 8px;
  1578. -moz-border-radius: 5px;
  1579. -webkit-border-radius: 5px;
  1580. border-radius: 5px;
  1581. }
  1582. /* line 630, ../sass/_order_system.scss */
  1583. .order-form #bar-fixed #checkbox-credit .amount-paid {
  1584. color: #BB8757;
  1585. }
  1586. /* line 634, ../sass/_order_system.scss */
  1587. .order-form #bar-fixed #checkbox-credit #info-credit-empty {
  1588. font-size: 12px;
  1589. }
  1590. /* line 638, ../sass/_order_system.scss */
  1591. .order-form #bar-fixed #checkbox-credit #credit-disabled {
  1592. display: none;
  1593. font-size: 12px;
  1594. }
  1595. /* line 644, ../sass/_order_system.scss */
  1596. .order-form #bar-fixed .btn-retour, .order-form #bar-fixed .cancel-order {
  1597. float: left;
  1598. margin-right: 5px;
  1599. }
  1600. /* line 649, ../sass/_order_system.scss */
  1601. .order-form #bar-fixed .cancel-order {
  1602. color: #b92c28;
  1603. background-color: white;
  1604. }
  1605. /* line 654, ../sass/_order_system.scss */
  1606. .order-form #bar-fixed #total-order-bottom {
  1607. display: none;
  1608. font-weight: bold;
  1609. font-family: "comfortaalight";
  1610. font-size: 24px;
  1611. }
  1612. /* line 661, ../sass/_order_system.scss */
  1613. .order-form #bar-fixed .field-order-comment {
  1614. display: none;
  1615. }
  1616. /* line 669, ../sass/_order_system.scss */
  1617. .ui-datepicker .ui-widget-header {
  1618. background: none;
  1619. background-color: gray;
  1620. border: 0px none;
  1621. color: black;
  1622. font-weight: normal;
  1623. }
  1624. /* line 677, ../sass/_order_system.scss */
  1625. .ui-datepicker .ui-datepicker-current-day a,
  1626. .ui-datepicker a.ui-state-hover {
  1627. background: none;
  1628. background-color: gray;
  1629. border-color: black;
  1630. color: black;
  1631. }
  1632. /* line 691, ../sass/_order_system.scss */
  1633. #page-producer h1,
  1634. #page-producer-code h1 {
  1635. font-size: 40px;
  1636. }
  1637. /* line 694, ../sass/_order_system.scss */
  1638. #page-producer .info,
  1639. #page-producer-code .info {
  1640. text-align: center;
  1641. }
  1642. /* line 700, ../sass/_order_system.scss */
  1643. #page-producer-code form#producer-code {
  1644. max-width: 400px;
  1645. margin: 0px auto;
  1646. }
  1647. /* line 704, ../sass/_order_system.scss */
  1648. #page-producer-code form#producer-code .form-group.buttons {
  1649. text-align: center;
  1650. }
  1651. /**
  1652. Copyright La boîte à pain (2018)
  1653. contact@laboiteapain.net
  1654. Ce logiciel est un programme informatique servant à aider les producteurs
  1655. à distribuer leur production en circuits courts.
  1656. Ce logiciel est régi par la licence CeCILL soumise au droit français et
  1657. respectant les principes de diffusion des logiciels libres. Vous pouvez
  1658. utiliser, modifier et/ou redistribuer ce programme sous les conditions
  1659. de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
  1660. sur le site "http://www.cecill.info".
  1661. En contrepartie de l'accessibilité au code source et des droits de copie,
  1662. de modification et de redistribution accordés par cette licence, il n'est
  1663. offert aux utilisateurs qu'une garantie limitée. Pour les mêmes raisons,
  1664. seule une responsabilité restreinte pèse sur l'auteur du programme, le
  1665. titulaire des droits patrimoniaux et les concédants successifs.
  1666. A cet égard l'attention de l'utilisateur est attirée sur les risques
  1667. associés au chargement, à l'utilisation, à la modification et/ou au
  1668. développement et à la reproduction du logiciel par l'utilisateur étant
  1669. donné sa spécificité de logiciel libre, qui peut le rendre complexe à
  1670. manipuler et qui le réserve donc à des développeurs et des professionnels
  1671. avertis possédant des connaissances informatiques approfondies. Les
  1672. utilisateurs sont donc invités à charger et tester l'adéquation du
  1673. logiciel à leurs besoins dans des conditions permettant d'assurer la
  1674. sécurité de leurs systèmes et ou de leurs données et, plus généralement,
  1675. à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.
  1676. Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
  1677. pris connaissance de la licence CeCILL, et que vous en avez accepté les
  1678. termes.
  1679. */
  1680. @media screen and (min-width: 768px) and (max-width: 1000px) {
  1681. /* line 41, ../sass/_responsive.scss */
  1682. #header nav .navbar-nav {
  1683. padding-top: 30px;
  1684. }
  1685. /* line 47, ../sass/_responsive.scss */
  1686. #header nav ul li a {
  1687. padding: 3px 7px;
  1688. font-size: 13px;
  1689. }
  1690. }
  1691. @media screen and (max-width: 768px) {
  1692. /* line 60, ../sass/_responsive.scss */
  1693. #content {
  1694. padding-top: 0px;
  1695. }
  1696. /* line 65, ../sass/_responsive.scss */
  1697. #main .container {
  1698. padding-left: 15px;
  1699. padding-right: 15px;
  1700. }
  1701. /* line 72, ../sass/_responsive.scss */
  1702. #header {
  1703. position: relative;
  1704. }
  1705. /* line 75, ../sass/_responsive.scss */
  1706. #header #link-home {
  1707. padding-left: 15px;
  1708. }
  1709. /* line 79, ../sass/_responsive.scss */
  1710. #header .navbar-collapse {
  1711. border: 0px none;
  1712. }
  1713. /* line 83, ../sass/_responsive.scss */
  1714. #header nav {
  1715. width: 100%;
  1716. }
  1717. /* line 85, ../sass/_responsive.scss */
  1718. #header nav ul {
  1719. display: block;
  1720. float: none;
  1721. margin: 0px none;
  1722. border: 0px none;
  1723. }
  1724. /* line 91, ../sass/_responsive.scss */
  1725. #header nav ul li {
  1726. display: block;
  1727. float: none;
  1728. }
  1729. /* line 94, ../sass/_responsive.scss */
  1730. #header nav ul li a {
  1731. display: block;
  1732. }
  1733. /* line 101, ../sass/_responsive.scss */
  1734. #header nav ul li#logo {
  1735. display: block;
  1736. }
  1737. /* line 108, ../sass/_responsive.scss */
  1738. #header a#link-commander {
  1739. display: none;
  1740. }
  1741. /* line 113, ../sass/_responsive.scss */
  1742. #content #points-sale .content {
  1743. padding-left: 10px;
  1744. margin-top: 30px;
  1745. }
  1746. /* line 118, ../sass/_responsive.scss */
  1747. #menu-user {
  1748. position: relative;
  1749. top: 0px;
  1750. }
  1751. /* line 123, ../sass/_responsive.scss */
  1752. .connected #content {
  1753. padding-top: 0px;
  1754. }
  1755. }