Google Search Display URL

Display page URLs under the page names (legacy feature).
当前为 2021-04-14 提交的版本，查看最新版本。
换行
/* ==UserStyle==
@name           Google Search Display URL
@name:ja        Google検索 URLを表示
@description    Display page URLs under the page names (legacy feature).
@description:ja 以前のようにページ名の下へURLを表示します。
@namespace      https://greasyfork.org/users/137
@version        1.5.0
@license        MPL-2.0
@contributionURL https://www.amazon.co.jp/registry/wishlist/E7PJ5C3K7AM2
@compatible     Edge
@compatible     Firefox 推奨 (Recommended)
@compatible     Opera
@compatible     Chrome
@author         100の人
@homepageURL    https://greasyfork.org/scripts/395307
==/UserStyle== */

/*
【動作確認用】
サイトリンク付き
https://www.google.com/search?q=Greasy+Fork
動画再生フォーム
https://www.google.com/search?q=%E5%A5%BD%E3%81%8D!%E9%9B%AA!%E6%9C%AC%E6%B0%97%E3%83%9E%E3%82%B8%E3%83%83%E3%82%AF
電卓
https://www.google.com/search?q=1-1
翻訳フォーム
https://www.google.com/search?q=test
乱数生成フォーム / このページを訳す
https://www.google.com/search?q=random+number
宅配便の追跡リンク
https://www.google.com/search?q=999999999994
Twitter
https://www.google.com/search?q=Twitter
*/

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document regexp("https?://www\\.google\\.(?:com|(?:com?\\.)?[a-z][a-z])/(?!maps(?:$|.*)).*") {
	.yuRUbf,
	[data-async-context^="query:"] div[data-hveid][data-ved]:not([id]):not([data-md]) h3 a, /* 動画再生フォーム */
	[data-async-context^="query:"] g-section-with-header g-link a { /* Twitter */
		--sub-color: darkgreen;

		display: grid;
		grid-template:
			" title title "
			" url   option"
			/ auto  1fr;
	}

	[data-async-context^="query:"] div[data-hveid][data-ved]:not([id]):not([data-md]):not([class*="wholepage"]) cite,
	[data-async-context^="query:"] g-section-with-header cite { /* Twitter */
		display: none;
	}

	.yuRUbf > a {
		display: contents;
	}

	.yuRUbf h3,
	[data-async-context^="query:"] g-section-with-header g-link h3 {
		grid-area: title;
		white-space: nowrap;
	}

	.yuRUbf > a::after,
	[data-async-context^="query:"] div[data-hveid][data-ved]:not([id]):not([data-md]) h3 a::after, /* 動画再生フォーム */
	[data-async-context^="query:"] g-section-with-header g-link a::after { /* Twitter */
		grid-area: url;
		content: attr(href);
		color: var(--sub-color);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 13px; /* Twitter */
	}

	.yuRUbf > div {
		grid-area: option;
		position: unset;
	}
}