Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

477 lines
8.6KB

  1. /* Welcome to Compass.
  2. * In this file you should write your main styles. (or centralize your imports)
  3. * Import this file using the following HTML or equivalent:
  4. * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
  5. //@import "compass/reset";
  6. @import "compass" ;
  7. $dir-img: '../img/' ;
  8. $dir-fonts: '../fonts/' ;
  9. $jaune: #fdd44b ;
  10. $orange: darken(#FDB64B,20%) ;
  11. $gris1: #e0e0e0 ;
  12. $gris2: #e0e0e0 ;
  13. $courant: #505050 ;
  14. $color2: lighten($jaune,30%) ;
  15. $color2: #fff2c7 ;
  16. $color2: #fff6d5 ;
  17. $color1: #BB8757 ;
  18. $color2: #F8F1DD ;
  19. @import "_fonts.scss" ;
  20. html {
  21. height: 100% ;
  22. }
  23. body {
  24. position: relative ;
  25. color: #505050 ;
  26. font-family: 'Arial' ;
  27. background-attachment: fixed ;
  28. min-height: 100%;
  29. margin: 0;
  30. padding: 0;
  31. }
  32. strong {
  33. font-weight: bold ;
  34. }
  35. #main {
  36. a {
  37. color: $courant ;
  38. text-decoration: underline ;
  39. &:focus, &:active {
  40. outline-color: gray ;
  41. color: white ;
  42. }
  43. &:hover {
  44. color: white ;
  45. }
  46. &.btn {
  47. text-decoration: none ;
  48. }
  49. }
  50. .btn-primary {
  51. background-color: $color1 ;
  52. border: solid 1px $color1 ;
  53. color: white ;
  54. &:hover, &:active, &:focus {
  55. background-color: darken($color1, 5) ;
  56. border: solid 1px $color1 ;
  57. }
  58. }
  59. .form-control:focus {
  60. @include box-shadow(none) ;
  61. border: solid 1px $color1 ;
  62. }
  63. }
  64. p {
  65. padding-bottom: 20px ;
  66. line-height: 21px ;
  67. }
  68. ul {
  69. padding-left: 20px ;
  70. list-style-type: disc ;
  71. margin-bottom: 10px ;
  72. li {
  73. padding-left: 5px ;
  74. }
  75. }
  76. .clr {
  77. clear: both ;
  78. }
  79. .btn {
  80. background-image: none ;
  81. }
  82. #main .alert {
  83. background-image: none;
  84. background-color: white ;
  85. border-bottom-width: 3px ;
  86. }
  87. .alert {
  88. &.alert-warning {
  89. a {
  90. color: #8a6d3b ;
  91. //text-decoration: none ;
  92. //font-weight: bold ;
  93. }
  94. }
  95. }
  96. #main {
  97. position: relative ;
  98. padding-bottom: 150px ;
  99. .inner {
  100. width: 960px ;
  101. margin: 0px auto ;
  102. }
  103. }
  104. #header {
  105. z-index: 100 ;
  106. border-bottom: solid 1px $gris1 ;
  107. background-color: #f8f1dd ;
  108. height: 86px ;
  109. .container {
  110. position: relative ;
  111. }
  112. #link-home {
  113. position: absolute ;
  114. top: 10px ;
  115. left: 0px ;
  116. text-decoration: none ;
  117. font-size: 22px ;
  118. color: black ;
  119. img {
  120. height: 60px ;
  121. margin-bottom: 5px ;
  122. }
  123. }
  124. #link-espace-boulanger {
  125. border-left: solid 1px #e0e0e0 ;
  126. color: $color1 ;
  127. }
  128. nav {
  129. padding-top: 22px ;
  130. ul {
  131. float: right ;
  132. li {
  133. a {
  134. text-decoration: none ;
  135. color: $courant ;
  136. &.active {
  137. background-color: white;
  138. }
  139. &:hover {
  140. color: black ;
  141. background-color: white ;
  142. }
  143. }
  144. }
  145. }
  146. }
  147. #link-logout {
  148. .nom {
  149. color: gray;
  150. font-size: 10px;
  151. left: 18px;
  152. position: relative;
  153. top: -4px;
  154. }
  155. }
  156. }
  157. .connected {
  158. #content {
  159. //padding-top: 15px ;
  160. }
  161. }
  162. #content {
  163. position: relative ;
  164. padding: 20px 0px ;
  165. padding-bottom: 0px ;
  166. padding-top: 35px ;
  167. min-height: 500px ;
  168. h1#title-site {
  169. font-family: "comfortaalight" ;
  170. font-size: 50px ;
  171. //border-bottom: 1px solid #e0e0e0 ;
  172. //font-weight: bold ;
  173. }
  174. h2 {
  175. color: black ;
  176. padding-bottom: 15px ;
  177. font-size: 25px ;
  178. line-height: 35px ;
  179. font-family: 'myriadpro-regular' ;
  180. text-transform: uppercase ;
  181. position: relative ;
  182. margin-top: 30px ;
  183. }
  184. h3 {
  185. color: black ;
  186. //font-family: "comfortaalight" ;
  187. font-size: 20px ;
  188. //padding-bottom: 12px ;
  189. }
  190. #description {
  191. img {
  192. width: 100% ;
  193. }
  194. }
  195. #main-img {
  196. max-width: 100% ;
  197. border: solid 1px #e0e0e0 ;
  198. padding: 5px ;
  199. @include border-radius(5px) ;
  200. }
  201. #row-presentation {
  202. text-align: center ;
  203. }
  204. #row-signup {
  205. text-align: center ;
  206. margin-top: 40px ;
  207. a.btn {
  208. padding: 13px 32px ;
  209. font-size: 25px ;
  210. }
  211. }
  212. #row-clients-boulanger {
  213. margin-bottom: 50px ;
  214. h2 {
  215. text-align: center ;
  216. margin-bottom: 15px ;
  217. padding-bottom: 0px ;
  218. img {
  219. height: 70px ;
  220. margin-bottom: 60px ;
  221. }
  222. }
  223. ul {
  224. text-align: center ;
  225. li {
  226. list-style-type: none ;
  227. }
  228. }
  229. #clients {
  230. border-right: dotted 1px gray ;
  231. }
  232. .prix {
  233. padding-top: 15px ;
  234. font-size: 18px ;
  235. text-align: center ;
  236. span {
  237. color: $color1 ;
  238. background-color: $color2 ;
  239. border: solid 1px #e0e0e0 ;
  240. font-weight: normal ;
  241. font-size: 22px ;
  242. font-family: 'comfortaaregular' ;
  243. padding: 5px 10px ;
  244. @include border-radius(10px) ;
  245. }
  246. }
  247. #periode-essai {
  248. margin-top: 8px ;
  249. text-align: center ;
  250. font-size: 13px ;
  251. color: gray ;
  252. font-family: 'comfortaaregular' ;
  253. }
  254. }
  255. }
  256. #content #contact {
  257. display: none ;
  258. .icon {
  259. width: 55px ;
  260. top: -15px ;
  261. margin-left: -70px ;
  262. }
  263. #par-telephone {
  264. }
  265. .form-control:focus {
  266. /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
  267. border-color: $jaune ;*/
  268. }
  269. .form-group {
  270. text-align: center ;
  271. }
  272. .img-right {
  273. float: right ;
  274. img {
  275. width: 300px ;
  276. }
  277. }
  278. }
  279. .form-control:focus {
  280. /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
  281. border-color: $jaune ;*/
  282. }
  283. #footer {
  284. position: absolute ;
  285. bottom: 0px ;
  286. left: 0px ;
  287. width: 100% ;
  288. height: 50px ;
  289. background-color: #515151 ;
  290. text-align: center ;
  291. border-top: 1px solid #e0e0e0 ;
  292. padding-top: 30px ;
  293. padding-bottom: 60px ;
  294. //position: relative ;
  295. a {
  296. color: #7e7e7e;
  297. color: white ;
  298. text-transform: uppercase ;
  299. text-decoration: none ;
  300. padding-left: 10px ;
  301. padding-right: 10px ;
  302. border-right: solid 1px #7e7e7e ;
  303. border-right: solid 1px white ;
  304. &:hover {
  305. color: gray ;
  306. }
  307. &:last-child {
  308. border: 0px none ;
  309. }
  310. }
  311. }
  312. #content #mentions {
  313. padding-top: 20px ;
  314. div.content {
  315. width: 60% ;
  316. font-size: 90% ;
  317. }
  318. p {
  319. padding-bottom: 15px ;
  320. }
  321. h2 {
  322. color: black ;
  323. padding-bottom: 40px ;
  324. font-size: 25px ;
  325. line-height: 35px ;
  326. font-family: 'myriadpro-regular' ;
  327. }
  328. h3 {
  329. font-family: "comfortaaregular" ;
  330. font-size: 18px ;
  331. padding-bottom: 12px ;
  332. margin-top: 10px ;
  333. color: black ;
  334. }
  335. }
  336. .mentions {
  337. #main, body {
  338. background-color: white ;
  339. }
  340. }
  341. .vegas-loading {
  342. display: none ;
  343. }
  344. #profil-user {
  345. .form-group.field-user-no_mail label {
  346. font-weight: normal ;
  347. }
  348. .form-group label {
  349. cursor: pointer ;
  350. }
  351. #mails-jours-prod {
  352. .form-group {
  353. float: left ;
  354. margin-right: 15px ;
  355. label {
  356. font-weight: normal ;
  357. }
  358. }
  359. }
  360. p.strong {
  361. font-weight: bold ;
  362. }
  363. }
  364. /* signup */
  365. #form-signup {
  366. #client-boulanger {
  367. margin-bottom: 30px ;
  368. }
  369. #signupform-id_etablissement {
  370. option:disabled {
  371. font-weight: bold ;
  372. color: black ;
  373. }
  374. }
  375. #champs-boulanger {
  376. display: none ;
  377. }
  378. #boutons-inscrire {
  379. margin-top: 30px;
  380. }
  381. }
  382. @import "_systeme_commandes.scss" ;
  383. @import "_responsive.scss" ;