☰

CSS: meteoblue.com

Corrections to UI of meteoblue.com

当前为 2021-01-17 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name          CSS: meteoblue.com
  3. // @description   Corrections to UI of meteoblue.com
  4. // @author        MK
  5. // @homepage      https://greasyfork.org/en/scripts/419280
  6. // @namespace     https://greasyfork.org/users/309172
  7. // @include       https://www.meteoblue.com/*
  8. // @include       http://www.meteoblue.com/*
  9. // @version       1.2.1
  10. // @note          v1.2.1 2021-01-17 - temperature font size corrected
  11. // @note          v1.2 2021-01-01 - code is rewritten to add CSS to the end of the document instead of <HEAD> tag in order to overcome possible server side CSS with !important rule
  12. // @note          v1.1 2020-12-29 - code rectified
  13. // @note          v1.0 2020-12-28 - initial release
  14. // ==/UserScript==
  15.  
  16. (function() {
  17.   var css = `
  18.   /*Position of cloud icons*/
  19.   .picto .weekday.alt {
  20.     line-height: unset !important;
  21.   }
  22.   
  23.   /*Font size of temperature*/
  24.   .tab_content .tab_temp_max, .tab_content .tab_temp_min {
  25.     line-height: 24.5px;
  26.     font-size: 17.5px;
  27.   }
  28.  
  29.   /*Font size in hourly forecast table*/
  30.   .hourly-forecast .hourlywind > tbody {
  31.     font-size: 70% !important;
  32.   }
  33.  
  34.   /*Dividers between cloud icons*/
  35.   /*.hourly-forecasr .hourlywind > tbody > tr:nth-of-type(1),*/
  36.   .hourly-forecast .hourlywind tr.pictos_3h td {
  37.     padding: 0 !important;
  38.     border-right-color: gray !important;
  39.     border-right-style: solid !important;
  40.     border-right-width: thin !important;
  41.   }
  42.  
  43.   /*Active tab colour*/
  44.   .tab.active {
  45.     background: #ffc4000f !important;
  46.     /*background: #ffffff !important;*/
  47.   }
  48.   /*Tab colour*/
  49.   .tab {
  50.     background: #e7ecf0 !important;
  51.     /*background: #eaeaea !important;*/
  52.   }
  53.   /*Predictability meter background*/
  54.   .tab_content .tab_predictability .meter_outer {
  55.     background-color: hsl(0, 0%, 96.9%) !important;
  56.   }
  57.  
  58.   /*Social icons*/
  59.   .social {
  60.     font-size: 100% !important;
  61.   }
  62.   .social a {
  63.     font-size: 100% !important;
  64.   }
  65.  
  66.   /*Headers*/
  67.   h2, h3 {
  68.     font-size: 150% !important;
  69.   }
  70.   `;
  71.  
  72.   if (typeof GM_addStyle != 'undefined') {
  73.     GM_addStyle(css);
  74.   } else if (typeof PRO_addStyle != 'undefined') {
  75.     PRO_addStyle(css);
  76.   } else if (typeof addStyle != 'undefined') {
  77.     addStyle(css);
  78.   } else {
  79.     var node = document.createElement('style');
  80.     node.type = 'text/css';
  81.     node.appendChild(document.createTextNode(css));
  82.     document.documentElement.appendChild(node);
  83.   }
  84. })();