☰

CSS: meteoblue.com

Corrections to UI of meteoblue.com

目前为 2022-03-02 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name          CSS: meteoblue.com
  3. // @description   Corrections to UI of meteoblue.com
  4. // @author        MK
  5. // @namespace     max44
  6. // @homepage      https://greasyfork.org/en/users/309172-max44
  7. // @include       https://www.meteoblue.com/*
  8. // @include       http://www.meteoblue.com/*
  9. // @icon          https://www.meteoblue.com/favicon.ico
  10. // @version       1.3.2
  11. // @license       MIT
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.   var css = `
  16.   /*Position of cloud icons*/
  17.   .picto .weekday.alt {
  18.     line-height: unset !important;
  19.   }
  20.  
  21.   /*Font size of temperature*/
  22.   .tab-content .tab-temp-max, .tab-content .tab-temp-min {
  23.     line-height: 24.5px;
  24.     font-size: 17.5px;
  25.   }
  26.  
  27.   /*Font size in hourly forecast table*/
  28.   .hourly-forecast .hourlywind > tbody {
  29.     font-size: 70% !important;
  30.   }
  31.  
  32.   /*Dividers between cloud icons on 3 hours table*/
  33.   /*.hourly-forecasr .hourlywind > tbody > tr:nth-of-type(1),*/
  34.   .hourly-forecast .hourlywind tr.pictos_3h td {
  35.     padding: 0 !important;
  36.     border-right-color: gray !important;
  37.     border-right-style: solid !important;
  38.     border-right-width: thin !important;
  39.   }
  40.  
  41.   /*Active tab colour*/
  42.   .tab.active {
  43.     background: #fffeefff !important;
  44.     /*background: #ffffff !important;*/
  45.   }
  46.   /*Tab colour*/
  47.   .tab {
  48.     background: #e7ecf0 !important;
  49.     /*background: #eaeaea !important;*/
  50.   }
  51.   /*Predictability meter background*/
  52.   .tab_content .tab_predictability .meter_outer {
  53.     background-color: hsl(0, 0%, 96.9%) !important;
  54.   }
  55.  
  56.   /*Headers*/
  57.   h2, h3 {
  58.     font-size: 150% !important;
  59.   }
  60.   `;
  61.  
  62.   document.querySelector('body').classList.remove('unblock');
  63.  
  64.   if (typeof GM_addStyle != 'undefined') {
  65.     GM_addStyle(css);
  66.   } else if (typeof PRO_addStyle != 'undefined') {
  67.     PRO_addStyle(css);
  68.   } else if (typeof addStyle != 'undefined') {
  69.     addStyle(css);
  70.   } else {
  71.     var node = document.createElement('style');
  72.     node.type = 'text/css';
  73.     node.appendChild(document.createTextNode(css));
  74.     document.documentElement.appendChild(node);
  75.   }
  76. })();