<commit_before>// Make sure the charset is set appropriately
@charset "UTF-8";

// This includes all of the foundation global elements that are needed to work with any of the other files.
@import "settings";
@import "normalize";
@import "foundation/components/global";
@import "foundation/components/grid";
@import "foundation/components/top-bar";
@import "foundation/components/orbit";
@import "font-awesome/scss/font-awesome";

//-----------------------------------------------------------------------------

@import "forms";
@import "cmsplugins";

html {
    font-size: 62.5%;
}

body {
    text-align: center;
}

a {
    color: $blue-light;
}

#sponsorshipbox, #reviewbox, #accountbox {
    > a {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 42px; // We want this height on every screen
        text-decoration: none;
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        position: relative;

        i {
            font-weight: bold;
            position: absolute;
            top: 14px;

            @media #{$topbar-media-query} {
                position: relative;
                left: -2px;
                top: auto;
            }
        }
    }

    @media #{$topbar-media-query} {
        float: right;
        margin-top: 70px;
        position: relative;

        > a {
            line-height: 22px;
            line-height: 2.2rem;
        }

        &:hover > a {
            color: $background-nav;
            padding-bottom: 22px;
            background: url(../images/profile-menu-arrow.png) bottom right no-repeat;
        }
    }

    ul {
        padding: 0px;
        list-style: none;
        display: none;
        margin: 0;

        @media #{$topbar-media-query} {
            position: absolute;
            padding: 5px 0px;
            top: 23px;
            right: -25px;
            background: $background-nav;
            border-radius: 7px;
            text-align: left;
            min-width: 250px;
            margin-top: 20px;
            z-index: 99;
        }

        a {
            display: block;
            color: $blue-light;
            @media #{$topbar-media-query} {
                color: $background-color;
            }
            font-size: 1.6rem;
            line-height: 2.0rem;
            padding: 7px 20px;
            text-decoration: none;
            &:hover {
                text-decoration: underline;
            }
        }
        li {
            border-bottom: 1px dotted $background-nav;
            &:first-child {
                border-top: 1px dotted $background-nav;
            }
        }
    }

    &:hover ul,
    ul:hover {
        display: block;
    }
}

#reviewbox, #accountbox {
    @media #{$topbar-media-query} {
        margin-right: 70px;
    }
}

.main-nav {
    background-color: $topbar-bg-color;
    a {
        text-decoration: none;
    }

    // We position the .name element centered by default on smaller devices. On larger
    // displays this section isn't rendered at all, so we can keep it globally.
    .title-area {
        padding-left: 0; // Webkit defaults to a padding of 40px otherwise.
        .name h1 a {
            width: auto;
        }
        .small {
            margin-top: 2px;
            height: 30px;
            display: inline-block;
            margin-right: 5px;<commit_msg>Remove outline for focused menu links.<commit_after>// Make sure the charset is set appropriately
@charset "UTF-8";

// This includes all of the foundation global elements that are needed to work with any of the other files.
@import "settings";
@import "normalize";
@import "foundation/components/global";
@import "foundation/components/grid";
@import "foundation/components/top-bar";
@import "foundation/components/orbit";
@import "font-awesome/scss/font-awesome";

//-----------------------------------------------------------------------------

@import "forms";
@import "cmsplugins";

html {
    font-size: 62.5%;
}

body {
    text-align: center;
}

a {
    color: $blue-light;
}

#sponsorshipbox, #reviewbox, #accountbox {
    > a {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 42px; // We want this height on every screen
        text-decoration: none;
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        position: relative;

        i {
            font-weight: bold;
            position: absolute;
            top: 14px;

            @media #{$topbar-media-query} {
                position: relative;
                left: -2px;
                top: auto;
            }
        }
    }

    @media #{$topbar-media-query} {
        float: right;
        margin-top: 70px;
        position: relative;

        > a {
            line-height: 22px;
            line-height: 2.2rem;
        }

        &:hover > a {
            color: $background-nav;
            padding-bottom: 22px;
            background: url(../images/profile-menu-arrow.png) bottom right no-repeat;
        }
    }

    ul {
        padding: 0px;
        list-style: none;
        display: none;
        margin: 0;

        @media #{$topbar-media-query} {
            position: absolute;
            padding: 5px 0px;
            top: 23px;
            right: -25px;
            background: $background-nav;
            border-radius: 7px;
            text-align: left;
            min-width: 250px;
            margin-top: 20px;
            z-index: 99;
        }

        a {
            display: block;
            color: $blue-light;
            @media #{$topbar-media-query} {
                color: $background-color;
            }
            font-size: 1.6rem;
            line-height: 2.0rem;
            padding: 7px 20px;
            text-decoration: none;
            &:hover {
                text-decoration: underline;
            }
        }
        li {
            border-bottom: 1px dotted $background-nav;
            &:first-child {
                border-top: 1px dotted $background-nav;
            }
        }
    }

    &:hover ul,
    ul:hover {
        display: block;
    }
}

#reviewbox, #accountbox {
    @media #{$topbar-media-query} {
        margin-right: 70px;
    }
}

.main-nav {
    background-color: $topbar-bg-color;
    a {
        text-decoration: none;
        outline: none;
    }

    // We position the .name element centered by default on smaller devices. On larger
    // displays this section isn't rendered at all, so we can keep it globally.
    .title-area {
        padding-left: 0; // Webkit defaults to a padding of 40px otherwise.
        .name h1 a {
            width: auto;
        }
        .small {
            margin-top: 2px;
            height: 30px;
            display: inline-block;
            margin-right: 5px;
{'fraction_non_alphanumeric': 0.1326770496620629, 'fraction_numerical': 0.016456068175139584, 'mean_word_length': 1.3926186291739895, 'pattern_counts': {'":': 0, '<': 3, '<?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': '5101098', 'n_tokens_mistral': 2100, 'n_tokens_neox': 1945, 'n_words': 512}