Google Search Display URL

Display page URLs under the page names (legacy feature).

/* ==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.8.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 > div,
	[data-async-context^="query:"] :is(
		div[data-hveid][data-ved]:not([id]):not([data-md]) h3, /* 動画再生フォーム */
		g-section-with-header g-link /* Twitter */
	) a {
		--sub-color: darkgreen;

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

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

	.yuRUbf > div > span,
	.yuRUbf > div > span > a {
		display: contents;
	}

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

	:is(
		.yuRUbf > div,
		[data-async-context^="query:"] g-section-with-header g-link
	 ) h3 + div > span {
		background: unset;
		border: unset;
	}

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

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

	.yuRUbf > div > div > div:first-of-type {
		display: none;
	}

	.yuRUbf > div > div > div:nth-of-type(2) {
		margin-top: unset;
	}
}