Guest User

Vector fix for French Wiki

a guest
Sep 22nd, 2020
235
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.55 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document domain("fr.wikipedia.org") {
  4. /*
  5.   Version: 1.0
  6.  
  7.   *** INSTALL NOTICE ***
  8.  
  9.   This CSS has been tested in Pale Moon and Waterfox Classic. It might work
  10.   flawlessly in Firefox, but will very likely have bugs in a Chrome-type
  11.   browser. Code suggestions are welcome.
  12.  
  13.   You can copy this code starting from line 3 ("@-moz-document ...") into
  14.   your user.css file in a Firefox-type browser. (More technical but doesn't
  15.   require addons)
  16.  
  17.   You can also install a userstyles addon and install this code in it as a
  18.   new user style. (Less technical but requires installing addons)
  19.  
  20.   Recommended user styles addons are Stylus for Firefox and Waterfox Current,
  21.   Stylem for Palemoon, Stylish 2.1.1 for Waterfox Classic. Stylish 2.1.1 can
  22.   be downloaded via Classic Addons Archive, and auto-updating Stylish should
  23.   be disabled as newer versions contain spyware.
  24.  
  25.  
  26.   *** POST INSTALL INSTRUCTIONS ***
  27.  
  28.   PALE MOON
  29.     You're good to go.
  30.  
  31.   WATERFOX CLASSIC
  32.     Find the line containing:
  33.       margin-top: 2.48em;
  34.     Change this text to:
  35.       margin-top: 2.53em;
  36.  
  37.   FIREFOX, CHROMIUM, CHROME, OPERA, EDGE, IE
  38.     Not tested; I don't use these browsers. Please report if it works.
  39.     Suggestions to make the fix work with these and other browsers are welcome!
  40.  
  41.  
  42.   *** COMMENTS, SUGGESTIONS, BUG REPORTS & FIXES ***
  43.  
  44.   Feel free to send suggestions for improvement, code suggestions, bug
  45.   reports, ideas how to fix bugs and other comments to my e-mail or preferably
  46.   to my talk page on MediaWiki:
  47.  
  48.   <https://www.mediawiki.org/wiki/User_talk:Vectorman007>
  49.  
  50.   I'm not a professional web developer, merely a (hopefully talented) amateur.
  51.   I've decided to fully revert to "Legacy" Vector because when removing
  52.   max-width text, the sidebar gets in the way of article text in a way that I
  53.   don't know how to fix. Unfortunately some things are still broken, such as
  54.   the blue border of the "Article" button. Help will be much appreciated.
  55.  
  56.   For any accepted contributions, the contributor will retain copyright.
  57.  
  58.   Please donate to Free Software Foundation, World Wildlife Fund, Wikipedia
  59.   or Amnesty International if you wish to help out my causes.
  60.  
  61.  
  62.   *** LICENSE ***
  63.  
  64.   Parts of this code, license text and accompanying notices that have been
  65.   contributed by Vectorman are (c) 2020 Vectorman.
  66.   All rights reserved unless noted otherwise below.
  67.  
  68.   By installing, using, reproducing, distributing, modifying, or scrolling
  69.   past the license notice, you agree to the terms of this license.
  70.  
  71.   You may install, reproduce, distribute and/or modify this code under the
  72.   conditions that i) it retains this license notice intact, and ii) the
  73.   resultant code does not restrict the width of text to any fixed amount or
  74.   to less than 80% of the screen width at 1920px wide or wider displays.
  75.  
  76.   You may not sell this code, nor charge for reproduction and/or distribution
  77.   thereof; this applies to any manner of distribution, sale and/or
  78.   reproduction, including but not limited to being part of other software,
  79.   being part of a web document, or offered as a paid web service. You may not
  80.   request donations for distributing this code.
  81.  
  82.   Any part of this license may be waived, and rights may be granted at
  83.   author's discretion. If any part(s) of this license is/are null and void, or
  84.   otherwise unenforceable, the enforceable part(s) shall hold regardless.
  85.   Any parts that have not been contributed by Vectorman, should they
  86.   exist, are copyright by their rightful owners.
  87.  
  88. */
  89.   .skin-vector-max-width .mw-content-container {
  90.     /*min-width: none !important;*/
  91.     max-width: none !important;
  92.     padding: 0;
  93.     }
  94.   .skin-vector-max-width .mw-workspace-container {
  95.     /*min-width: none !important;*/
  96.     max-width: none !important;
  97.     padding: 0;
  98.   }
  99.   .skin-vector-max-width .mw-sidebar-container {
  100.     left: -162px;
  101.   }
  102.   .skin-vector-max-width .mw-page-container {
  103.     margin-left: 177px;
  104.     max-width: none !important;
  105.         margin-top: -1px;
  106.    border-top: 1px solid #a7d7f9 !important;
  107.     border-right: 1px solid #a7d7f9 !important;
  108.     border-left: 1px solid #a7d7f9 !important;
  109.     border-top-width: 1px;
  110.     border-right-width: 0px;
  111.     border-bottom-width: 0px;
  112.     border-left-width: 1px;
  113.     border-top-style: solid;
  114.     border-right-style: solid;
  115.     border-bottom-style: solid;
  116.     border-left-style: solid;
  117.     border-top-color: rgb(167, 215, 249);
  118.     border-right-color: rgb(167, 215, 249);
  119.     border-bottom-color: rgb(167, 215, 249);
  120.     border-left-color: rgb(167, 215, 249);
  121.     -moz-border-top-colors: none;
  122.     -moz-border-right-colors: none;
  123.     -moz-border-bottom-colors: none;
  124.     -moz-border-left-colors: none;
  125.     border-image-source: none;
  126.     border-image-slice: 100% 100% 100% 100%;
  127.     border-image-width: 1 1 1 1;
  128.     border-image-outset: 0 0 0 0;
  129.     border-image-repeat: stretch stretch;
  130.     border-left: 1px solid #a7d7f9 !important;
  131.   }
  132.   /*.skin-vector-max-width.skin-vector-search-header-legacy #mw-sidebar-checkbox:not(:checked) ~ .mw-header .mw-sidebar, .skin-vector-max-width.skin-vector-search-header #mw-sidebar-checkbox:not(:checked) ~ .mw-workspace-container .mw-sidebar {
  133.     transform: translateX(0px);
  134.   }*/
  135.   .skin-vector-search-header-legacy #mw-sidebar-checkbox:not(:checked) ~ .mw-header .mw-sidebar, .skin-vector-search-header #mw-sidebar-checkbox:not(:checked) ~ .mw-workspace-container .mw-sidebar {
  136.     visibility: visible;
  137.     opacity: 100;
  138.   }
  139.   .mw-logo {
  140.     transform: translateX(-170px);
  141.     display: block;
  142.   }
  143.   .skin-vector-max-width {
  144.     /*background-color: #efefef;*/
  145.     background-color: #f6f6f6;
  146.   }
  147.   #mw-panel {
  148.     border-right: inherit !important;
  149.     background-color: inherit !important;
  150.     background-image: none !important;
  151.   }
  152.   .mw-logo-icon {
  153.     /*background-position: center center;
  154.     background-repeat: no-repeat;*/
  155.     display: block;
  156.     width: 160px;
  157.     height: 160px;
  158.     padding-left: 160px;
  159.     -moz-box-sizing: border-box;
  160.     box-sizing: border-box;
  161.     background: url(https://en.wikipedia.org/static/images/project-logos/frwiki.png) no-repeat !important;
  162.   }
  163.   .mw-logo-container {
  164.     display:none;
  165.   }
  166.   #mw-sidebar-button::before, #mw-sidebar-button::after, #mw-sidebar-button {
  167.     visibility: hidden; display:none;
  168.   }
  169.   .skin-vector-search-header-legacy #mw-panel {
  170.       top: 9.6875em;
  171.   }
  172.   #mw-page-base {
  173.     background-color: #fbfbfb;
  174.     background-image: -webkit-gradient(linear,right top,right bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));
  175.     background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
  176.     background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
  177.     background-image: linear-gradient(to bottom,#ffffff 50%,#f6f6f6 100%);
  178.     background-position: bottom left;
  179.     height: 5em;
  180.     margin-left: -193px;
  181.     padding-left: 193px;
  182.  }
  183.   .vector-menu-tabs li {
  184.     background-image: url(/w/skins/Vector/resources/skins.vector.styles/images/tab-normal-fade.png?1cc52);
  185.     background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);
  186.     background-position: left bottom;
  187.     background-repeat: repeat-x;
  188.     float: left;
  189.     display: block;
  190.     height: 100%;
  191.     margin: 0;
  192.     padding: 0;
  193.     line-height: 1.125em;
  194.     white-space: nowrap;
  195.   }
  196.   .skin-vector-max-width.skin-vector-search-header-legacy .mw-article-toolbar-container {
  197.     margin-top: 2.48em;
  198.   }
  199.   .skin-vector-max-width .mw-page-container {
  200.       padding: 0 15px !important;
  201.   }
  202.   .skin-vector-max-width .mw-page-container {
  203.     padding: 0 15px;
  204.  
  205.   }
  206.  
  207.   #left-navigation > #p-namespaces> div.body.vector-menu-content > ul.vector-menu-content-list {
  208.     transform: translateX(-15px);
  209.   }
  210.   .skin-vector-max-width .mw-footer-container {
  211.     background-color: #f6f6f6;
  212.    /* padding-left: 0px !important;*/
  213.     transform: translateX(-16px);
  214.     margin-left: -193px;
  215.     margin-right: -32px;
  216.    /* padding-right: 17px !important;*/
  217.     /*
  218.         border-image-slice: 100% 100% 100% 100%;
  219.     border-image-width: 1 1 1 1;
  220.     border-image-outset: 0 0 0 0;
  221.     border-image-repeat: stretch stretch;
  222.    border-right-width: 0;
  223.     border-bottom-width: 0;
  224.     border-left-width: 0;
  225.     border-top: 1px solid #a7d7f9 !important;
  226.     */
  227.   }
  228.   .skin-vector-max-width .mw-footer-container > .mw-content-container {
  229.     padding-left: 193px;
  230.   }
  231.   .skin-vector-max-width .mw-footer {
  232.     border-top: 1px solid #a7d7f9;
  233.     padding: 22px 17px 1.25em 17px;
  234.   }
  235.   .skin-vector-max-width .mw-header {
  236.     z-index: 0;
  237.   }
  238. }
Add Comment
Please, Sign In to add comment