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.

673 line
15KB

  1. h1.title-systeme-commande {
  2. color: black ;
  3. padding-bottom: 35px ;
  4. font-size: 30px ;
  5. line-height: 35px ;
  6. font-family: 'myriadpro-regular' ;
  7. font-family: "comfortaalight" ;
  8. text-align: center ;
  9. position: relative ;
  10. margin-top: 30px ;
  11. img {
  12. width: 35px ;
  13. margin-right: 7px ;
  14. }
  15. }
  16. h2 {
  17. font-size: 20px ;
  18. //color: black ;
  19. text-transform: uppercase ;
  20. }
  21. #addetablissementform-id_etablissement,
  22. #signupform-id_etablissement {
  23. option:disabled {
  24. font-weight: bold ;
  25. color: black ;
  26. }
  27. .lock {
  28. position: relative ;
  29. }
  30. .lock:before {
  31. font-family: "Glyphicons Halflings" ;
  32. content: "\e033";
  33. font-style: normal;
  34. font-weight: 400;
  35. line-height: 1;
  36. position: relative;
  37. top: 1px;
  38. right: 0px ;
  39. }
  40. }
  41. #bloc-code-acces {
  42. display: none ;
  43. }
  44. #main .liste-etablissements {
  45. #bloc-liste-boulangeries {
  46. }
  47. .boulangerie {
  48. padding-left: 0px ;
  49. padding-right: 30px ;
  50. .panel {
  51. margin-bottom: 13px ;
  52. }
  53. &.selected .panel {
  54. border-bottom: solid 3px $color1 ;
  55. margin-bottom: 11px ;
  56. }
  57. .panel-heading {
  58. height: 150px ;
  59. overflow: hidden ;
  60. padding: 0px ;
  61. background: none ;
  62. background-color: #F8F1DD ;
  63. .img-back {
  64. //display: none ;
  65. width: 100% ;
  66. height: auto ;
  67. position: relative;
  68. top: -50% ;
  69. }
  70. }
  71. .panel-body {
  72. position: relative ;
  73. width: 100% ;
  74. height: 150px ;
  75. max-height: 150px;
  76. text-align: center ;
  77. h3 {
  78. margin-bottom: 4px ;
  79. }
  80. .localite {
  81. color: gray ;
  82. margin-bottom: 10px ;
  83. }
  84. .glyphicon-check {
  85. color: $color1 ;
  86. font-size: 40px ;
  87. position: absolute ;
  88. top: 34px ;
  89. left: 32px ;
  90. }
  91. .remove {
  92. position: absolute ;
  93. top: 10px;
  94. right: 10px ;
  95. }
  96. .logo {
  97. display: none ;
  98. width: 150px ;
  99. position: absolute ;
  100. top: -40px ;
  101. left: 50% ;
  102. margin-left: -75px ;
  103. background-color: white ;
  104. padding: 10px 20px ;
  105. }
  106. .heure-limite-commande,
  107. .credit-pain {
  108. margin-top: 15px ;
  109. font-size: 13px ;
  110. }
  111. .heure-limite-commande {
  112. float: left ;
  113. }
  114. .credit-pain {
  115. float: right ;
  116. .montant {
  117. font-size: 16px ;
  118. color: $color1 ;
  119. background-color: $color2 ;
  120. padding: 2px 10px ;
  121. @include border-radius(5px) ;
  122. font-weight: bold ;
  123. .glyphicon {
  124. font-size: 13px ;
  125. }
  126. }
  127. }
  128. .info-credit-pain {
  129. font-size: 17px ;
  130. position: relative ;
  131. top: 2px ;
  132. left: 3px ;
  133. color: $color1 ;
  134. }
  135. }
  136. }
  137. }
  138. #index-commande {
  139. position: relative ;
  140. #logout {
  141. position: absolute ;
  142. /*top: 45px ;
  143. right: 93px ;*/
  144. top: 0 ;
  145. right: 0 ;
  146. z-index: 10 ;
  147. }
  148. .accueil {
  149. text-align: center ;
  150. padding-bottom: 20px;
  151. }
  152. #bloc-add-etablissement {
  153. padding-left: 0px ;
  154. padding-right: 30px ;
  155. .help-block {
  156. padding-bottom: 0px ;
  157. }
  158. .field-addetablissementform-id_etablissement {
  159. width: 70% ;
  160. float: left ;
  161. }
  162. .field-addetablissementform-code {
  163. width: 70% ;
  164. float: left ;
  165. }
  166. .btn {
  167. float: right ;
  168. position: relative ;
  169. top: 20px ;
  170. }
  171. .panel-heading {
  172. background: none ;
  173. background-color: white ;
  174. cursor: pointer ;
  175. }
  176. .panel-body {
  177. display: none ;
  178. }
  179. }
  180. #historique-commandes {
  181. .statut, .montant {
  182. width: 175px ;
  183. }
  184. .montant {
  185. //text-align: center ;
  186. width: 100px ;
  187. }
  188. .nom-point-vente {
  189. }
  190. .localite {
  191. font-size: 11px ;
  192. lin-height: 11px ;
  193. }
  194. a {
  195. text-decoration: none ;
  196. }
  197. .commentaire {
  198. margin-top: 5px ;
  199. span {
  200. font-size: 12px ;
  201. background-color: white ;
  202. color: $color1 ;
  203. font-weight: bold ;
  204. @include border-radius(5px) ;
  205. padding: 5px 10px ;
  206. border: solid 1px #ccc ;
  207. }
  208. }
  209. }
  210. }
  211. .commande-form {
  212. min-height: 600px ;
  213. padding-bottom: 60px ;
  214. h2 {
  215. font-family: "myriadpro-regular" ;
  216. }
  217. #infos-importantes.alert-warning {
  218. float: right ;
  219. }
  220. #datepicker-production {
  221. .ui-datepicker {
  222. float: left ;
  223. margin-right: 20px ;
  224. font-size: 20px ;
  225. }
  226. .ui-datepicker-header {
  227. background-color: $color1 ;
  228. }
  229. .ui-datepicker-title {
  230. color: white
  231. }
  232. .ui-datepicker-prev,
  233. .ui-datepicker-next {
  234. &:hover {
  235. border: 0px none ;
  236. background: none ;
  237. }
  238. }
  239. .ui-helper-clearfix:after {
  240. clear: none ;
  241. }
  242. .ui-datepicker-calendar {
  243. a {
  244. text-decoration: none ;
  245. background-color: $color2 ;
  246. &.ui-state-hover, &.ui-state-active {
  247. background-color: $color1 ;
  248. color: white ;
  249. border-color: #cdc3b7 ;
  250. }
  251. }
  252. }
  253. }
  254. .date-commande {
  255. margin-bottom: 53px ;
  256. span {
  257. background-color: $color1 ;
  258. color: white ;
  259. @include border-radius(10px) ;
  260. padding: 10px ;
  261. font-family: "myriadpro-regular";
  262. font-size: 20px ;
  263. }
  264. }
  265. #has-commande-en-cours {
  266. margin-top: 15px ;
  267. a {
  268. color: #a94442 ;
  269. text-decoration: none ;
  270. font-weight: bold ;
  271. }
  272. }
  273. .field-commande-id_production {
  274. display: none ;
  275. }
  276. .field-commande-id_point_vente {
  277. margin-top: 30px ;
  278. }
  279. .field-commande-id_production {
  280. margin-bottom: 0px ;
  281. label {
  282. margin-bottom: 0px ;
  283. }
  284. .help-block {
  285. margin-bottom: 0px ;
  286. }
  287. }
  288. .field-commande-id_point_vente {
  289. display: none ;
  290. }
  291. .blocs {
  292. list-style-type: none ;
  293. margin: 0px ;
  294. padding: 0px ;
  295. .bloc {
  296. text-decoration: none ;
  297. width: 268px ;
  298. height: 130px ;
  299. float: left ;
  300. padding: 20px ;
  301. margin-right: 20px ;
  302. margin-bottom: 8px ;
  303. cursor: pointer ;
  304. float: left ;
  305. background-color: #f9f9f9 ;
  306. background-color: white ;
  307. border: 1px solid #d8d8d8 ;
  308. .nom {
  309. //text-align: center ;
  310. font-family: "comfortaalight" ;
  311. font-size: 20px ;
  312. }
  313. .adresse {
  314. color: gray ;
  315. font-size: 13px ;
  316. line-height: 16px ;
  317. }
  318. .horaires {
  319. margin-top: 7px ;
  320. .jour {
  321. font-weight: bold ;
  322. display: none ;
  323. }
  324. }
  325. &.selected {
  326. border-left: solid 5px $color1 ;
  327. //@include box-shadow(0px 0px 5px #d8d8d8) ;
  328. .contenu {
  329. position: relative ;
  330. left: -4px ;
  331. }
  332. }
  333. &:hover {
  334. @include box-shadow(0px 0px 5px #d8d8d8) ;
  335. //@include box-shadow(none) ;
  336. }
  337. &.disabled {
  338. display: none ;
  339. //color: gray ;
  340. }
  341. .commentaire {
  342. margin-top: 5px ;
  343. span {
  344. background-color: $color1 ;
  345. @include border-radius(5px) ;
  346. color: white ;
  347. font-weight: bold ;
  348. padding: 3px 10px ;
  349. }
  350. }
  351. }
  352. }
  353. #produits {
  354. margin-top: 15px ;
  355. #label-produits {
  356. display: block ;
  357. margin-bottom: 5px ;
  358. }
  359. .table {
  360. margin-top: 7px ;
  361. .illu {
  362. float: left ;
  363. height: auto ;
  364. width: 70px ;
  365. margin-right: 15px ;
  366. }
  367. .photo {
  368. padding: 0px ;
  369. width: 120px ;
  370. }
  371. .th-photo, .td-photo {
  372. width: 120px ;
  373. }
  374. .nom {
  375. font-family: "comfortaalight" ;
  376. font-weight: bold ;
  377. text-transform: uppercase ;
  378. font-size: 18px ;
  379. }
  380. .description {
  381. font-style: italic;
  382. }
  383. .recette {
  384. font-size: 12px ;
  385. }
  386. .input-group {
  387. width: 133px ;
  388. .quantity {
  389. text-align: center ;
  390. }
  391. }
  392. .colonne-quantite, .prix-unit, .total {
  393. width: 150px ;
  394. text-align: center ;
  395. }
  396. td#total-commande, td#total-commande-vrac, td.total {
  397. text-align: center ;
  398. }
  399. .epuise {
  400. display: none ;
  401. text-transform: uppercase ;
  402. color: #B32815 ;
  403. font-weight: bold ;
  404. font-size: 16px ;
  405. text-align: center ;
  406. }
  407. .quantite-restante {
  408. font-size: 12px ;
  409. margin-top: 8px ;
  410. .nb {
  411. font-weight: bold ;
  412. }
  413. }
  414. td.produit, th.produit {
  415. width: 70% ;
  416. }
  417. td.prix-unit, th.prix-unit {
  418. width: 10% ;
  419. }
  420. td.colonne-quantite, th.colonne-quantite {
  421. width: 10% ;
  422. }
  423. td.total, th.total {
  424. width: 10% ;
  425. }
  426. }
  427. }
  428. #bar-fixed {
  429. display: none ;
  430. position: fixed ;
  431. bottom: 0px ;
  432. //left: 0px ;
  433. z-index: 100 ;
  434. //width: 100% ;
  435. background-color: white ;
  436. padding: 15px ;
  437. margin-bottom: 0px ;
  438. @include box-shadow(0 0 5px gray) ;
  439. @include border-radius(10px 10px 0px 0px) ;
  440. border-top: solid 1px #e0e0e0 ;
  441. background-color: #F9F9F9 ;
  442. background-color: $color2 ;
  443. text-align: center ;
  444. &.not-fixed {
  445. position: relative ;
  446. @include box-shadow(none) ;
  447. @include border-radius(0px) ;
  448. border: solid 1px #e0e0e0 ;
  449. padding-right: 20px ;
  450. }
  451. &.no-credit-pain {
  452. #bloc-valider-commande {
  453. margin-top: 0px ;
  454. float: right ;
  455. }
  456. }
  457. #total-commande-bottom {
  458. background-color: white ;
  459. @include border-radius(20px) ;
  460. padding: 5px 25px ;
  461. border: solid 1px #e0e0e0 ;
  462. }
  463. .btn-commentaire {
  464. float: left ;
  465. }
  466. .valider-commande {
  467. //float: left;
  468. }
  469. .btn-commentaire {
  470. margin-right: 10px ;
  471. }
  472. #bloc-valider-commande {
  473. text-align: right ;
  474. margin-top: 20px ;
  475. button {
  476. width: 340px ;
  477. margin-right: 10px ;
  478. }
  479. }
  480. #checkbox-credit-pain {
  481. float: right ;
  482. width: 340px ;
  483. padding: 3px 11px ;
  484. background-color: white ;
  485. border: solid 1px #ccc ;
  486. @include border-radius(5px) ;
  487. margin-right: 10px ;
  488. @include text-shadow(0 1px 0 #fff) ;
  489. @include box-shadow(0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075)) ;
  490. &.paiement-impossible {
  491. background-color: #e0e0e0 ;
  492. }
  493. .info {
  494. color: gray ;
  495. font-weight: normal
  496. }
  497. .the-credit {
  498. background-color: $color1 ;
  499. color: white ;
  500. padding: 2px 8px;
  501. @include border-radius(5px) ;
  502. }
  503. .montant-paye {
  504. color: $color1 ;
  505. }
  506. #info-credit-vide {
  507. font-size: 12px ;
  508. }
  509. #credit-pain-disabled {
  510. display: none ;
  511. font-size: 12px ;
  512. }
  513. }
  514. .btn-retour, .annuler-commande {
  515. float: left ;
  516. margin-right: 5px ;
  517. }
  518. .annuler-commande {
  519. color: #b92c28 ;
  520. background-color: white ;
  521. }
  522. #total-commande-bottom {
  523. display: none ;
  524. font-weight: bold ;
  525. font-family: "comfortaalight" ;
  526. font-size: 24px ;
  527. }
  528. .field-commande-commentaire {
  529. display: none ;
  530. }
  531. }
  532. }
  533. .ui-datepicker {
  534. //@include border-radius(0px) ;
  535. .ui-widget-header {
  536. background: none ;
  537. background-color: gray ;
  538. border: 0px none ;
  539. color: black ;
  540. font-weight: normal ;
  541. }
  542. .ui-datepicker-current-day a,
  543. a.ui-state-hover {
  544. background: none ;
  545. //background-color: #fdd44b ;
  546. background-color: gray ;
  547. border-color: black ;
  548. color: black ;
  549. }
  550. }
  551. #page-etablissement {
  552. h1 {
  553. font-size: 40px ;
  554. }
  555. .info {
  556. text-align: center ;
  557. }
  558. }