사용자 도구

사이트 도구


wiki:template_mindthedark

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

스킨폴더

${WIKI_HOME}/lib/tpl/mindthedark

기본 폰트 변경

  • file: .\css\basic.less
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%;
}

목록의 줄 간격 조정

  • file: ./mindthedark/css/basic.less,176
margin: 0 0 0 1.5em -> margin: 0.3em 0 0.3em 1.5em

표의 이미지 배치 조정

  • file: ./tpl/mindthedark/css/content.less,52
/* 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
  • pre {로 검색
  • 가장 아래 부분에 아래 코드를 추가, 브라우져 별로 대응이 다르므로 여러개 넣어야 하는 것 같다.
tab-size: 4;      /* 크롬 확인 */
-moz-tab-size: 4; /* firefox 확인 */
-o-tab-size: 4;

목차에 밑줄 추가

mindthedark/css/basic.less
  • h1 으로 검색
  • h3 ~ h6 하단 밑줄 추가
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);
}
wiki/template_mindthedark.txt · 마지막으로 수정됨: 2024/04/23 22:43 저자 127.0.0.1