<commit_before>@import "responsive/rtk/footer";
@import "responsive/rtk/request_personal_message";
@import "responsive/rtk/supporting_orgs";

#content {
  min-height: 30em;
}

/* Mixin styles */

/* Hide text when it's replaced by an image */
.image-replacement {
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
}

/* General styling of nav menu items */
%menu-item {
  text-decoration: none;
  color: transparentize($color_white, 0.2);
  @include ie8 {
    color: $color_white;
  }
  transition: background-color 0.5s ease-out;
  &:hover,
  &:active,
  &:focus {
    background-color: darken($color_primary, 15%);
    color: $color_white;
  }

}

/* Selected menu item */
%selected-menu-item {
  font-weight: bold;
  color: $color_primary;
  background-color: $color_neutral_light;
  &:hover,
  &:active,
  &:focus {
    background-color: $color_neutral_light;
  }
}

.js-loaded {
  .account-link {
    &:after {
      border-top-color: rgba(255,255,255,0.4);
    }
  }
}

.logged_in_bar {
  @include respond-min( $main_menu-mobile_menu_cutoff ){
    padding-top: 1.4em;
  }
}

.logged-in-menu {
  @include respond-min( $main_menu-mobile_menu_cutoff ){
    color: black;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  }
  li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  a:link,
  a:visited {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    &:hover,
    &:active,
    &:focus {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.1);
    }
    @include respond-min( $main_menu-mobile_menu_cutoff ){
      color: $link-color;
      &:hover,
      &:active,
      &:focus {
        color: $color_black;
        background-color: transparent;
        text-decoration: underline;
      }
    }
  }
  .js-loaded & {
    @include respond-min( $main_menu-mobile_menu_cutoff ){
      //positioned alongside the button
      top: 4.1em;
    }
  }
}

.alaveteli-pro .account-link,
.alaveteli-pro .account-link:visited,
.account-link,
.account-link:link,
.account-link:visited,
.sign_in_link,
.sign_in_link:link,
.sign_in_link:visited {
  color: #fff;
  text-decoration: none;
  &:hover,
  &:active,
  &:focus {
    color: #fff;
  }
}

.pro-pill {
  color: $color_neutral_dark;
  font-weight: 600;
  background-color: $color_secondary;
}

/* General styles */
body{
  background-color: $body-bg;
  color: $body-font-color;
}

.entirebody {
  font-family: $font-family;
}

a {
  color: $link-color;
  &:visited {
    color: $link-color;
  }
  &:hover,
  &:active,
  &:focus {
    color: darken($link-color, 10%);
  }
}

/* Let h1s be a little smaller on small screens */
@media( max-width: $main_menu-mobile_menu_cutoff ){
  h1 {
    font-size: 2em;
  }
}

/* Square corners for text type inputs */
form input[type="text"],
form input[type="password"],
form input[type="search"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form input[type="number"] {
    border-radius: 0;
    background-color: $form_input-bg;
    /* Set a fixed height for text inputs in older IE 8 */
    @include ie8{
        height: 2.3125em;
    }
    /* Do the same in px for IE < 7 */
    @include lte-ie7{
        height: 22px;
    }
}

input.use-datepicker[type=text] {
  width: 130px;
  background:image-url('calendar.png') no-repeat 100px 5px $form_input-bg;
}

/* Button styles */

@mixin button-base($size: normal, $disabled: false) {
  padding: 0.5em 1.25em;
  border-radius: 3px;
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 300ms ease-out;
  margin-bottom: 0;
  font-family: $font-family;
  @if $size == large {
    font-size: 2.2em;
  }
  &:hover,
  &:active,
  &:focus {
    text-decoration: none;
    transition: background-color 300ms ease-out;
  }
  @if $disabled {
    opacity: 0.333;
    transition: none;
    &:hover,
    &:active,
    &:focus {
      background-color: inherit;
      color: inherit;
      cursor: default;
      transition: none;
    }
  }
}

@mixin button-primary($args...) {
  @include button-base($args...);
  color: $color_white;
  background-color: $button-bg;
  border: none;
  &:hover,
  &:active,
  &:focus,
  &:visited:hover,
  &:visited:active,
  &:visited:focus {
    background-color: darken($button-bg, 10%);
    color: $color_white;
  }
}

@mixin button-secondary($args...) {
  @include button-base($args...);
  background-color: desaturate(darken($color_sand, 10%), 5%);
  color: $color_black;
  font-weight: normal;
  &:hover,
  &:active,
  &:focus {
    color: $color_black;
    background-color: desaturate(darken($color_sand, 20%), 5%);
  }
}

@mixin button-tertiary($args...) {
  @include button-base($args...);
  background-color: desaturate(darken($color_sand, 5%), 5%);;
  color: $color_black;
  font-weight: normal;
  border: 1px solid desaturate(darken($color_sand, 15%),5%);
  &:hover,
  &:active,
  &:focus {
    background-color: darken($color_sand, 7.5%);
    border: 1px solid desaturate(darken($color_sand, 25%),5%);
  }
}

form input[type=submit], a.link_button_green, a.link_button_green_large {
  @include button-primary;
  text-decoration: none;
}

a.link_button_green_large {
  @include button-primary($size: large);
}


/* Action Bar Mixins */

@mixin follow-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}

@mixin follower-count {
  color: $color_dark_grey;
  padding: 0.56em 1.25em;
  border: 1px solid $color_light_grey;
  position: relative;
  left: -3px;
  line-height: 1.6em;
  border-left: 0;
  border-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Popups */

.popup {
  background-color: desaturate(lighten($notice-color, 30%),10%);
  border: 3px solid $notice-color;
}


/* Header */

.topnav {
  background-color: $topnav_bg;
  @media( min-width: $main_menu-mobile_menu_cutoff ) {
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.1);
  }
}

#banner_inner {
  background-color: $banner_inner_bg;
}

.site-title__logo {
  // Smaller logo on mobiles
  width: ($logo-width / 2);
  height: ($logo-height / 2);
  background-size: ($logo-width / 2) ($logo-height / 2);

  @include respond-min( $main_menu-mobile_menu_cutoff ){
    width: $logo-width;
    height: $logo-height;
    background-size: $logo-width $logo-height;
  }
}

.navigation {
  border-bottom: none;
  a {
    @extend %menu-item;
    color: transparentize($color_white, 0.2);
    @media( min-width: $main_menu-mobile_menu_cutoff ) {
      padding: 0.875em 1em;
    }
  }

  /* Show which section is currently selected */
  li.selected a {<commit_msg>Make writing on main navigation a little more clear<commit_after>@import "responsive/rtk/footer";
@import "responsive/rtk/request_personal_message";
@import "responsive/rtk/supporting_orgs";

#content {
  min-height: 30em;
}

/* Mixin styles */

/* Hide text when it's replaced by an image */
.image-replacement {
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
}

/* General styling of nav menu items */
%menu-item {
  text-decoration: none;
  color: transparentize($color_white, 0.2);
  @include ie8 {
    color: $color_white;
  }
  transition: background-color 0.5s ease-out;
  &:hover,
  &:active,
  &:focus {
    background-color: darken($color_primary, 15%);
    color: $color_white;
  }

}

/* Selected menu item */
%selected-menu-item {
  font-weight: bold;
  color: $color_primary;
  background-color: $color_neutral_light;
  &:hover,
  &:active,
  &:focus {
    background-color: $color_neutral_light;
  }
}

.js-loaded {
  .account-link {
    &:after {
      border-top-color: rgba(255,255,255,0.4);
    }
  }
}

.logged_in_bar {
  @include respond-min( $main_menu-mobile_menu_cutoff ){
    padding-top: 1.4em;
  }
}

.logged-in-menu {
  @include respond-min( $main_menu-mobile_menu_cutoff ){
    color: black;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  }
  li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  a:link,
  a:visited {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    &:hover,
    &:active,
    &:focus {
      color: #fff;
      background-color: rgba(0, 0, 0, 0.1);
    }
    @include respond-min( $main_menu-mobile_menu_cutoff ){
      color: $link-color;
      &:hover,
      &:active,
      &:focus {
        color: $color_black;
        background-color: transparent;
        text-decoration: underline;
      }
    }
  }
  .js-loaded & {
    @include respond-min( $main_menu-mobile_menu_cutoff ){
      //positioned alongside the button
      top: 4.1em;
    }
  }
}

.alaveteli-pro .account-link,
.alaveteli-pro .account-link:visited,
.account-link,
.account-link:link,
.account-link:visited,
.sign_in_link,
.sign_in_link:link,
.sign_in_link:visited {
  color: #fff;
  text-decoration: none;
  &:hover,
  &:active,
  &:focus {
    color: #fff;
  }
}

.pro-pill {
  color: $color_neutral_dark;
  font-weight: 600;
  background-color: $color_secondary;
}

/* General styles */
body{
  background-color: $body-bg;
  color: $body-font-color;
}

.entirebody {
  font-family: $font-family;
}

a {
  color: $link-color;
  &:visited {
    color: $link-color;
  }
  &:hover,
  &:active,
  &:focus {
    color: darken($link-color, 10%);
  }
}

/* Let h1s be a little smaller on small screens */
@media( max-width: $main_menu-mobile_menu_cutoff ){
  h1 {
    font-size: 2em;
  }
}

/* Square corners for text type inputs */
form input[type="text"],
form input[type="password"],
form input[type="search"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form input[type="number"] {
    border-radius: 0;
    background-color: $form_input-bg;
    /* Set a fixed height for text inputs in older IE 8 */
    @include ie8{
        height: 2.3125em;
    }
    /* Do the same in px for IE < 7 */
    @include lte-ie7{
        height: 22px;
    }
}

input.use-datepicker[type=text] {
  width: 130px;
  background:image-url('calendar.png') no-repeat 100px 5px $form_input-bg;
}

/* Button styles */

@mixin button-base($size: normal, $disabled: false) {
  padding: 0.5em 1.25em;
  border-radius: 3px;
  display: inline-block;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 300ms ease-out;
  margin-bottom: 0;
  font-family: $font-family;
  @if $size == large {
    font-size: 2.2em;
  }
  &:hover,
  &:active,
  &:focus {
    text-decoration: none;
    transition: background-color 300ms ease-out;
  }
  @if $disabled {
    opacity: 0.333;
    transition: none;
    &:hover,
    &:active,
    &:focus {
      background-color: inherit;
      color: inherit;
      cursor: default;
      transition: none;
    }
  }
}

@mixin button-primary($args...) {
  @include button-base($args...);
  color: $color_white;
  background-color: $button-bg;
  border: none;
  &:hover,
  &:active,
  &:focus,
  &:visited:hover,
  &:visited:active,
  &:visited:focus {
    background-color: darken($button-bg, 10%);
    color: $color_white;
  }
}

@mixin button-secondary($args...) {
  @include button-base($args...);
  background-color: desaturate(darken($color_sand, 10%), 5%);
  color: $color_black;
  font-weight: normal;
  &:hover,
  &:active,
  &:focus {
    color: $color_black;
    background-color: desaturate(darken($color_sand, 20%), 5%);
  }
}

@mixin button-tertiary($args...) {
  @include button-base($args...);
  background-color: desaturate(darken($color_sand, 5%), 5%);;
  color: $color_black;
  font-weight: normal;
  border: 1px solid desaturate(darken($color_sand, 15%),5%);
  &:hover,
  &:active,
  &:focus {
    background-color: darken($color_sand, 7.5%);
    border: 1px solid desaturate(darken($color_sand, 25%),5%);
  }
}

form input[type=submit], a.link_button_green, a.link_button_green_large {
  @include button-primary;
  text-decoration: none;
}

a.link_button_green_large {
  @include button-primary($size: large);
}


/* Action Bar Mixins */

@mixin follow-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}

@mixin follower-count {
  color: $color_dark_grey;
  padding: 0.56em 1.25em;
  border: 1px solid $color_light_grey;
  position: relative;
  left: -3px;
  line-height: 1.6em;
  border-left: 0;
  border-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Popups */

.popup {
  background-color: desaturate(lighten($notice-color, 30%),10%);
  border: 3px solid $notice-color;
}


/* Header */

.topnav {
  background-color: $topnav_bg;
  @media( min-width: $main_menu-mobile_menu_cutoff ) {
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.1);
  }
}

#banner_inner {
  background-color: $banner_inner_bg;
}

.site-title__logo {
  // Smaller logo on mobiles
  width: ($logo-width / 2);
  height: ($logo-height / 2);
  background-size: ($logo-width / 2) ($logo-height / 2);

  @include respond-min( $main_menu-mobile_menu_cutoff ){
    width: $logo-width;
    height: $logo-height;
    background-size: $logo-width $logo-height;
  }
}

.navigation {
  border-bottom: none;
  a {
    @extend %menu-item;
    color: transparentize($color_white, 0.1);
    @media( min-width: $main_menu-mobile_menu_cutoff ) {
      padding: 0.875em 1em;
    }
  }

  /* Show which section is currently selected */
  li.selected a {
{'fraction_non_alphanumeric': 0.1607332222390547, 'fraction_numerical': 0.024996212695046205, 'mean_word_length': 3.1636707663197727, 'pattern_counts': {'":': 0, '<': 5, '<?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': '124393', 'n_tokens_mistral': 5353, 'n_tokens_neox': 4988, 'n_words': 1042}