목차

<title>mindthedark 템플릿 수정 이력</title>

스킨폴더

${WIKI_HOME}/lib/tpl/mindthedark

기본 폰트 변경

body {
   /*font: normal 87.5%/1.4 Arial, sans-serif;*/ /* 왼쪽이 원본임 */
   font: normal 87.5%/1.4 Arial, "Noto Sans CJK KR", "Open Sans", sans-serif; /* 새로 추가한 내용 */
 
   /* 원래 있던 내용 */
   /* default font size: 100% => 16px; 93.75% => 15px; 87.5% => 14px; 81.25% => 13px; 75% => 12px */
   -webkit-text-size-adjust: 100%;
}

목록의 줄 간격 조정

margin: 0 0 0 1.5em -> margin: 0.3em 0 0.3em 1.5em

표의 이미지 배치 조정

/* embedded images (styles are already partly set in lib/styles/all.css) */
.dokuwiki img.media {
    /*margin: .2em 0;*/
    border: 1px solid var(--border, #ccc);
    /*border-radius: 4px;*/
    /*padding: 5px;*/
    background-color: white;
}

코드의 탭 크기 변경

mindthedark/css/basic.less
tab-size: 4;      /* 크롬 확인 */
-moz-tab-size: 4; /* firefox 확인 */
-o-tab-size: 4;

목차에 밑줄 추가

mindthedark/css/basic.less
h3 {
  font-size: 1.125em;
  margin: 1em 0 0.3em;
  border-bottom: 1px solid var(--border, #333);
}
h4 {
  font-size: 1em;
  margin: 1em 0 0.3em;
  border-bottom: 1px solid var(--border, #333);
}
h5 {
  font-size: .875em;
  margin: 1em 0 0.3em;
  border-bottom: 1px solid var(--border, #333);
}
h6 {
  font-size: .75em;
  margin: 1em 0 0.3em;
  border-bottom: 1px solid var(--border, #333);
}