User:Irukaza/common.css

.wds-dropdown {
	background-color:grey;
	border-color:grey;
    display: inline-block;
    position: relative;
}
.wds-dropdown__content {
    background-color: white;
    border: 1px grey;
    border-radius: 4px;
    color: black;
    display: none;
    left: 50%;
    min-width: 70%;
    padding: 7px 0;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    z-index: 1;
}
.wds-dropdown__toggle {
	text-decoration: none !important;
    border-bottom: 1px dotted gray;
    cursor: pointer;
    position: relative;
}
.wds-dropdown:before {
    border: 9px solid transparent;
    border-bottom: 9px solid black;
    margin-left: -9px;
}
.wds-dropdown:after, .wds-dropdown:before {
    bottom: -1px;
    content: "";
    display: none;
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 2;
}
.wds-dropdown:after {
    border: 8px solid transparent;
    border-bottom: 8px solid black;
    margin-left: -8px;
}
.wds-dropdown:after, .wds-dropdown:before {
    bottom: -1px;
    content: "";
    display: none;
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 2;
}
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li>a {
    border-radius: 3px;
    padding: 12px 6px;
}
.wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button) {
    border-radius: 3px;
    color: var(--wds-dropdown-text-color);
    cursor: pointer;
    font-weight: 400;
    padding-left: 9px;
    padding-right: 9px;
    text-decoration: none;
    transition-duration: .3s;
    transition-property: background-color,color;
}
.wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2>a {
    display: flex;
    justify-content: space-between;
    padding-right: 18px;
}
.fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li {
    margin: 0;
    padding: 0 12px;
    white-space: normal;
}
.wds-dropdown__content .wds-list>li {
    margin: 0 9px;
    padding-left: 9px;
    padding-right: 9px;
    white-space: nowrap;
}
.wds-dropdown__content.wds-is-not-scrollable .wds-list {
    position: relative;
}
.wds-dropdown__content .wds-list {
    padding: 0;
}

.fandom-community-header__local-navigation .wds-dropdown__content {
    max-width: 240px;
    padding: 12px 0;
    width: max-content;
}
.fandom-community-header__local-navigation .wds-dropdown:after, .fandom-community-header__local-navigation .wds-dropdown:before, .fandom-community-header__local-navigation .wds-dropdown__content {
    z-index: 400;
}
.wds-dropdown__content .wds-list.wds-is-linked>li>a:not(.wds-button) {
    color: #39424d;
    padding-left: 9px;
    padding-right: 9px;
    text-decoration: none;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: background-color,color;
    -o-transition-property: background-color,color;
    transition-property: background-color,color;
}

.wds-list.wds-is-linked>li>a {
    display: block;
    padding: 11px 0;
}