JREC-IN Portal のカスタムCSS
使い方
Chrome拡張の「Stylebot」をインストールする
拡張機能からStylebotのオプションを開く
「スタイル」から新しいスタイルを追加する
対象とするURLを指定する
JREC-IN Portal にログインせずに使う場合は「jrecin.jst.go.jp/seek/SeekJorSearch*」を指定する
JREC-IN Portal にログインして使う場合は「jrecin.jst.go.jp/seek/Hunter/JorSearch*」を指定する
その他必要に応じて追加してくださいCSSに以下の内容を貼り付ける
注意事項
本ページで紹介している方法、CSSについては自己判断の上ご使用ください。
本ページ記載事項の使用により生じるいかなる損害についても、責任を負いかねます。
JREC-IN Portal の仕様変更等によりうまく機能しない場合があります
とりあえずそれらしく見えるようにしているので、必要に応じて編集してください
Stylebot以外の拡張機能でも機能するはずです
CSS
a.btn.dtl_btn.text-center.mb-2 {
padding-top: 0px;
padding-bottom: 0px;
width: 128px;
background-color: #ffffff;
border-style: none;
color: #434343;
}
div.d-flex.align-items-center:nth-child(3) {
display: none;
}
div.d-flex.align-items-center:nth-child(4) {
display: none;
}
div.d-flex.align-items-center:nth-child(5) {
display: none;
}
div.d-flex.align-items-center:nth-child(6) {
display: none;
}
div.d-flex.align-items-center:nth-child(7) {
display: none;
}
div.d-flex.align-items-center:nth-child(8) {
display: none;
}
div.d-flex.align-items-center.mt-2 {
display: none;
}
div.card.mb-2 {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
}
div.d-md-flex.align-items-center:has(button.fav_btn) {
display: none;
}
button.fav_btn.mb-2 {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border-style: none;
font-size: 10px;
width: 128px;
}
div.d-md-flex.align-items-center {
display: inline;
}
h5.card_title {
margin-top: 0px;
margin-bottom: 0px;
font-size: 18px;
display: inline-flex;
font-weight: 100;
font-style: normal;
}
div.card_header {
padding-bottom: 0px;
}
p.me-md-3 {
margin-left: 16px;
display: inline-flex;
margin-bottom: 0px;
margin-top: 0px;
font-size: 14px;
}
small.badge_term {
display: none;
}
i.fa-solid.fa-magnifying-glass-plus {
background-color: #ffffff;
}
button.btn.dtl_btn.text-center.mb-2 {
padding-top: 0px;
padding-bottom: 0px;
width: 128px;
background-color: #ffffff;
border-style: none;
color: #434343;
}
div.d-flex.align-items-center.mb-2 {
margin-bottom: 0px;
display: inline-flex;
}