Generic.styl 3.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  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. .fa-file-image-o
  99. color previewColor
  100. .fa-comments-o
  101. color threadColor
  102. .fa-list-ul
  103. color taskColor
  104. .fa-file-code-o
  105. color markdownColor
  106. .fa-file-text-o
  107. color htmlColor
  108. .fa-ticket
  109. color issueColor
  110. .fa-graduation-cap
  111. color gestionnaire
  112. .fa-pencil
  113. color contributeur
  114. .fa-gavel
  115. color responsable
  116. .fa-eye
  117. color lecteur
  118. .subTitle
  119. font-size 20px
  120. font-weight 500
  121. color thirdColor
  122. .btnaction
  123. display flex
  124. flex-direction column
  125. justify-content center
  126. margin 20px 30px 20px 0
  127. border-radius 10px
  128. padding 15px
  129. width 230px
  130. height 200px
  131. box-shadow shadow-all
  132. text-align center
  133. cursor pointer
  134. .genericBtnInfoDashboard
  135. &__btn
  136. display flex
  137. margin-bottom 30px
  138. border 1px solid thirdColor
  139. border-radius 10px
  140. padding 15px 25px
  141. color thirdColor
  142. cursor pointer
  143. &:hover, &:focus
  144. background-color thirdColor
  145. color white
  146. &__icon
  147. margin-right 20px
  148. font-size 30px
  149. &__info
  150. border 1px solid grey
  151. border-radius 10px
  152. padding 15px 25px
  153. &__text
  154. margin-bottom 35px
  155. &__link
  156. display inline-block
  157. margin-bottom 15px
  158. border 1px solid grey
  159. border-radius 10px
  160. padding 15px 25px
  161. .genericcontent
  162. &__close
  163. cursor pointer
  164. &__contentname
  165. &__icon
  166. font-size 30px
  167. &__title
  168. font-size 20px
  169. color htmlColor
  170. &__form
  171. &__input
  172. & > input
  173. border: 1px solid grey;
  174. border-radius: 5px;
  175. padding: 5px;
  176. width: 353PX;