Generic.styl 3.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. .tracim
  2. height 100%
  3. &__content
  4. height 100%
  5. .btn-primary
  6. background-color thirdColor
  7. border-color secondColor
  8. cursor pointer
  9. &:hover, &:focus, &:active, &:visited, &:focus-within
  10. background-color hover-button
  11. border-color hover-button
  12. box-shadow 0 0 1px 2px secondColor
  13. .btn-outline-primary
  14. color fontColor
  15. border-color secondColor
  16. cursor pointer
  17. &:hover, &:focus, &:active, &:visited, &:focus-within
  18. background-color hover-button
  19. border-color hover-button
  20. box-shadow 0 0 1px 2px secondColor
  21. .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle
  22. background-color hover-button
  23. border-color hover-button
  24. box-shadow 0 0 1px 2px secondColor
  25. .btn-outline-primary.active, .btn-outline-primary:active, .show>.btn-outline-primary.dropdown-toggle
  26. background-color hover-button
  27. border-color hover-button
  28. box-shadow 0 0 1px 2px secondColor
  29. .sidebarpagecontainer
  30. display flex
  31. padding-top 88px
  32. min-height calc(100% - 50px)
  33. .pageWrapperGeneric
  34. width 100%
  35. &__header
  36. display flex
  37. &__content
  38. margin 10px 10px 120px 10px
  39. @media (min-width: min-md) and (max-width: max-md)
  40. .pageWrapperGeneric
  41. display block
  42. &__header
  43. margin 95px 0 5px 30px
  44. &__content
  45. margin 0
  46. @media (min-width: min-sm) and (max-width: max-sm)
  47. .pageWrapperGeneric
  48. display block
  49. &__header
  50. margin 95px 0 35px 0
  51. &__title
  52. display inline-block
  53. margin-left 0
  54. &__content
  55. margin 0
  56. @media (max-width: max-xs)
  57. .pageWrapperGeneric
  58. display block
  59. &__header
  60. display block
  61. margin-top 60px
  62. &__content
  63. margin 0
  64. .nopadding
  65. padding 0
  66. .pageTitleGeneric
  67. margin 45px 0
  68. width 100%
  69. &__title
  70. margin-left 10px
  71. font-size 30px
  72. color darkGrey
  73. @media (max-width: max-xs)
  74. .pageTitleGeneric
  75. display block
  76. .pageContentGeneric
  77. margin 10px 0 0 0
  78. width 100%
  79. height 100%
  80. .dropdownCreateBtn
  81. margin-left 10px
  82. &__label
  83. padding 10px 65px
  84. background-color thirdColor
  85. cursor pointer
  86. &__text
  87. display inline-block
  88. color white
  89. &::after //bootstrap override
  90. display inline-block
  91. margin-left 30px
  92. color white
  93. &__setting
  94. padding 0
  95. cursor pointer
  96. .setting__link
  97. padding 10px
  98. cursor pointer
  99. .fa-file-image-o
  100. color previewColor
  101. .fa-comments-o
  102. color threadColor
  103. .fa-list-ul
  104. color taskColor
  105. .fa-file-code-o
  106. color markdownColor
  107. .fa-file-text-o
  108. color htmlColor
  109. .fa-ticket
  110. color issueColor
  111. .fa-graduation-cap
  112. color gestionnaire
  113. .fa-pencil
  114. color contributeur
  115. .fa-gavel
  116. color responsable
  117. .fa-eye
  118. color lecteur
  119. .subTitle
  120. font-size 20px
  121. font-weight 500
  122. color thirdColor
  123. .btnaction
  124. display flex
  125. flex-direction column
  126. justify-content center
  127. margin 20px 30px 20px 0
  128. border-radius 10px
  129. padding 15px
  130. width 230px
  131. height 200px
  132. box-shadow shadow-all
  133. text-align center
  134. cursor pointer
  135. .genericBtnInfoDashboard
  136. &__btn
  137. display flex
  138. margin-bottom 30px
  139. border 1px solid thirdColor
  140. border-radius 10px
  141. padding 15px 25px
  142. color thirdColor
  143. cursor pointer
  144. &:hover, &:focus
  145. background-color thirdColor
  146. color white
  147. &__icon
  148. margin-right 20px
  149. font-size 30px
  150. &__info
  151. border 1px solid grey
  152. border-radius 10px
  153. padding 15px 25px
  154. &__text
  155. margin-bottom 35px
  156. &__link
  157. display inline-block
  158. margin-bottom 15px
  159. border 1px solid grey
  160. border-radius 10px
  161. padding 15px 25px