<commit_before>@import "../../Framework/src/themes/default/kdfn"
@import "../../Main/styl/appfn"

@css {
/*
LOGIN SIGNUP stylesheet
app.login-signup.styl
*/
}

body.login

  #kdmaincontainer
    min-height        400px

  #main-header
    hidden()

  .login-form
    button
      display             block
      width               100% !important
      rounded             27px !important



.kdview.login-screen
  background          #111617
  bg                  size cover
  text-align          center
  position            relative
  overflow            auto
  borderBox()
  &.shown
    top               0

  .koding-logo
    rounded           2px
    size              45px 45px
    bg                color, logoBg
    top               16px
    left              16px
    fix()

    cite
      r-sprite        home 'logo'
      margin          14px
      display         block

  .tint
    size                100% 100%
    z-index             0
    top                 0
    left                0
    bg                  color, rgba(0,0,0,.6)
    abs()

  .flex-wrapper
    z-index             1
    size                320px auto
    margin              -205px auto 0 auto
    top                 50%
    rounded             4px
    bg                  color #F4F4F4
    padding             37px
    shadow              0 10px 16px rgba(0, 0, 0, .27)
    borderBox()
    rel()
    // &.one
    //   height            281px
    // &.three
    //   height            427px

  a
    noTextDeco()
    color               white
    font-size           14px

  footer
    fix()
    bottom              22px
    left                9px
    a
      color             rgba(255, 255, 255, .5)
      margin-left       13px
      font-size         12px

  h4.form-header
    padding             0 0 28px
    margin              0 0 28px
    font-size           15px<commit_msg>Login: styles for gradually appearing login background<commit_after>@import "../../Framework/src/themes/default/kdfn"
@import "../../Main/styl/appfn"

@css {
/*
LOGIN SIGNUP stylesheet
app.login-signup.styl
*/
}

body.login

  #kdmaincontainer
    min-height        400px

  #main-header
    hidden()

  .login-form

    button
      display             block
      width               100% !important
      rounded             27px !important

img.off-screen-login-image
  abs               -10000px -10000px


.kdview.login-screen
  background          #111617
  text-align          center
  position            relative
  overflow            auto
  borderBox()
  &:after
    size              100% 100%
    top               0
    left              0
    bg                size cover
    opacity           0.001
    content           ""
    z-index           0
    vendor            transition, opacity .3s ease

    abs()

  &.shown
    &:after
      opacity         1

  .koding-logo
    rounded           2px
    size              45px 45px
    bg                color, logoBg
    top               16px
    left              16px
    z-index           2
    fix()

    cite
      r-sprite        home 'logo'
      margin          14px
      display         block

  .tint
    size                100% 100%
    z-index             1
    top                 0
    left                0
    bg                  color, rgba(0,0,0,.6)
    abs()

  .flex-wrapper
    z-index             1
    size                320px auto
    margin              -205px auto 0 auto
    top                 50%
    rounded             4px
    bg                  color #F4F4F4
    padding             37px
    shadow              0 10px 16px rgba(0, 0, 0, .27)
    borderBox()
    rel()
    // &.one
    //   height            281px
    // &.three
    //   height            427px

  a
    noTextDeco()
    color               white
    font-size           14px

  footer
    bottom              22px
    left                9px
    z-index             2
    fix()
    a
      color             rgba(255, 255, 255, .5)
      margin-left       13px
      font-size         12px

  h4.form-header
    padding             0 0 28px
    margin              0 0 28px
    font-size           15px
{'fraction_non_alphanumeric': 0.06483489997589781, 'fraction_numerical': 0.0549530007230658, 'mean_word_length': 0.8634934889986529, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7312700', 'n_tokens_mistral': 1346, 'n_tokens_neox': 1160, 'n_words': 325}