몇 달이나 늦은 답변인 걸 알지만요…
요즘은 이런 문제들이 없는 프로젝트의 자체 포크를 사용하고 있습니다. 하지만 간단한 CSS 해결책이 필요하시다면, 이전의 수정 사항 중 몇 가지는 여전히 가지고 있습니다.
아래는 관련이 있을 수 있는 수정 사항들입니다:
/* 페이지 상단의 과도한 패딩을 수정합니다.
* 참고: 이는 페이지 내용과 페이지 상단 사이의 큰 간격을 제거하는 데 도움이 될 것입니다.
*/
#main-outlet {
padding-top: 1.8em;
}
/* Wrap은 중앙 정렬되어야 하며, 화면 너비의 특정 부분만 차지해야 합니다.
* 참고: 이 특정 수정은 주제/게시물 레이아웃 문제를 해결하는 데 도움이 될 수 있습니다!
*/
.wrap {
max-width: 1110px;
/* max-width: 60vw;*/
}
/* 카테고리 목록의 레이아웃 문제를 수정합니다.
* 참고: 이보다 훨씬 나은 방법이 많이 있습니다.
*/
#topic-footer-buttons, .top-title-buttons, .user-badge, #user-card.show-badges .more-user-badges, .category-list tbody .category, .nav-pills>li, .layouts-nav-button>li {
display: revert;
}
.nav-pills>li {
display: flex;
}
/* 굵게 표시된 텍스트가 실제로 굵게 보이도록 합니다.
* 참고: 대신 테마의 기본 font-weight를 400으로 변경할 수도 있습니다.
* 원본 프로젝트는 모든 것이 사용하는 기본 가중치로 300을 설정하고 있어, 굵게/강조 텍스트는 "bolder"로 설정되어 400과 같은 값을 사용하게 됩니다.
* 대부분의 폰트에서 이는 300과 구별할 수 없을 정도로 비슷합니다.
*/
b, strong {
font-weight: 700;
}
/* 게시물 아래에 나열된 내부 크로스링크 컨테이너의 마진을 제거합니다. */
.post-links-container {
margin-left: 0;
}
/* 주제 목록의 "마지막 방문" 텍스트 디자인을 개선합니다. */
.topic-list .topic-list-item-separator .topic-list-data span {
color: var(--primary);
border: 1px solid var(--secondary-very-high);
font-weight: bold;
}
.topic-list .topic-list-item-separator .topic-list-data span {
background-color: var(--secondary);
}
/* 주제 게시물의 "마지막 방문" 텍스트 디자인을 개선합니다. */
.small-action.topic-post-visited .topic-post-visited-line {
border-bottom: none;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
color: var(--primary);
border: none;
font-weight: bold;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
background-color: transparent;
}