<commit_before>@import "reset";
@import "mixins";
@import "helpers";
@import "fonts";
@import "buttons";
@import "header";
@import "custom";

/* ###########################################################################
SCSS for Aeolus UI
########################################################################### */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Page Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

$width: 960px;

/* body */

body{
  background: url('../../images/body-bg.png');
  font-family: $font-family-base;
  font-size: 12px; /* 12px base */
  color: #333;
  a{ color: #333; }
  a:hover{ text-decoration: none; }
}

strong, em, b, i{ font-family: $font-family-em; }

/* Content */

div#content{
  @include clearfix;
  width: $width;
  margin: 0 auto;
  margin-bottom: 58px;
  min-height: 200px;
  border: 1px solid #eee;
  border-top: transparent none 0px;
  /*border-radius*/
  -webkit-border-radius: 0em 0em .5em .5em;
  -moz-border-radius: 0em 0em .5em .5em;
  border-radius: 0em 0em .5em .5em;
  background-color: #FAFAFA;
  position: relative;
  z-index: 100;
  /*box-shadow*/
  -webkit-box-shadow: inset 0px .25em .25em #aaa, 0px .5em 2em #000 !important;
  -moz-box-shadow: inset 0px .25em .25em #aaa, 0px .5em 2em #000 !important;
  box-shadow: inset 0px .25em .25em #aaa, 0px .5em 2em #000 !important;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Application Input Controls -- v.0.0.1 [input] (input.scss)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Textual Labels -- v.0.0.1 [label] (label.scss)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.label{
  font-family: $font-family-base;
  font-size: 12px;
}

.label.micro{ font-size: 9px; }
.label.small{ font-size: 11px; }

.label.invert{
  color: #fff;
}

.label.light{
  font-weight: normal;
  color: #666;
}

.label.strong{
  font-weight: bold;
  color: #333;
}

.label.caps{
  text-transform: uppercase;
}

.label.badge{
  @include display_inline_block;
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  background-color: #efefef;
  border: 1px solid transparent;
  padding: 0px 4px 0px 4px;
  min-width: 10px;
  font-size: 10px;
  color: #000;
  font-family: $font-family-primary;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.50);
  -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.50);
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.50);
  text-align: center;
}

.label.badge.alert{
  background-color: #c00;
  color: #fff;
}

.label.badge.dark{
  color: #fff;
  background: #333;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Alert Flash -- v.0.0.1 [flash] (flash.scss)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#flash-hud{
  width: 900px;
  margin: 0 auto;
  background-color: #ddd;
  -webkit-border-radius: 0px 0px 7px 7px;
  -moz-border-radius: 0px 0px 7px 7px;
  border-radius: 0px 0px 7px 7px;
  border: 1px solid #999;
  padding: 8px;
  margin-top: -4px;

  a.control{
    float: right;
    color: #999;
    font-size: 11px;
  }

  .flash-group{
    display: table;
  }

  .flash-subset{
    display: table-row;

    div.heading{
      display: inline;
      text-align: right;
      border-right: 1px solid #ccc;
      padding-right: 8px;
      width: 20px;
    }

    ul{
      @include display_inline_block;
      font-size: 12px;
      padding-left: 8px;
      list-style: none;

      li + li{
        margin-top: 6px;
      }
    }

  }

  .flash-group + .flash-group{
    margin-top: 10px;
  }

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Administer section navigation-- v.0.0.2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

nav#administer_nav {
  background-color: #ddd;
  height: 6.5em;<commit_msg>RM 3145 added css section for hover links<commit_after>@import "reset";
@import "mixins";
@import "helpers";
@import "fonts";
@import "buttons";
@import "header";
@import "custom";

/* ###########################################################################
SCSS for Aeolus UI
########################################################################### */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Page Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

$width: 960px;

/* body */

body{
  background: url('../../images/body-bg.png');
  font-family: $font-family-base;
  font-size: 12px; /* 12px base */
  color: #333;
  a{ color: #333; }
  a:hover{ text-decoration: none; }
}

strong, em, b, i{ font-family: $font-family-em; }

/* Content */

div#content{
  @include clearfix;
  width: $width;
  margin: 0 auto;
  margin-bottom: 58px;
  min-height: 200px;
  border: 1px solid #eee;
  border-top: transparent none 0px;
  /*border-radius*/
  -webkit-border-radius: 0em 0em .5em .5em;
  -moz-border-radius: 0em 0em .5em .5em;
  border-radius: 0em 0em .5em .5em;
  background-color: #FAFAFA;
  position: relative;
  z-index: 100;
  /*box-shadow*/
  -webkit-box-shadow: inset 0px .25em .25em #aaa, 0px .5em 2em #000 !important;
  -moz-box-shadow: inset 0px .25em .25em #aaa, 0px .5em 2em #000 !important;
  box-shadow: inset 0px .25em .25em #aaa, 0px .5em 2em #000 !important;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Application Input Controls -- v.0.0.1 [input] (input.scss)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Textual Labels -- v.0.0.1 [label] (label.scss)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.label{
  font-family: $font-family-base;
  font-size: 12px;
}

.label.micro{ font-size: 9px; }
.label.small{ font-size: 11px; }

.label.invert{
  color: #fff;
}

.label.light{
  font-weight: normal;
  color: #666;
}

.label.strong{
  font-weight: bold;
  color: #333;
}

.label.caps{
  text-transform: uppercase;
}

.label.badge{
  @include display_inline_block;
  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
  background-color: #efefef;
  border: 1px solid transparent;
  padding: 0px 4px 0px 4px;
  min-width: 10px;
  font-size: 10px;
  color: #000;
  font-family: $font-family-primary;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.50);
  -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.50);
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.50);
  text-align: center;
}

.label.badge.alert{
  background-color: #c00;
  color: #fff;
}

.label.badge.dark{
  color: #fff;
  background: #333;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Alert Flash -- v.0.0.1 [flash] (flash.scss)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#flash-hud{
  width: 900px;
  margin: 0 auto;
  background-color: #ddd;
  -webkit-border-radius: 0px 0px 7px 7px;
  -moz-border-radius: 0px 0px 7px 7px;
  border-radius: 0px 0px 7px 7px;
  border: 1px solid #999;
  padding: 8px;
  margin-top: -4px;

  a.control{
    float: right;
    color: #999;
    font-size: 11px;
  }

  .flash-group{
    display: table;
  }

  .flash-subset{
    display: table-row;

    div.heading{
      display: inline;
      text-align: right;
      border-right: 1px solid #ccc;
      padding-right: 8px;
      width: 20px;
    }

    ul{
      @include display_inline_block;
      font-size: 12px;
      padding-left: 8px;
      list-style: none;

      li + li{
        margin-top: 6px;
      }
    }

  }

  .flash-group + .flash-group{
    margin-top: 10px;
  }

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Hover link popup-- v.0.0.1
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a.hoverpopup {
  span{
    display: none;
  }

  &:hover span{
    display: block;
    position: absolute;
    color: #000;
  }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Administer section navigation-- v.0.0.2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

nav#administer_nav {
  background-color: #ddd;
  height: 6.5em;
{'fraction_non_alphanumeric': 0.35832048392835963, 'fraction_numerical': 0.04341122049578935, 'mean_word_length': 3.8210405946255004, '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': '1187266', 'n_tokens_mistral': 3272, 'n_tokens_neox': 2823, 'n_words': 650}