site2/website/static/css/custom.css

/**
 * Copyright (c) 2017-present, Facebook, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
 
/* your custom css */

@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
}

@media only screen and (min-width: 1024px) {
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (min-width: 1400px) {
}

@media only screen and (min-width: 1500px) {
}

.topic {
    color: #bcc5c5;
    background-color: #232937;
    font-size: 1.25rem;
    font-family: "Inconsolata", monospace;
    font-weight: 700;
    padding: .5rem 0 .5rem 1rem;
    border-radius: 0;
}

.tenant-color {
    color: #b1cc00;
}

.navigationSlider .slidingNav ul li a {
    color: #c86803;
}

.navigationSlider .slidingNav ul li.siteNavGroupActive a,
.navigationSlider .slidingNav ul li.siteNavItemActive a,
.navigationSlider .slidingNav ul li a:focus,
.navigationSlider .slidingNav ul li a:hover {
    background: white;
    color: #c86803;
}

.navigationSlider .slidingNav ul li.siteNavItemActive a {
    background: #c86803;
    color: white;
}

/* header navigation */
.fixedHeaderContainer {
    background-color: white;
}


/* for drop down menus */
#community-dropdown.hide,
#apache-dropdown.hide,
#restapis-dropdown.hide,
#cli-dropdown.hide,
#languages-dropdown.hide {
    display: none;
}


#community-dropdown.visible,
#apache-dropdown.visible,
#restapis-dropdown.visible,
#cli-dropdown.visible,
#languages-dropdown.visible {
    display: flex;
}

#community-dropdown,
#apache-dropdown,
#restapis-dropdown,
#cli-dropdown,
#languages-dropdown {
    pointer-events: none;
    position: absolute;
    width: 100%;
}

#community-dropdown-items,
#apache-dropdown-items,
#restapis-dropdown-items,
#cli-dropdown-items,
#languages-dropdown-items {
    background-color: white;
    display: flex;
    flex-direction: column;
    min-width: 120px;
    pointer-events: all;
    border: 1px solid rgba(35, 41, 55, 0.15);
    border-radius: 0.25rem;
}


.logo-wrapper {
    display: grid;
    grid-template-columns: 250px 250px 250px 250px;
    grid-gap: 30px;
    /* background-color: #fff; */
    /* color: #444; */
    /* border: dashed red 1px; */
    /* align-items: center; */
    justify-content: center;
}

.logo-box {
    /* background-color: #fafafa; */
    /* color: #fff; */
    border-radius: 5px;
    padding: 20px;
    font-size: 150%;
    /* border: dashed blue 1px; */
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.logo-box-background-for-white {
    background-color: #0f1637;
    border-radius: 5px;
    padding: 20px;
    font-size: 150%;
    /* border: dashed blue 1px; */
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-box img {
    max-height: 80px;
    /* border: dashed green 1px; */
}

.logo-svg {
    min-width: 200px;
}