Skip to content

weathernews.jp compact by nullpage

Details

Authornullpage

LicenseCC Zero

Categoryweathernews.jp

Created

Updated

Size2.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

The pinpoint weather page of Weathernews is displayed to fit the window width.
Also, the contents of the time-series weather forecast table are made smaller to make it easier to see the whole picture.
We haven't done anything with the other contents yet.

ウェザーニュースのピンポイント天気ページをウインドウ幅に合わせて表示します。
また、時系列天気予報の表の内容を小さくして全体を見渡しやすくしています。
その他のコンテンツについてはまだ何もしていません。

Notes

2022/01/02 1st Posting
2022/01/02 時系列観測データ表全表示
2022/02/12 regexp 間違い訂正
2023/01/31 付近の写真をコンパクト化
2023/03/10 5分ごとの天気を整形

Source code

/* ==UserStyle==
@name         weathernews.jp compact
@version      20220102.10.03
@namespace    userstyles.world/user/nullpage
@description  The pinpoint weather page of Weathernews is displayed to fit the window width.
Also, the contents of the time-series weather forecast table are made smaller to make it easier to see the whole picture.
We haven't done anything with the other contents yet.

ウェザーニュースのピンポイント天気ページをウインドウ幅に合わせて表示します。
また、時系列天気予報の表の内容を小さくして全体を見渡しやすくしています。
その他のコンテンツについてはまだ何もしていません。
@author       nullpage
@license      CC Zero
==/UserStyle== */

@-moz-document regexp("https:?\\/\\/weathernews\\.jp\\/onebox/\\d+\\.\\d+\\/\\d+\\.\\d+\\/\\w+=.*") {
#header {margin-bottom: 0; padding: 0;}
#content {max-width: none;}

#main {max-width: none; width: calc(100% - 320px);}


/*--- dontents of main frame 
  TODO: section.block のpadding を削除して下位コンテンツでパディングする
  ---*/
.global-search {max-width: none; margin-bottom: 0;padding: 0;}

.block:not(:last-child) {margin-bottom: 2px;}
.block > *:not(:last-child) {margin-bottom: 2px;}

.switchTab {max-width: none; margin-bottom: 0;}

.wTable .wIcon {width: 2.5em; height: auto;}

/* 時系列観測データ表 全時間表示 */
tr[style="display:none"] {display: table-row !important;}
.obs-data > .obs-data__table + .btn {display: none;}

 /* 5分ごとの天気 2023年3月10日 */
.wTable.min5 .wTable__body .wTable__item.weather .icon {position: static;}
.wTable.min5 .wTable__body .wTable__item.weather {height: 60px;}
p.wTable__item.com>* {width: auto;}


/* 「付近の写真」 */
.contentBox {max-width: none;}
.soraPhotoList--type02 {padding: 0;}
[class*=soraPhotoList--type] .soraPhotoList__item:before {display: none;}
[class*=soraPhotoList--type] .soraPhotoList__item {width: auto; margin: 2px;}
[class*=soraPhotoList--type] .soraPhotoList__item .thumb {position: static; width: auto; height: auto;}

}

Reviews

No reviews yet.