Last active
May 26, 2022 00:14
-
-
Save benpigchu/bc116d41ea572cdead98c3427b35e77c to your computer and use it in GitHub Desktop.
Citrus design for wikimedia projects
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@-moz-document regexp("(http|https)://[^]*\\.(wikipedia|wiktionary|wikibooks|wikisource|wikiversity|wikiquote|wikinews|wikivoyage)\\.org/(wiki/|zh/|zh-cn/|zh-hk/|zh-mo/|zh-sg/|zh-tw/|zh-hans/|zh-hant/|w/index.php)[^]*"), regexp("(http|https)://(meta|commons|species|wikitech|wikimania[0-9]*|outreach|incubator)\\.wikimedia\\.org/(wiki/|w/index.php)[^]*"), regexp("(http|https)://www\\.(mediawiki|wikidata)\\.org/(wiki/|w/index.php)[^]*"), regexp("(http|https)://(wikimediafoundation)\\.org/(wiki/|w/index.php)[^]*") { | |
body.skin-vector:not(.skin-vector-2022)>#content{box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);border:none;padding-top:calc(5em + 40px);top:-20px;position:relative;margin-bottom:-20px} | |
body.skin-vector:not(.skin-vector-2022) #mw-head-base{height:0} | |
body.skin-vector:not(.skin-vector-2022) #mw-head::before{content:"";height:0;width:100%;bottom:0;left:0;position:absolute;border-bottom: 1px solid #e5e5e5} | |
body.skin-vector:not(.skin-vector-2022).rtl #mw-head{right:10em;max-height:5em;width:auto !important} | |
body.skin-vector:not(.skin-vector-2022).ltr #mw-head{left:10em;max-height:5em;width:auto !important} | |
@media screen and (min-width: 982px){ | |
body.skin-vector:not(.skin-vector-2022).ltr #mw-head{left:11em} | |
body.skin-vector:not(.skin-vector-2022).rtl #mw-head{right:11em} | |
} | |
body.skin-vector:not(.skin-vector-2022).ltr #left-navigation{margin-left:0;margin-bottom:0} | |
body.skin-vector:not(.skin-vector-2022).rtl #left-navigation{margin-right:0} | |
body.skin-vector:not(.skin-vector-2022).ltr #p-personal ul{padding-left:0} | |
body.skin-vector:not(.skin-vector-2022).rtl #p-personal ul{padding-right:0} | |
body.skin-vector:not(.skin-vector-2022) .vectorTabs,body.skin-vector:not(.skin-vector-2022) .vectorTabs ul,body.skin-vector:not(.skin-vector-2022) .vector-menu-tabs li,body.skin-vector:not(.skin-vector-2022) .vector-menu-tabs a,body.skin-vector:not(.skin-vector-2022) #mw-head .vector-menu-dropdown h3,body.skin-vector:not(.skin-vector-2022) .vector-menu-tabs,body.skin-vector:not(.skin-vector-2022) .vectorTabs ul li,body.skin-vector:not(.skin-vector-2022) .vectorTabs a,body.skin-vector:not(.skin-vector-2022) .vectorTabs span,body.skin-vector:not(.skin-vector-2022) .vectorMenu h3,body.skin-vector:not(.skin-vector-2022) .vector-menu-dropdown .vector-menu-heading {background-image:none !important;background-color:transparent} | |
body.skin-vector:not(.skin-vector-2022) .ui-dialog{box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);border-radius:0} | |
body.skin-vector:not(.skin-vector-2022) b.ui-dialog-titlebar-close{border-radius:0} | |
body.skin-vector:not(.skin-vector-2022) .ui-dialog .ui-widget-header{background-image:none !important;background:#f0f0f0;border-radius:0} | |
} |
Note: this do not works with the new vector-2022 skin
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
How to use the style file
Use the "Import from Mozilla format" feature in your Stylus browser extension