MediaWiki:Gadget-dropdown-menus-pagestyles.css: Difference between revisions

From Bharatpedia, an open encyclopedia
No edit summary
No edit summary
Line 28: Line 28:
     width: 3.85em;
     width: 3.85em;
}
}
.vector-menu-dropdown {
.vector-menu-dropdown{direction:ltr;float:left;cursor:pointer;position:relative;line-height:1.125em}.vector-menu-dropdown h3{color:#54595d;position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:1.25em;padding-left:8px;padding-right:1.84615385em;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 h3:hover,.vector-menu-dropdown h3:focus{color:#202122}.vector-menu-dropdown h3:hover:after,.vector-menu-dropdown h3:focus:after{opacity:1}.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;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);text-align:left;opacity:0;visibility:hidden;-webkit-transition:opacity 100ms;-moz-transition:opacity 100ms;transition:opacity 100ms;z-index:3}.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-content{opacity:1;visibility:visible}.vector-menu-dropdown ul{list-style:none}.vector-menu-dropdown li{padding:0;margin:0;text-align:left;line-height:1em}.vector-menu-dropdown li a{color:#0645ad;display:block;padding:0.625em;white-space:nowrap;cursor:pointer;font-size:0.8125em}.vector-menu-dropdown .selected a,.vector-menu-dropdown .selected a:visited{color:#202122;text-decoration:none}#mw-head .vector-menu-dropdown h3{background-position:right bottom;float:left;height:3.07692308em;margin:0 -1px 0 0;padding-right:1.84615385em}.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%}.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:none}:not(:checked) > .vector-menu-checkbox{display:block}.vector-menu-checkbox:focus + h3{outline:dotted 1px;outline:auto -webkit-focus-ring-color}.vector-menu-dropdown:hover .vector-menu-content{opacity:1;visibility:visible}.vector-menu-checkbox:checked + h3:after{transform:scaleY(-1)}
    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;
}
.vector-menu-dropdown h3 {
    color: #54595d;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1.25em;
    padding-left: 8px;
    padding-right: 1.84615385em;
    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;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    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%;
}
a {
    text-decoration: none;
    color: #0645ad;
    background: none;
}
.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;
}

Revision as of 12:30, 15 March 2021

/*********************************************************************
**                ***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}.vector-menu-dropdown h3{color:#54595d;position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:1.25em;padding-left:8px;padding-right:1.84615385em;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 h3:hover,.vector-menu-dropdown h3:focus{color:#202122}.vector-menu-dropdown h3:hover:after,.vector-menu-dropdown h3:focus:after{opacity:1}.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;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);text-align:left;opacity:0;visibility:hidden;-webkit-transition:opacity 100ms;-moz-transition:opacity 100ms;transition:opacity 100ms;z-index:3}.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-content{opacity:1;visibility:visible}.vector-menu-dropdown ul{list-style:none}.vector-menu-dropdown li{padding:0;margin:0;text-align:left;line-height:1em}.vector-menu-dropdown li a{color:#0645ad;display:block;padding:0.625em;white-space:nowrap;cursor:pointer;font-size:0.8125em}.vector-menu-dropdown .selected a,.vector-menu-dropdown .selected a:visited{color:#202122;text-decoration:none}#mw-head .vector-menu-dropdown h3{background-position:right bottom;float:left;height:3.07692308em;margin:0 -1px 0 0;padding-right:1.84615385em}.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%}.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:none}:not(:checked) > .vector-menu-checkbox{display:block}.vector-menu-checkbox:focus + h3{outline:dotted 1px;outline:auto -webkit-focus-ring-color}.vector-menu-dropdown:hover .vector-menu-content{opacity:1;visibility:visible}.vector-menu-checkbox:checked + h3:after{transform:scaleY(-1)}