☰

MDN Editor (UI Tweaks)

tweaks for the UI of the MDN Editor (https://wiki.developer.mozilla.org/*$edit)

目前为 2020-06-01 提交的版本。查看 最新版本。

  1. /* ==UserStyle==
  2. @name           MDN Editor (UI Tweaks)
  3. @namespace      almaceleste
  4. @version        0.3.0
  5. @description    tweaks for the UI of the MDN Editor (https://wiki.developer.mozilla.org/*$edit)
  6. @author         almaceleste (https://almaceleste.github.io)
  7. @license        AGPL-3.0-or-later; http://www.gnu.org/licenses/agpl.txt
  8.  
  9. @homepageURL    https://gf.qytechs.cn/en/scripts/402637-mdn-editor-ui-tweaks
  10. @homepageURL    https://openusercss.org/theme/5eb0aec07e7df90c001f8a9b
  11. @homepageURL    https://userstyles.org/styles/181086
  12. @homepageURL    https://github.com/almaceleste/userstyles
  13. @supportURL     https://github.com/almaceleste/userstyles/issues
  14.  
  15. @preprocessor   uso
  16. @var text       source-background-color 'source background color' '#222'
  17. @var text       source-font-color 'source font color' '#ddd'
  18. @var text       source-font-family 'source font family' "'Courier New', Monospace"
  19. @var select     source-font-size 'source font size' [
  20.     'smaller*',
  21.     'xx-small',
  22.     'x-small',
  23.     'small',
  24.     'medium',
  25.     'large',
  26.     'x-large',
  27.     'xx-large',
  28.     'xxx-large',
  29.     'larger',
  30. ]
  31. ==/UserStyle== */
  32.  
  33. @-moz-document regexp('https://wiki\\.developer\\.mozilla\\.org/.*\\$edit') {
  34.     #content-fields > .approved > header {
  35.         padding: 10px;
  36.         position: sticky;
  37.         top: -55px;
  38.         z-index: 999;
  39.     }
  40.  
  41.     #content-fields > .approved > header > h3 {
  42.         display: inline-block;
  43.         font-size: 1rem;
  44.         margin: 0;
  45.         position: sticky;
  46.         top: 10px;
  47.     }
  48.  
  49.     #content-fields > .approved > header button {
  50.         font-size: .77rem;
  51.         margin-top: 15px;
  52.     }
  53.  
  54.     #page-comment {
  55.         bottom: 0px;
  56.         padding: 10px;
  57.         position: fixed;
  58.         width: 98%;
  59.         z-index: 999;
  60.     }
  61.  
  62.     #page-comment > h3 {
  63.         display: inline-block;
  64.         font-size: medium;
  65.         margin: 0;
  66.     }
  67.  
  68.     #page-comment > h3 .icon-question-mark {
  69.         height: 17px;
  70.         width: 17px;
  71.     }
  72.  
  73.     #page-comment > p {
  74.         display: inline-block;
  75.         font-size: small;
  76.         margin: 0;
  77.         width: 70%;
  78.     }
  79.  
  80.     input#id_comment {
  81.         padding: 3px;
  82.     }
  83.  
  84.     .translate-source textarea,
  85.     textarea.cke_source {
  86.         background-color: /*[[source-background-color]]*/ !important;
  87.         color: /*[[source-font-color]]*/ !important;
  88.         font-family:  /*[[source-font-family]]*/ !important;
  89.         font-size: /*[[source-font-size]]*/ !important;
  90.     }
  91. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址