body { min-width:1300px; }
body.bg { min-width:0; }
.header_wrap .nav_header { width:100%; }
.container { width:auto; }
.nav_container { width: calc(100% - 11px); min-width:0; }
.nav_body { width:calc(100% - 320px); }
.nav_content, .content_main { width:100%; }
.main_top_ad { width:calc(100% - 46px); overflow:hidden; }
.main_top_ad #div-pc-main-top { width:calc(100% - 63px); }
.main_center_ad #div-pc-main-center { width:calc(100% - 63px); text-align:center; }
.main_center_ad #div-pc-main-center div { display:block; position:relative; margin:0 auto; }
.contents_main .section_list { width:24.3%; }
.contents_main .section_list.gallery { width:100%; }
.contents_main .section_gallery .gallery_list { width:49.3%; }
.contents_main .section_gallery .gallery_list .gallery_subject { width:100%; }
.contents_main .section_gallery .gallery_list .gallery_img::after { display:none; }
.contents_main .section_list .list_item { display:block; width:100%; }
.contents_main .section_list.notice .list_item { display:table; }
.section_list .list_item .list_title .list_subject { max-width:100%; }
.contact_name .nickname { max-width:100%; }
.card_item .card_contents { width:100%; }
.post_view .attached_image img { display:block; clear:both; }
.post_view .post_content img { display:block; }
.content_list, .content_view, .content_join, .content_error, .content_regist { width:100%; }
#div-pc-list-top, #div-pc-list-below { width:calc(100% - 31px); text-align:center; }
.list_item .list_author { width:237px; }
.list_item .list_author .nickname { width:213px; min-width:100%; white-space: nowrap; overflow: hidden; text-align:center; }
.list_item .list_author .nickname span { max-width:100%; width:100%; }
.list_item .list_author .nickname:hover { position:absolute; white-space:normal; height:auto; overflow:hidden; background-color:white; z-index:99; padding:7px 7px 7px 7px; margin-top:-16px; border:1px dotted #ccc; }
.list_item .list_author .nickname:hover span { white-space:normal; height:auto; overflow:visible; }
.list_item .list_title .list_subject { max-width:100%; }
.list_category { width:auto; }
.list_category .category_item { min-width:100px; }
.board_upper_image { text-align:center; }
.board_upper_image img { display:inline-block; }
.nav_container .snb { position: inherit; min-height: 1485px; overflow-y: hidden; top:0px; }
.content_somoim { width:100%; }
.somoim_main .main_ad #div-pc-main-center { width:calc(100% - 63px); text-align:center; }
.board_upper_image img { max-height:300px; width:auto; }
- Release note
2018-10-10
* UI 개편 적용
Userstyles.org 에서 Stylus 에 설치 했다면 업데이트 체크 후 업데이트 설치 하시면 됩니다.
Chrome : https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
Firefox : https://addons.mozilla.org/firefox/addon/styl-us/
Opera : https://addons.opera.com/ko/extensions/details/stylus/
이 글을 참고 하시면 될 것 같습니다.
위 게시글은 Stylish 라는 애드온을 사용 했는데, 저건 다른 사람한테 넘어가면서 개인 정보 전송 이슈로 스토어에서 내려갔고
동일한 기능으로 오픈소스로 Stylus 라는 새로운 녀석이 나왔습니다.
추가로 널찍한거 좋아하는(저 포함) 사람들을 위한 커스텀 스타일이죠
다크 리더를 설치안하고 클리앙에서만 적용할 수는 없나요?
네이버 외 몇몇 다른 사이트, 팝업까지 좌우가 늘어나네요.
--------------------------------------------
stylus 설치 후 find styles에 올리신걸 적용하니 클리앙만 적용되는군요 잘 사용하겠습니다.