<commit_before>@import "./client/Framework/themes/default/kdfn"
@import "./client/stylus/appfn"
@import "nib/gradients"
@import "nib/vendor"

@css {
/*
START TAB stylesheet
app.starttab.styl
*/
}

/* StartTab */
.start-tab
  .app-list-wrapper
    text-align            center
    background            #ffffff /* Old browsers */
    background            -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #d9d9d9 100%) /* FF3.6+ */
    background            -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9)) /* Chrome,Safari4+ */
    background            -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#d9d9d9 100%) /* Chrome10+,Safari5.1+ */
    background            -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#d9d9d9 100%) /* Opera 12+ */
    background            -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#d9d9d9 100%) /* IE10+ */
    background            radial-gradient(center, ellipse cover,  #ffffff 0%,#d9d9d9 100%) /* W3C */
    shadow                inset 0 0 2px rgba(0,0,0,0.25)
    size                  100%, 100%
    overflow              auto

  .app-button-holder
    height                33px
    left                  5px
    right                 5px
    border-bottom         1px solid #CDCDCD
    bg                    color,rgba(255,255,255,.5)
    gradient              rgba(0,0,0,.11),rgba(255,255,255,.08)
    abs()

    .new-app-button
    .refresh-apps-button
      top                 4px
      line-height         10px
      padding-left        22px
      z-index             100
      abs()

      span.icon
        padding           0px
        top               1px
        left              6px
        abs()

    .new-app-button
      left                5px

    .refresh-apps-button
      right               5px

// .start-tab-app-container
//   overflow-y      visible
//   padding-bottom  30px
//   text-shadow     0 1px 0 white

.app-list-wrapper > header
  height                  auto
  margin-bottom           20px
  padding-top             50px
  text-align              center
  h1
    color                 #34312E
    font-size             18px
    font-weight           600
  h2
    color                 #6A645E
    font-size             13px
    font-weight           normal
    padding-top           5px

.app-item-container
  height                  auto
  padding                 20px 0% 48px 1%
  width                   100%
  overflow                visible
  borderBox()

  .dev-mode
    position              absolute
    top                   8px
    background-color      rgba(114, 114, 114, 0.25)
    left                  9px
    border-radius         4px
    color                 white
    font-size             10px
    border                1px solid rgba(186, 196, 186, 0.98)
    padding               0 3px 1px 3px

  figure
    display               inline-block
    rel()
    size                  19%, auto
    margin                0 1% 1% 0
    min-width             120px
    max-width             200px
    padding               20px
    overflow              hidden
    text-align            center
    vertical-align        top
    cursor                pointer
    rounded               4px
    vendor                transition, all .2s ease-out
    shadow                0 1px 2px rgba(0,0,0,0.15)
    bg                    color, rgba(255, 255, 255, 0.2)
    borderBox()
    &:hover
      bg                  color, rgba(255, 255, 255, 0.5)
      shadow              0 2px 10px rgba(0,0,0,0.15)
      .icon-container
        margin-top        0
        opacity           1
      cite
        height            13px
    &.disabled
      padding-bottom      20px
      &:after
        content           'Coming Soon'
        background        black
        border-radius     0 0 4px 4px
        bottom            -20px
        color             #FF9200
        display           block
        left              0
        abs()
        opacity           0
        padding           5px 0
        transition        bottom .3s linear
        text-shadow       none
        visibility        none
        width             100%

      &:hover:after
        display           block
        opacity           1
        bottom            0
        visibility        visible

      img
      strong
      span.data
        opacity           .5

    .kdloader
      abs()
      top                 50%
      left                50%
      margin              -20px 0 0 -20px
      z-index             1000

    p
      rounded             4px

    img
      width               100%

    cite
      abs()
      display             block
      bottom              10px
      left                0
      //size                100%, 100%
      width               100%
      max-width           100%
      font-size           11px
      font-style          normal
      color               #aaa
      white-space         nowrap
      text-overflow       ellipsis
      overflow            hidden
      //vendor              transition, height .15s linear .6s

    span
      noTextDeco()

    span > span
      font-size           11px

    .icon-container
      abs()
      display             inline-block
      top                 5px
      right               5px
      margin-top          -30px
      opacity             0
      vendor              transition, opacity .15s linear .6s

    span.icon
      size                20px, 20px
      opacity             .4
      fl()
      sprite()
      &:hover
        opacity           .6
      &.info
        bg                position, -260px -440px
        right             5px
      &.compile
        bg                position, -300px -440px
        right             26px
      &.delete
        bg                position, -280px -441px
        right             47px

.tipsy .app-tip, .kdtooltip.just-text .app-tip
  text-align              left
  padding                 5px
  header<commit_msg>starttab: app delete icon transition delay removed<commit_after>@import "./client/Framework/themes/default/kdfn"
@import "./client/stylus/appfn"
@import "nib/gradients"
@import "nib/vendor"

@css {
/*
START TAB stylesheet
app.starttab.styl
*/
}

/* StartTab */
.start-tab
  .app-list-wrapper
    text-align            center
    background            #ffffff /* Old browsers */
    background            -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #d9d9d9 100%) /* FF3.6+ */
    background            -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9)) /* Chrome,Safari4+ */
    background            -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#d9d9d9 100%) /* Chrome10+,Safari5.1+ */
    background            -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#d9d9d9 100%) /* Opera 12+ */
    background            -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#d9d9d9 100%) /* IE10+ */
    background            radial-gradient(center, ellipse cover,  #ffffff 0%,#d9d9d9 100%) /* W3C */
    shadow                inset 0 0 2px rgba(0,0,0,0.25)
    size                  100%, 100%
    overflow              auto

  .app-button-holder
    height                33px
    left                  5px
    right                 5px
    border-bottom         1px solid #CDCDCD
    bg                    color,rgba(255,255,255,.5)
    gradient              rgba(0,0,0,.11),rgba(255,255,255,.08)
    abs()

    .new-app-button
    .refresh-apps-button
      top                 4px
      line-height         10px
      padding-left        22px
      z-index             100
      abs()

      span.icon
        padding           0px
        top               1px
        left              6px
        abs()

    .new-app-button
      left                5px

    .refresh-apps-button
      right               5px

// .start-tab-app-container
//   overflow-y      visible
//   padding-bottom  30px
//   text-shadow     0 1px 0 white

.app-list-wrapper > header
  height                  auto
  margin-bottom           20px
  padding-top             50px
  text-align              center
  h1
    color                 #34312E
    font-size             18px
    font-weight           600
  h2
    color                 #6A645E
    font-size             13px
    font-weight           normal
    padding-top           5px

.app-item-container
  height                  auto
  padding                 20px 0% 48px 1%
  width                   100%
  overflow                visible
  borderBox()

  .dev-mode
    position              absolute
    top                   8px
    background-color      rgba(114, 114, 114, 0.25)
    left                  9px
    border-radius         4px
    color                 white
    font-size             10px
    border                1px solid rgba(186, 196, 186, 0.98)
    padding               0 3px 1px 3px

  figure
    display               inline-block
    rel()
    size                  19%, auto
    margin                0 1% 1% 0
    min-width             120px
    max-width             200px
    padding               20px
    overflow              hidden
    text-align            center
    vertical-align        top
    cursor                pointer
    rounded               4px
    vendor                transition, all .2s ease-out
    shadow                0 1px 2px rgba(0,0,0,0.15)
    bg                    color, rgba(255, 255, 255, 0.2)
    borderBox()
    &:hover
      bg                  color, rgba(255, 255, 255, 0.5)
      shadow              0 2px 10px rgba(0,0,0,0.15)
      .icon-container
        margin-top        0
        opacity           1
      cite
        height            13px
    &.disabled
      padding-bottom      20px
      &:after
        content           'Coming Soon'
        background        black
        border-radius     0 0 4px 4px
        bottom            -20px
        color             #FF9200
        display           block
        left              0
        abs()
        opacity           0
        padding           5px 0
        transition        bottom .3s linear
        text-shadow       none
        visibility        none
        width             100%

      &:hover:after
        display           block
        opacity           1
        bottom            0
        visibility        visible

      img
      strong
      span.data
        opacity           .5

    .kdloader
      abs()
      top                 50%
      left                50%
      margin              -20px 0 0 -20px
      z-index             1000

    p
      rounded             4px

    img
      width               100%

    cite
      abs()
      display             block
      bottom              10px
      left                0
      //size                100%, 100%
      width               100%
      max-width           100%
      font-size           11px
      font-style          normal
      color               #aaa
      white-space         nowrap
      text-overflow       ellipsis
      overflow            hidden
      //vendor              transition, height .15s linear .6s

    span
      noTextDeco()

    span > span
      font-size           11px

    .icon-container
      abs()
      display             inline-block
      top                 5px
      right               5px
      margin-top          -30px
      opacity             0
      vendor              transition, opacity .15s linear

    span.icon
      size                20px, 20px
      opacity             .4
      fl()
      sprite()
      &:hover
        opacity           .6
      &.info
        bg                position, -260px -440px
        right             5px
      &.compile
        bg                position, -300px -440px
        right             26px
      &.delete
        bg                position, -280px -441px
        right             47px

.tipsy .app-tip, .kdtooltip.just-text .app-tip
  text-align              left
  padding                 5px
  header
{'fraction_non_alphanumeric': 0.06956952821614476, 'fraction_numerical': 0.057754275799388584, 'mean_word_length': 0.9357108587877818, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '4877930', 'n_tokens_mistral': 3804, 'n_tokens_neox': 3239, 'n_words': 884}