Skip to content

Instantly share code, notes, and snippets.

@benpigchu
Last active May 26, 2022 00:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save benpigchu/bc116d41ea572cdead98c3427b35e77c to your computer and use it in GitHub Desktop.
Save benpigchu/bc116d41ea572cdead98c3427b35e77c to your computer and use it in GitHub Desktop.
Citrus design for wikimedia projects
@-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}
}
@benpigchu
Copy link
Author

benpigchu commented Mar 22, 2017

How to use the style file

Use the "Import from Mozilla format" feature in your Stylus browser extension

@benpigchu
Copy link
Author

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