123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269 |
- /*** SIDEBAR ***/
-
- .sidebarpagecontainer
- display flex
- min-height calc(100% - 50px)
- padding-top 85px
-
- /********************/
-
- /*** ELEMENTS ON ALL PAGE ***/
-
- .pageWrapperGeneric
- width 100%
- &__header
- display flex
- &__content
- margin 10px 10px 120px 10px
- @media (min-width: min-md) and (max-width: max-md)
- .pageWrapperGeneric
- display block
- padding-top 87px
- &__header
- margin 95px 0 5px 30px
- &__content
- margin 0
- @media (min-width: min-sm) and (max-width: max-sm)
- .pageWrapperGeneric
- display block
- padding-top 87px
- &__header
- margin 95px 0 35px 0
- &__title
- display inline-block
- margin-left 0
- &__content
- margin 0
- @media (max-width: max-xs)
- .pageWrapperGeneric
- display block
- padding-top 87px
- &__header
- display block
- margin-top 60px
- &__content
- margin 0
-
- .nopadding
- padding 0
-
- .pageTitleGeneric
- display flex
- margin 45px 0
- &__title
- margin-left 10px
- font-size 30px
- color darkGrey
- @media (max-width: max-xs)
- .pageTitleGeneric
- display block
-
-
- .pageContentGeneric
- margin 10px 10px 120px 10px
-
- .dropdownCreateBtn
- &__label
- padding 10px 65px
- background-color green
- cursor pointer
- &__text
- display inline-block
- color white
- &::after //bootstrap override
- display inline-block
- margin-left 30px
- color white
- &__setting
- padding 0
- cursor pointer
- .setting__link
- padding 5px 65px 5px 10px
-
- .fa-file-image-o
- color previewColor
-
- .fa-comments-o
- color threadColor
-
- .fa-list-ul
- color taskColor
-
- .fa-file-code-o
- color markdownColor
-
- .fa-file-word-o
- color htmlColor
-
- .fa-ticket
- color issueColor
-
- .fa-graduation-cap
- color gestionnaire
-
- .fa-pencil
- color contributeur
-
- .fa-gavel
- color responsable
-
- .fa-eye
- color lecteur
-
- .subTitle
- font-size 20px
- font-weight 500
- color blue
-
- .GenericDelimiter
- border-radius 10px
- width 50%
- height 5px
- background-color blue
-
- .btnaction
- display flex
- flex-direction column
- justify-content center
- margin 20px 30px 20px 0
- border-radius 10px
- padding 15px
- width 250px
- height 200px
- box-shadow shadow-all
- text-align center
- cursor pointer
-
- .genericWebdav
- &__btn
- display flex
- margin-bottom 30px
- border 1px solid blue
- border-radius 10px
- padding 15px 25px
- color blue
- cursor pointer
- &:hover, &:focus
- background-color blue
- color white
- &__icon
- margin-right 20px
- font-size 30px
- &__info
- border 1px solid grey
- border-radius 10px
- padding 15px 25px
- &__text
- margin-bottom 35px
- &__link
- display inline-block
- margin-bottom 15px
- border 1px solid grey
- border-radius 10px
- padding 15px 25px
-
- /********************/
-
- /*** PAGE FILE, THREAD, HTML, MARKDOWN, ISSUE ***/
-
- .wsFileGeneric
- position fixed
- top 85px
- right 0
- border 1px solid grey
- height 100%
- background-color lightGrey
- box-shadow shadow-page
- visibility hidden
- z-index 1
- &.visible
- visibility visible
- &__header
- display flex
- align-items center
- padding 15px
- height 64px
- &__icon
- margin-right 15px
- font-size 22px
- color white
- &__title
- margin-right 15px
- color white
- text-overflow ellipsis
- overflow hidden
- white-space nowrap
- &__edittitle
- margin 0 15px
- color white
- font-size 20px
- cursor pointer
- &:hover , &:focus
- border 1px solid off-white
- padding 0 10px
- border-radius 5px
- &__close
- border 1px solid white
- border-radius 5px
- padding 2px 5px
- cursor pointer
- & > i
- color white
- font-size 20px
- &__option
- border-bottom 1px solid grey
- padding 10px
- height 58px
- background-color off-white
- & > i
- vertical-align middle
- margin-right 15px
- font-size 25px
- cursor pointer
- &__menu
- display flex
- align-items center
- &__status
- margin-right 20px
- .current
- color blue
- .check
- color green
- .invalid
- color red
- .ban
- color grey
- &__dropdownbtn
- border 1px solid grey
- width 150px
- background-color transparent
- cursor pointer
- &::after
- color fontColor
- &:hover
- background-color transparent
- &__icon
- display inline-block
- margin 0 15px
- &__submenu
- &__item
- display flex
- justify-content space-between
- margin 5px 0
- cursor pointer
- &:active
- background-color transparent
- &__action
- margin 5px 10px 0 0
- font-size 18px
- cursor pointer
- &:hover , &:focus
- font-size 22px
- color blue
- &__content
- display flex
- &__left
- width 55%
- &__right
- width 45%
|