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

407 lines
6.6KB

  1. @import "compass";
  2. #main {
  3. /* Boutons */
  4. .btn-primary,
  5. .btn-secondary {
  6. @include border-radius(0px);
  7. font-family: 'worksans_semibold';
  8. .bi {
  9. margin-right: 5px;
  10. }
  11. }
  12. .btn-primary {
  13. background-color: $color-primary;
  14. border: 0px none;
  15. color: white;
  16. &:hover, &:active, &:focus {
  17. filter: brightness(90%);
  18. border: 0px none;
  19. color: white;
  20. }
  21. }
  22. .btn-secondary {
  23. color: black;
  24. background-color: $color-gray-light;
  25. border: solid 1px $color-gray-light;
  26. &:hover, &.active {
  27. background-color: $color-gray;
  28. border: solid 1px $color-gray;
  29. color: black;
  30. }
  31. }
  32. /* Alertes */
  33. .alert {
  34. border: 0px none;
  35. @include border-radius(0px !important);
  36. color: black;
  37. padding: 20px;
  38. margin-bottom: 20px;
  39. &.alert-success {
  40. background-color: #e4e9ad !important;
  41. }
  42. &.alert-info {
  43. background-color: #97bfc4 !important;
  44. }
  45. &.alert-warning {
  46. background-color: #ecd58e !important;
  47. }
  48. &.alert-danger {
  49. background-color: #edbaa4 !important;
  50. }
  51. &.alert-dark {
  52. background-color: $color-gray !important;
  53. }
  54. a {
  55. color: black;
  56. }
  57. p:last-child {
  58. margin-bottom: 0px;
  59. }
  60. }
  61. /* Tables */
  62. $table-striped-bg-factor: black;
  63. .table {
  64. thead {
  65. tr {
  66. th {
  67. font-family: 'worksans_semibold';
  68. }
  69. }
  70. }
  71. &.table-bordered {
  72. }
  73. &.table-striped {
  74. border: 0px none;
  75. &.table-striped > tbody > tr:nth-of-type(2n) > *,
  76. thead tr th {
  77. background-color: $color-gray;
  78. }
  79. &.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  80. background-color: #f8f7f3;
  81. }
  82. thead tr th,
  83. tbody tr td {
  84. @include box-shadow(-20px 0 20px -20px rgba(0,0,0,0.2) inset);
  85. &:last-child {
  86. @include box-shadow(none);
  87. }
  88. }
  89. thead {
  90. tr {
  91. border: 0px none;
  92. th {
  93. border: 0px none;
  94. padding: 10px 20px;
  95. }
  96. }
  97. }
  98. tbody {
  99. tr {
  100. border: 0px none;
  101. td {
  102. border: 0px none;
  103. padding: 20px;
  104. }
  105. }
  106. }
  107. }
  108. .btn-secondary {
  109. display: inline-block;
  110. margin-bottom: 5px;
  111. }
  112. }
  113. /* Formulaires */
  114. form {
  115. .control-label {
  116. font-family: 'worksans_medium';
  117. }
  118. input[type="text"],
  119. input[type="email"],
  120. input[type="password"],
  121. textarea,
  122. select {
  123. @include box-shadow(none);
  124. @include border-radius(0px);
  125. border: solid 1px $color-gray-dark;
  126. }
  127. .form-control {
  128. @include appearance(auto);
  129. }
  130. .form-control:hover {
  131. border: solid 1px gray;
  132. }
  133. .form-control:focus {
  134. @include box-shadow(0px 0px 0px 1px $color-primary) ;
  135. border: solid 1px $color-primary;
  136. }
  137. .has-error {
  138. .control-label {
  139. color: black;
  140. }
  141. .form-control:focus, .form-control {
  142. @include box-shadow(none);
  143. border-color: #a94442;
  144. }
  145. .help-block-error {
  146. color: #a94442;
  147. }
  148. }
  149. .form-buttons {
  150. text-align: right;
  151. }
  152. }
  153. }
  154. /* Divers */
  155. .float-left {
  156. float: left;
  157. }
  158. .float-right {
  159. float: right;
  160. }
  161. .clr {
  162. clear: both;
  163. }
  164. /* Navigation utilisateur en haut du site */
  165. .container-nav-user-top {
  166. position: relative;
  167. z-index: 999;
  168. background-color: white;
  169. .nav-user-top {
  170. position: absolute;
  171. top: 0px;
  172. right: 0px;
  173. background-color: white;
  174. z-index: 100;
  175. .navbar {
  176. @include border-radius(0px);
  177. border: 0px none;
  178. padding: 0px;
  179. margin: 0px;
  180. min-height: 0px;
  181. ul {
  182. position: relative;
  183. left: -10px;
  184. li {
  185. padding-left: 5px;
  186. a.nav-link {
  187. padding-left: 10px;
  188. padding-right: 10px;
  189. padding-top: 7px;
  190. padding-bottom: 7px;
  191. font-family: 'worksans_semibold';
  192. color: black;
  193. font-size: 16px;
  194. &:hover, &:focus, &.active {
  195. background: none;
  196. color: $color-primary;
  197. }
  198. .bi {
  199. color: $color-primary;
  200. font-size: 16px;
  201. margin-right: 2px;
  202. position: relative;
  203. top: 1px;
  204. }
  205. }
  206. .dropdown-menu {
  207. a {
  208. padding: 2px 20px;
  209. &:hover, &:focus {
  210. background-color: $color-gray;
  211. }
  212. }
  213. }
  214. }
  215. }
  216. }
  217. .dropdown-menu {
  218. z-index: 9999;
  219. .divider.dropdown-header {
  220. padding: 0px;
  221. }
  222. }
  223. }
  224. }
  225. @media screen and (max-width: 991px) {
  226. .container-nav-user-top {
  227. .nav-user-top {
  228. position: relative;
  229. .navbar {
  230. ul {
  231. width: 100%;
  232. display: block;
  233. margin-right: 0px;
  234. text-align: center;
  235. li {
  236. display: inline-block;
  237. &.nav-item-producers {
  238. .dropdown-menu {
  239. right: -95px;
  240. }
  241. }
  242. }
  243. }
  244. .link-text {
  245. display: none;
  246. }
  247. .dropdown-menu {
  248. position: absolute;
  249. right: 5%;
  250. left: auto;
  251. border: 1px solid #ddd;
  252. background: #fff;
  253. @include box-shadow(0px 0px 4px gray);
  254. li {
  255. a {
  256. padding-left: 15px;
  257. }
  258. }
  259. }
  260. }
  261. }
  262. }
  263. }
  264. /* Block de date */
  265. .block-date {
  266. margin: 0px auto;
  267. padding-top: 0px;
  268. text-align: center;
  269. .day {
  270. text-transform: capitalize;
  271. line-height: 15px;
  272. font-size: 15px;
  273. text-transform: uppercase;
  274. }
  275. .num {
  276. font-size: 30px;
  277. line-height: 35px;
  278. font-weight: bold;
  279. }
  280. .month {
  281. text-transform: uppercase;
  282. line-height: 15px;
  283. font-size: 15px;
  284. color: darken($color-primary, 5);
  285. }
  286. }
  287. /* Page d'erreur */
  288. #main #content .site-error {
  289. .col-lg-6 {
  290. margin: 0px auto;
  291. float: none;
  292. }
  293. .panel {
  294. .panel-body {
  295. }
  296. h2 {
  297. text-transform: none;
  298. font-size: 25px;
  299. margin-top: 0px;
  300. margin-bottom: 20px;
  301. }
  302. p:last-child {
  303. margin-bottom: 0px;
  304. padding-bottom: 0px;
  305. }
  306. }
  307. .alert {
  308. padding-bottom: 5px;
  309. h3 {
  310. margin-top: 5px;
  311. margin-bottom: 18px;
  312. }
  313. p {
  314. margin-bottom: 15px;
  315. }
  316. .btn {
  317. text-decoration: none;
  318. }
  319. }
  320. p.error-message {
  321. font-weight: bold;
  322. }
  323. }
  324. /* Paiement */
  325. .payment-detail-remaining-surplus {
  326. font-size: 13px;
  327. color: gray;
  328. strong {
  329. font-weight: bold;
  330. }
  331. }