<commit_before>@import "../../Framework/themes/default/kdfn"
@import "../styl/appfn"
@import "../styl/app.fonts"

@css {
/*
MAIN APP stylesheet
resurrection.styl
*/
}

// When app class is added to html tag
// layout becomes 100% width and height
// so that apps can control their own
// scrollviews and add their chrome frames
html.app
  height            100%
  body
    height          100%

body
  font-family       'Helvetica Neue'
  bg                color, #EEEEEF

.no-anim
  noAnim()

#kdmaincontainer
  width             auto

#main-header
  margin            0
  bg                color, #111617
  size              100%,61px
  z-index           1000
  fix()

#dock
  size              auto, auto
  margin-right      380px


#main-panel-wrapper
  overflow          visible
  display           block
  top               0
  left              0

#koding-logo
  size              61px, 61px
  fl()

  cite
    sprite          app logo
    margin          21px 0 0 21px
    display         block

#main-nav
  size              auto, 61px
  fl()
  > a
    display         inline-block
    size            61px, 61px
    vendor          transition, top .2s linear\,\
                                left .2s linear
    cite
      hidden()
    .icon
      margin        14px 15px 15px 14px
      display       block
    &.selected
      bg            color, #EEEEEF
    &.activity .icon
      sprite      app nav-activity
    &.develop .icon
      sprite      app nav-develop
    &.topics .icon
      sprite      app nav-topics
    &.editor .icon
      sprite      app nav-editor
    &.terminal .icon
      sprite      app nav-terminal
    &.apps .icon
      sprite      app nav-apps

.account-area<commit_msg>Styles: nav menu active styles for apps added<commit_after>@import "../../Framework/themes/default/kdfn"
@import "../styl/appfn"
@import "../styl/app.fonts"

@css {
/*
MAIN APP stylesheet
resurrection.styl
*/
}

// When app class is added to html tag
// layout becomes 100% width and height
// so that apps can control their own
// scrollviews and add their chrome frames
html.app
  height            100%
  body
    height          100%

body
  font-family       'Helvetica Neue'
  bg                color, #EEEEEF

.no-anim
  noAnim()

#kdmaincontainer
  width             auto

#main-header
  margin            0
  bg                color, #111617
  size              100%,61px
  z-index           1000
  fix()

#dock
  size              auto, auto
  margin-right      380px


#main-panel-wrapper
  overflow          visible
  display           block
  top               0
  left              0

#koding-logo
  size              61px, 61px
  fl()

  cite
    sprite          app logo
    margin          21px 0 0 21px
    display         block

#main-nav
  size              auto, 61px
  fl()
  > a
    display         inline-block
    size            61px, 61px
    vendor          transition, top .2s linear\,\
                                left .2s linear
    cite
      hidden()
    .icon
      margin        14px 15px 15px 14px
      display       block
    &.selected
      bg            color, #EEEEEF
      &.editor
      &.terminal
        bg          color, #252E30
    &.activity .icon
      sprite      app nav-activity
    &.develop .icon
      sprite      app nav-develop
    &.topics .icon
      sprite      app nav-topics
    &.editor .icon
      sprite      app nav-editor
    &.terminal .icon
      sprite      app nav-terminal
    &.apps .icon
      sprite      app nav-apps

.account-area
{'fraction_non_alphanumeric': 0.07400056705415367, 'fraction_numerical': 0.03317266798979303, 'mean_word_length': 1.2790697674418605, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3291328', 'n_tokens_mistral': 1153, 'n_tokens_neox': 1041, 'n_words': 335}