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

478 行
8.7KB

  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: black ;
  42. }
  43. &:hover {
  44. color: black ;
  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-top: solid 4px $jaune ;
  107. border-bottom: solid 1px $gris1 ;
  108. background-color: white ;
  109. background-color: #FAFAFA ;
  110. background: transparent top left repeat url(../img/crisp_paper_ruffles2.png) ;
  111. background: none ;
  112. background-color: #F7F7F7;
  113. background-color: #f8f1dd ;
  114. //border-top: 4px solid #2b669a ;
  115. //@include box-shadow(0px 0px 3px gray) ;
  116. height: 86px ;
  117. //@include box-shadow(0px 0px 5px #ededed) ;
  118. //@include box-shadow(0px 0px 5px #dcdcdc) ;
  119. //@include box-shadow(0px 0px 5px black) ;
  120. //position: fixed ;
  121. //width: 100% ;
  122. .container {
  123. //padding-left: 0px ;
  124. position: relative ;
  125. }
  126. #link-home {
  127. /*position: fixed ;
  128. z-index: 1000 ;
  129. text-align: center ;
  130. position: absolute ;
  131. top: 0px ;
  132. left: 0px ;
  133. padding: 10px ;
  134. background-color: white ;
  135. @include box-shadow(0px 0px 5px black) ;
  136. @include border-radius(0px 0px 8px 8px) ;
  137. */
  138. position: absolute ;
  139. top: 10px ;
  140. left: 0px ;
  141. text-decoration: none ;
  142. font-size: 22px ;
  143. color: black ;
  144. img {
  145. height: 60px ;
  146. margin-bottom: 5px ;
  147. }
  148. }
  149. #link-espace-boulanger {
  150. border-left: solid 1px #e0e0e0 ;
  151. }
  152. nav {
  153. padding-top: 22px ;
  154. ul {
  155. float: right ;
  156. li {
  157. a {
  158. text-decoration: none ;
  159. color: $courant ;
  160. &.active {
  161. background-color: white;
  162. border: 1px solid #e0e0e0;
  163. }
  164. &:hover {
  165. color: black ;
  166. background-color: transparent ;
  167. }
  168. }
  169. }
  170. }
  171. }
  172. #link-logout {
  173. .nom {
  174. font-size: 10px ;
  175. /*position: relative ;
  176. left: 20px ;
  177. top: -3px ;*/
  178. }
  179. }
  180. }
  181. .connected {
  182. #content {
  183. //padding-top: 15px ;
  184. }
  185. }
  186. #content {
  187. position: relative ;
  188. padding: 20px 0px ;
  189. padding-bottom: 0px ;
  190. padding-top: 35px ;
  191. min-height: 500px ;
  192. h1#title-site {
  193. font-family: "comfortaalight" ;
  194. font-size: 50px ;
  195. //border-bottom: 1px solid #e0e0e0 ;
  196. //font-weight: bold ;
  197. }
  198. h2 {
  199. color: black ;
  200. padding-bottom: 15px ;
  201. font-size: 25px ;
  202. line-height: 35px ;
  203. font-family: 'myriadpro-regular' ;
  204. text-transform: uppercase ;
  205. position: relative ;
  206. margin-top: 30px ;
  207. }
  208. h3 {
  209. color: black ;
  210. //font-family: "comfortaalight" ;
  211. font-size: 20px ;
  212. //padding-bottom: 12px ;
  213. }
  214. #description {
  215. img {
  216. width: 100% ;
  217. }
  218. }
  219. #main-img {
  220. max-width: 100% ;
  221. border: solid 1px #e0e0e0 ;
  222. padding: 5px ;
  223. @include border-radius(5px) ;
  224. }
  225. #row-presentation {
  226. text-align: center ;
  227. }
  228. #row-signup {
  229. text-align: center ;
  230. margin-top: 20px ;
  231. }
  232. #row-clients-boulanger {
  233. margin-bottom: 50px ;
  234. h2 {
  235. text-align: center ;
  236. margin-bottom: 15px ;
  237. padding-bottom: 0px ;
  238. img {
  239. height: 70px ;
  240. margin-bottom: 60px ;
  241. }
  242. }
  243. ul {
  244. text-align: center ;
  245. li {
  246. list-style-type: none ;
  247. }
  248. }
  249. #clients {
  250. border-right: dotted 1px gray ;
  251. }
  252. .prix {
  253. padding-top: 15px ;
  254. font-size: 18px ;
  255. }
  256. }
  257. }
  258. #content #contact {
  259. display: none ;
  260. .icon {
  261. width: 55px ;
  262. top: -15px ;
  263. margin-left: -70px ;
  264. }
  265. #par-telephone {
  266. }
  267. .form-control:focus {
  268. /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
  269. border-color: $jaune ;*/
  270. }
  271. .form-group {
  272. text-align: center ;
  273. }
  274. .img-right {
  275. float: right ;
  276. img {
  277. width: 300px ;
  278. }
  279. }
  280. }
  281. .form-control:focus {
  282. /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
  283. border-color: $jaune ;*/
  284. }
  285. #footer {
  286. position: absolute ;
  287. bottom: 0px ;
  288. left: 0px ;
  289. width: 100% ;
  290. height: 50px ;
  291. background-color: #515151 ;
  292. text-align: center ;
  293. border-top: 1px solid #e0e0e0 ;
  294. padding-top: 30px ;
  295. padding-bottom: 60px ;
  296. //position: relative ;
  297. a {
  298. color: #7e7e7e;
  299. color: white ;
  300. text-transform: uppercase ;
  301. text-decoration: none ;
  302. padding-left: 10px ;
  303. padding-right: 10px ;
  304. border-right: solid 1px #7e7e7e ;
  305. border-right: solid 1px white ;
  306. &:hover {
  307. color: gray ;
  308. }
  309. &:last-child {
  310. border: 0px none ;
  311. }
  312. }
  313. }
  314. #content #mentions {
  315. padding-top: 20px ;
  316. div.content {
  317. width: 60% ;
  318. font-size: 90% ;
  319. }
  320. p {
  321. padding-bottom: 15px ;
  322. }
  323. h2 {
  324. color: black ;
  325. padding-bottom: 40px ;
  326. font-size: 25px ;
  327. line-height: 35px ;
  328. font-family: 'myriadpro-regular' ;
  329. }
  330. h3 {
  331. font-family: "comfortaaregular" ;
  332. font-size: 18px ;
  333. padding-bottom: 12px ;
  334. margin-top: 10px ;
  335. color: black ;
  336. }
  337. }
  338. .mentions {
  339. #main, body {
  340. background-color: white ;
  341. }
  342. }
  343. .vegas-loading {
  344. display: none ;
  345. }
  346. #profil-user {
  347. .form-group.field-user-no_mail label {
  348. font-weight: normal ;
  349. }
  350. .form-group label {
  351. cursor: pointer ;
  352. }
  353. #mails-jours-prod {
  354. .form-group {
  355. float: left ;
  356. margin-right: 15px ;
  357. label {
  358. font-weight: normal ;
  359. }
  360. }
  361. }
  362. p.strong {
  363. font-weight: bold ;
  364. }
  365. }
  366. /* signup */
  367. #form-signup {
  368. #client-boulanger {
  369. margin-bottom: 30px ;
  370. }
  371. #signupform-id_etablissement {
  372. option:disabled {
  373. font-weight: bold ;
  374. color: black ;
  375. }
  376. }
  377. #champs-boulanger {
  378. display: none ;
  379. }
  380. #boutons-inscrire {
  381. margin-top: 30px;
  382. }
  383. }
  384. @import "_systeme_commandes.scss" ;
  385. @import "_responsive.scss" ;