Corrections to UI of meteoblue.com
当前为
// ==UserScript==
// @name CSS: meteoblue.com
// @description Corrections to UI of meteoblue.com
// @author MK
// @homepage https://gf.zukizuki.org/en/scripts/419280
// @namespace https://gf.zukizuki.org/users/309172
// @include https://www.meteoblue.com/*
// @include http://www.meteoblue.com/*
// @version 1.2.1
// @note v1.2.1 2021-01-17 - temperature font size corrected
// @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
// @note v1.1 2020-12-29 - code rectified
// @note v1.0 2020-12-28 - initial release
// ==/UserScript==
(function() {
var css = `
/*Position of cloud icons*/
.picto .weekday.alt {
line-height: unset !important;
}
/*Font size of temperature*/
.tab_content .tab_temp_max, .tab_content .tab_temp_min {
line-height: 22px;
font-size: 17px;
}
/*Font size in hourly forecast table*/
.hourly-forecast .hourlywind > tbody {
font-size: 70% !important;
}
/*Dividers between cloud icons*/
/*.hourly-forecasr .hourlywind > tbody > tr:nth-of-type(1),*/
.hourly-forecast .hourlywind tr.pictos_3h td {
padding: 0 !important;
border-right-color: gray !important;
border-right-style: solid !important;
border-right-width: thin !important;
}
/*Active tab colour*/
.tab.active {
background: #ffc4000f !important;
/*background: #ffffff !important;*/
}
/*Tab colour*/
.tab {
background: #e7ecf0 !important;
/*background: #eaeaea !important;*/
}
/*Predictability meter background*/
.tab_content .tab_predictability .meter_outer {
background-color: hsl(0, 0%, 96.9%) !important;
}
/*Social icons*/
.social {
font-size: 100% !important;
}
.social a {
font-size: 100% !important;
}
/*Headers*/
h2, h3 {
font-size: 150% !important;
}
`;
if (typeof GM_addStyle != 'undefined') {
GM_addStyle(css);
} else if (typeof PRO_addStyle != 'undefined') {
PRO_addStyle(css);
} else if (typeof addStyle != 'undefined') {
addStyle(css);
} else {
var node = document.createElement('style');
node.type = 'text/css';
node.appendChild(document.createTextNode(css));
document.documentElement.appendChild(node);
}
})();