Viewing File: /usr/local/cpanel/whostmgr/docroot/templates/menu/top_frame.css

/**
# cpanel - whostmgr/docroot/templates/menu/top_frame.css
#                                                  Copyright 2022 cPanel, L.L.C.
#                                                           All rights reserved.
# copyright@cpanel.net                                         http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/

.topFrameWrapper {
    width: 100%;
    overflow: hidden;
    z-index: 999999;
}

.informationWrapper {
    width: 100%;
    height: 27px;

    background-color: #293a4a;
    min-width: 768px;
}

html[dir="rtl"] .infoContainer {
    float: left;
}

html[dir="ltr"] .infoContainer {
    float: right;
}

ul.serverInfo {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
}

ul.serverInfo li {
    color: #ffffff;

    display: inline-block;

    margin: 0 0 0 0;
    padding: 5px 6px 0 6px;

    *display: inline; /* IE7 inline-block hack */
    *zoom: 1;
}

html[dir="ltr"] ul.serverInfo li.lastChild {
    border-right: none;
    margin-right: 9px;
}

html[dir="rtl"] ul.serverInfo li.lastChild {
    border-left: none;
    margin-left: 9px;
}

ul.serverInfo li > span,
ul.serverInfo li a {
    color: #ffffff;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

ul.serverInfo li a {
    color: #ffffff;
    text-decoration: none;
}

ul.serverInfo li a:hover,
ul.serverInfo li a:focus {
    text-decoration: underline;
    outline: none;
}

.navigationContainer {
    height: 50px;
    width: 100%;
    min-width: 768px;
    background-color: #293a4a;
}

html[dir="ltr"] .navigation {
    width: 100%;
    min-width: 768px;
    height: inherit;
}

html[dir="rtl"] .navigation {
    width: 100%;
    min-width: 768px;
    height: inherit;
}

ul.navigationLinks {
    margin: 0;
    height: inherit;
    float: left;
}

html[dir="ltr"] ul.navigationLinks {
    padding: 0 0 0 15px;
}

html[dir="rtl"] ul.navigationLinks {
    padding: 0 15px 0 0;
    float: right;
}

ul.navigationLinks li {
    display: inline-block;

    *display: inline; /* IE7 inline-block hack */
    *zoom: 1;

    vertical-align: middle;

    padding-right: 10px;
    padding-top: 16px;
}

html[dir="rtl"] ul.navigationLinks li {
    padding-left: 10px;
    padding-right: 0;
}

ul.navigationLinks li a {
    color: #ffffff;
    text-decoration: none;
    height: 100%;
}

ul.navigationLinks li a:hover,
ul.navigationLinks li a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

#topFrameWarningsContainer {
    height: inherit;
    overflow-x: hidden;
}

li.productTypeBreadcrumb {
    color: #ffffff;
    margin: 0 0 0 -5px;
    font-weight: bold;
    font-style: italic;
}

html[dir="rtl"] li.productTypeBreadcrumb {
    margin: 0 -2px 0 0;
}

div.updateblock {
    padding-top: 10px; /* hack to make it virtical-align:middle */
    display: inline-block;
}

html[dir="ltr"] div.updateblock {
    float: right;
    padding-right: 10px;
}

html[dir="rtl"] div.updateblock {
    float: left;
    padding-left: 10px;
}

a.navLink {
    padding: 7px;
}

a.navLink:hover,
a.navLink:focus {
    background: #596b70;

    color: #ffffff;

    padding: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.warnings {
    padding: 5px 7px 5px 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ddc530;
    background-image: linear-gradient(#ddc530, #eed540 15%, #aa9510);
    background-image: -webkit-gradient(
        linear,
        0 0,
        0 100%,
        from(#ddc530),
        color-stop(15%, #eed540),
        to(#aa9510)
    );
    background-image: -moz-linear-gradient(#ddc530, #eed540 15%, #aa9510);
    box-shadow: 1px 1px 5px #333333;
    display: inline-block;

    *display: inline; /* IE7 inline-block hack */
    *zoom: 1;
    color: #222222;
    text-shadow: 0 1px 0 #afa04f;
}

.warnings > a,
.warnings > a:link,
.warnings > a:visited,
.warnings > a:active {
    color: #222222;
    text-shadow: 0 1px 0 #afa04f;
    text-decoration: underline;
    outline: none;
}

ul.navigationLinks li a img.logo {
    height: 40px;
    width: 100px;
}

ul.navigationLinks li:first-child {
    padding-top: 0;
}

html[dir="rtl"] ul.navigationLinks li:first-child {
    padding-right: 0;
}

.hidden {
    display: none !important;
}

/* CSS for WHM Layout */

#sidebar {
    display: table-cell;
    vertical-align: top;
    width: 218px;
    overflow: hidden;
    z-index: 99999;
    height: calc(100vh - 77px);
    -webkit-overflow-scrolling: touch; /* helps the scrolling behavior to be smoother on iphones */
}

#masterContainer {
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 0;
    position: relative;
    padding-bottom: 1.6rem;
}

#pageContainer {
    vertical-align: top;
    width: 100%;
}

#contentContainer {
    padding: 0 20px 20px 20px;
    position: relative; /* For legacy validation system to function properly with scroll */
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch; /* helps the scrolling behavior to be smoother on iphones */
}

body.nav-collapsed #pageContainer {
    margin-left: 0;
}

html[dir="rtl"] body.nav-collapsed #pageContainer {
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 768px) {
    #sidebar {
        height: calc(100vh - 30px);
    }

    .navigationContainer {
        min-height: 30px;
        height: 30px;
    }

    .informationWrapper {
        display: none;
    }

    ul.navigationLinks li a img.logo {
        height: 22px;
        width: 80px;
    }

    a.navLink {
        padding: 2px;
        padding-right: 5px;
    }

    html[dir="rtl"] a.navLink {
        padding: 2px;
        padding-left: 5px;
    }

    html[dir="ltr"] ul.navigationLinks {
        padding: 0 0 0 5px;
    }

    html[dir="rtl"] ul.navigationLinks {
        padding: 0 5px 0 0;
    }

    ul.navigationLinks li {
        padding-top: 3px;
        padding-right: 2px;
    }

    ul.navigationLinks li:first-child {
        padding-top: 4px;
        padding-right: 10px;
    }

    html[dir="rtl"] ul.navigationLinks li {
        padding-left: 15px;
        padding-right: 0;
    }

    a.navLink:hover,
    a.navLink:focus {
        padding: 2px;
        padding-right: 5px;
    }

    html[dir="rtl"] a.navLink:hover,
    html[dir="rtl"] a.navLink:focus {
        padding: 2px;
        padding-left: 5px;
    }

    #contentContainer {
        padding: 0;
        margin: 0;
        max-width: 960px;
        padding-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #sidebar {
        height: calc(100vh - 31px);
    }

    /* FIXME: need to show update/warnings */
    div.updateblock {
        display: none;
    }

    li.productTypeBreadcrumb {
        margin: 0 0 -10px -15px;
    }

    html[dir="rtl"] li.productTypeBreadcrumb {
        margin: 0 0 -10px -15px;
    }
}

@media (min-width: 768px) {
    html[dir="rtl"] #masterContainer {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    html[dir="rtl"] #masterContainer {
        max-width: 100%;
    }
}