Google Search Tools to Sidebar

Greasy Fork镜像 is available in English.
Google Search Tools to Sidebar

Always expands the search tool and moves it back to the left side (legacy feature).
03.03.2024 itibariyledir. En son verisyonu görün.
Bir soru sorun, yorum yayınlayın veya komut dosyasını bildirin.
Wrap lines
/* ==UserStyle==
@name           Google Search Tools to Sidebar
@name:ja        Google 検索ツールをサイドバーへ
@description    Always expands the search tool and moves it back to the left side (legacy feature).
@description:ja 検索ツールを常に展開し、以前のようにサイドバーから利用できるようにします。
@namespace      https://greasyfork.dpdns.org/users/137
@version        5.1.0
@license        MPL-2.0
@contributionURL https://www.amazon.co.jp/registry/wishlist/E7PJ5C3K7AM2
@compatible     Edge
@compatible     Firefox 推奨 (Recommended)
@compatible     Opera
@compatible     Chrome
@preprocessor   uso
@var            select categories "カテゴリ (Categories)" {
	"折りたたむ (Contracts)*": "",
	"常に展開する (Always expands)": `
		#hdtb-msb > div:first-of-type g-popup > div:first-of-type {
			display: none;
		}
		#hdtb-msb > div:first-of-type g-popup > div:last-of-type {
			display: unset !important;
			position: unset;
		}
		#hdtb-msb > div:first-of-type g-popup > div:last-of-type g-menu {
			padding-top: unset;
		}
		#hdtb-msb > div:first-of-type g-popup > div:last-of-type g-menu g-menu-item {
			background: unset !important;
		}

		#leftnavc {
			margin-top: 330px;
		}
	`
}
@author         100の人
@homepageURL    https://greasyfork.dpdns.org/scripts/412326
==/UserStyle== */

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

/* デバッグ用URL

プレイス検索
https://www.google.co.jp/search?tbm=lcl&q=%E5%90%8D%E5%8F%A4%E5%B1%8B
https://www.google.co.jp/search?sa=X&hl=ja&q=%E5%85%AD%E6%9C%AC%E6%9C%A8&ved=2ahUKEwiLsa67hcTyAhUIyosBHbiSB9gQvS4wAnoECAYQSg&biw=1037&bih=633&dpr=1&tbs=lrf:!1m4!1u2!2m2!2m1!1e1!1m4!1u1!2m2!1m1!1e1!1m4!1u1!2m2!1m1!1e2!1m4!1u3!2m2!3m1!1e1!1m5!1u3!2m2!3m1!1e2!4e2!2m1!1e2!2m1!1e1!2m1!1e3!3sIAE,lf:1,lf_ui:9&rflfq=1&num=10&rldimm=6272632682033027264&phdesc=Rk9EApHyPnA&rlst=f&rlfi=hd:;si:&rlvp=clear
COVID‑19のサイドバー
https://www.google.com/search?q=covid-19
https://www.google.com/search?q=%E3%82%B3%E3%83%AD%E3%83%8A
https://www.google.com/search?q=%E6%96%B0%E5%9E%8B
YouTube Music
https://www.google.co.jp/search?q=%E3%81%BE%E3%81%BE%E3%81%94%E3%81%A8+%E5%80%89%E6%A9%8B%E3%83%A8%E3%82%A8%E3%82%B3
歌詞
https://www.google.co.jp/search?q=%E3%81%BE%E3%81%BE%E3%81%94%E3%81%A8+%E6%AD%8C%E8%A9%9E
アニメなど
https://www.google.com/search?q=%E5%A4%A2%E3%81%AE%E3%82%AF%E3%83%AC%E3%83%A8%E3%83%B3%E7%8E%8B%E5%9B%BD


「摂氏」「華氏」のサイドバー (難読化のため対策不可)
https://www.google.co.jp/search?q=%E6%91%82%E6%B0%8F

*/

@-moz-document url("https://www.google.com/search?q=Greasy%20Fork"), url("https://www.google.co.jp/search?q=Greasy%20Fork"), /* Greasy Fork镜像の適用サイト用 */
	regexp("https?://www\\.google\\.(?:com|(?:com?\\.)?[a-z][a-z])/(?!(?:webhp$|$)|maps(?:$|.*)|search\\?(.*&)?(?:tbm=lcl|tbs=lrf)(?:$|.*)).*") {
	body {
		/* サイドバーの幅 */
		--sidebar-width: 138px;
	}

	/*------------------------------------
		検索フォームの高さを小さくする
	*/
	#sform {
		/* 検索窓の下に発生するスペースの除去 */
		height: 50px;
	}
	#gsr #searchform:not(.jhp) {
		/* ロゴ・検索フォーム・アプリボタン等 */
		top: 10px;
	}

	/*------------------------------------
		ショッピング検索のサイドバー
	*/
	#leftnavc {
		width: var(--sidebar-width);
		margin-top: 230px;              /* 畳んだ状態のカテゴリ一覧の高さ */
	}
	#leftnavc .sr__restricts {
		width: unset;
	}

	#leftnavc .sr__restricts .sr__group {
		/* サイドバーの項目 */
		margin-left: 10px;
	}

	/*------------------------------------
		検索フォームと検索結果の水平位置
	*/
	.logo { /* ロゴ */
		left: calc(-1 * var(--sidebar-width) + 10px);
	}

	[role="search"] > * > [jsaction] { /* 検索フォーム */
		margin-left: calc(var(--sidebar-width) - 27px);
	}

	#slim_appbar, /* ヒット件数 */
	#center_col { /* 検索結果 */
		margin-left: var(--sidebar-width) !important;
	}

	/*------------------------------------
		カテゴリ一覧と検索ツール
	*/
	#top_nav {
		/* サイドバー全体 */
		position: absolute;
		min-width: 0 !important;
		width: var(--sidebar-width);
	}
	#top_nav #hdtb {
		/* サイドバー全体 */
		margin-top: -10px;
		border-bottom: unset;
		/* 画像を選択したときの背景色 */
		background: #FFFFFF;
	}

	/*------------------------------------
		カテゴリ一覧と設定
	*/
	#top_nav #hdtb > :first-child { /* #hdtb-msb の親 */
		height: auto;
		background: unset;
		opacity: unset !important;
		visibility: unset !important;
	}
	#top_nav #hdtb #hdtb-msb,
	#top_nav #hdtb #hdtb-msb ~ ol { /* セーフサーチ設定 */
		flex-direction: column;
		align-items: unset;
		float: unset;
		min-width: unset;
	}
	#top_nav #hdtb-msb > *:first-child {
		/* カテゴリ全体の左に発生するスペースの除去 */
		margin: unset;
	}
	#top_nav #hdtb-msb + *  {
		/* セーフサーチ設定 */
		padding-left: 1em;
	}

	/*------------------------------------
		カテゴリ
	*/
	#top_nav #hdtb-msb .hdtb-mitem {
		display: block;
		height: unset;
		padding: unset;
		margin: 0;
	}
	#top_nav #hdtb-msb .hdtb-mitem:first-of-type {
		/* カテゴリ全体の上に発生するスペースの除去 */
		margin-top: unset;
	}

	#top_nav #hdtb-msb .hdtb-mitem .q {
		/* リンクテキスト */
		display: block;
	}
	#top_nav #hdtb-msb .hdtb-mitem .q:not(:active) {
		color: #000000;
	}
	#top_nav #hdtb-msb .hdtb-mitem .q:hover {
		background: #EEEEEE;
	}

	#top_nav #hdtb-msb .hdtb-mitem.hdtb-msel {
		/* 選択されているカテゴリ */
		border-left-style: solid;
		border-left-width: 6px;
		border-bottom: none;
	}

	#top_nav #hdtb-msb .hdtb-mitem .q,
	#top_nav #hdtb-msb .hdtb-mitem.hdtb-msel {
		padding: 5px 0 5px 16px;
	}

	/*------------------------------------
		「もっと見る」「設定」「期間を指定」「サイズを指定」ボタン
	*/
	#top_nav #hdtb-msb .hdtb-dd-b,
	#top_nav #hdtbMenus #cdr_opt #cdrlnk,
	#top_nav #hdtbMenus #isz_ex .exylnk {
		display: inline-block;
		color: #666666;
		border: solid 1px #DDDDDD;
		background: linear-gradient(to bottom, #FFFFFF, #F5F5F5);
		border-radius: 4px;
		padding: 0 12px 0 12px;
		line-height: 25px;
		margin: 5px 10px;
	}
	#top_nav #hdtb-msb .hdtb-dd-b:hover,
	#top_nav #hdtbMenus #cdr_opt #cdrlnk:hover,
	#top_nav #hdtbMenus #isz_ex .exylnk:hover {
		border-color: #BBBBBB;
		text-decoration: none;
	}

	#top_nav #hdtb-msb .hdtb-dd-b .more-vert {
		/* もっと見るの前の「⋮」の除去 */
		display: none;
	}

	#top_nav #hdtbMenus #cdr_opt .cdr_sep {
		/* 「期間を指定」ボタンの上の水平線 */
		display: none;
	}

	/*------------------------------------
		「保存済みの画像を見る」「セーフサーチ」ボタン
	*/
	#top_nav #hdtb-s #ab_ctls {
		position: absolute;
		top: -30px;
		right: calc(-100vw + 185px);
		line-height: 29px;
	}

	/*------------------------------------
		画像検索の「最小サイズ」
	*/
	#top_nav #hdtbMenus #isz_lt .tnv-lt-m {
		padding-right: 15px;
		position: relative;
	}
	#top_nav #hdtbMenus #isz_lt .tnv-lt-m::after {
		/* ▶マーク */
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0px 4px 4px;
		border-color: transparent #909090;
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -4px;
	}
	#top_nav #hdtbMenus #isz_lt .tnv-lt-arw {
		display: none;
	}

	/*------------------------------------
		検索ツール
	*/
	#top_nav #hdtbMenus {
		display: unset;
		position: unset;
		visibility: unset;
	}
	#top_nav #hdtbMenus > div:first-of-type {
		display: revert;
		width: unset;
		overflow-x: unset;
	}
	#top_nav #hdtbMenus g-popup {
		text-align: left;
	}
	#top_nav #hdtbMenus .hdtb-mn-cont {
		/* 画像を選択したときの背景色 */
		height: unset;
	}
	#top_nav #hdtb-msb #hdtb-tls {
		/* 「ツール」ボタン */
		display: none;
	}

	/*------------------------------------
		検索ツールの各項目の見出し
	*/
	#top_nav #hdtbMenus .mn-dwn-arw,
	#top_nav #hdtbMenus .hdtb-mn-hd:not([aria-label*=" – "]) {
		display: none;
	}

	#top_nav #hdtbMenus .hdtb-mn-hd {
		/* 日付けで期間が指定されているとき */
		line-height: unset;
		padding-right: 0;
		text-align: right;
	}
	#top_nav #hdtbMenus .hdtb-mn-hd .mn-hd-txt {
		white-space: initial;
	}

	/*------------------------------------
		検索ツールの各項目の選択肢一覧
	*/
	#top_nav #hdtbMenus [jsname][style*="display:none"]:not([aria-hidden]) {
		display: block !important;
		position: unset;
		box-shadow: unset;
		/* 日付けで期間が指定されているときに、表示されている期間をクリックしたとき */
		min-width: unset !important;
		/* 画像検索のライセンス */
		white-space: initial;
	}

	/*------------------------------------
		検索ツールの各項目の選択肢
	*/
	#top_nav #hdtbMenus g-menu-item {
		padding: 0 0.3em;
		font-size: 13px;
		background: unset;
		color: #222222;
	}

	#top_nav #hdtbMenus g-menu-item:hover {
		text-decoration: underline;
	}

	#top_nav #hdtbMenus g-menu-item [aria-checked="true"] {
		/* 選択されている選択肢 */
		color: #DD4B39;
		font-weight: bold;
	}

	#top_nav #hdtbMenus g-menu-item > * > * {
		padding: unset;
	}

	/*------------------------------------
		表示領域の幅が狭い場合に壊れる問題への対処
	*/
	#hdtb,
	#main > div > div {
		margin-left: unset;
	}

	/*====================================
		ヒット件数を常に表示
	*/
	#slim_appbar {
		/* ヒット件数の下に発生するスペースの除去 */
		height: 30px;
	}
	#gsr #resultStats {
		opacity: unset;
		line-height: unset;
		position: unset;
	}
/*[[categories]]*/}
Greasy Fork镜像

Google Search Tools to Sidebar

赞助商

广告
