Greasy Fork is available in English.
Always expands the search tool and moves it back to the left side (legacy feature).
当前为
/* ==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 http://greasyfork.icu/users/137
@version 3.4.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 http://greasyfork.icu/scripts/412326
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp("https?://www\\.google\\.(?:com|(?:com?\\.)?[a-z][a-z])/(?!maps(?:$|.*)).*") {
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;
}
/*------------------------------------
検索フォームと検索結果の水平位置
*/
[role="search"] > * > [jsaction] { /* 検索フォーム */
padding-left: unset;
}
#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-msb {
flex-direction: column;
align-items: unset;
float: unset;
min-width: unset;
}
#top_nav #hdtb-msb > *:first-child {
/* カテゴリ全体の左に発生するスペースの除去 */
margin: unset;
}
/*------------------------------------
カテゴリ
*/
#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 .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"] {
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[role="menuitem"] {
/* 選択されている選択肢 */
color: #DD4B39;
font-weight: bold;
}
#top_nav #hdtbMenus g-menu-item > * > * {
padding: unset;
}
/*====================================
ヒット件数を常に表示
*/
#slim_appbar {
/* ヒット件数の下に発生するスペースの除去 */
height: 30px;
}
#gsr #resultStats {
opacity: unset;
line-height: unset;
position: unset;
}
/*[[categories]]*/}