<commit_before>@import 'bower/components-bootstrap/less/mixins';

/* Full page application */
// http://blog.stevensanderson.com/2011/10/05/full-height-app-layouts-a-css-trick-to-make-it-easier/


html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-width: 1200px;
}
body {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 9pt;
    background-color: rgb(230, 230, 230);
     min-width: 1200px;
}

.box {
    margin: 0 2px;
    padding: 5px;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #e3e3e3;
    background-color: white;

}
.no-padding{
    padding: 0;
}
.rotate {

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}



#application {

}

#titleWrap {
    height: 50px;
    padding: 5px;
    background-color: white;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);

    .title {
        font-size: 2em;
        font-weight: 700;
    }
}
#content {
    margin: 10px;
}

@top-row-height: 165px;

#search {
    height: @top-row-height;
}
#groups {
    height: @top-row-height + 20;
    overflow-x: auto;
    padding-left: 0;
    #group-wrapper {
        white-space: nowrap;
    }
    position: relative;
    .show_vis {
        position: absolute;
        top: 10px;
        right: 7px;
    }
    .heading {
        font-weight: 700;
        font-size: 1.5em;
        padding: 2px;
        //text-overflow: ellipsis;
        width: 85%;
        //overflow: hidden;

    }
    .keyword-list {
        width: 90%;
        text-wrap: normal;
        font-size: 1.1em;
        line-height: 2em;
    }
    .icon {
        position: absolute;
        right: 10px;
        top: 12px;
        color: #aaa;
        font-size: 1.2em;
        z-index: 1000;
    }
    .group-box {
        margin-top: 0;
        width: 350px;
        height: @top-row-height - 3;
        background-color: white;

        display: inline-block;
        position: relative;

        .group-wrap {
            position: absolute;
            top: 5px;
            left: 5px;
            width: 97%;
        }

        .bottom-bar {
            .count {
                position: absolute;
                left: 0px;
                bottom: 10px;
                color: #aaa;
            }


        }
        .group-content{
            height: @top-row-height - 15;
        }
        .mask {
            background-color: black;
            opacity: 0.3;
            width: 100%;
            height: 100%;
            z-index: 1000;
            position: absolute;
            top: 0;
            right: 0;
        }

        .edit-form {
            width: 100%;
             background-color: white;
            //transition: visibility linear 1s;
            .heading {
                font-weight: 700;
                font-size: 1.5em;
                padding: 2px;
                width: 99%;
                border: 1px dashed #666;
            }
            .keyword-line {
                padding: 5px 0;
                label {
                    width: 20%;
                    font-weight: 400;
                    color: #666;
                }
                input {
                    width: 78%;
                }

            }

            .btns {
                text-align: right;
                padding-righ: 1%;

                .btn {
                    font-size: 0.7em;
                }
            }
        }


    }
    .group-box:hover {
        cursor: pointer;
    }
    .group-box.active {
        background-color: rgb(201, 233, 255);
    }
    .group-box.edit-class {

        background-color: white !important;
        cursor: default !important;

    }

}

#top {
    margin-bottom: 10px;
}

@bottom-row-height: 600px;
@stat-box-height: 150px;
#group-edit{
      position: relative;
      .show_vis {
          position: absolute;
          top: 10px;
          right: 25px;
      }
      .mask {<commit_msg>remove extra left padding<commit_after>@import 'bower/components-bootstrap/less/mixins';

/* Full page application */
// http://blog.stevensanderson.com/2011/10/05/full-height-app-layouts-a-css-trick-to-make-it-easier/


html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-width: 1200px;
}
body {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 9pt;
    background-color: rgb(230, 230, 230);
     min-width: 1200px;
}

.box {
    margin: 0 2px;
    padding: 5px;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #e3e3e3;
    background-color: white;

}
.no-padding{
    padding: 0;
}
.rotate {

    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}



#application {

}

#titleWrap {
    height: 50px;
    padding: 5px;
    background-color: white;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,.1);

    .title {
        font-size: 2em;
        font-weight: 700;
    }
}
#content {
    margin: 10px;
}
#left {
    padding-left: 0;
}
@top-row-height: 165px;

#search {
    height: @top-row-height;
}
#groups {
    height: @top-row-height + 20;
    overflow-x: auto;
    padding-left: 0;
    #group-wrapper {
        white-space: nowrap;
    }
    position: relative;
    .show_vis {
        position: absolute;
        top: 10px;
        right: 7px;
    }
    .heading {
        font-weight: 700;
        font-size: 1.5em;
        padding: 2px;
        //text-overflow: ellipsis;
        width: 85%;
        //overflow: hidden;

    }
    .keyword-list {
        width: 90%;
        text-wrap: normal;
        font-size: 1.1em;
        line-height: 2em;
    }
    .icon {
        position: absolute;
        right: 10px;
        top: 12px;
        color: #aaa;
        font-size: 1.2em;
        z-index: 1000;
    }
    .group-box {
        margin-top: 0;
        width: 350px;
        height: @top-row-height - 3;
        background-color: white;

        display: inline-block;
        position: relative;

        .group-wrap {
            position: absolute;
            top: 5px;
            left: 5px;
            width: 97%;
        }

        .bottom-bar {
            .count {
                position: absolute;
                left: 0px;
                bottom: 10px;
                color: #aaa;
            }


        }
        .group-content{
            height: @top-row-height - 15;
        }
        .mask {
            background-color: black;
            opacity: 0.3;
            width: 100%;
            height: 100%;
            z-index: 1000;
            position: absolute;
            top: 0;
            right: 0;
        }

        .edit-form {
            width: 100%;
             background-color: white;
            //transition: visibility linear 1s;
            .heading {
                font-weight: 700;
                font-size: 1.5em;
                padding: 2px;
                width: 99%;
                border: 1px dashed #666;
            }
            .keyword-line {
                padding: 5px 0;
                label {
                    width: 20%;
                    font-weight: 400;
                    color: #666;
                }
                input {
                    width: 78%;
                }

            }

            .btns {
                text-align: right;
                padding-righ: 1%;

                .btn {
                    font-size: 0.7em;
                }
            }
        }


    }
    .group-box:hover {
        cursor: pointer;
    }
    .group-box.active {
        background-color: rgb(201, 233, 255);
    }
    .group-box.edit-class {

        background-color: white !important;
        cursor: default !important;

    }

}

#top {
    margin-bottom: 10px;
}

@bottom-row-height: 600px;
@stat-box-height: 150px;
#group-edit{
      position: relative;
      padding-left: 0;
      
      .show_vis {
          position: absolute;
          top: 10px;
          right: 25px;
      }
      .mask {
{'fraction_non_alphanumeric': 0.12981501632208922, 'fraction_numerical': 0.05136017410228509, 'mean_word_length': 1.3297845373891002, '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': '2102924', 'n_tokens_mistral': 3535, 'n_tokens_neox': 2998, 'n_words': 666}