選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

521 行
11KB

  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. .liste-etablissements {
  22. #bloc-liste-boulangeries {
  23. }
  24. .boulangerie {
  25. padding-left: 0px ;
  26. padding-right: 30px ;
  27. .panel {
  28. margin-bottom: 13px ;
  29. }
  30. &.selected .panel {
  31. border-bottom: solid 3px $color1 ;
  32. margin-bottom: 11px ;
  33. }
  34. .panel-heading {
  35. height: 150px ;
  36. overflow: hidden ;
  37. padding: 0px ;
  38. background: none ;
  39. background-color: #F8F1DD ;
  40. .img-back {
  41. //display: none ;
  42. width: 100% ;
  43. height: auto ;
  44. position: relative;
  45. top: -50% ;
  46. }
  47. }
  48. .panel-body {
  49. position: relative ;
  50. width: 100% ;
  51. height: 120px ;
  52. max-height: 120px;
  53. text-align: center ;
  54. h3 {
  55. margin-bottom: 4px ;
  56. }
  57. .localite {
  58. color: gray ;
  59. margin-bottom: 10px ;
  60. }
  61. .glyphicon-check {
  62. color: $color1 ;
  63. font-size: 40px ;
  64. position: absolute ;
  65. top: 34px ;
  66. left: 32px ;
  67. }
  68. .remove {
  69. position: absolute ;
  70. top: 10px;
  71. right: 10px ;
  72. }
  73. .logo {
  74. display: none ;
  75. width: 150px ;
  76. position: absolute ;
  77. top: -40px ;
  78. left: 50% ;
  79. margin-left: -75px ;
  80. background-color: white ;
  81. padding: 10px 20px ;
  82. }
  83. }
  84. }
  85. }
  86. #index-commande {
  87. position: relative ;
  88. #logout {
  89. position: absolute ;
  90. /*top: 45px ;
  91. right: 93px ;*/
  92. top: 0 ;
  93. right: 0 ;
  94. z-index: 10 ;
  95. }
  96. .accueil {
  97. text-align: center ;
  98. padding-bottom: 20px;
  99. }
  100. #bloc-add-etablissement {
  101. padding-left: 0px ;
  102. padding-right: 30px ;
  103. .help-block {
  104. padding-bottom: 0px ;
  105. }
  106. .field-addetablissementform-id_etablissement {
  107. width: 80% ;
  108. float: left ;
  109. }
  110. .btn {
  111. float: right ;
  112. position: relative ;
  113. top: 20px ;
  114. }
  115. .panel-heading {
  116. background: none ;
  117. background-color: white ;
  118. cursor: pointer ;
  119. }
  120. .panel-body {
  121. display: none ;
  122. }
  123. }
  124. #addetablissementform-id_etablissement {
  125. option:disabled {
  126. font-weight: bold ;
  127. color: black ;
  128. }
  129. }
  130. #historique-commandes {
  131. .statut, .montant {
  132. width: 175px ;
  133. }
  134. .montant {
  135. //text-align: center ;
  136. width: 100px ;
  137. }
  138. .nom-point-vente {
  139. }
  140. .localite {
  141. font-size: 11px ;
  142. lin-height: 11px ;
  143. }
  144. a {
  145. text-decoration: none ;
  146. }
  147. }
  148. }
  149. .commande-form {
  150. min-height: 600px ;
  151. padding-bottom: 60px ;
  152. h2 {
  153. font-family: "myriadpro-regular" ;
  154. }
  155. #infos-importantes.alert-warning {
  156. float: right ;
  157. }
  158. #datepicker-production {
  159. .ui-datepicker {
  160. float: left ;
  161. margin-right: 20px ;
  162. font-size: 20px ;
  163. }
  164. .ui-datepicker-header {
  165. background-color: $color1 ;
  166. }
  167. .ui-datepicker-title {
  168. color: white
  169. }
  170. .ui-datepicker-prev,
  171. .ui-datepicker-next {
  172. &:hover {
  173. border: 0px none ;
  174. background: none ;
  175. }
  176. }
  177. .ui-helper-clearfix:after {
  178. clear: none ;
  179. }
  180. .ui-datepicker-calendar {
  181. a {
  182. text-decoration: none ;
  183. background-color: $color2 ;
  184. &.ui-state-hover, &.ui-state-active {
  185. background-color: $color1 ;
  186. color: white ;
  187. border-color: #cdc3b7 ;
  188. }
  189. }
  190. }
  191. }
  192. .date-commande {
  193. margin-bottom: 53px ;
  194. span {
  195. background-color: $color1 ;
  196. color: white ;
  197. @include border-radius(10px) ;
  198. padding: 10px ;
  199. font-family: "myriadpro-regular";
  200. font-size: 20px ;
  201. }
  202. }
  203. #has-commande-en-cours {
  204. margin-top: 15px ;
  205. a {
  206. color: #a94442 ;
  207. text-decoration: none ;
  208. font-weight: bold ;
  209. }
  210. }
  211. .field-commande-id_production {
  212. display: none ;
  213. }
  214. .field-commande-id_point_vente {
  215. margin-top: 30px ;
  216. }
  217. .field-commande-id_production {
  218. margin-bottom: 0px ;
  219. label {
  220. margin-bottom: 0px ;
  221. }
  222. .help-block {
  223. margin-bottom: 0px ;
  224. }
  225. }
  226. .field-commande-id_point_vente {
  227. display: none ;
  228. }
  229. .blocs {
  230. list-style-type: none ;
  231. margin: 0px ;
  232. padding: 0px ;
  233. .bloc {
  234. text-decoration: none ;
  235. width: 268px ;
  236. height: 130px ;
  237. float: left ;
  238. padding: 20px ;
  239. margin-right: 20px ;
  240. margin-bottom: 8px ;
  241. cursor: pointer ;
  242. float: left ;
  243. background-color: #f9f9f9 ;
  244. background-color: white ;
  245. border: 1px solid #d8d8d8 ;
  246. .nom {
  247. //text-align: center ;
  248. font-family: "comfortaalight" ;
  249. font-size: 20px ;
  250. }
  251. .adresse {
  252. color: gray ;
  253. font-size: 13px ;
  254. line-height: 16px ;
  255. }
  256. .horaires {
  257. margin-top: 7px ;
  258. .jour {
  259. font-weight: bold ;
  260. display: none ;
  261. }
  262. }
  263. &.selected {
  264. border-left: solid 5px $color1 ;
  265. //@include box-shadow(0px 0px 5px #d8d8d8) ;
  266. .contenu {
  267. position: relative ;
  268. left: -4px ;
  269. }
  270. }
  271. &:hover {
  272. @include box-shadow(0px 0px 5px #d8d8d8) ;
  273. //@include box-shadow(none) ;
  274. }
  275. &.disabled {
  276. display: none ;
  277. //color: gray ;
  278. }
  279. }
  280. }
  281. #produits {
  282. margin-top: 15px ;
  283. #label-produits {
  284. display: block ;
  285. margin-bottom: 5px ;
  286. }
  287. .table {
  288. margin-top: 7px ;
  289. .illu {
  290. float: left ;
  291. height: auto ;
  292. width: 70px ;
  293. margin-right: 15px ;
  294. }
  295. .photo {
  296. padding: 0px ;
  297. width: 120px ;
  298. }
  299. .th-photo, .td-photo {
  300. width: 120px ;
  301. }
  302. .nom {
  303. font-family: "comfortaalight" ;
  304. font-weight: bold ;
  305. text-transform: uppercase ;
  306. font-size: 18px ;
  307. }
  308. .description {
  309. font-style: italic;
  310. }
  311. .recette {
  312. font-size: 12px ;
  313. }
  314. .input-group {
  315. width: 133px ;
  316. .quantity {
  317. text-align: center ;
  318. }
  319. }
  320. .colonne-quantite, .prix-unit, .total {
  321. width: 150px ;
  322. text-align: center ;
  323. }
  324. td#total-commande, td#total-commande-vrac, td.total {
  325. text-align: center ;
  326. }
  327. .epuise {
  328. display: none ;
  329. text-transform: uppercase ;
  330. color: #B32815 ;
  331. font-weight: bold ;
  332. font-size: 16px ;
  333. text-align: center ;
  334. }
  335. .quantite-restante {
  336. font-size: 12px ;
  337. margin-top: 8px ;
  338. .nb {
  339. font-weight: bold ;
  340. }
  341. }
  342. td.produit, th.produit {
  343. width: 70% ;
  344. }
  345. td.prix-unit, th.prix-unit {
  346. width: 10% ;
  347. }
  348. td.colonne-quantite, th.colonne-quantite {
  349. width: 10% ;
  350. }
  351. td.total, th.total {
  352. width: 10% ;
  353. }
  354. }
  355. }
  356. #bar-fixed {
  357. display: none ;
  358. position: fixed ;
  359. bottom: 0px ;
  360. //left: 0px ;
  361. z-index: 100 ;
  362. //width: 100% ;
  363. background-color: white ;
  364. padding: 15px ;
  365. margin-bottom: 0px ;
  366. @include box-shadow(0 0 5px gray) ;
  367. @include border-radius(10px 10px 0px 0px) ;
  368. border-top: solid 1px #e0e0e0 ;
  369. background-color: #F9F9F9 ;
  370. background-color: $color2 ;
  371. text-align: center ;
  372. &.not-fixed {
  373. position: relative ;
  374. @include box-shadow(none) ;
  375. @include border-radius(0px) ;
  376. border: solid 1px #e0e0e0 ;
  377. padding-right: 20px ;
  378. }
  379. #total-commande-bottom {
  380. background-color: white ;
  381. @include border-radius(20px) ;
  382. padding: 5px 25px ;
  383. border: solid 1px #e0e0e0 ;
  384. }
  385. .valider-commande, .btn-commentaire {
  386. float: left ;
  387. }
  388. .btn-commentaire {
  389. margin-right: 10px ;
  390. }
  391. .btn-retour, .annuler-commande {
  392. float: left ;
  393. margin-right: 5px ;
  394. }
  395. .annuler-commande {
  396. color: #b92c28 ;
  397. background-color: white ;
  398. }
  399. #total-commande-bottom {
  400. display: none ;
  401. font-weight: bold ;
  402. font-family: "comfortaalight" ;
  403. font-size: 24px ;
  404. }
  405. .field-commande-commentaire {
  406. display: none ;
  407. }
  408. }
  409. }
  410. .ui-datepicker {
  411. //@include border-radius(0px) ;
  412. .ui-widget-header {
  413. background: none ;
  414. background-color: gray ;
  415. border: 0px none ;
  416. color: black ;
  417. font-weight: normal ;
  418. }
  419. .ui-datepicker-current-day a,
  420. a.ui-state-hover {
  421. background: none ;
  422. //background-color: #fdd44b ;
  423. background-color: gray ;
  424. border-color: black ;
  425. color: black ;
  426. }
  427. }