<commit_before>@import "header";

// navigation menus
$navigation_background_lowlight: #000000;
$navigation_background_highlight: #262626;
$navigation_lowlight: #B40048;
$navigation_highlight: #DF0D79;



// the basic page layout of the admin tool
body.admin {
  background-color: #DDDDDD;
  font-family: arial;

  // we have these additional jquery-ui icon sets for the admin
  .ui-icon-highlight { 
    background-image: image-url('admin/ui_icons_highlight.png'); 
  }
  .ui-icon-light { 
    background-image: image-url('admin/ui_icons_light.png'); 
  }
}


//all links
a, a:link, a:visited, a:active {
  color: #326276;
}
a:hover {
  color: #ce2402;
}



// admin header
#header_container {
  background-color: #1A1A1A;
  @include linear-gradient(top, $navigation_background_lowlight 0%, $navigation_background_highlight 60%);
  border-bottom: 2px solid $navigation_highlight;
  box-shadow: 0 0 14px 20px #EEEEEE;
  height: 50px;
  
  #header {
    width: 1200px;
    margin: 0 auto;
    position: relative;
  }

  #header > #logo {
    position:absolute;
    top: 10px;
    background-image: asset-url('admin/logo.png', image);
    display: block;
    width: 126px;
    height: 29px;
  }

  // the admin main menu
  #main_menu {
    position:absolute;
    left: 180px;
    top: 0;
    a {
      float: left;
      font-size: 20px;
      height: 50px;
      line-height: 52px;
      margin-right: 14px;
      color: #FFF;
      font-size: 20px;
      display: block;
      padding:0 10px;
      @include transition(background-color .25s linear);
      @include transition(line-height .25s linear);
      text-decoration: none;
      &.active, &:hover {
        background-color: $navigation_highlight;
        @include linear-gradient(top, $navigation_lowlight 0%, $navigation_highlight 60%);
        line-height: 60px;
      }
    }
  }

  // header account links
  #account_links {
    position:absolute;
    right:0;

    a {
      float: left;
      margin-left: 14px;
      padding-top: 10px;
      color: #FFF;
      font-size: 14px;
      display: block;
      text-decoration: none;
      margin-top: 6px;
      
      span {
        margin-right: 4px;
      }
  
      &.active, &:hover {
        color: $navigation_highlight;
  
        span {
          background-image: image-url('admin/ui_icons_highlight.png');
        }
      }
    
      // the account link with a facebook image gets positioned differently
      &.facebook_connected_account {
        line-height: 36px;
        padding-top: 0;
        width: 116px;
        text-align: right;
      
        // make the facebook profile picture artificially smaller
        img {
          width: 36px;
          height: 36px;
          float: left;
        }
      }
    }
  }
}



// the page content
#content_container {
  width: 1200px;
  margin: 0 auto;
}

// the side bar navigation
#content_navigation {
  @include box-shadow(3px 3px 6px #BBB);
  background-color: #1A1A1A;
  @include linear-gradient(right, $navigation_background_lowlight 0%, $navigation_background_highlight 60%);
  border-left: 2px solid $navigation_highlight;
  
  float: right;
  margin-top: 40px;
  width: 238px;
  padding: 10px 10px 10px 0;
  position: relative;
  z-index: 2;
  
  ul {
    margin: 0;
    padding: 0;
    
    li {
      list-style-type: none;
    }
  }
  
  h2 {
    border-bottom: 1px solid #444444;
    color: #FFFFFF;
    font-size: 12px;
    margin: 15px 12px 4px;
    padding-bottom: 8px;
  }
  
  a {
    color: #FFF;
    display: block;
    @include transition(background-color .25s linear);
    @include transition(padding .25s linear);
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 10px;

    span {
      float: left;
      margin-right: 4px;
      background-image: image-url('admin/ui_icons_light.png');
    }
    
    &.active, &:hover {
      padding-left: 2px;
      background-color: $navigation_highlight;
      @include linear-gradient(right, $navigation_lowlight 0%, $navigation_highlight 60%);
    }
  }
}


#content {
  @include box-shadow(3px 3px 10px #AAA);
  background-color: #ffffff;
  width: 950px;
  float: left;
  margin-top: 20px;
  min-height: 750px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  
}

/*the header of the content*/
#content_head {
  position: relative;
}
/*breadcrumbs*/
#breadcrumbs {
  float: left;
  margin: 8px 0 6px 25px;
}
/*action items, like edit or add buttons*/
#top_links {
    border-bottom: 1px solid #CCCCCC;<commit_msg>active states for navigation<commit_after>@import "header";

// navigation menus
$navigation_background_lowlight: #000000;
$navigation_background_highlight: #262626;
$navigation_lowlight: #B40048;
$navigation_highlight: #DF0D79;



// the basic page layout of the admin tool
body.admin {
  background-color: #DDDDDD;
  font-family: arial;

  // we have these additional jquery-ui icon sets for the admin
  .ui-icon-highlight { 
    background-image: image-url('admin/ui_icons_highlight.png'); 
  }
  .ui-icon-light { 
    background-image: image-url('admin/ui_icons_light.png'); 
  }
}


//all links
a, a:link, a:visited, a:active {
  color: #326276;
}
a:hover {
  color: #ce2402;
}



// admin header
#header_container {
  background-color: #1A1A1A;
  @include linear-gradient(top, $navigation_background_lowlight 0%, $navigation_background_highlight 60%);
  border-bottom: 2px solid $navigation_highlight;
  box-shadow: 0 0 14px 20px #EEEEEE;
  height: 50px;
  
  #header {
    width: 1200px;
    margin: 0 auto;
    position: relative;
  }

  #header > #logo {
    position:absolute;
    top: 10px;
    background-image: asset-url('admin/logo.png', image);
    display: block;
    width: 126px;
    height: 29px;
  }

  // the admin main menu
  #main_menu {
    position:absolute;
    left: 180px;
    top: 0;
    a {
      float: left;
      font-size: 20px;
      height: 50px;
      line-height: 52px;
      margin-right: 14px;
      color: #FFF;
      font-size: 20px;
      display: block;
      padding:0 10px;
      @include transition(background-color .25s linear);
      @include transition(line-height .25s linear);
      text-decoration: none;
      &.active, &:hover {
        background-color: $navigation_highlight;
        @include linear-gradient(top, $navigation_lowlight 0%, $navigation_highlight 60%);
        line-height: 60px;
      }
    }
  }

  // header account links
  #account_links {
    position:absolute;
    right:0;

    a {
      float: left;
      margin-left: 14px;
      padding-top: 10px;
      color: #FFF;
      font-size: 14px;
      display: block;
      text-decoration: none;
      margin-top: 6px;
      
      span {
        margin-right: 4px;
      }
  
      &.active, &:hover {
        color: $navigation_highlight;
  
        span {
          background-image: image-url('admin/ui_icons_highlight.png');
        }
      }
    
      // the account link with a facebook image gets positioned differently
      &.facebook_connected_account {
        line-height: 36px;
        padding-top: 0;
        width: 116px;
        text-align: right;
      
        // make the facebook profile picture artificially smaller
        img {
          width: 36px;
          height: 36px;
          float: left;
        }
      }
    }
  }
}



// the page content
#content_container {
  width: 1200px;
  margin: 0 auto;
}

// the side bar navigation
#content_navigation {
  @include box-shadow(3px 3px 6px #BBB);
  background-color: #1A1A1A;
  @include linear-gradient(right, $navigation_background_lowlight 0%, $navigation_background_highlight 60%);
  border-left: 2px solid $navigation_highlight;
  
  float: right;
  margin-top: 40px;
  width: 238px;
  padding: 10px 10px 10px 0;
  position: relative;
  z-index: 2;
  
  ul {
    margin: 0;
    padding: 0;
    
    li {
      list-style-type: none;
    }
  }
  
  h2 {
    border-bottom: 1px solid #444444;
    color: #FFFFFF;
    font-size: 12px;
    margin: 15px 12px 4px;
    padding-bottom: 8px;
  }
  
  a {
    color: #FFF;
    display: block;
    @include transition(background-color .25s linear);
    @include transition(padding .25s linear);
    text-decoration: none;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 10px;

    span {
      float: left;
      margin-right: 4px;
      background-image: image-url('admin/ui_icons_light.png');
    }
    
  }

  li.active a, a:hover {
    padding-left: 2px;
    background-color: $navigation_highlight;
    @include linear-gradient(right, $navigation_lowlight 0%, $navigation_highlight 60%);
  }

}


#content {
  @include box-shadow(3px 3px 10px #AAA);
  background-color: #ffffff;
  width: 950px;
  float: left;
  margin-top: 20px;
  min-height: 750px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
  
}

/*the header of the content*/
#content_head {
  position: relative;
}
/*breadcrumbs*/
#breadcrumbs {
  float: left;
  margin: 8px 0 6px 25px;
}
/*action items, like edit or add buttons*/
#top_links {
    border-bottom: 1px solid #CCCCCC;
{'fraction_non_alphanumeric': 0.11763402747009305, 'fraction_numerical': 0.040983606557377046, 'mean_word_length': 2.525575946895744, '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': '5379209', 'n_tokens_mistral': 3449, 'n_tokens_neox': 3030, 'n_words': 753}