<commit_before>/*
**  ComponentJS -- Component System for JavaScript <http://componentjs.com>
**  Copyright (c) 2009-2013 <NAME> <http://engelschall.com>
**
**  This Source Code Form is subject to the terms of the Mozilla Public
**  License, v. 2.0. If a copy of the MPL was not distributed with this
**  file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/

.widget-panel {
    .widget-panel-style;
}

.widget-panel-style (
    @color-canvas-bg: #e0e0e0;
    @color-tab-bg:    #f8f8f8;
    @color-tab-fg:    #000000;
    @font-size:       12px;
) {
    width:            100%;
    border-top:       1px solid lighten(@color-canvas-bg, 20%);
    border-bottom:    1px solid darken(@color-canvas-bg, 20%);
    background:       linear-gradient(to bottom, lighten(@color-canvas-bg, 2%) 0%, darken(@color-canvas-bg, 2%) 100%);
    color:            @color-tab-fg;
    text-align:       center;

    .tabs {
        height:       (@font-size + 4 + 4);
        display:      block;
        margin:       0px;
        padding:      4px 0px 0px 0px;

        .tab {
            border-top-left-radius:  4px;
            border-top-right-radius: 4px;
            display:                 inline-block;
            height:                  (@font-size - 1);
            background-color:        darken(@color-tab-bg, 5%);
            border-top:              1px solid darken(@color-tab-bg, 20%);
            border-left:             1px solid darken(@color-tab-bg, 20%);
            border-right:            1px solid darken(@color-tab-bg, 50%);
            margin:                  0px 2px 0px 0px;
            padding:                 4px 16px 4px 16px;
            font-size:               @font-size;
            color:                   lighten(@color-tab-fg, 40%);
            -webkit-user-select:     none;
            user-select:             none;
            cursor:                  pointer;

            &.active {
                position:            relative;
                padding:             4px 16px 5px 16px;
                background-color:    @color-tab-bg;
                border-top:          1px solid darken(@color-tab-bg, 30%);
                border-left:         1px solid darken(@color-tab-bg, 30%);
                border-right:        1px solid darken(@color-tab-bg, 50%);
                color:               @color-tab-fg;
            }
        }
    }

    .contents {
        .content {
            height:  100px;
            display: none;

            &.active {
                background-color: @color-tab-bg;
                color:            @color-tab-fg;
                display:          block;
            }<commit_msg>Added boarder to top of tab content<commit_after>/*
**  ComponentJS -- Component System for JavaScript <http://componentjs.com>
**  Copyright (c) 2009-2013 <NAME> <http://engelschall.com>
**
**  This Source Code Form is subject to the terms of the Mozilla Public
**  License, v. 2.0. If a copy of the MPL was not distributed with this
**  file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/

.widget-panel {
    .widget-panel-style;
}

.widget-panel-style (
    @color-canvas-bg: #e0e0e0;
    @color-tab-bg:    #f8f8f8;
    @color-tab-fg:    #000000;
    @font-size:       12px;
) {
    width:            100%;
    border-top:       1px solid lighten(@color-canvas-bg, 20%);
    border-bottom:    1px solid darken(@color-canvas-bg, 20%);
    /* background:       linear-gradient(to bottom, lighten(@color-canvas-bg, 2%) 0%, darken(@color-canvas-bg, 2%) 100%); */
    color:            @color-tab-fg;
    text-align:       center;

    .tabs {
        height:       (@font-size + 4 + 4);
        display:      block;
        margin:       0px;
        padding:      4px 0px 0px 0px;

        .tab {
            border-top-left-radius:  4px;
            border-top-right-radius: 4px;
            display:                 inline-block;
            height:                  (@font-size - 1);
            background-color:        darken(@color-tab-bg, 5%);
            border-top:              1px solid darken(@color-tab-bg, 20%);
            border-left:             1px solid darken(@color-tab-bg, 20%);
            border-right:            1px solid darken(@color-tab-bg, 50%);
            margin:                  0px 2px 0px 0px;
            padding:                 4px 16px 4px 16px;
            font-size:               @font-size;
            color:                   lighten(@color-tab-fg, 40%);
            -webkit-user-select:     none;
            user-select:             none;
            cursor:                  pointer;

            &.active {
                position:            relative;
                padding:             4px 16px 5px 16px;
                background-color:    @color-tab-bg;
                border-top:          1px solid darken(@color-tab-bg, 30%);
                border-left:         1px solid darken(@color-tab-bg, 30%);
                border-right:        1px solid darken(@color-tab-bg, 50%);
                color:               @color-tab-fg;
            }
        }
    }

    .contents {
        .content {
            height:     100px;
            display:    none;
            border-top: 1px solid darken(@color-tab-bg, 20%);

            &.active {
                background-color: @color-tab-bg;
                color:            @color-tab-fg;
                display:          block;
            }
{'fraction_non_alphanumeric': 0.12191528545119705, 'fraction_numerical': 0.03406998158379374, 'mean_word_length': 1.2488612836438924, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, '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': '3006582', 'n_tokens_mistral': 1769, 'n_tokens_neox': 1565, 'n_words': 381}