원본글: https://www.clien.net/service/board/lecture/10713565CLIEN
Qwertz님의 스타일리시에서 회원정보창의 나의글과 로그아웃이 살짝 겹치려고 하던 것
검색창이 조금 짧아서 오른쪽 정렬이 안되보이는 느낌이길레 길이조정
소모임과 글 카테고리가 정렬이 안되어서 애매해 보이던점등을 수정하였습니다(제목글 폰트 18px이 기준입니다.)
수정된부분은 굵게 바꿔뒀습니다.
폰트에 따라서 긴이름의 게시판들은 섹션을 추가해서 .board-head .board-title {width:130px;}의 width를 조정하셔야 됩니다.
사용기 게시판, 체험단 사용기, 아질게, 회원중고장터, 쿠폰/이벤트, 직홍게 등이 여기에 속합니다.
code1에 밑에 css를 입력하시고 Add another section을 눌러서
.board-head .board-title {width:130px;}.board-head .board-title {width:155px;}
.subject-status, .subject-category, .subject-soldout {width:140px;display:inline-block;text-align:right;}
이 라인을 추가하시고
Applies to는 URLs starting with을 선택 게시판 주소를 입력하면 됩니다.
https://www.clien.net/service/board/useCLIEN
https://www.clien.net/service/board/chehumCLIEN
https://www.clien.net/service/board/kinCLIEN
https://www.clien.net/service/board/soldCLIEN
https://www.clien.net/service/board/couponCLIEN
이 게시판들이 이 크기의 폭을 사용합니다.
/* layout */
body {position:relative;width:100%;height:100%;font-family:'KopubDotum';font-size: 14px;}
.back-to-top {position: absolute;top: 0;}
.container {width:1260px;min-width:1260px;}
p {margin:0;}
.nav {position:absolute;top:0;height:100%;min-width:1260px;background-color:transparent;z-index:auto;}
.nav .nav-logo {position:fixed;width:155px;float:none;padding:8px 10px 8px 10px;z-index:99990;border-left:none;}
.nav .dropdown-menu {position:relative;box-shadow:none;}
.nav .dropdown-toggle {display:none;}
.nav .container {height:100%;}
.nav .nav-menu {float:none;left:-15px;width:155px;margin-top:163px;}
.nav .menu-toggle li {display:none;}
.nav .sub-menu {display:block;width:155px;margin:10px 0 0 10px;border:1px solid #E2E2E2;}
.nav .sub-menu ul {border-left:none;min-height:0;float:none;width:100%;background-color:#FFF;border-bottom:1px dotted #ccc;}
.nav .sub-menu ul .view-all {display:none;}
.nav .sub-menu ul .none, .sub-menu ul .block {height:0;}
.nav .sub-menu li a {padding:5px 0 4px 10px;}
.nav .sub-menu ul:hover {background:none;}
.nav .sub-menu ul li a {width:100%;}
.nav .sub-menu .extras {background-color:#FFF;border-top:none;padding:0;}
.nav .sub-menu .extras .button-promo-board {float:none;padding-top:10px;}
.nav .sub-menu .extras a {display:block;width:100%;padding:5px 0 4px 10px;}
.nav .sub-menu .extras a:hover {background-color:#37475A;color:#FFF;}
.nav .sub-menu .extras .button-promo-board {padding-top:5px;}
.nav .nav-group {float:none;left:-15px;width:155px;}
.nav .group-menu {display:block;width:100%;margin:10px 0 0 10px;border:1px solid #E2E2E2;background-color:#FFF;}
.nav .group-menu-inner {margin-top:5px;}
.nav .group-menu ul {float:none;border-bottom:1px dotted #ccc;}
.nav .group-menu ul li {width:100%;padding:0;}
.nav .group-menu ul li a {width:100%;padding:5px 0 4px 10px;}
.nav .group-menu ul li a:hover {background-color:#37475A;color:#FFF;}
.nav .group-menu ul:nth-child(2) {border-left:none;}
.nav .group-menu .group-sub-menu .group-menu-action {position:relative;width:100%;}
.nav .group-menu .group-sub-menu .group-menu-action a {float:none;width:100%;margin-left:0;padding:5px 0 4px 10px;}
.nav .group-menu .group-sub-menu .group-menu-action .button-list{border-right:none;}
/* layout - sidebar */
.sidebar {float:none;}
.sidebar .side-account {position:absolute;top:44px;left:-15px;width:155px;z-index:99900;margin:10px 0 0 10px;border:1px solid #E2E2E2;}
.sidebar .side-account .account-msg, .side-account .account-noti {height:auto;padding:0;}
.sidebar .side-account .sign-in .button-region a {width:48%;font-size:11px;}
.sidebar .side-account .sign-in .button-region a:nth-child(2) {font-size:0;}
.sidebar .side-account .sign-in .button-region a:nth-child(2)::after {content:'ID/PW 찾기';font-size:11px;}
.sidebar .side-account .sign-in input[type="text"], .side-account .sign-in input[type="password"] {height:auto;padding:1px 5px;}
.sidebar .side-account .sign-in label {margin:9px 0 6px;font-size:11px;}
.sidebar .side-account .sign-in .sign-in-submit {padding:0 10px;top:21px;}
.sidebar .div-rs-side-foot {position:absolute;left:1230px;top:54px;}
.sidebar .div-rs-side-foot.affix {position:absolute;left:1230px;top:54px;}
/* layout - search */
.nav .contents-title {position:fixed;left:0;top:0;height:44px;width:100%;float:none;z-index:99980;background-color:#232F3E;}
.nav .contents-title .board-search {position:relative;width:1090px;min-width:1090px;margin:0 auto;border-right:none;}
.nav .contents-title .board-search .side-search {position:absolute;left:876px;top:7px;}
.nav .search .search-input {width:170px;}
/* layout - container */
.nav-container {min-width:1260px;}
.nav-container .container {padding:44px 0 0 160px;}
.nav-container .container .content {display:table;float:none;padding:10px 20px 60px 20px;width:1022px;border-left:1px solid #E2E2E2;border-bottom:1px solid #E2E2E2;}
/* view */
.fr-view, .post-article {font-family:"KopubDotum";}
.title-subject .subject-category, .post-title .title-subject {font-size: 18px;}
.comment .comment-row {background-color:#FFF;}
.comment .comment-row .button-region {display:block;}
.comment .comment-row:hover .button-region {animation:none;}
.comment .comment-row .comment-ip {display:block !important;right:140px;}
.comment .comment-row .comment-ip, .comment .comment-row .comment-time {font-size:0;}
.comment .comment-row .comment-ip span, .comment .comment-row .comment-time span {font-size:11px;display:block !important;border:none;background-color:transparent;}
/* list */
.board-head .board-title {width:130px;}
.board-list .list-title {padding:6px 0;}
.board-list .list-title .list-subject {font-size: 14px;height: 18px;}
.break .subject-category{text-align:left;}
.subject-status, .subject-category, .subject-soldout {width:115px;display:inline-block;text-align:right;}
.list-title .list-subject .subject-category, .subject-shortname {width:95px;display:inline-block;text-align:right;}
/* main */
.list-foot {width:100%;}