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.

171 lines
2.5KB

  1. @import "compass";
  2. .float-left {
  3. float: left;
  4. }
  5. .float-right {
  6. float: right;
  7. }
  8. /* Navigation utilisateur en haut du site */
  9. .nav-user-top {
  10. float: right;
  11. background-color: white;
  12. .navbar {
  13. @include border-radius(0px);
  14. border: 0px none;
  15. padding: 0px;
  16. margin: 0px;
  17. min-height: 0px;
  18. ul {
  19. position: relative;
  20. left: -10px;
  21. li {
  22. padding-left: 5px;
  23. a.nav-link {
  24. padding-left: 10px;
  25. padding-right: 10px;
  26. padding-top: 7px;
  27. padding-bottom: 7px;
  28. font-family: 'worksans_semibold';
  29. color: black;
  30. &:hover, &:focus, &.active {
  31. background: none;
  32. }
  33. .bi {
  34. color: $color-primary;
  35. font-size: 18px;
  36. margin-right: 2px;
  37. position: relative;
  38. top: 2px;
  39. }
  40. }
  41. ul li a {
  42. padding: 2px 20px;
  43. }
  44. }
  45. }
  46. }
  47. .dropdown-menu {
  48. .divider.dropdown-header {
  49. padding: 0px;
  50. }
  51. }
  52. }
  53. @media screen and (max-width: 768px) {
  54. .nav-user-top {
  55. .navbar {
  56. ul {
  57. float: right;
  58. margin-right: 0px;
  59. }
  60. .link-text {
  61. display: none;
  62. }
  63. .dropdown-menu {
  64. position: absolute;
  65. right: 5%;
  66. left: auto;
  67. border: 1px solid #ddd;
  68. background: #fff;
  69. @include box-shadow(0px 0px 4px gray);
  70. li {
  71. a {
  72. padding-left: 15px;
  73. }
  74. }
  75. }
  76. }
  77. }
  78. }
  79. /* Block de date */
  80. .block-date {
  81. margin: 0px auto;
  82. padding-top: 0px;
  83. text-align: center;
  84. .day {
  85. text-transform: capitalize;
  86. line-height: 15px;
  87. font-size: 13px;
  88. text-transform: uppercase;
  89. }
  90. .num {
  91. font-size: 30px;
  92. line-height: 35px;
  93. font-weight: bold;
  94. }
  95. .month {
  96. text-transform: uppercase;
  97. line-height: 15px;
  98. font-size: 13px;
  99. color: darken($color-primary, 5);
  100. }
  101. }
  102. /* Page d'erreur */
  103. #main #content .site-error {
  104. .col-lg-6 {
  105. margin: 0px auto;
  106. float: none;
  107. }
  108. .panel {
  109. .panel-body {
  110. padding-bottom: 0px;
  111. }
  112. h2 {
  113. text-transform: none;
  114. font-size: 25px;
  115. margin-top: 0px;
  116. margin-bottom: 0px;
  117. }
  118. }
  119. .alert {
  120. padding-bottom: 5px;
  121. h2 {
  122. margin-top: 5px;
  123. }
  124. p {
  125. margin-bottom: 15px;
  126. }
  127. .btn {
  128. text-decoration: none;
  129. }
  130. }
  131. .actions {
  132. //text-align: center;
  133. }
  134. }
  135. /* Paiement */
  136. .payment-detail-remaining-surplus {
  137. font-size: 13px;
  138. color: gray;
  139. strong {
  140. font-weight: bold;
  141. }
  142. }