<commit_before>@font-face {
  font-family: "StoryFont";
  src: url("../fonts/OldstyHPLHS.otf");
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.ttf");
}

:root {
    --main-bg-color: #eee;
    --alt-bg-color: #e5e5e5;
    --alt-bg-color2: #ddd;
    --input-bg-color: #eee;
    --readonly-bg-color: #ddd;
    --disabled-bg-color: #ddd;
    --link-color: #0066cc;
    --heading-color: black;
    --border-color: #ccc;
    --soft-border-color: #ddd;
    --input-border-color: black;
    --text-color: black;
    --readonly-color: black;
    --disabled-color: #aaa;
}

body {
    margin: 0;
    background-color: var(--main-bg-color);
    font-family: Roboto;
    color: var(--text-color);
}

button {
    font-family: Roboto;
}

h1, h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    color: var(--heading-color);
}
h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    color: var(--heading-color);
}

a, a:visited {
    color: var(--link-color);
    text-decoration: none;
}

nav.top-bar {
    display: flex;
    justify-content: space-between;

    margin: 0;
    padding: 10px;

    border-bottom: 2px solid #aaa;
}

nav.breadcrumbs {
    margin-top: 10px;
    margin-bottom: 10px;
}

input[type="file"] {
    color: var(--input-bg-color);
    background-color: buttonface;
}

ul li {
    padding-top: 3px;
}

.app-container {
    padding: 60px;
    padding-top: 10px;
}
.app-container-simple {
    max-width: 50em;
}

.login-page {
    margin-top: 30vh;
    text-align: center;
}
.site-title {
    margin-bottom: 20px;
    font-size: 24px;
}
.login-form {
    width: 100%;
}
.login-form .form-line label {
    display: inline-block;
    min-width: 100px;
    text-align: right;
    margin-right: 10px;
}
.login-form .form-actions {
    margin-top: 5px;
}
.narrow-form {
    max-width: 500px;
}
.vertical-form {
    display: flex;
    flex-direction: column;
}
.inline-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single-field-form {
    display: flex;
    justify-content: space-between;
}

.vertical-form .form-line {
    margin-bottom: 18px;
}
.vertical-form label {
    font-size: 18px;
}
.inline-form label {
    font-weight: bold;
}
.inline-form label.checkbox {
    font-weight: normal;
}
.vertical-form input, .inline-form input {
    border: 1px solid black;
    background-color: #eee;
}
.vertical-form input, .vertical-form textarea {
    width: 100%;
}
.vertical-form input[type="text"],
.vertical-form input[type="password"],
.vertical-form input[type="email"],
.inline-form input[type="text"],
.inline-form input[type="password"],
.inline-form input[type="email"] {
    padding: 4px;
    border: 1px solid var(--input-border-color);
    background-color: var(--input-bg-color);
}
.vertical-form input[type="text"],
.vertical-form input[type="password"],
.vertical-form input[type="email"] {
    font-size: 22px;
}
.inline-form input[type="text"],
.inline-form input[type="password"],
.inline-form input[type="email"],
.single-field-form input[type="text"],
.single-field-form input[type="password"],
.single-field-form input[type="email"] {
    font-size: 16px;
}

.vertical-form input[type="text"][readonly],
.vertical-form input[type="email"][readonly],
.inline-form input[type="text"][readonly],
.inline-form input[type="email"][readonly],
.single-field-form input[type="text"][readonly],
.single-field-form input[type="email"][readonly] {
    background-color: var(--readonly-bg-color);
    color: var(--readonly-color);
}
.vertical-form button[disabled],
.inline-form button[disabled],
.single-field-form button[disabled],
.vertical-form input[type="button"][disabled],
.inline-form input[type="button"][disabled],
.single-field-form input[type="button"][disabled] {
    background-color: var(--disabled-bg-color);
    color: var(--disabled-color);
}
.single-field-form input[type="text"],
.single-field-form input[type="password"],
.single-field-form input[type="email"] {
    width: 100%;
}
.vertical-form input[type="file"] {
    border: none;
}

.secondary-form {
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 15px;
    background-color: var(--alt-bg-color2);
}
.secondary-form input[type="text"], .secondary-form ul {
    font-size: 80%;
}

#loader {
    width: 100%;
    height: 100%;

    text-align: center;
}
#loader-contents {
    padding-top: 40vh;<commit_msg>Fix background color for textareas<commit_after>@font-face {
  font-family: "StoryFont";
  src: url("../fonts/OldstyHPLHS.otf");
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.ttf");
}

:root {
    --main-bg-color: #eee;
    --alt-bg-color: #e5e5e5;
    --alt-bg-color2: #ddd;
    --input-bg-color: #eee;
    --readonly-bg-color: #ddd;
    --disabled-bg-color: #ddd;
    --link-color: #0066cc;
    --heading-color: black;
    --border-color: #ccc;
    --soft-border-color: #ddd;
    --input-border-color: black;
    --text-color: black;
    --readonly-color: black;
    --disabled-color: #aaa;
}

body {
    margin: 0;
    background-color: var(--main-bg-color);
    font-family: Roboto;
    color: var(--text-color);
}

button {
    font-family: Roboto;
}

h1, h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    color: var(--heading-color);
}
h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    color: var(--heading-color);
}

a, a:visited {
    color: var(--link-color);
    text-decoration: none;
}

nav.top-bar {
    display: flex;
    justify-content: space-between;

    margin: 0;
    padding: 10px;

    border-bottom: 2px solid #aaa;
}

nav.breadcrumbs {
    margin-top: 10px;
    margin-bottom: 10px;
}

input[type="file"] {
    color: var(--input-bg-color);
    background-color: buttonface;
}

ul li {
    padding-top: 3px;
}

.app-container {
    padding: 60px;
    padding-top: 10px;
}
.app-container-simple {
    max-width: 50em;
}

.login-page {
    margin-top: 30vh;
    text-align: center;
}
.site-title {
    margin-bottom: 20px;
    font-size: 24px;
}
.login-form {
    width: 100%;
}
.login-form .form-line label {
    display: inline-block;
    min-width: 100px;
    text-align: right;
    margin-right: 10px;
}
.login-form .form-actions {
    margin-top: 5px;
}
.narrow-form {
    max-width: 500px;
}
.vertical-form {
    display: flex;
    flex-direction: column;
}
.inline-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single-field-form {
    display: flex;
    justify-content: space-between;
}

.vertical-form .form-line {
    margin-bottom: 18px;
}
.vertical-form label {
    font-size: 18px;
}
.inline-form label {
    font-weight: bold;
}
.inline-form label.checkbox {
    font-weight: normal;
}
.vertical-form input, .inline-form input {
    border: 1px solid black;
    background-color: #eee;
}
.vertical-form input, .vertical-form textarea {
    width: 100%;
}
.vertical-form input[type="text"],
.vertical-form input[type="password"],
.vertical-form input[type="email"],
.vertical-form textarea,
.inline-form input[type="text"],
.inline-form input[type="password"],
.inline-form input[type="email"] {
    padding: 4px;
    border: 1px solid var(--input-border-color);
    background-color: var(--input-bg-color);
}
.vertical-form input[type="text"],
.vertical-form input[type="password"],
.vertical-form input[type="email"] {
    font-size: 22px;
}
.inline-form input[type="text"],
.inline-form input[type="password"],
.inline-form input[type="email"],
.single-field-form input[type="text"],
.single-field-form input[type="password"],
.single-field-form input[type="email"] {
    font-size: 16px;
}

.vertical-form input[type="text"][readonly],
.vertical-form input[type="email"][readonly],
.inline-form input[type="text"][readonly],
.inline-form input[type="email"][readonly],
.single-field-form input[type="text"][readonly],
.single-field-form input[type="email"][readonly],
.single-field-form textarea[readonly]{
    background-color: var(--readonly-bg-color);
    color: var(--readonly-color);
}
.vertical-form button[disabled],
.inline-form button[disabled],
.single-field-form button[disabled],
.vertical-form input[type="button"][disabled],
.inline-form input[type="button"][disabled],
.single-field-form input[type="button"][disabled],
.single-field-form textarea[disabled] {
    background-color: var(--disabled-bg-color);
    color: var(--disabled-color);
}
.single-field-form input[type="text"],
.single-field-form input[type="password"],
.single-field-form input[type="email"] {
    width: 100%;
}
.vertical-form input[type="file"] {
    border: none;
}

.secondary-form {
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 15px;
    background-color: var(--alt-bg-color2);
}
.secondary-form input[type="text"], .secondary-form ul {
    font-size: 80%;
}

#loader {
    width: 100%;
    height: 100%;

    text-align: center;
}
#loader-contents {
    padding-top: 40vh;
{'fraction_non_alphanumeric': 0.1848767863170924, 'fraction_numerical': 0.01912906492629684, 'mean_word_length': 3.2689721421709894, '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': '620925', 'n_tokens_mistral': 3427, 'n_tokens_neox': 3238, 'n_words': 605}