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.

screen.scss 7.8KB

8 jaren geleden
8 jaren geleden
8 jaren geleden
8 jaren geleden
8 jaren geleden
8 jaren geleden
8 jaren geleden
8 jaren geleden
8 jaren geleden
8 jaren geleden
8 jaren geleden
8 jaren geleden
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353
  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" ;
  6. .clr {
  7. clear: both ;
  8. }
  9. .nav-header {
  10. @include box-shadow(0px 0px 5px black) ;
  11. .retour-site {
  12. //color: #9d9d9d ;
  13. border-left : solid 1px #9d9d9d ;
  14. //@include border-radius(5px) ;
  15. padding: 10px 15px ;
  16. }
  17. }
  18. .navbar-brand {
  19. .logo {
  20. height: 40px ;
  21. position: relative ;
  22. top: -10px ;
  23. }
  24. }
  25. .container-body {
  26. padding-top: 70px ;
  27. }
  28. .nom-boulange {
  29. margin-bottom: 15px ;
  30. text-align: center ;
  31. span {
  32. position: relative ;
  33. top: -12px ;
  34. background-color: #337ab7 ;
  35. color: white ;
  36. @include border-radius(0px 0px 5px 5px) ;
  37. font-size: 20px ;
  38. padding: 8px 15px ;
  39. margin-bottom: 20px ;
  40. }
  41. }
  42. .table {
  43. thead {
  44. th.actions {
  45. width: 220px ;
  46. }
  47. th.order {
  48. width: 58px ;
  49. }
  50. th.actif {
  51. width: 75px ;
  52. text-align: center;
  53. }
  54. }
  55. tbody {
  56. td.center {
  57. text-align: center ;
  58. }
  59. }
  60. }
  61. #page-commande {
  62. #row2 {
  63. }
  64. h1 {
  65. .btn-group {
  66. float: right ;
  67. }
  68. }
  69. #jours-production {
  70. display: none ;
  71. }
  72. #calendar {
  73. h2 {
  74. font-size: 20px ;
  75. position: relative ;
  76. top: 3px ;
  77. }
  78. .fc-header-title {
  79. margin-left: 10px ;
  80. }
  81. $back-day-with-event: lighten(#FDD44B,13) ;
  82. //$back-day-with-event: #FDD44B ;
  83. .dayWithEvent {
  84. background-color: $back-day-with-event ;
  85. cursor: pointer;
  86. }
  87. .fc-event-container {display: none;}
  88. .fc-today {
  89. border-bottom: solid 1px #C9302C ;
  90. background-color: white ;
  91. &.dayWithEvent {
  92. background-color: $back-day-with-event ;
  93. }
  94. }
  95. .fc-day {
  96. cursor: pointer ;
  97. text-align: center ;
  98. &:hover {
  99. @include box-shadow(0px 0px 2px black inset) ;
  100. }
  101. }
  102. .current-date {
  103. @include box-shadow(0px 0px 2px black inset) ;
  104. }
  105. .fc-day-number {
  106. float: none ;
  107. padding-top: 2px ;
  108. }
  109. }
  110. #produits-production {
  111. .overflow {
  112. //max-height: 400px ;
  113. //overflow-y: scroll ;
  114. table {
  115. width: 100%;
  116. }
  117. thead, tbody, tr, td, th { display: block; }
  118. tr:after {
  119. content: ' ';
  120. display: block;
  121. visibility: hidden;
  122. clear: both;
  123. }
  124. thead th {
  125. height: 30px;
  126. /*text-align: left;*/
  127. }
  128. tbody {
  129. height: 200px;
  130. overflow-y: auto;
  131. }
  132. thead {
  133. /* fallback */
  134. }
  135. thead th {
  136. width: 32%;
  137. float: left;
  138. }
  139. tbody td{
  140. width: 33%;
  141. float: left;
  142. }
  143. }
  144. input.quantite-max {
  145. background-color: white;
  146. border: 1px solid #e0e0e0;
  147. text-align: center;
  148. width: 50px;
  149. }
  150. td {
  151. label {
  152. font-weight: normal ;
  153. }
  154. }
  155. }
  156. .form-commandes-point-vente {
  157. margin-top: 20px ;
  158. table {
  159. border-bottom: solid 1px #e0e0e0 ;
  160. }
  161. .title-point-vente {
  162. background-color: lighten(#fdd44b, 30) ;
  163. border-left: solid 3px #fdd44b ;
  164. font-weight: bold ;
  165. text-align: left ;
  166. padding: 10px ;
  167. }
  168. .title-totaux {
  169. text-align: center ;
  170. }
  171. .border-left {
  172. border-left: solid 1px #e0e0e0 ;
  173. }
  174. .border-right {
  175. border-right: solid 1px #e0e0e0 ;
  176. }
  177. input.quantite {
  178. //width: 50px ;
  179. width: 30px ;
  180. background-color: white ;
  181. border: solid 1px #e0e0e0 ;
  182. text-align: center ;
  183. }
  184. .td-produit {
  185. text-align: center ;
  186. }
  187. .submit-pv {
  188. float: right ;
  189. }
  190. .select-user {
  191. background-color: #F9F9F9 ;
  192. border: solid 1px #e0e0e0 ;
  193. }
  194. .date-commande {
  195. font-size: 12px ;
  196. }
  197. .datepicker, .text {
  198. background-color: white ;
  199. border: solid 1px #e0e0e0 ;
  200. margin-top: 3px ;
  201. width: 100px ;
  202. }
  203. td.center {
  204. text-align: center ;
  205. }
  206. .depasse {
  207. color: #b32815 ;
  208. }
  209. .total strong span {
  210. font-weight: normal ;
  211. font-size: 13px ;
  212. }
  213. .vrac {
  214. display: none ;
  215. }
  216. td.client {
  217. text-align: left ;
  218. padding: 3px ;
  219. .date-commande {
  220. color: gray ;
  221. }
  222. }
  223. }
  224. .table-header-rotated th.row-header{
  225. //width: auto;
  226. }
  227. .table-header-rotated td{
  228. width: 20px;
  229. padding: 0px ;
  230. border-top: 1px solid #dddddd;
  231. border-left: 1px solid #dddddd;
  232. border-right: 1px solid #dddddd;
  233. vertical-align: middle;
  234. text-align: center;
  235. }
  236. .table-header-rotated th.rotate-45{
  237. height: 80px;
  238. width: 20px;
  239. min-width: 20px;
  240. max-width: 20px;
  241. position: relative;
  242. vertical-align: bottom;
  243. padding: 0;
  244. font-size: 12px;
  245. line-height: 0.8;
  246. }
  247. .table-header-rotated th.rotate-45 > div{
  248. position: relative;
  249. top: 0px;
  250. left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  251. height: 100%;
  252. -ms-transform:skew(-45deg,0deg);
  253. -moz-transform:skew(-45deg,0deg);
  254. -webkit-transform:skew(-45deg,0deg);
  255. -o-transform:skew(-45deg,0deg);
  256. transform:skew(-45deg,0deg);
  257. overflow: hidden;
  258. border-left: 1px solid #dddddd;
  259. border-right: 1px solid #dddddd;
  260. border-top: 1px solid #dddddd;
  261. }
  262. .table-header-rotated th.rotate-45 span {
  263. -ms-transform:skew(45deg,0deg) rotate(315deg);
  264. -moz-transform:skew(45deg,0deg) rotate(315deg);
  265. -webkit-transform:skew(45deg,0deg) rotate(315deg);
  266. -o-transform:skew(45deg,0deg) rotate(315deg);
  267. transform:skew(45deg,0deg) rotate(315deg);
  268. position: absolute;
  269. bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
  270. bottom: 16px; // pour width 20px
  271. left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
  272. left: 0px ;
  273. display: inline-block;
  274. // width: 100%;
  275. width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  276. width: 43px ;
  277. text-align: left;
  278. white-space: nowrap; /*whether to display in one line or not*/
  279. }
  280. }
  281. #email-masse-form {
  282. #ids-users {
  283. line-height: 30px ;
  284. .label {
  285. text-transform: capitalize ;
  286. }
  287. }
  288. }