MediaWiki:Gadget-dropdown-menus-pagestyles.css

/*********************************************************************
**                ***WARNING: GLOBAL GADGET FILE***                 **
**         any changes to this file will affect many users          **
**          please discuss changes on the talk page or at           **
**             [[Wikipedia talk:Gadget]] before editing             **
**     (consider dropping the script author a note as well...)      **
**********************************************************************
**             Script:        MoreMenu                              **
**             Author:        MusikAnimal                           **
**      Documentation:        [[meta:MoreMenu]]                     **
*********************************************************************/

/*** VECTOR ***/

/* User menu */
.client-js .skin-vector.ns-2 #p-views,
.client-js .skin-vector.ns-3 #p-views,
.client-js > .skin-vector.mw-special-Contributions #p-views,
.client-js > .skin-vector.mw-special-DeletedContributions #p-views,
.client-js > .skin-vector.mw-special-Block #p-views {
    padding-right: 3.68em;
}

/* Page menu */
.client-js .skin-vector:not(.ns-special) #p-views .vector-menu-content::after {
    content: '';
    display: inline-block;
    width: 3.85em;
}
.vector-menu-dropdown {
    direction: ltr;
    float: left;
    cursor: pointer;
    position: relative;
    line-height: 1.125em;
    z-index: 99;
}
.vector-menu-checkbox {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    direction: ltr;
    line-height: 1.125em;
}
.vector-menu-tabs {
    background-image: url(/w/skins/Vector/resources/skins.vector.styles/images/tab-separator.png?09d4b);
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#a7d7f9 100%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
}
#mw-head .vector-menu-dropdown h3 {
    background-position: right bottom;
    float: left;
    height: 3.07692308em;
    margin: 0 -1px 0 0;
    padding-right: 1.84615385em;
    color: #54595d;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 8px;
    font-size: 0.8125em;
    font-weight: normal;
}
.vector-menu-dropdown h3:after {
    content: '';
    background-image: url(/w/skins/Vector/resources/skins.vector.styles/images/arrow-down.svg?e7827);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0.76923077em;
    right: 8px;
    bottom: 0;
    width: 1.23076923em;
    opacity: 0.84;
}
.vector-menu-dropdown .vector-menu-content {
    background-color: #ffffff;
    list-style: none none;
    min-width: 100%;
    position: absolute;
    top: 2.5em;
    right: -1px;
    margin: 0;
    border: 1px solid #a2a9b1;
    border-top-width: 0;
    padding: 0;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    transition: opacity 100ms;
    z-index: 3;
}
.vector-menu-dropdown {
    direction: ltr;
    float: left;
    cursor: pointer;
    position: relative;
    line-height: 1.125em;
}
.vector-menu-dropdown ul {
    list-style: none;
}
.mw-portlet ul {
    list-style: none none;
    margin: 0;
}
.vector-menu-dropdown li {
    padding: 0;
    margin: 0;
    text-align: left;
    line-height: 1em;
    position: relative;
}
.vector-menu-dropdown li a {
    color: #0645ad;
    display: block;
    padding: 0.625em;
    white-space: nowrap;
    cursor: pointer;
    font-size: 0.8125em;
}
.sitedir-ltr textarea, .sitedir-ltr input, textarea[dir='ltr'][dir='ltr'], input[dir='ltr'][dir='ltr'] {
    direction: ltr;
}
:not(:checked) > .vector-menu-checkbox {
    display: block;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
    background-image: url(/w/skins/Vector/resources/skins.vector.styles/images/tab-separator.png?09d4b);
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#a7d7f9 100%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
}