클모앙 (Classic Damoang) UserStyle

cmoang.css

/*

!!! MOVED TO codeberg.org/jiin/cmoang !!! 


==UserCSS==
@name cmoang
@match            *://damoang.net/*
@version          1.17.0
==/UserCSS==
*/
/*
 * 클모앙 v1.17.0 (2025/01/05)
 * 제작: 8086
   _     _          __          _      _          _          __
  / |\/|/ \ /\ |\ |/__  _ _ _ _|__ ._ | \ /\ |\/|/ \ /\ |\ |/__
  \_|  |\_//--\| \|\_|o(__>_>  |(_)|  |_//--\|  |\_//--\| \|\_|
 */

/*
 * Global Color
 */

/* Light */
[data-bs-theme="light"] {
	--bs-body-bg: #ffffff !important;
	--bs-tertiary-bg: #eeeeee !important;
	--bs-border-color: #e2e2e2 !important;
	--na-nav-bg: #232f3e !important;
	--cm-btn-bg: #232f3e !important;
    --cm-board-head-div: #999999 !important;
    --cm-comment-header-bg: #f1f1f1 !important;
    --cm-comment-op-header-bg: #fbe4c3 !important;
	--cm-cmtbx4-bg: #527492;
	--cm-cmtbx4-txt: #ffffff;
	--cm-cmtbx3-bg: #afcae2;
	--cm-cmtbx3-txt: #ffffff;
	--cm-cmtbx2-bg: #ccdfed;
	--cm-cmtbx2-txt: #000000;
	--cm-cmtbx1-bg: #eeeeee;
	--cm-cmtbx1-txt: #000000;
	--cm-cmtbx0-bg: #fafafa;
	--cm-cmtbx0-txt: #cccccc;
	--cm-sidekey-bg: #f1f1f1;
	--cm-sidekey-txt: #000000;
	--cm-sidekey-border: #0000000d;
	--cm-noti-bg: #f5f5f5;
	--cm-noti-txt: #000000;
    --cm-sidehead-bg: #516B82;
    --cm-sidehead-sg-bg: #71A064;
    --cm-sidehead-txt: #ffffff;
    --cm-usermodbtn-bg: #bbbbbb;
    --cm-usermodbtn-txt: #ffffff;
    --cm-userlevel-progress: #516B82;
    --cm-poll-seeres: #eeeeee; /* poll see result */
    --cm-poll-bg: #827b51;
    --cm-sign-posts-bg: #f1fdff;
    --cm-sign-comments-bg: #feffed;
    --cm-sidemenu-hover-bg: #f1f1f1;
  --cm-post-info: #fafafa;
}

/* Dark */
[data-bs-theme="dark"] {
	--bs-body-bg: #222222 !important;
	--bs-tertiary-bg: #000000 !important;
	--bs-border-color: #333333 !important;
	--na-nav-bg: rgb(35, 47, 62) !important;
	--cm-btn-bg: #37475a !important;
    --cm-board-head-div: #555555;
    --cm-comment-header-bg: #333333 !important;
    --cm-comment-op-header-bg: #685130 !important;
	--cm-cmtbx4-bg: #1c77c7;
	--cm-cmtbx4-txt: #e0e0e0;
	--cm-cmtbx3-bg: #01579b;
	--cm-cmtbx3-txt: #e0e0e0;
	--cm-cmtbx2-bg: #486382;
	--cm-cmtbx2-txt: #e0e0e0;
	--cm-cmtbx1-bg: #25323c;
	--cm-cmtbx1-txt: #cccccc;
	--cm-cmtbx0-bg: #292929;
	--cm-cmtbx0-txt: #444444;
	--cm-sidekey-bg: #333333;
	--cm-sidekey-txt: #e0e0e0;
	--cm-sidekey-border: #3d3d3d;
	--cm-noti-bg: #333333;
	--cm-noti-txt: #ffffff;
    --cm-sidehead-bg: #4C7AA2;
    --cm-sidehead-sg-bg: #71A064;
    --cm-sidehead-txt: #E0E0E0;
    --cm-usermodbtn-bg: #333333;
    --cm-usermodbtn-txt: #999999;
    --cm-userlevel-progress: #1e90ff;
    --cm-poll-seeres: #eeeeee; /* poll see result */
    --cm-poll-bg: #a2994c;
    --cm-sign-posts-bg: #152225;
    --cm-sign-comments-bg: #222213;
    --cm-sidemenu-hover-bg: #333333;
  --cm-post-info: #2a2a2a;
}

/*
 * Common
 */
:root {
	--na-title-bg: var(--bs-body-bg) !important;;
	--cm-mainbar-txt: #ffffff;
	--bs-primary: var(--na-nav-bg) !important;
	--bs-body-bg-rgb: var(--bs-body-bg) !important;
	--bs-border-radius: 2px !important;
  --bs-border-radius-lg: 2px !important;
	--bs-badge-font-size: 10px;
	--bs-border-width: 0.5px !important;
	--bs-border-radius-sm: 2px !important;
	--bs-body-font-family:Gulim !important;
	--bs-body-font-size: 14px !important;
	--bs-body-line-height:1.3 !important;
}

.sticky-top {
    padding-top: 0px !important;
} /* 홈 게시판 멘 위 패딩 */

.site-navbar {
    display: block !important;
    position: absolute !important;
}

.order-1.col-md-4.col-lg-3 {
    order: 1 !important;
    width: 145px !important;
    margin: 18px 0 0 15px !important;
}
.order-2.col-md-8.col-lg-9 {
    order: 2 !important;
    width: 895px !important;
    margin: 18px 0 0 15px !important;
    background: var(--bs-body-bg) !important;
    height: fit-content !important;
}
.order-2.col-md-8.col-lg-9 > .py-3 > .mb-3:not(.page-title){
  margin: 0px !important; /* seems like page-title also has margin 0 but just in case. */
}
#bo_list { max-width: 895px !important; }

container { max-width: 1400px !important;}
#sidebar-site-menu { width: 145px !important; }
#fsearch .col-lg-8 { width: 230px !important; }
#fsearch .col-lg-2 { width: 85px !Important; }
.bg-body { margin-top: 39px !important; }
.bg-body-tertiary { background-color: var(--bs-tertiary-bg) }
.nav-pills { --bs-nav-pills-border-radius: 0px !important; }
.profile_img img, .rounded-circle, .rounded-3 { border-radius: 2px !important; }
.row { --bs-gutter-x: 0px !important; }
.p-3 .row { --bs-gutter-x: 0.5rem !Important; }
.col { flex: none !important; }
.nav-icon { display: none !important; }
.header-copy { padding: 0px 0; }
.small, small { font-size: 12px !important; }
.mt-3 { margin-top: 0.25rem !important; }
.pt-4 { padding-top: 0px !important; }
.mb-4, .mb-3 { margin-bottom: 0.5rem !important; }
#sidebar-site-menu { margin-bottom: 0px !important; }
.line-top { border-color: var(--cm-board-head-div) !important; }
.fs-4.mb-0 { font-size: 20px !important; }
.py-2.px-3 { font-size: 13px !important; }
.py-3 {
    background: var(--na-title-bg) !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;

}
.order-1.col-md-4.col-lg-3 {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.order-2.col-md-8.col-lg-9 {
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
}
.rcmd-pc { min-width: 35px !important; }
.rcmd-sm { min-width: 35px !important; }
.form-select-sm { /* 게시판 검색 옆 선택폼 */
  font-size: 12px !important;
  padding: 4px !important;
  line-height: 1.5 !important;
  background-size: 8px 8px !important;
}
.nav-link{
    font-size: 12px !important;
    line-height: 12px !important;
    /*height: 28px !important;  240808: 28 -> 26 */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/*************************************/
#bo_list .col-md-8.col-lg-9 { width: 660px !Important;}
.card {
    --bs-card-spacer-y: 0.3rem !Important;
    --bs-card-spacer-x: 0.3rem !Important;
}
/*************************************/
/* 게시판 목록 보기 상태서 검색창 아래로 + 태그 검색 숨기기 */
#bo_list_wrap > * { display: none !important; } /* HACK: 태그 보기 숨기기 위해서 자식 모두 숨기고 필요한 것만 따로 보이게. */
#fboardlist { order: 0; display: block !important; }
#bo_list_wrap .d-flex.gap-2.align-items-center.px-3.mb-2 {
  display: flex !important;
  margin-bottom: 0px !important;
}
#bo_list_wrap .cmtags { display: block !important; }

/* 태그 보기 등 메뉴 목록 배경은 hover시 색 바뀌지 않도록 */
.list-group-item:has(.list-group):hover { background-color: var(--bs-list-group-bg) !important; }

#bo_list .hd-wrap { display: none !important; }
#bo_list .hd-num, #bo_list .wr-num { width: 40px; }
.btn[title="초기화"] { display: none !important; }
#bo_list_wrap { display: grid !important; }
#bo_list_wrap .order-3.pe-1 { display: none !important; }

#fboardlist .da-link-block {
    font-size: 14px !important;
}
#boardSearch {
    display: flex !important;
    order: 1;
    justify-content: center !important;
}
#boardSearch .px-3.py-2.border-top {
    border: none !important;
    padding-top: 0px !important;
}
#bo_category.border-top.py-2 {
    padding-bottom: 0px !important;
}

/*************************************/

/* 소모임 */
.nav-vertical.nav-pills .nav-collapse { background-color: var(--bs-body-bg) !important; }
.nav-vertical.nav-pills .nav-collapse.show { display: block !important; } /* 기본값이 접기인 상태에서 */

/* HACK: 기본 펼쳐진 것 접기 (240807: 비활성화)
.nav-vertical.nav-pills .nav-collapse.show {
    display: none !important;
}

.na-menu .dropdown-toggle:not(.dropdown-toggle-empty)::after { transform: rotate(-180deg); }
.na-menu .nav-item > .nav-link[aria-expanded='true']::after { transform: rotate(0deg); }*/

/*************************************/
.da-noti-indicator { background-color: #f00 !important; }
.rcmd-box.step4 { background-color: var(--cm-cmtbx4-bg) !important; color: var(--cm-cmtbx4-txt) !important; }
.rcmd-box.step3 { background-color: var(--cm-cmtbx3-bg) !important; color: var(--cm-cmtbx3-txt) !important; }
.rcmd-box.step2 { background-color: var(--cm-cmtbx2-bg) !important; color: var(--cm-cmtbx2-txt) !important; }
.rcmd-box.step1 { background-color: var(--cm-cmtbx1-bg) !important; color: var(--cm-cmtbx1-txt) !important; }
.rcmd-box.step0 { background-color: var(--cm-cmtbx0-bg) !important; color: var(--cm-cmtbx0-txt) !important; }
.container.px-0.px-sm-3 { padding: 0px 0px !important; }
.row.row-cols-1.row-cols-md-2.g-3 { flex-wrap: nowrap !important; }
.na-menu .nav-vertical.nav-pills .nav-link {
    padding: 5px 10px !important;
    margin-bottom: 0px !important;
    display: flex !important;
}
.na-menu .nav-vertical.nav-pills .nav-link:hover {
  background-color: var(--cm-sidemenu-hover-bg) !important;
}
.border.mx-0.mb-3.p-3.rounded-3 { padding: 0px !important; }
.page-first .page-link,.page-item:nth-child(2) .page-link { border-left-width: 0.5px !Important; }
#toTop, #float_comment { display: none !important; }
#bo_v_info {
  display: flex !important;
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor !important;
  border-color: var(--cm-board-head-div) !important;
}
/* 작성자 등 (왼쪽) */
#bo_v_info > .d-flex.py-2.px-3 {
  background-color: unset !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  padding: 5px !important;
  padding-right: 0px !important;
  width: -moz-available !important;
}
#bo_v_info > .d-flex.py-2.px-3 > .me-auto {
  display: flex !important;
  align-items: center !important;
}
#bo_v_info > .d-flex.py-2.px-3 > .me-auto > .d-block { padding-left: 3px !important; }
#bo_v_info > .d-flex.py-2.px-3 > .me-auto > .d-block::before { content: "(" }
#bo_v_info > .d-flex.py-2.px-3 > .me-auto > .d-block::after  { content: ")" }

#bo_v_info > .d-flex.py-2.px-3 > .me-auto > .da-member-memo > button {
  font-size: 12px !important;
  padding: 3px 3px !important;
}
/* 조회수 등 (오른쪽) */
#bo_v_info > .d-flex.pt-2.px-3 {
  /*margin-left: auto !important;*/
  align-items: center !important;
  padding: 5px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  white-space: nowrap;
  font-size: 13px !important;
}
#bo_v_info > .d-flex.pt-2.px-3 i.bi {
  font-size: 12px !important;
}
#bo_v_info > .d-flex.pt-2.px-3 > .pe-2 {
  padding-right: 0px !important;
  padding-left: 3px !important;
}
#bo_v_info > .d-flex.pt-2.px-3 > .d-flex:has(a[data-testid="button-write"]) {
  display: none !important;
}
#bo_v_info {
  background-color: var(--cm-post-info) !important;
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}
#bo_v {
  margin-bottom: 0px !important;
}
#bo_v > .d-flex {
  padding: 5px !important;
  margin-bottom: 0px !important;
}

#bo_v_con p { margin-bottom: 10px !important; } /* 본문 글 p element */
#bo_v_atc {
  border-bottom: 0px !important; /* article bottom border (comment top) */
  padding: 10px !important;
  padding-bottom: 5px !important; /* 작성자 글박스 아래 패딩이 다름, 수정 */
}
#bo_v_atc .pt-5.pb-4.text-center {
  padding-top: 5px !important; /* 10 -> 5, 250105 */
  padding-bottom: 5px !important;
}
#bo_v_atc .mb-2 { padding-bottom: 0px !important; }
/* sign */
#bo_v_sign {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
#bo_v_sign .border { margin: 0px !important; }
#bo_v_sign #sign-top-container {
  align-items: stretch !important;
}
#bo_v_sign #sign-top-left {
    padding-right: 0px !important;
    margin-bottom: 0px !important;
    align-items: center !important;
}
#bo_v_sign #sign-top-left #sign-top-left-top {
    padding: 7px !important;
}
#bo_v_sign #sign-top-left #sign-top-left-bottom {
    padding: 0px !important;
    padding-top: 0px !important;
    height: unset !important;
    margin-top: 0px !important;
    border-radius: 0px !important;
    background-color: unset !important;
}
#bo_v_sign #sign-top-left #sign-top-left-bottom #sign-content-inner:not(:empty) {
    padding: 7px !important;
    padding-top: 0px !important;
}
#bo_v_sign #sign-top-left #sign-top-left-bottom #sign-content-inner:empty { display: none !important; }
#bo_v_sign #sign-top-right {
    padding-top: 4px !important;
    padding-left: 0px !important;
    padding-right: 4px !important;
    height: unset !important;
    max-height: unset !important;
    /*min-height: 120px !important;*/
    min-height: unset !important;
}
#bo_v_sign #sign-top-right #myTab { padding-left: 4px !important; }
#bo_v_sign .nav-tabs .nav-link { margin-bottom: -1px; } /* 탭 아래 border 문제 해결. 글 길이랑 왜 연관이.. */
#bo_v_sign #sign-top-right #myTab .nav-item button.nav-link:not(.active) {
    border-bottom-color: var(--bs-border-color);
}
#bo_v_sign #sign-top-right #myTabContent li:nth-last-of-type(1),
#bo_v_sign #sign-top-right #myTabContent ul {
    border-bottom: 0px !important;
}
#bo_v_sign #sign-top-right #myTabContent li.list-group-item.d-flex {
  font-size: 13px !important;
  padding: 5px 5px !important;
}
#bo_v_sign #sign-middle-container, #bo_v_sign #sign-bottom-container { display: none !important; }

/* comment header */
.comment-list-wrap header { padding-top: 5px !important; }
.comment-list-wrap header .px-3 { height: 30px !important; }
.comment-list-wrap header .bg-body-tertiary { background-color: var(--cm-comment-header-bg) !important; }
.comment-list-wrap header .bg-secondary-subtle { background-color: var(--cm-comment-op-header-bg) !important; }
.comment-list-wrap .comment-content {
  padding: 5px !important;
  padding-top: 10px !important;
  padding-bottom: 0px !important;
}

/* modded comment header */
#bo_vc div[class^="cm_c_"] header { padding-top: 5px !important; }
#bo_vc div[class^="cm_c_"] header .px-3 { height: 30px !important; }
#bo_vc div[class^="cm_c_"] header .bg-body-tertiary { background-color: var(--cm-comment-header-bg) !important; }
#bo_vc div[class^="cm_c_"] header .bg-secondary-subtle { background-color: var(--cm-comment-op-header-bg) !important; }
#bo_vc div[class^="cm_c_"] .comment-content {
  padding: 5px !important;
  padding-top: 10px !important;
  padding-bottom: 0px !important;
}
#bo_vc div[class^="cm_c_"] header .d-flex .me-2 { margin-right: 3px !important; }
#bo_vc > .d-flex.p-3 { margin-top: 5px !important; }
/* comment section center */
#viewcomment {
    width: 95% !important;
    margin: auto !important;
}
#viewcomment .d-flex {
  margin-bottom: 0px !important;
  align-items: center !important;
}
#viewcomment #bo_vc > .d-flex {
  padding: 5px !important;
}
#viewcomment #bo_vc > .d-flex .pagination-sm {
  margin-bottom: 0px !important;
}
/*****************************************/

.fs-5.px-3.py-2.mb-0 {
	font-size: 18px !important;
	border: 0px !important;
}
.gap-3 {
	color: var(--cm-mainbar-txt) !important;
	--bs-link-color-rgb: var(--cm-mainbar-txt) !important;
	height: 44px !important;
}
.pagination{
	--bs-pagination-active-bg: var(--na-nav-bg) !important;
	--bs-pagination-active-border-color: var(--na-nav-bg) !important;
}
.pagination-group .btn-basic { /* Bottom search/submit button */
    display: none !Important;
}
.p-1 {
	padding: 0px !important;
	font-size: 10px !important;
}
.btn-basic[data-bs-original-title="추천"], .btn-basic[title="추천"] {
	background-color: #EF5350 !important;
  border-color: #EF5350 !important;
	color: #fff !important;
}
.btn-primary {
	--bs-btn-bg: var(--cm-btn-bg) !important;
	--bs-btn-border-color: var(--bs-btn-bg) !important;
}
.text-bg-secondary, .text-bg-success {
	color: var(--cm-sidekey-txt) !important;
	background-color: var(--cm-sidekey-bg) !important;
} /* 사이드바 단축키 및 메인 공지사항 번호 */
.sch_word {
    background: #ff00a7 !important;
    padding: 0px !Important;
}
.rcmd-box {
	border-radius: 2px;
	width: 35px;
	height: 14px;
}
.p-3 {
	padding: 10px !important;
	margin: 0px !important;
}
.badge {
	--bs-badge-font-weight: normal !important;
	--bs-badge-padding-y: 0em !important;
	--bs-badge-padding-x: 0em !important;
    border-radius: var(--bs-badge-border-radius) !important;
	border: 1px solid var(--cm-sidekey-border) !important;
	width: 13px !important;
	height: 13px !important;
	justify-content: center;
	line-height: 1.2em;
}
.btn {
	--bs-btn-line-height: 1.0;
	--bs-btn-font-size: 12px !important;
	--bs-btn-padding-x: 0.25rem !important;
	--bs-btn-padding-y: 0.35rem !important;
	--bs-btn-box-shadow: none !important;
	--bs-btn-border-radius: 2px !important;
}
.dropdown-menu {
	--bs-dropdown-font-size: 0.9em !important;
	--bs-dropdown-padding-y: 0em !important;
	--bs-dropdown-item-padding-x: 0.4rem !important;
}
.pagination-sm {
	--bs-pagination-padding-x: 0 !important;
	--bs-pagination-padding-y: 0 !important;
    --bs-pagination-font-size: 12px !important;
    margin-bottom: 10px !Important;
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
    font-size: 12px !important;
}
.page-item, .page-link {
    width: 32px !Important;
    height: 32px !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    border-left-width: 0px !important;
}
.da-member-memo__memo {
	display: inline !important;
	border-radius: 2px !important;
	font-size: 0.9em !important;
}
.rolling-noti-container-view { margin: 0px !important; }
.rolling-noti-container-list,
.rolling-noti-container-view,
.rolling-noti-container-write {
	height: 30px !important;
	background-color: var(--cm-noti-bg) !important;
	color: var(--cm-noti-txt) !important;
	border-top: 0px !important;
	border-bottom: 0px !important;
}
.text-bg-info {
    color: var(--cm-sidekey-txt) !important;
    background-color: var(--cm-sidekey-bg) !important;
}
.badge.rounded-pill.text-bg-light{ /* "앙님" badge */
    display: none !important;
}
.fs-2.fw-bold img { height: 40px !important; } /* Header */
.fs-2.fw-bold { font-size: 10px !important; }
.pe-2:has(.win_memo) { display: none !important; } /* 왼쪽 사이드바 최상단 프사 */

.px-3.mb-4 {
	padding-left: 10px !important;
	padding-right: 10px !important;
    padding-top: 10px !important;
}

.mt-2 .bi { display: none !important; }
.mt-2.btn-group { margin-top: 0px !important; }
.mt-2 .btn.btn-sm {
    background-color: var(--cm-usermodbtn-bg) !important;
    color: var(--cm-usermodbtn-txt) !important;
    padding: .25em !important;
    letter-spacing: -0.8px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    margin: 2px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

.d-flex.align-items-center.gap-2 { min-height: 10px !important; } /* wip */
.text-truncate .lh-base {
    line-height: 1.0 !important;
    height: 18px !important;
}
.win_profile {
    letter-spacing: 1px !important;
    background-color: #666 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 3px 3px !important;
    height: 18px !important;
    border-radius: 2px !important;
    white-space: nowrap !important;
}
.my-2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/********************************************************/
.na-menu .dropdown-header {
    background-color: var(--cm-sidehead-bg) !important;
    color: var(--cm-sidehead-txt) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    opacity: .9 !important;
    outline: none !important;
    padding: 9px 10px !important;
    margin: 0 !important;
    margin-top: 10px !important; /* wip */
    border: 0 !important;
    line-height: 1 !important;
}
/*.na-menu .dropdown-header.bbs_group_recommend {*/
/* 250105 기준 메뉴
 * [긴급] [가입인사] [해외인증] [공지사항] [제목 릴레이] [소모임]
 * [소모임 모아보기] [소모임 신청] [소모임] [커뮤니티] [가입인사] [담벼락 | 실험실 * 낙서장]
 * [자유게시판] [새로운 소식] [질문과 답변] [사용기] [강좌/팁] [갤러리] [자료실] [포털]
 * [>불타는 앙 🔥 🔥 🔥] [다모앙 지도] [다모앙 하드웨어] [다모앙 레시피] [다모앙 전문가]
 * [다모앙 평점] [다모앙 음악] [이슈모앙] [전자상거래] [알뜰구매] [직접홍보] [>셀프구입]
 * [지름자랑] [물건추천] [수익링크] [광고주님] [광고환영] [운영] [소명게>시판]
 * [회원 이용제한 열람] [신고누적모음] [BETA] [BETA] [버그제보] [장기대국] */

#main-wrap #sidebar-site-menu > div:nth-of-type(6){ /* 소모임 헤더 */
    display: block !important;
    background-color: var(--cm-sidehead-sg-bg) !important;
} /* workaround: dropdown-header가 너무 많아져 "커뮤니티", "소모임 추천"만 보이게 */
#sidebar-site-menu .line-top, /* 사이드바 직접 홍보 숨기기 */
#sidebar-site-menu .fs-5.px-3.py-2.mb-0 {
    display: none !important;
}
/********************************************************/

#poll header { /* wip - 240802 poll patch */
    background-color: var(--cm-poll-bg) !important;
    color: var(--cm-sidehead-txt) !important;
    margin-top: 10px !important;
    padding: 9px 10px !important;
    opacity: .9 !important;
    outline: none !important;
    border: 0 !important;
}
#poll header h2, #poll header a, #poll .poll_con {
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 500 !Important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0.03125rem !important; /* from damoang style.css */
}
#poll header a {
    color: var(--cm-poll-seeres) !important;
    border: 0 !important;
}
#poll .poll_con p {
    padding: 10px 10px !important;
    margin: 0px !important;
}
#poll .poll_con ul {
    padding: 0px 5px !important;
    margin: 0px !important;
    line-height: 1.2 !important;
}
#poll_btn {
    padding: 10px 10px !important;
}
#poll {
    border: 0px !important;
    background-color: var(--bs-body-bg) !important;
}

.progress-bar { background: var(--cm-userlevel-progress) !important; }
.progress { height: 3px !important; border-radius: 2px !important;}
.na-menu { background-color: var(--bs-tertiary-bg) !important; }
.nav-link { background-color: var(--bs-body-bg) !important; }
.nav-link-title { height: 13px !important; }
.na-menu .nav-item.da-menu--device-mode { display: none !important; } /* mobile mode */
#menuOffcanvas, .offcanvas-backdrop, a[href="#menuOffcanvas"], div[data-testid="icon-menu"] { display: none !important; } /* menu key */

.my-4 {
    margin-top: unset !important;
    margin-bottom: unset !important;
}
#searchOffcanvas .offcanvas-header { display: none !important; }
#searchOffcanvas {
    margin-top: 44px !important; /* 44 -> 0 */
    height: 44px !important; /* 90 -> 44 */
}
#searchOffcanvas .offcanvas-body {
  padding: 0px 0px 1px 1px !important;
}

/*
 * Animation
 */
body { opacity: 1 !important; }
body.cu_init {
    animation-name: cm_body_op;
    animation-duration: 0s;
    animation-delay: 0s;
    animation-iteration-count: 0;
    animation-timing-function: linear;
    animation-direction: alternate;
}
@keyframes cm_body_op {
    0%   {opacity: 1;}
    50%  {opacity: 1;}
    100% {opacity: 1;}
}
div#toTop a.ui-custom-expand-hidden.d-none-start {
    display: block !important;
    opacity: 0;transform: scale(0.5) rotate(0deg) translateY(200%);
    border-radius: 100%;
}
div#toTop a#ui-custom-expand-button:has(i.opacity-25) {
    transform: rotateX(-180deg) scale(1.2);
}

.offcanvas { transition: none !important; }
* { transition: none !important; }

/*
 * Misc. Hide
 */
div[data-testid="board-ads-banner"] { display: none !important; } /* 홈 메인 배너 */
#sidebar-site-menu .nav-item .mb-4, /* 공지사항 */
#sidebar-site-menu .nav-item .mb-0, /* 공지사항 */
.site-nav .list-unstyled .nav-link, /* nav bar menu */
.list-group-item.text-center.py-5,  /* 서명 위 광고 게시글 목록 */
.col-lg-3 span[data-bs-title="새글/새댓글"] {
    display: none !important;
}
.adsbygoogle, li.list-group-item.da-link-block:has(a.da-link-block[href^="/promotion/"]) {
  display: none !important;
}
.na-new { display: none !important; } /* new 아이콘이 안 이쁨 */

#sidebar-site-menu .nav-item .fst-italic { font-style: normal !important; } /* 소모임 추천 normal font */
.ratio { --bs-aspect-ratio: 10% !important; } /* 임베드->링크 공백 제거 */
.ratio.card-img-top { height: 100px !important; } /* 임시. 갤러리 이미지 픽스 */
.na-videoframe {
    padding-bottom: 0% !important;
    height: unset !important;
} /* 임베드->링크 공백 제거 2 */
.na-videoframe:has(video) {
    padding-bottom: 50% !important;
} /* 유튜브 등 아닌 비디오 임베드만. */

.collapsing {
    transition: none !important;
}

/* i don't like how hovered list item looks
.list-group-item:hover {
  background-color: var(--bs-list-group-bg) !important;
}*/
/* 태그 등 크기 큰 목록글 */
.list-group-item.border-left-0.border-right-0.px-3.py-2.py-md-2,
.list-group-item.border-left-0.border-right-0.px-3.py-2.py-md-2 .text-muted {
    display: flex !important;
}

div.bs-tooltip-auto { display: none !important; } /* 추천 버튼 등 호버 시 나타나는 툴팁 숨김 */


.rainbow-text {
  font-size: unset !important;
  font-weight: unset !important;
  background: unset !important;
  background: unset !important;
  color: red !important;
  background-size: 100%;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  animation: none;
  text-decoration: none; /* 링크 밑줄 제거 */
}

.memo-popup {
  border-radius: var(--bs-border-radius) !important;
  margin-top: 0px !important;
  max-height: unset !important;
  top: 0% !important;
}

#main-wrap a[href="/content/badpig"] { display: none !important; }