123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- .loginpage
- padding-top 85px // 85 = header height
- min-height 100%
- background-image url('../img/tracimLogoAsBg.png')
- background-repeat no-repeat
- background-size contain
- background-position center
- width 100%
- &__logo
- margin 0 auto
- padding 50px 0
- width 170px
- &__connection
- margin-bottom 50px
- border none
- box-shadow shadow-right
- .connection__header
- background-color thirdColor
- color #FFF
- font-size 25px
- .connection__form
- margin 0 auto
- width 70%
- &__rememberme
- &__label
- font-size 13px
- &__groupemail
- position relative
- &__icon
- position absolute
- top 6px
- left 10px
- width 20px
- &__input
- padding-left 45px
- &__groupepw
- position relative
- &__icon
- position absolute
- top 5px
- left 8px
- width 20px
- font-size 20px
- &__input
- padding-left 45px
- &__btnsubmit
- display block
- margin 0 auto
- border none
- width 150px
- background-color green
- cursor pointer
- &:hover
- background-color btnCallAction-hover
- &:focus
- box-shadow shadow-all-side-green
- &__pwforgot
- margin-top 3px
- cursor pointer
- font-size 13px
- &:hover::after
- position absolute
- top 20px
- right 15px
- border-bottom 1px solid darkGrey
- padding-bottom 2px
- content ' '
- width 130px
- &__footer
- text-align center
- &__text
- font-size 17px
-
- @media (min-width: min-lg) and (max-width: max-lg)
- .loginpage
- .connection__form
- width 100%
-
- @media (min-width: min-md) and (max-width: max-md)
- .loginpage
- .connection__form
- width 95%
-
- @media (min-width: min-sm) and (max-width: max-sm)
- .loginpage
- padding-top 69px
- display block
- .connection__form
- width 90%
-
- @media (max-width: max-xs)
- .loginpage
- padding-top 69px
- background-size cover
- display block
- &__connection
- margin-top 90px
- &__logo
- display none
- .connection__form
- width 95%
- .connection__form__pwforgot:hover::after
- content normal
|