<commit_before>/* sane box model */
* {
  -webkit-box-sizing: border-box; /* Android ≤ 2.3, iOS ≤ 4 */
     -moz-box-sizing: border-box; /* Firefox 1+ */
          box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */
}

/* make sure the background always uses full height */
html, body {
    min-height: 100%;
}

body {
    background-image: url(bg.svg);
    background-color: rgb(95, 49, 132);
    background-size: cover;
    padding: 0;
    margin: 0;
    font-family: sans-serif;
    font-size: 11pt;
    color: white;
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
}

a {
    color: white;
}
a:visited {
    color: #ccc;
}

ul {
    margin: 5px;
    padding-left: 15px;
}

li {
    list-style-type: square;
}

.unloaded {
    display: none;
}

header, article, #meta, #viewer, #playlist-holder, #chat, #chatlog, #users-online, #poll, footer {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 5px;
}

header {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

#homepage {
    clear: both;
    overflow: hidden;
}
#homepage img {
    float: left;
}

#meta {
    margin-bottom: 5px;
}

#viewer {
    clear: both;
    overflow: hidden;
    min-height: 480px;
}

input[type=text] {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(0, 0, 0, 0.2);
    color: white;
    min-width: 200px;
}

input[type=text][disabled] {
    background-color: rgba(127, 127, 127, 0.2);
}

#title {
    width: 300px;
}

@media screen and (min-width: 1063px) {
    #playlist-holder {
        float: left;
        width: 250px;
        height: 480px;
    }

    #playlist {
        width: 240px;
        height: 350px;
    }

    #player {
        float: left;
        margin-left: 5px;
    }

    #buttons {
        height: 120px;
    }
}
@media screen and (max-width: 1062px) {
    #playlist-holder {
        clear: both;
        width: 788px;
        height: 270px;
    }

    #playlist {
        width: 778px;
        height: 200px;
    }

    #player {
        clear: both;
        margin-top: 5px;
    }

    #buttons {
        height: 60px;
    }
}

#playlist {
    border: none;
    color: white;
    background: none;
}

.now-playing {
    background-color: rgba(255, 127, 0, 0.5);
}

#chatlog, #users-online {
    overflow: auto;
    word-wrap: break-word;
}

#chat-buttons {
    clear: both;
}

@media screen and (min-width: 1318px) {
    #chat {
        float: left;
        margin-left: 5px;
        width: 250px;
        height: 480px;
    }
    #chatlog {
        height: 310px;
        margin-bottom: 5px;
        margin-bottom: 5px;
    }
    #users-online {
        height: 100px;
        margin-bottom: 5px;
    }
}
@media screen and (min-width: 1063px) and (max-width: 1317px) {
    #chat {
        clear: both;
        margin-top: 5px;
        width: 1043px;
        height: 240px;
        overflow: hidden;
    }
    #chatlog {
        height: 190px;
        width: 850px;
        float: left;<commit_msg>fixed<commit_after>/* sane box model */
* {
  -webkit-box-sizing: border-box; /* Android ≤ 2.3, iOS ≤ 4 */
     -moz-box-sizing: border-box; /* Firefox 1+ */
          box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */
}

/* make sure the background always uses full height */
html, body {
    min-height: 100%;
}

body {
    background-image: url(bg.svg);
    background-color: rgb(95, 49, 132);
    background-size: cover;
    padding: 0;
    margin: 0;
    font-family: sans-serif;
    font-size: 11pt;
    color: white;
}

a {
    color: white;
}
a:visited {
    color: #ccc;
}

ul {
    margin: 5px;
    padding-left: 15px;
}

li {
    list-style-type: square;
}

.unloaded {
    display: none;
}

header, article, #meta, #viewer, #playlist-holder, #chat, #chatlog, #users-online, #poll, footer {
    background-color: rgba(0, 0, 0, 0.2);
    padding: 5px;
}

header {
    clear: both;
    overflow: hidden;
    margin-bottom: 5px;
}

#homepage {
    clear: both;
    overflow: hidden;
}
#homepage img {
    float: left;
}

#meta {
    margin-bottom: 5px;
}

#viewer {
    clear: both;
    overflow: hidden;
    min-height: 480px;
}

input[type=text] {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(0, 0, 0, 0.2);
    color: white;
    min-width: 200px;
}

input[type=text][disabled] {
    background-color: rgba(127, 127, 127, 0.2);
}

#title {
    width: 300px;
}

@media screen and (min-width: 1063px) {
    #playlist-holder {
        float: left;
        width: 250px;
        height: 480px;
    }

    #playlist {
        width: 240px;
        height: 350px;
    }

    #player {
        float: left;
        margin-left: 5px;
    }

    #buttons {
        height: 120px;
    }
}
@media screen and (max-width: 1062px) {
    #playlist-holder {
        clear: both;
        width: 788px;
        height: 270px;
    }

    #playlist {
        width: 778px;
        height: 200px;
    }

    #player {
        clear: both;
        margin-top: 5px;
    }

    #buttons {
        height: 60px;
    }
}

#playlist {
    border: none;
    color: white;
    background: none;
}

.now-playing {
    background-color: rgba(255, 127, 0, 0.5);
}

#chatlog, #users-online {
    overflow: auto;
    word-wrap: break-word;
}

#chat-buttons {
    clear: both;
}

#chatlog {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media screen and (min-width: 1318px) {
    #chat {
        float: left;
        margin-left: 5px;
        width: 250px;
        height: 480px;
    }
    #chatlog {
        height: 310px;
        margin-bottom: 5px;
        margin-bottom: 5px;
    }
    #users-online {
        height: 100px;
        margin-bottom: 5px;
    }
}
@media screen and (min-width: 1063px) and (max-width: 1317px) {
    #chat {
        clear: both;
        margin-top: 5px;
        width: 1043px;
        height: 240px;
        overflow: hidden;
    }
    #chatlog {
        height: 190px;
        width: 850px;
        float: left;
{'fraction_non_alphanumeric': 0.14528668610301262, 'fraction_numerical': 0.054745707806932296, 'mean_word_length': 2.0107264748902973, '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': '1305516', 'n_tokens_mistral': 2625, 'n_tokens_neox': 2269, 'n_words': 550}