직업도 직업이고, 루팡도 루팡인데,

루팡짓을 하다보면, 무언가 좀 더 나은 환경 속에서 루팡짓을 하고 싶단 말이죠.

그래서 시험 공부할때 청소부터 하는 거겠죠. ㅋㅋㅋ

크게 바뀐것은 없지만, 좀 더 정리된 느낌, 눈에 거슬리는 것(두꺼운 선이라던가…) 수정하였습니다.

Kiwi browser라는 것을 사용하면 모바일에서도 익스텐션을 사용할 수 있더라고요.

그래서 모바일 버전도 약간 트윅하였습니다.

아래의 스타일을 stylebot같은 익스텐션에 추가하여 사용하면 됩니다.

--------------------- 

bg-body {background-color: rgb(233 233 233) !important;}
.site-navbar {background: #e5e5e5;}
.site-footer-wrap .mb-4 {display:none;}
​footer.site-footer-wrap.bg-body-tertiary.py-4 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}
.site-footer-wrap .lh-lg {line-height: 1.5 !important;}
.site-footer-wrap .mb-3 {margin-bottom: 0rem !important;}
li.list-group-item:nth-child(even) {background-color:#f1f1f1;}
.mb-4 p span {color: #fff !important;}
.border.mx-3.mx-sm-0.mb-3.p-3 {background: #fff;}
.border.mx-3.mx-sm-0.mb-3.p-3 img.rounded-circle {width:100px;}
.bg-secondary-subtle {background-color: #cedeff !important;}
img#my_menu_img {margin-top: 4px;}
.bg-body-tertiary {background-color: rgb(241 241 241) !important}
.rolling-noti-container-list, .rolling-noti-container-view, .rolling-noti-container-write {background-color: #e7f3ff;border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;margin: 10px 0 20px 0;}
h1#bo_v_title {background-color: #ddd;padding-top: 10px;}
.line-top {border-top: 1px solid #cfcfcf !important;}
.d-flex.gap-1.align-items-start.pt-2.px-3.small {background-color: #f1f1f1;padding-bottom: 7px;}

@media (min-width: 992px) {
.px-3.mb-4 {background: #f0f0f0;padding: 2px 2px 10px 2px;border-radius: 10px;}
#sidebar-site-menu .nav-item {padding: 6px 0 0 0 !important;border-bottom: 1px dashed #d1d1d1;border-radius: 0;}
.nav-item.nav-link {position: absolute;top: 133px;left: 1175px;}
.nav-item i {display: none;}
.sticky-top .row.gx-2 {margin-top: 20px;}
.my-2 span.small {display: none;}
.nav-item.nav-link {margin: -20px 0 0 63px !important;border-bottom: none !important;}
.bo_list_wrap.px-3.py-2.border-top {position: absolute !important;bottom: -26px;left: auto;right: auto;}
.page-title.p-3.pt-4.mb-3 {width: 100.12%;}
.alert.alert-light.mb-4.mx-3.mx-sm-0 {padding: 0;margin-bottom: 70px !important;}
.px-3.mb-4 {border-radius: 0;}
article#bo_v {background: #f9f9f9;}
.rounded-circle {border-radius: 10% !important;}
.lh-base {line-height: 3.5 !important;}
.my-2 {margin-top: 0 rem !important;margin-bottom: 0.5rem !important;}
a.sv_member.ellipsis-1 {margin-top: -20px;}
.text-bg-secondary {min-width: 28px;}
.nav-item iframe#aswift_1 {width: 280px !important;}
.col-md-8 iframe#aswift_1 {width: 872px !important;;}
.row-cols-lg-2 iframe#aswift_1 {width: 424px !important;;}
ul.nav.justify-content-center.border-bottom.pb-3.mb-3 {display: none;}
p.text-center.text-body-secondary {margin-bottom: 1px;}
}

@media (max-width: 992px) {
h2.fs-4.mb-0 {text-align: center;padding: 10px 0 0 0;font-size: 25px;}
.order-2.col-md-4 {width: 100% !important;display: none;}
.site-footer-wrap .mb-3 {font-size: 0.8rem;}
.na-menu .nav-item {padding: 10px 0 0 0 !important;border-bottom: 1px dashed #d1d1d1;border-radius: 0; }
.na-menu .nav-icon {display:none;}
.pagination-sm {--bs-pagination-padding-x: 0.6rem !important;}
.site-footer-wrap .px-2 {padding-right: 0.2rem !important;padding-left: 0.2rem !important;font-size: 15px;}
.site-footer-wrap .pb-3 {padding-bottom: 0rem !important;}
}