<commit_before>@import "normalize.less";
@import "preboot.less";

// CONSTANTS

@nav-background:        #fbfbfb;
@nav-divider:           darken(@nav-background, 10%);
@nav-hilite:            #09c;
@nav-search-width:      400px;
@background:            #f2f2f2;
@clv-type:              #3f3f3f;
@sidebar-background:    #444;
@ui-index:              9000;
@footer-background:     rgba(51,51,63,1);
@footer-divider:        lighten(@footer-background, 10%);
@footer-height:         40px;
@footer-height-small:   30px;

@container-width:       90%;

// TYPOGRAPHY PRESETS

@import url(http://fonts.googleapis.com/css?family=Fauna+One|PT+Sans+Caption:400,700);

// TRUCK MAP SPECIFIC

@truck-heading-color:           lighten(@footer-background, 25%);
@truck-heading-hilite-color:    lighten(@truck-heading-color, 8%);
@truck-heading-text-color:      white;
@truck-entry-bgcolor:           white;
@truck-entry-hilite-color:      rgb(240,240,240);

// OVERALL STUFF

html, body {
    width: 100%;
    height: 100%;
    background-color: @background;
    font-family: 'PT Sans Caption', 'Helvetica Neue', sans-serif;
    font-size: 13px;
}

.container {
    margin: 0 auto;

    @media only screen and (max-width: 685px) {
        width: 100%;
    }
    @media only screen and (min-width: 686px) {
        width: @container-width;
    }

}

// LINKS
a {
    color: #7c7c7c;
}


// LAYOUT

header {
    width: 100%;
    position: absolute;
    .user-select(none);
    #nav-logo {
        z-index: @ui-index;
        width: 120px;
        height: 150px;
        right: 5%;
        position: absolute;
        background: transparent url('../img/clv-logo-tag-240.png') center 0 no-repeat;
        background-size: 120px 150px;

        @media only screen and (max-width: 767px) and (orientation: landscape) {
            width: 80px;
            height: 100px;
            right: 5px;
            background-size: 80px 100px;
        }

        @media only screen and (max-width: 525px) {
            width: 80px;
            height: 100px;
            right: 5px;
            background-size: 80px 100px;
        }

        h1 {
            display: none;
        }
        a {
            display: block;
            width: 100px;
            height: 100px;
            margin: 0 auto;
        }
    }
}

#truck-info {
    width: 360px;
    position: absolute;
//    top: 30px;
//    left: 5%;
    top: 0;
    left: 0;
    z-index: 1200;
    box-shadow: 0 0 20px rgba(0,0,0,0.75);
    background-color: white;
    color: black;
    font-size: 11px;
    max-height: 95%;
    overflow: auto;
    .user-select(none);

    @media only screen and (max-width: 767px) {
        width: 100%;
    }
    .truck-title, .truck-heading {
        font-family: 'Fauna One';
        color: @truck-heading-text-color;
    }
    .truck-title {
        background-color: darken(@truck-heading-color, 10%);
        font-size: 24px;
        height: 36px;
        line-height: 36px;
        padding: 10px;
//        cursor: grab;
//        cursor: -moz-grab;
//        cursor: -webkit-grab;
        @media only screen and (max-width: 525px) {
            height: 18px;
            line-height: 18px;
            font-size: 14px;
        }
    }
    .truck-heading {
        background: @truck-heading-color url('../img/arrow.png') right 20px top 16px no-repeat;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        cursor: hand;
        cursor: pointer;
        &.active {
            background: @truck-heading-color url('../img/arrow-down.png') right 19px top 18px no-repeat;
        }
    }
    .truck-heading-border {
        border-bottom: 1px dotted lighten(@truck-heading-color, 10%);
    }
    .truck-entries {<commit_msg>responsive tweaks - smaller title bar on landscape oriented mobile<commit_after>@import "normalize.less";
@import "preboot.less";

// CONSTANTS

@nav-background:        #fbfbfb;
@nav-divider:           darken(@nav-background, 10%);
@nav-hilite:            #09c;
@nav-search-width:      400px;
@background:            #f2f2f2;
@clv-type:              #3f3f3f;
@sidebar-background:    #444;
@ui-index:              9000;
@footer-background:     rgba(51,51,63,1);
@footer-divider:        lighten(@footer-background, 10%);
@footer-height:         40px;
@footer-height-small:   30px;

@container-width:       90%;

// TYPOGRAPHY PRESETS

@import url(http://fonts.googleapis.com/css?family=Fauna+One|PT+Sans+Caption:400,700);

// TRUCK MAP SPECIFIC

@truck-heading-color:           lighten(@footer-background, 25%);
@truck-heading-hilite-color:    lighten(@truck-heading-color, 8%);
@truck-heading-text-color:      white;
@truck-entry-bgcolor:           white;
@truck-entry-hilite-color:      rgb(240,240,240);

// OVERALL STUFF

html, body {
    width: 100%;
    height: 100%;
    background-color: @background;
    font-family: 'PT Sans Caption', 'Helvetica Neue', sans-serif;
    font-size: 13px;
}

.container {
    margin: 0 auto;

    @media only screen and (max-width: 685px) {
        width: 100%;
    }
    @media only screen and (min-width: 686px) {
        width: @container-width;
    }

}

// LINKS
a {
    color: #7c7c7c;
}


// LAYOUT

header {
    width: 100%;
    position: absolute;
    .user-select(none);
    #nav-logo {
        z-index: @ui-index;
        width: 120px;
        height: 150px;
        right: 5%;
        position: absolute;
        background: transparent url('../img/clv-logo-tag-240.png') center 0 no-repeat;
        background-size: 120px 150px;

        @media only screen and (max-width: 767px) and (orientation: landscape) {
            width: 80px;
            height: 100px;
            right: 5px;
            background-size: 80px 100px;
        }

        @media only screen and (max-width: 525px) {
            width: 80px;
            height: 100px;
            right: 5px;
            background-size: 80px 100px;
        }

        h1 {
            display: none;
        }
        a {
            display: block;
            width: 100px;
            height: 100px;
            margin: 0 auto;
        }
    }
}

#truck-info {
    width: 360px;
    position: absolute;
//    top: 30px;
//    left: 5%;
    top: 0;
    left: 0;
    z-index: 1200;
    box-shadow: 0 0 20px rgba(0,0,0,0.75);
    background-color: white;
    color: black;
    font-size: 11px;
    max-height: 95%;
    overflow: auto;
    .user-select(none);

    @media only screen and (max-width: 767px) {
        width: 100%;
    }
    .truck-title, .truck-heading {
        font-family: 'Fauna One';
        color: @truck-heading-text-color;
    }
    .truck-title {
        background-color: darken(@truck-heading-color, 10%);
        font-size: 24px;
        height: 36px;
        line-height: 36px;
        padding: 10px;
//        cursor: grab;
//        cursor: -moz-grab;
//        cursor: -webkit-grab;
        @media only screen and (max-width: 767px) and (orientation: landscape) {
            height: 18px;
            line-height: 18px;
            font-size: 14px;
        }
        @media only screen and (max-width: 525px) {
            height: 18px;
            line-height: 18px;
            font-size: 14px;
        }
    }
    .truck-heading {
        background: @truck-heading-color url('../img/arrow.png') right 20px top 16px no-repeat;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        cursor: hand;
        cursor: pointer;
        &.active {
            background: @truck-heading-color url('../img/arrow-down.png') right 19px top 18px no-repeat;
        }
    }
    .truck-heading-border {
        border-bottom: 1px dotted lighten(@truck-heading-color, 10%);
    }
    .truck-entries {
{'fraction_non_alphanumeric': 0.13770364623739334, 'fraction_numerical': 0.053141970519782776, 'mean_word_length': 1.8468899521531101, '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': '5582194', 'n_tokens_mistral': 3029, 'n_tokens_neox': 2629, 'n_words': 587}