개인용 스타일봇 정리 입니다

알림

neue 125.♡.218.197

2024.04.02 00:16

1,467

쓰기

제3인생님의 스타일봇 적용 추가 css 입니다.

https://damoang.net/tutorial/609

라이트모드

/* 1500값을 원하는 크기로 바꿔주세요*/            
.container {
    max-width: 1500px !important;
}

/* 메뉴가 왼쪽에 있는걸 선호하시는 분. 오른쪽을 원하시면 0을 2로 하시거나 빼시면 됩니다.*/
/* 본문 */
.order-1 {
    padding-left:20px;
}
.col-lg-9 {
    width:80%;
}
/* snb */
.order-2 {
    order: 0 !important;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(246,246,246,1) 100%);
    border-right:1px solid #dedede;
    width:20%;
}

/* 검색메뉴 항상 보임 */
#boardSearch {
  display: block;
}

            
/* 글씨 크기 변경입니다. 0.8em 1.1 등등으로 변경하시면 돼요  */
:root {
--bs-body-font-size: 0.9em;
--bs-body-line-height: 1.2;
}

/* 20240401 추가라인 */
.na-menu .nav-vertical.nav-pills .nav-link {
    margin-bottom: 0rem;
    letter-spacing: -0.05em;
}
.nav-item i {display:none;}

.fs-4 {
    font-size: 1.25rem !important;letter-spacing: -0.05em;font-weight:300;
}
.fs-5 {
    font-size: 1.25rem !important;letter-spacing: -0.05em;font-weight:700;
    padding-bottom: 1.0rem !important;

}
.line-top {
    border-top: none !important;
    border-bottom: 1px solid #eee !important;
}
.row-cols-sm-2>* {
    width: 25%;
}
/* list */
.hd-wrap {
    display:none;
}
.col-1 {
    width: 5%;
}
.list-group-item {
    padding:0.5em 1em;
}
.count-plus {
    background-color:#eee;border-radius:3px;
    padding:1px 3px 2px 2px;
    font-size:10px;
}


/* view, comment */
.page-title {
    padding-top:15px;
    padding-bottom:15px;
}
.p-2 {
    padding: 0rem !important;
    border:none;
    
    background-color: transparent; 
}
.mb-3 {
    border-radius:5px;
}
.comment-textarea .form-control {
    background-color: #fff8e3;

}
.f-sm {
    padding:10px 0;
}

다크모드

/* 1500값을 원하는 크기로 바꿔주세요*/            
.container {
    max-width: 1500px !important;
}

/* 메뉴가 왼쪽에 있는걸 선호하시는 분. 오른쪽을 원하시면 0을 2로 하시거나 빼시면 됩니다.*/
/* 본문 */
.order-1 {
    padding-left:20px;
}
.col-lg-9 {
    width:80%;
}
/* snb */
.order-2 {
    order: 0 !important;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
    border-right:1px solid #333;
    width:20%;
}


/* 검색메뉴 항상 보임 */
#boardSearch {
  display: block;
}

            
/* 글씨 크기 변경입니다. 0.8em 1.1 등등으로 변경하시면 돼요  */
:root {
--bs-body-font-size: 0.9em;
--bs-body-line-height: 1.2;
}

/* 20240401 추가라인 */
.na-menu .nav-vertical.nav-pills .nav-link {
    margin-bottom: 0rem;
    letter-spacing: -0.05em;
}
.nav-item i {display:none;}

.fs-4 {
    font-size: 1.25rem !important;letter-spacing: -0.05em;font-weight:300;
}
.fs-5 {
    font-size: 1.25rem !important;letter-spacing: -0.05em;font-weight:700;
    padding-bottom: 1.0rem !important;

}
.line-top {
    border-top: none !important;
    border-bottom: 1px solid #333 !important;
    
}

.row-cols-sm-2>* {
    width: 25%;
}
/* list */
.hd-wrap {
    display:none;
}
.col-1 {
    width: 5%;
}
.list-group-item {
    padding:0.5em 1em;
}
.count-plus {
    background-color:#608296;border-radius:3px;
    padding:1px 3px 2px 2px;
    font-size:10px !important;
    color:#fff;
}


/* view, comment */
.page-title {
    padding-top:15px;
    padding-bottom:15px;
}
.p-2 {
    padding: 0rem !important;
    border:none;
    
    background-color: transparent; 
}
.mb-3 {
    border-radius:5px;
}
.comment-textarea .form-control {
    background-color: #3d6073;
    color:#fff;
  
}
.f-sm {
    padding:10px 0;
}