zotonic_mod_admin

.navbar.navbar-branded {
    min-height: $navbar-height;
    height: $navbar-height;
    background-color: $brand-primary;

    .navbar-header > a,
    .nav > li > a {
        color: #fff;
    }

    .nav > li > a:hover,
    .nav > li > a:focus,
    .navbar-nav > .open > a,
    .navbar-nav > .active > a {
        background-color: $brandPrimaryDark;
        color: #fff;
    }

    .navbar-brand {
        font-size: 15px;
        line-height: 15px;
        padding: 17px 15px;
        .zotonic-logo {
            height: 15px;
            width: 87px;
            text-shadow: $lightOnDarkTextShadow;
        }
    }
    .navbar-right {
        margin-right: 15px;
    }
    .navbar-nav > li > a,
    .navbar-nav > li > .dropdown-menu > li > a {
        text-shadow: $lightOnDarkTextShadow;
    }
    
    .navbar-toggle {
        $_color: rgba(255, 255, 255, 0.7);
        border-color: $_color;
    
        .icon-bar {
            background-color: $_color;
        }
    }
    
    .navbar-form {
        margin-right: 0;

        .form-control {
            width: 9em;
            transition: width 200ms lineair;
            color: white;
            padding-left: 4px;
            padding-right: 4px;
            background-color: inherit;

            &::placeholder {
                color: white;
            }

            &.search-query:focus {
                position: absolute;
                right: 10px;
                width: 90vw;
                max-width: 500px;
                background-color: rgba(255,255,255,0.95);
                color: #222;
                padding: 4px 10px;
                font-size: 2rem;

                &::placeholder {
                    color: #666;
                }
            }
        }
    }
	.navbar-collapse {
		background-color: $brand-primary;
	}
    .collapse.in {
        max-height: none;

        .nav > .dropdown.pull-right {
            float: none !important;
        }
        .nav > .dropdown.open .dropdown-menu {
            background-color: $backgroundColorLight;
            border-radius: 0;

            > li > a {
                background-color: $backgroundColorLight;
                text-shadow: $darkOnLightTextShadow;
                &:hover {
                    background: $brand-primary;
                    color: #fff;
                    text-shadow: $lightOnDarkTextShadow;
                }
            }
        }
    }
}

.navbar {
    .dropdown-toggle .z-username {
        display: none;
    }
    .dropdown-header.z-username {
        display: none;
    }
}

body.navbar-menu-open {
    overflow: hidden;
}


@media (min-width: $screen-phone) {
    .navbar {
        .dropdown-header.z-username {
            display: block;
        }
        .collapse.in {
            .dropdown-toggle .z-username {
                display: inline;
            }
            .dropdown-header.z-username {
                display: none;
            }
        }
    }
}

@media (min-width: $screen-tablet) and (max-width: $screen-small-desktop) {
    .navbar.navbar-branded {
        .navbar-brand {
            display: none;
        }
    }
    .navbar.navbar-branded {
        padding: 0 5px;

        .dropdown > a {
            padding-right: 10px;
            padding-left: 10px;
        }
    }
}

@media (min-width: $screen-small-desktop) {
    .navbar {
        .dropdown-toggle .z-username {
            display: inline;
        }
        .dropdown-header.z-username {
            display: none;
        }
    }
}