IBM-Weather-UI

一个用于 weather.com 的优化 UI
目前为 2021-06-18 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name         IBM-Weather-UI
// @name:ZH-CN   IBM-Weather-UI
// @name:ZH-TW   IBM-Weather-UI
// @namespace    https://github.com/li-zyang
// @version      1.0.0
// @description  An enchanced UI for weather.com
// @description:ZH-CN  一个用于 weather.com 的优化 UI
// @description:ZH-TW  一個用於 weather.com 的優化 UI
// @author       阿昭
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAADLklEQVRYhe2Wv46qQBTGeQQewUfgDeQNsKZZGwsqCS0ma4OlSGdBomtDosUaQotaKZ0kVFqoCZVGo4XSfre4Oyfin7vcTXbdwpOQDDBn+OXjzHeG4yQFvy24J1TGeEJljSdU1nhCZY3fD3U4JRhF86tLtXuPg5ouYuT1OnhZQ65UQV6vo+p4EHXzcVAsRN1E1fEAAFXHQ65UQaHWhKibWG12OJwSuu8H4eOghtEMgmqg7U9QtDoo1JroByF4WXsMFPt97Lmom+Akha5fAcWUAoBRNP8ZqLLdRcsfAwBa/hhlu5t6vj8mkGpNCKqBF+vtZ6AeHd8KNYrmOJyS/8678ilOUrDa7ND2J+AkBaNojn4QZi7oUTSnesyVKl+quSuleFlD259AtXvgJAUNd5Aq9lE0R8MdkAKrzQ4Nd0B+VbQ6EFQD4TKGqJto+xNUHQ+rzQ7A367RcAcEGy5jWvMuVKHWhGr3IOomBNVA0erQrmO+VLa7yJUqpEbZ7oKXNQJhvsbWKNSaqflFq4NcqYJ+EJIPvn6oexOq4Q7Ih9iYlzWMojmpUHU8+s39IIRq92jOpYWw/slKgZMUmlN1vJtt7ApqFM3Byxp4WcNyvU0ZJFNtGM0wjGb0kfcghKAan0Kxmu0HIYbRDNNFnA0KADhJoYm8rNF4GM1IflE3CZoppdo9NNwB1eUlFCsPUTdT9ZYJarqIsVxvaTxdxPRuud5iGM2wPyap++V6m8pZrreYLmLsjwn2xwTDaEZrMJVY/vn6d6EeHTehWIEXrQ5Wmx1ypcqXTDBLsFr8J5Rq9yCoBt6DkPof2znfEbfWvmuel4m8rNF2ZupxkgJBNQCAPIkV/v6Y0Hu24w6nBIJq0KExM9TNSR+LXjr7uf+IugnV7qEfhDSH5RWtDnkS+12cpCBcxtmhbil17kGrzQ6cpKBsd1NQVcej8WUeu3hZQ16vI6/Xybc+hWKJbX9CPe4SquEOqE0wNbJAtf0JNWnW626Wy63dxw52putjf0zw6njkR+yQ92K9Qao18ep4mC5itPwx+RXbIOd5zKda/hgv1htM1wcAvAdhqu/dhXp0PKGyxh869SPFcsnM3QAAAABJRU5ErkJggg==
// @license      CC0
// @include      https://weather.com/*
// @exclude      none
// @require      https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_listValues
// @grant        GM_deleteValue
// @grant        GM_addValueChangeListener
// @grant        GM_removeValueChangeListener
// @grant        GM_addStyle
// @grant        GM_setClipboard
// @grant        GM_xmlhttpRequest
// @grant        GM_registerMenuCommand
// @grant        GM_unregisterMenuCommand
// @grant        GM_download
// @grant        GM_getTab
// @grant        GM_saveTab
// @grant        GM_getTabs
// @grant        GM_setClipboard
// @grant        GM_info
// @grant        GM_openInTab
// @grant        GM_notification
// @grant        GM_getResourceText
// @grant        GM_getResourceURL
// @connect      *
// @noframes
// @run-at       document-end
// @note         v1.0.0      2021-06-18  随便改了改
// ==/UserScript==
 
(function(window, $) {
  'use strict';
  
  window.IBMWeatherUIJS = {};
  var s = window.IBMWeatherUIJS;
  
  function isDescendentOf (elem, pElemList) {
    while (!$(elem).filter('html').length) {
      var parent = $(elem).parent();
      for (var pElem of pElemList) {
        if (parent[0] == pElem) {
          return true;
        }
      }
      elem = parent;
    }
    return false;
  }
  
  s.isDescendentOf = isDescendentOf;
  
  if (location.toString().match(/https?:\/\/weather.com\/((\w|-)*\/)?weather\/today\//)) {
 
    $('[id*="WxuAirQuality-sidebar-"]').after($('#todayDetails'));
    
  } else if (
    location.toString().match(/https?:\/\/weather.com\/((\w|-)*\/)?weather\/hourbyhour\//) ||
    location.toString().match(/https?:\/\/weather.com\/((\w|-)*\/)?weather\/tenday\//)
  ) {
  
    $('aside.region-sidebar').prepend($('[id*="WxuTodayMapCard-main-"]'));
    
  }
  
  $('html').append($(`
  <style class="IBMWeatherUIJS">
  
    [dir] [class*="gradients--rainyDay--"] {
      background-image: linear-gradient(#e1eaec,#d0f0d7,#f4fbf6);
    }
    [dir] [class*="gradients--cloudyFoggyDay--"] {
      background-image: linear-gradient(#dac8eb,#f5e2da,#fcf9f7);
    }
    [dir] [class*="gradients--default--"] {
      background-image: linear-gradient(#c0d6f2,#d4e2f5,#ffffff);
    }
    [dir] [class*="gradients--clearNight--"] {
      background-image: linear-gradient(#aab5ce,#a4cce2,#dfe7ea);
    }
    [class*="styles--overflowNav--"] {
      height: 50px;
    }
    [class*="styles--button--"] {
      height: 100%;
    }
    .LargeScreen [class*="CurrentConditions--header--"] [class*="CurrentConditions--timestamp--"] {
      font-size: 1rem;
    }
    [class*="styles--SavedLocations--"] {
      display: none;
    }
    [class*="MainMenuHeader--twcLogo--"] {
      width: 30px !important;
      height: 30px !important;
    }
    [class*="MainMenuHeader--wrapper--"] {
      height: auto;
    }
    [class*="AirQuality--leftCol--"] [class*="AirQuality--col--"]:first-of-type {
      width: 180px;
      height: 180px;
      padding: 0px !important;
      margin: 20px 0px 10px 0px;
    }
    [class*="AirQuality--AirQualityCard--"] [class*="DonutChart--donutchart--"] {
      transform: scale(3);
      transform-origin: 0 0;
    }
    [class*="AirQuality--AirQualityCard--"] {
      height: 270px;
    }
    [class*="AirQuality--leftCol--"],
    [class*="AirQuality--center--"] {
      width: 100% !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
    }
    [class*="AirQuality--sm--"] [class*="AirQuality--leftCol--"] [class*="AirQuality--col--"]:last-of-type {
      padding: 0px !important;
      margin: 10px 0px 10px 0px;
    }
    [class*="DonutChart--innerValue--"] {
      font-size: 1.6em;
    }
    [dir] [class*="gradients--cloudyFoggyDay-contrast--"] {
      background-image: linear-gradient(#6e3f98,#a37697) !important;
    }
    [dir] [class*="gradients--rainyDay-contrast--"] {
      background-image: linear-gradient(#004f69,#238665) !important;
    }
    [class*="TodayDetailsCard--detailsContainer--"] {
      margin-bottom: 16px;
    }
    .video-label,
    .video-title {
      font-size: 14px !important;
    }
    [class*="DetailsSummary--wxIcon--"] {
      filter: brightness(0.9) saturate(2);
    }
    aside [id*="WxuTodayMapCard-main-"] [class*="Slideshow--Slideshow--"] {
      height: 600px;
    }
    [class*="TodayDetailsCard--detailsContainer--"] > div {
      margin: 0px 3px !important;
    }
    [class*="DetailsSummary--precip--"] > span {
      font-weight: bold;
    }
    [dir] [class*="DailyContent--narrative--"] {
      margin: 14px 0 14px 0;
      font-size: 0.9rem;
    }
    [id*="WxuAd-contentTop"] [class*="BaseAd--adWrapper--"] {
      margin: 0;
    }
    [id*="WxuAd-contentTop"] div[id*="google_ads_iframe"] {
      width: 100%;
    }
    [id*="WxuAd-contentTop"] iframe[id*="google_ads_iframe"] {
      width: 100%;
      background: #ffffff;
      border-radius: 6px;
      box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
    }
    [id*="WxuAd-contentTop"] > div {
      padding: 0 !important;
    }
  
  </style>
  `));
  
})(window.unsafeWindow, $);