weathernews.jp compact
by nullpage
Details
Author nullpage
License CC Zero
Category weathernews.jp
Created 2 years, 11 months ago
Updated 1 year, 9 months ago
Size 2.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;}
}