☰

Google Search Display URL

Display URLs for each search result as before.

  1. /* ==UserStyle==
  2. @name           Google Search Display URL
  3. @name:ja        Google検索 URLを表示
  4. @description    Display URLs for each search result as before.
  5. @description:ja 以前のように各検索結果へURLを表示します。
  6. @namespace      https://greasyfork.org/users/137
  7. @version        2.0.0
  8. @license        MPL-2.0
  9. @contributionURL https://github.com/sponsors/esperecyan
  10. @compatible     Edge
  11. @compatible     Firefox 推奨 (Recommended)
  12. @compatible     Opera
  13. @compatible     Chrome
  14. @author         100の人 (エスパー・イーシア)
  15. @homepageURL    https://greasyfork.org/scripts/395307
  16. ==/UserStyle== */
  17.  
  18. /*
  19. 【動作確認用】
  20. サイトリンク付き
  21. https://www.google.com/search?q=Greasy+Fork
  22. https://www.google.com/search?q=Twitter
  23. 動画再生フォーム
  24. 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
  25. 電卓
  26. https://www.google.com/search?q=1-1
  27. 翻訳フォーム
  28. https://www.google.com/search?q=test
  29. 乱数生成フォーム / このページを訳す
  30. https://www.google.com/search?q=random+number
  31. */
  32.  
  33. @namespace url(http://www.w3.org/1999/xhtml);
  34.  
  35. @-moz-document url("https://www.google.com/search?q=Greasy%20Fork"), url("https://www.google.co.jp/search?q=Greasy%20Fork"), /* Greasy Forkの適用サイト用 */
  36. 	regexp("https?://www\\.google\\.(?:com|(?:com?\\.)?[a-z][a-z])/(?!(?:webhp$|$)|maps(?:$|.*)|search\\?(.*&)?(?:tbm=lcl|tbs=lrf|udm=2)(?:$|.*)).*") {
  37. 	.yuRUbf > div,
  38. 	[data-async-context^="query:"] div[data-hveid][data-ved]:not([id]):not([data-md]) h3  a {
  39. 		--url-color: #4D5156;
  40. 		--icon-size: 26px;
  41. 		--icon-margin-right: 12px;
  42.  
  43. 		display: grid;
  44. 		grid-template:
  45. 			" icon  site  site"
  46. 			" icon  url   option"
  47. 			" title title title"
  48. 			/ calc(var(--icon-size) + var(--icon-margin-right)) min-content auto;
  49. 	}
  50. 	
  51. 	table h3 a {
  52. 		/* サイトリンク */
  53. 		display: block !important;
  54. 	}
  55.  
  56. 	[data-async-context^="query:"] :is(
  57. 		div[data-hveid][data-ved]:not([id]):not([data-md]):not([class*="wholepage"])
  58. 	 ) cite {
  59. 		display: none;
  60. 	}
  61.  
  62. 	.yuRUbf > div > span,
  63. 	.yuRUbf > div > span > a {
  64. 		display: contents;
  65. 	}
  66.  
  67. 	:is(
  68. 		.yuRUbf > div,
  69. 		[data-async-context^="query:"] g-section-with-header g-link
  70. 	 ) h3 {
  71. 		grid-area: title;
  72. 		white-space: nowrap;
  73. 		transform: unset !important;
  74. 	}
  75.  
  76. 	.yuRUbf > div h3 ~ div,
  77. 	.yuRUbf > div h3 ~ div > div {
  78. 		display: contents !important;
  79. 	}
  80.  
  81. 	.yuRUbf > div h3 ~ div > div > span {
  82. 		 grid-area: icon;
  83. 		 align-self: center;
  84. 	}
  85.  
  86. 	.yuRUbf > div h3 ~ div > div > div {
  87. 		 grid-area: site;
  88. 	}
  89.  
  90. 	:is(
  91. 		.yuRUbf > div > a,
  92. 		.yuRUbf > div > span > a
  93. 	)::after {
  94. 		grid-area: url;
  95. 		content: attr(href);
  96. 		color: var(--url-color);
  97. 		white-space: nowrap;
  98. 		overflow: hidden;
  99. 		text-overflow: ellipsis;
  100. 	}
  101. 	
  102. 	table a::after {
  103. 		/* サイトリンク */
  104. 		content: unset !important;
  105. 	}
  106.  
  107. 	.yuRUbf > div > div {
  108. 		grid-area: option;
  109. 		position: unset;
  110. 		width: 18px;
  111. 	}
  112.  
  113. 	.yuRUbf > div > div > div:first-of-type {
  114. 		display: none;
  115. 	}
  116.  
  117. 	.yuRUbf > div > div > div:nth-of-type(2) {
  118. 		margin-top: unset;
  119. 	}
  120. }