Generic.styl 2.7KB

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