Skip to content

Instantly share code, notes, and snippets.

@HexagonWin

HexagonWin/cmoang.css

Last active July 18, 2024 14:58
Show Gist options
  • Save HexagonWin/fcec5fed017afdc26b7f93c454168649 to your computer and use it in GitHub Desktop.
Save HexagonWin/fcec5fed017afdc26b7f93c454168649 to your computer and use it in GitHub Desktop.
Download ZIP
클모앙 (Classic Damoang) UserStyle
Raw
cmoang.css
/*
* 클모앙 v1.7.0 (2024/07/14)
* 제작: 8086
_ _ __ _ _ _ __
/ |\/|/ \ /\ |\ |/__ _ _ _ _|__ ._ | \ /\ |\/|/ \ /\ |\ |/__
\_| |\_//--\| \|\_|o(__>_> |(_)| |_//--\| |\_//--\| \|\_|
*/
/* 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-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;
}
/* 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-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;
}
/* 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-badge-font-size: 10px;
--bs-border-width: 0.5px !important;
--bs-border-radius-sm: 2px !important;
--bs-body-font-family:굴림 !important;
--bs-body-font-size: 14px !important;
--bs-body-line-height:1.3 !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;
}
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: 0rem !important; }
.profile_img img, .rounded-circle, .rounded-3 { border-radius: 2px !important; }
.row { --bs-gutter-x: 0rem !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: 0rem !important; }
.mb-4, .mb-3 { margin-bottom: 0.5rem !important; }
#sidebar-site-menu { margin-bottom: 0rem !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; }
.nav-link{
font-size: 12px !important;
height: 28px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
#bo_list { width: 895px !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 .hd-wrap { display: none !important; }
#bo_list .hd-num, #bo_list .wr-num { width: 40px; }
.btn[title="초기화"] { display: none !important; }
#fboardlist { order: 0; }
#bo_list_wrap { display: grid !important; }
#bo_list_wrap .order-3.pe-1 { display: none !important; }
.nav-vertical.nav-pills .nav-collapse.show {
display: block;
background-color: var(--bs-body-bg) !important;
}
.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: 0rem 0.875rem !important;
margin-bottom: 0rem !important;
display: flex !important;
}
.border.mx-0.mb-3.p-3.rounded-3 { padding: 0rem !important; }
.page-first .page-link,.page-item:nth-child(2) .page-link { border-left-width: 0.5px !Important; }
#toTop, #float_comment { display: none !important; }
#sign-recent-list-container { display: none; }
#sign-content .mt-3 { margin: .5em !important;}
#sign-content .list-group.border-bottom { border-bottom: none !important; }
#sign-profile-container { align-items: stretch !important; }
#sign-profile {
display: grid !important;
align-content: center !important;
width: 20% !important;
padding: 0.5rem !important;
}
#sign-content {
width: 80% !important;
font-size: 13px !important;
line-height: 14px !important; /* wip, glitch */
}
#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: 0rem !important;
}
#bo_category.border-top.py-2 {
padding-bottom: 0rem !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: 0rem !important;
font-size: 10px !important;
}
.btn[title="추천"] {
background-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 {
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: 0.5rem !important;
padding-top: 1rem !important; /* wip */
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.badge {
--bs-badge-font-weight: normal !important;
--bs-badge-padding-y: 0em !important;
--bs-badge-padding-x: 0em !important;
border: 1px solid var(--cm-sidekey-border) !important;
width: 1.4em !important;
height: 1.4em !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-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 { /* Header */
height: 42px !important;
}
.pe-2 { 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;
}
.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; }
.na-menu .dropdown-header.bbs_group_recommend {
background-color: var(--cm-sidehead-sg-bg) !important;
}
.na-menu .nav-item.da-menu--device-mode { display: none !important; } /* mobile mode */
#menuOffcanvas, .offcanvas-backdrop, a[href="#menuOffcanvas"] { display: none !important; } /* menu key */
a[data-dd-action-name*="Ads"], li:has(.rcmd-box.step-pai), .adsbygoogle { display: none !important; } /* adblock */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment