Generic.styl 4.0KB

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