theme.sample.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. /*::Corps de l'application*/
  2. body {
  3. font-family: 'Lato', sans-serif;
  4. font-size: 1rem;
  5. color: #212529;
  6. background-color: #fff;
  7. }
  8. /*:: Logo */
  9. #mainMenu .navbar-brand {
  10. background-image: url(../../../img/logo/logo.png);
  11. }
  12. /*::Barre de menu en haut de page*/
  13. .navbar-dark .navbar-nav .nav-link {
  14. color: rgba(255,255,255,.5);
  15. }
  16. /*::Barre de menu en haut de page*/
  17. #mainMenu {
  18. background-color: #373b3c;
  19. }
  20. /*::Listes*/
  21. .list-group-item {
  22. background-color: #fff;
  23. border: 1px solid rgba(0,0,0,.125);
  24. }
  25. /*::Listes actives*/
  26. .list-group-item.active {
  27. color: #fff;
  28. background-color: #007bff;
  29. border-color: #007bff;
  30. }
  31. /*::Tableaux - ligne paires */
  32. .table-striped tbody tr:nth-of-type(odd) {
  33. background-color: #ffffff;
  34. }
  35. /*::Tableaux - ligne impaires */
  36. .table-striped tbody tr:nth-of-type(even) {
  37. background-color: rgba(0,0,0,.05);
  38. }
  39. /*::Bouton succès*/
  40. .btn-success {
  41. color: #fff;
  42. background-color: #28a745;
  43. border-color: #28a745;
  44. }
  45. /*::Bouton succès au survol*/
  46. .btn-success:hover,
  47. .btn-success:focus,
  48. .btn-success:active,
  49. .btn-success:not(:disabled):not(.disabled).active,
  50. .btn-success:not(:disabled):not(.disabled):active,
  51. .show > .btn-success.dropdown-toggle {
  52. color: #fff;
  53. background-color: #218838;
  54. border-color: #1e7e34;
  55. }
  56. /*::Bouton standard*/
  57. .btn-primary {
  58. color: #fff;
  59. background-color: #007bff;
  60. border-color: #007bff;
  61. }
  62. /*::Bouton standard au survol*/
  63. .btn-primary:hover,
  64. .btn-primary:focus,
  65. .btn-primary:active,
  66. .btn-primary:not(:disabled):not(.disabled).active,
  67. .btn-primary:not(:disabled):not(.disabled):active,
  68. .show > .btn-primary.dropdown-toggle {
  69. color: #fff;
  70. background-color: #0069d9;
  71. border-color: #0062cc;
  72. }
  73. /*::Boutton info*/
  74. .btn-info {
  75. color: #fff;
  76. background-color: #17a2b8;
  77. border-color: #17a2b8;
  78. }
  79. /*::Boutton info au survol*/
  80. .btn-info:hover,
  81. .btn-info:focus,
  82. .btn-info:active,
  83. .btn-info:not(:disabled):not(.disabled).active,
  84. .btn-info:not(:disabled):not(.disabled):active,
  85. .show > .btn-info.dropdown-toggle {
  86. color: #fff;
  87. background-color: #138496;
  88. border-color: #117a8b;
  89. }
  90. /*::Boutton danger*/
  91. .btn-danger {
  92. color: #fff;
  93. background-color: #dc3545;
  94. border-color: #dc3545;
  95. }
  96. /*::Boutton danger au survol*/
  97. .btn-danger:hover,
  98. .btn-danger:focus,
  99. .btn-danger:active,
  100. .btn-danger:not(:disabled):not(.disabled).active,
  101. .btn-danger:not(:disabled):not(.disabled):active,
  102. .show > .btn-danger.dropdown-toggle {
  103. color: #fff;
  104. background-color: #c82333;
  105. border-color: #bd2130;
  106. }
  107. /*::Boutton sombres*/
  108. .btn-dark {
  109. color: #fff;
  110. background-color: #343a40;
  111. border-color: #343a40;
  112. }
  113. /*::Lien */
  114. a {
  115. color: #007bff;
  116. }
  117. /*::Lien au survol*/
  118. a:hover {
  119. color: #0056b3;
  120. }
  121. /*::Pied de page*/
  122. .footer {
  123. background-color: #f5f5f5;
  124. }