Opera の設定
「設定（Ctrl+F12）」ウィンドウから「詳細設定」タブを開く。
左側のメニューから「コンテンツ」を選択し、ボタンを押す。
「スタイルオプション」ウィンドウが開いたら、「表示モード」タブをクリックして以下のように設定する。
「標準の表示モード」は任意。使用例の様にボタンで切り替えることも出来る。
/usr/share/opera/styles/user.css 編集
同 CSS を右クリックして「管理者として開く」を選択し、下記をペーストして保存したら Opera を再起動する。
a{border-bottom:thin dashed gainsboro;color:#345;padding-bottom:1px;text-decoration:none}
a:hover{border:none;opacity:.8}
body *{line-height:2}
body{color:#444;background-color:#fefefe;margin:3em 8em}
h1,h2,h3,h4,h5,h6{color:#333;font-weight:normal!important}
header *,nav *{line-height:1.5}
hr{background-color:gainsboro;border:none;height:1px}
span+a{margin-left:.5em;margin-right:.5em}a+a{margin-right:.5em}
svg{fill:dimgray;width:10px}
table{border-collapse:collapse}
td,th{border:thin solid gainsboro;padding:.1em .5em}
input,textarea{padding:.5em}
.pager,.paging,.pagination{display:flex;flex-wrap:wrap;justify-content:space-around;list-style:none}
画像を表示したくない場合は以下を追記
*:empty{display:none}
使用例
before
after