<commit_before>/*
Table of Contents Drawer
========================
This contains all of the styles specific to the TOC
*/
.regulation-nav {

    ol {
        margin: 0;
        padding: 40px 0 0 0;
    }

    li {
        .regulation-nav-item-font;
        margin: 0;
        text-indent: 0;
    }

    .toc-section-marker {
        .regulation-nav-section-marker-font;
        display: block;
    }

    /* Interpretation Subparts in the TOC are styled differently */
    .toc-interp-heading {
        .regulation-nav-interp-heading-font;
    }

    .toc-interp-title {
        .regulation-nav-interp-title-font;
    }

    a {
        display: block;
        padding: 10px 15px;
        line-height: 1.3;
    }

    a:link,
    a:visited {
        color: @black;
        .border-bottom-light (@width: 1px);
        text-decoration: none;
    }

    a:hover,
    a:active,
    .current {
        color: @black;
        background-color: @green_light;
    }

    /*
    TOC in Diff View
    -----------------
    */

    .modified a,
    .modified a:link,
    .modified a:visited,
    .added a,
    .added a:link,
    .added a:visited {
        border-right: 8px solid @green_midtone;
    }

    .deleted a,
    .deleted a:link,
    .deleted a:visited {
        border-right: 8px solid @red_orange_80;
        text-decoration: line-through;
        color: @80_gray;
    }
}

/* Highlight the History tab in diff view */
.active-tab a:link,
.active-tab a:visited,
.active-tab a:hover,
.active-tab a:active {
    color: #d14124;
}

.subpart-heading {
    margin: 0;
    padding: 10px 15px;
    display: block;
    background-color: #F8F8F8;
    .border-bottom-light (@width: 1px);
    .border-top-light (@width: 1px);
    .regulation-nav-subpart-heading-font;

}

.subpart-subhead {
    .font-bold;
    text-transform: none;
}

/*
History Drawer
==============
This contains all of the styles specific to the history
*/

.history-drawer {

    .font-bold;

    ul,
    li {
        .reset;
    }

    .drawer-content {
        padding-top: 40px;
    }

    .effective-label {
        padding: 0 15px;
        .font-regular;
        color: @dark_gray;
    }

    /*TODO: unify link styles with TOC*/

    .version-list {
        border-top: 1px solid @light_field;
    }

    .status-list {
        border-bottom: 1px solid @light_field;
    }

    .version-link {
        display: block;
        margin: 0;
        padding: 10px 15px;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    /* IE8 only respects the background color on the individual elements */
    .current {
        .version-link {
            padding: 10px 15px 0px 15px;
            background: @green_light;
        }

        .timeline-content-wrap {
            background: @green_light;
        }

        .rule-list {
            display: block;
            background: @green_light;
        }
    }

    .version-link,
    .version-link:link,
    .version-link:visited {
        color: @black;
        text-decoration: none;
        position: relative;
    }

    .version-link:hover,
    .version-link:active,
    .version-link:target,
    .current {
        color: @black;
        background: @green_light;
        display: block;
    }

    h3 {
        margin: 0;
        font-size: 1em;
        .font-bold;
    }

    h4 {
        .reset;
        font-size: 0.875em;
        text-transform: uppercase;
        color: @dark_text;
    }

    h5 {
        .reset;
        font-size: 0.875em;
        text-transform: uppercase;
        color: @dark_text;
    }

    .final-rule {
        margin: 10px 15px 0 15px;
    }

    .compare-title {
        margin: 10px 15px 0 15px;
        padding-top: 15px;
        border-top: 1px solid @history_drawer_border_color;
    }

    .rule-status {
        color: @dark_text;
        text-transform: lowercase;
        .font-regular;
        display: block;
        float: right;
    }

    .rule-list {
        margin: 0 15px;
        .font-regular;
    }

    .rule-list li {
        padding: 0 0 .5em 0;
    }

    .rule-list li:last-child {
        padding-bottom: .2em;
    }

    .version-date {
        .regulation-history-version-date-font;
    }

    .select-content {
        margin: 6px 15px 15px 15px;
        background: white url('../img/select-blue.png') no-repeat bottom right;
    }


    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .select-content {
            background: white url('../img/select-blue@2x.png') no-repeat bottom right;
            background-size: 32px 32px;
        }
    }

}

.js {
   .timeline-content-wrap {
        display: none;
   }

   .current .timeline-content-wrap {
        display: block;
   }

   /*
   date input
   ----------
   */
   .form-wrap {
        margin: 15px;
        background-color: #fff;
        line-height: 32px;
        border-top: 1px solid @light_field;
        border-bottom: 1px solid @light_field;
        border-left: 1px solid @light_field;
   }

   input[type=text]{
        border: none;
        text-align: center;
        line-height: 32px;
    }
    input[name=month],
    input[name=day] {
        width: 15%;
    }

    input[name=year] {
        width: 25%;
    }

    .find-button {
        float: right;
        padding: 0 10px;
        margin-top: -1px;
        margin-bottom: -1px;
        height: 34px;
    }
}

/*IE8 refuses to apply the link hovers*/
.lt-ie9 {
    #history {
        li:hover,
        li.current {
            background-color: @green_light;
        }
    }
}

/* when ie7 users do visit, the drawer header won't stick out */
.lt-ie8 {
    .drawer-header .toc-type {
        width: 210px;
    }
}

.stop-button {
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 15px;
    background-color: @red_orange;
    padding: 10px;
    text-align: center;
}

.stop-button:link,
.stop-button:visited {
    color: #fff;
}

.stop-button:hover,
.stop-button:active,
.stop-button:focus {
    background-color: @red_orange_50;
    color: @black;
}

/*
Search Drawer
=============
This contains all of the styles specific to the search
*/

.search-drawer {
    .reset;

    .drawer-content {
        padding-top: 40px;
    }

    h4 {
        color: @dark_text;
        .font-regular;
        text-transform: none;
        margin-bottom: 0.5em;
    }

    .version-search {
        border-bottom: 2px solid @medium_gray;
        padding: 0 15px 20px 15px;
    }

    .search-box {
        border-bottom: 1px solid @medium_gray;
        padding: 20px 15px;
    }

    input[type=text]{
        width: 80%;
    }

    button {
        width: 20%;
    }
}

.search-box {

    input {
        height: 32px;
        line-height: 32px;
        margin: 0;
    }

    input[type=text]{
        padding: 0 10px;
        text-align: left;
        border-top: 1px solid @light_field;
        border-right: none;
        border-bottom: 1px solid @light_field;
        border-left: 1px solid @light_field;
    }
}
<commit_msg>Remove h3 styling - handled in drawwer.less as .drawer_header h3<commit_after>/*
Table of Contents Drawer
========================
This contains all of the styles specific to the TOC
*/
.regulation-nav {

    ol {
        margin: 0;
        padding: 40px 0 0 0;
    }

    li {
        .regulation-nav-item-font;
        margin: 0;
        text-indent: 0;
    }

    .toc-section-marker {
        .regulation-nav-section-marker-font;
        display: block;
    }

    /* Interpretation Subparts in the TOC are styled differently */
    .toc-interp-heading {
        .regulation-nav-interp-heading-font;
    }

    .toc-interp-title {
        .regulation-nav-interp-title-font;
    }

    a {
        display: block;
        padding: 10px 15px;
        line-height: 1.3;
    }

    a:link,
    a:visited {
        color: @black;
        .border-bottom-light (@width: 1px);
        text-decoration: none;
    }

    a:hover,
    a:active,
    .current {
        color: @black;
        background-color: @green_light;
    }

    /*
    TOC in Diff View
    -----------------
    */

    .modified a,
    .modified a:link,
    .modified a:visited,
    .added a,
    .added a:link,
    .added a:visited {
        border-right: 8px solid @green_midtone;
    }

    .deleted a,
    .deleted a:link,
    .deleted a:visited {
        border-right: 8px solid @red_orange_80;
        text-decoration: line-through;
        color: @80_gray;
    }
}

/* Highlight the History tab in diff view */
.active-tab a:link,
.active-tab a:visited,
.active-tab a:hover,
.active-tab a:active {
    color: #d14124;
}

.subpart-heading {
    margin: 0;
    padding: 10px 15px;
    display: block;
    background-color: #F8F8F8;
    .border-bottom-light (@width: 1px);
    .border-top-light (@width: 1px);
    .regulation-nav-subpart-heading-font;

}

.subpart-subhead {
    .font-bold;
    text-transform: none;
}

/*
History Drawer
==============
This contains all of the styles specific to the history
*/

.history-drawer {

    .font-bold;

    ul,
    li {
        .reset;
    }

    .drawer-content {
        padding-top: 40px;
    }

    .effective-label {
        padding: 0 15px;
        .font-regular;
        color: @dark_gray;
    }

    /*TODO: unify link styles with TOC*/

    .version-list {
        border-top: 1px solid @light_field;
    }

    .status-list {
        border-bottom: 1px solid @light_field;
    }

    .version-link {
        display: block;
        margin: 0;
        padding: 10px 15px;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    /* IE8 only respects the background color on the individual elements */
    .current {
        .version-link {
            padding: 10px 15px 0px 15px;
            background: @green_light;
        }

        .timeline-content-wrap {
            background: @green_light;
        }

        .rule-list {
            display: block;
            background: @green_light;
        }
    }

    .version-link,
    .version-link:link,
    .version-link:visited {
        color: @black;
        text-decoration: none;
        position: relative;
    }

    .version-link:hover,
    .version-link:active,
    .version-link:target,
    .current {
        color: @black;
        background: @green_light;
        display: block;
    }

    h4 {
        .reset;
        font-size: 0.875em;
        text-transform: uppercase;
        color: @dark_text;
    }

    h5 {
        .reset;
        font-size: 0.875em;
        text-transform: uppercase;
        color: @dark_text;
    }

    .final-rule {
        margin: 10px 15px 0 15px;
    }

    .compare-title {
        margin: 10px 15px 0 15px;
        padding-top: 15px;
        border-top: 1px solid @history_drawer_border_color;
    }

    .rule-status {
        color: @dark_text;
        text-transform: lowercase;
        .font-regular;
        display: block;
        float: right;
    }

    .rule-list {
        margin: 0 15px;
        .font-regular;
    }

    .rule-list li {
        padding: 0 0 .5em 0;
    }

    .rule-list li:last-child {
        padding-bottom: .2em;
    }

    .version-date {
        .regulation-history-version-date-font;
    }

    .select-content {
        margin: 6px 15px 15px 15px;
        background: white url('../img/select-blue.png') no-repeat bottom right;
    }


    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .select-content {
            background: white url('../img/select-blue@2x.png') no-repeat bottom right;
            background-size: 32px 32px;
        }
    }

}

.js {
   .timeline-content-wrap {
        display: none;
   }

   .current .timeline-content-wrap {
        display: block;
   }

   /*
   date input
   ----------
   */
   .form-wrap {
        margin: 15px;
        background-color: #fff;
        line-height: 32px;
        border-top: 1px solid @light_field;
        border-bottom: 1px solid @light_field;
        border-left: 1px solid @light_field;
   }

   input[type=text]{
        border: none;
        text-align: center;
        line-height: 32px;
    }
    input[name=month],
    input[name=day] {
        width: 15%;
    }

    input[name=year] {
        width: 25%;
    }

    .find-button {
        float: right;
        padding: 0 10px;
        margin-top: -1px;
        margin-bottom: -1px;
        height: 34px;
    }
}

/*IE8 refuses to apply the link hovers*/
.lt-ie9 {
    #history {
        li:hover,
        li.current {
            background-color: @green_light;
        }
    }
}

/* when ie7 users do visit, the drawer header won't stick out */
.lt-ie8 {
    .drawer-header .toc-type {
        width: 210px;
    }
}

.stop-button {
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 15px;
    background-color: @red_orange;
    padding: 10px;
    text-align: center;
}

.stop-button:link,
.stop-button:visited {
    color: #fff;
}

.stop-button:hover,
.stop-button:active,
.stop-button:focus {
    background-color: @red_orange_50;
    color: @black;
}

/*
Search Drawer
=============
This contains all of the styles specific to the search
*/

.search-drawer {
    .reset;

    .drawer-content {
        padding-top: 40px;
    }

    h4 {
        color: @dark_text;
        .font-regular;
        text-transform: none;
        margin-bottom: 0.5em;
    }

    .version-search {
        border-bottom: 2px solid @medium_gray;
        padding: 0 15px 20px 15px;
    }

    .search-box {
        border-bottom: 1px solid @medium_gray;
        padding: 20px 15px;
    }

    input[type=text]{
        width: 80%;
    }

    button {
        width: 20%;
    }
}

.search-box {

    input {
        height: 32px;
        line-height: 32px;
        margin: 0;
    }

    input[type=text]{
        padding: 0 10px;
        text-align: left;
        border-top: 1px solid @light_field;
        border-right: none;
        border-bottom: 1px solid @light_field;
        border-left: 1px solid @light_field;
    }
}

{'fraction_non_alphanumeric': 0.13050582551861326, 'fraction_numerical': 0.026356919579425972, 'mean_word_length': 1.6415837868267968, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 2, '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': '7487746', 'n_tokens_mistral': 5163, 'n_tokens_neox': 4695, 'n_words': 1060}