"オリジナルカスタムUI"のフォルダに入れるCSS。
デフォルトの気に入らない部分を微修正したのみ。
3.7→3.8のver upでも仕様変更された部分が崩れたので、使い続けるには修正し続ける必要がありそう。
ブックマークや履歴などの項目が大量にあるリストは、表示領域外に出た要素が消滅してしまうようなので、要素の高さ調整は難しそう。できればposition:absolute→staticにしたかったけど
/* フォント */ /* 全てメイリオ化 */ * { font-family: "メイリオ" !important; } /* メイリオだとメニューバーの「ブックマーク(B)」が長すぎて2行になる */ .menubar button { max-width: 200px; } /* ツールバー(アドレスバー) */ /* アドレスバーの左端と右端を多少空ける */ .toolbar-mainbar.UrlBar, .toolbar-mainbar.toolbar-mailbar { padding-left:1%; padding-right:1%; } /* 配置した休憩ボタンの右をスペース空けたい */ .toolbar-mainbar .panel-clickoutside-ignore { margin-right:34px; } /* メール表示時の検索欄の左右marginがバグってる気がするので修正(メイリオのせい?) */ .toolbar-mailbar .toolbar-droptarget > div[style].toolbar { margin-left:92px !important; margin-right:92px !important; /* default: left 178px, right 6px; */ } /* タブバー */ /* 少し小さく? */ div.tab-header { padding:5px 0 5px 5px; } /* タブバーのタブ追加ボタンの削除 */ div.button-toolbar.newtab { display:none; } /* 同期タブと削除タブを一番上に持っていく */ .toolbar-tabbar.sync-and-trash-container { order:-1; } /* 同期タブと削除タブのアイコンの間をあける */ .toolbar-tabbar.sync-and-trash-container { max-width:100% !important; margin-left:0 !important; margin-right:0 !important; justify-content:space-evenly !important; } /* メール表示画面のヘッダー部 */ /* gridの無効化 */ .webpageview #mail_view #mail_detail .mail-detail-header { display:block; } /* 誤クリック防止 */ #mail_view header .button-with-dropdown-container > button:first-of-type { display:none; } /* ↑の防止で消したテキストの代替と、長いタイトルを2行以上表示 */ #mail_view header div[title].button-with-dropdown-container:before { display:inline-block; content:attr(title); overflow:visible; white-space:normal; padding:2px; } .webpageview #mail_view #mail_detail .mail-detail-header h1 { margin-bottom:12px; } /* パネルセレクタ */
/* 動作中のがたつき低減 */ #panels-container.left.velocity-animating { min-width:80px !important; } /* パネル名の表示 */ #switch > button:after { font-size:11px; display:block; content:attr(title); padding-bottom:4px; } #switch > button.webviewbtn:after { content:"ウェブパネル" !important; } /* パネルの整形 */ #switch > button { display:block; } #switch .addwebpanel-wrapper > button > span:not(.button-badge), #switch > button > span:not(.button-badge) { width:auto; } /* パネルセレクタの34px→80px化(パネル名表示のため) */ #panels-container.left.icons { width:80px !important; } #panels-container.left div.panel-group .panel-collapse-guard { min-width:0% !important; max-width:100% !important; } #switch { flex:0 0 80px; } #switch .addwebpanel-wrapper > button, #switch > button { width:80px; height:auto; } #switch .addwebpanel-wrapper > button.downloads.in-progress div.progress, #switch > button.downloads.in-progress div.progress { left:32px; /* default:9px. 9 + (80-34)/2 = 32px */ } /* メールパネル,フィードパネルを最上位に表示 */ #switch > button.panelbtn.mail, #switch > button.panelbtn.feeds { order:-1; } #switch > button.panelbtn.mail { border-top-width:0; } #switch > button:first-of-type { border-top-width:1px; } /* パネル内容欄 */ /* パネル内容欄のタイトル フォント縮小 */ #panels-container.left div.panel-group header { font-size:smaller; } /* ダウンロードパネルの通信速度部分を広く、文字を小さく */ .panel#downloads [title*="ダウンロード中"].DownloadItem { grid-template-areas: 'FileIcon FileName ActionButton' 'FileIcon ProgressBar ActionButton' 'FileIcon FileSize FileSize'; } .panel#downloads .DownloadItem-FileSize { font-size: smaller; /* var(--fontSizeSmaller)の数値が入ってないっぽい */ }
Stylusで全サイトに適用するcss(browser.css)
input, :not([aria-hidden]):not([aria-label]):not(:empty):not(.material-icons){ font-family:"メイリオ" !important; }/* aria-hidden,aria-label: アイコンフォントで扱われるべき要素。 :empty: 中身のないタグ内のbefore等にアイコンフォントを指定しがち。:beforeの指定だと全タグ含まれてしまう input: :emptyにinputが含まれてしまうため追加。 .material-icons: google製で広く普及してそうなマテリアルアイコン用のclass。font-family:"Material Icons" */ * { user-select:auto !important; } /* CSSによるテキスト選択の可否をリセット。pointer-events:none も選択可能になる。 :before等は元々不可 */
uBlock Originで適用するフィルタ
・内製フィルタ全て
・広告 > EasyList (ホワイトリストはMyフィルタで許可)
・迷惑系 > EasyList Cookie
・https://www.i-dont-care-about-cookies.eu/abp/ (Vivaldiのブロッカーに入ってるやつ)
・豆腐フィルタ
・あとMyルール > behind-the-scene * 3p-frame block (良いかわからん)
レジストリでフルスクリーン防止(フルスクリーン表示がウィンドウ内に限定される、Stand-Aloneでインストールしても読んでくれる)
HKCU\Software\Policies\Vivaldi\FullscreenAllowed =0 (Dword32)