~~Title: ARCTIC-MBO 템플릿 수정~~

다른 위키 템플릿 수정 목록

{{section>wiki:위키_테마_수정_문서들&noheader&nofooter&noeditbtn&firstseconly}}

====== 스킨 (new) ARCTIC-MBO 스킨수정 ======

===== 목차의 left margin 조정 =====
  * arctic_design.css 수정
  * **div.dokuwiki div.left_sidebar ul**를 찾아서, **margin-left**를 조정

<code>
div.dokuwiki div.left_sidebar ul,
div.dokuwiki div.right_sidebar ul {
  margin-top: 0;
  margin-left: 1.2em; /* 1.5em */
}
</code>

===== 문서 목차의 왼쪽 여백 전체 =====
  * arctic_design.css 수정
<code>
div.dokuwiki ul.toc{
  padding-left: 0.3em; /*adding-left: 0.5em;*/
}
</code>

===== 섹션편집 버튼을 오른쪽으로 이동 =====
  * arctic_design.css 수정
<code css>
/*
"div.dokuwiki div.left_page,
div.dokuwiki div.right_page" 아래에 새로 추가
*/
div.dokuwiki div.right_page div.secedit.editbutton_section {
  float:right;
}
</code>

===== 섹션편집 버튼의 테두리 옵션 조정 =====
  * arctic_design.css 수정
  * 테두리를 1px 라인으로 그린다.
<code css>
div.dokuwiki div.right_page div.secedit.editbutton_section button {
    border-width:1px;
}
</code>
===== SideBar (왼쪽의 트리메뉴)의 편집 버튼을 감춘다 =====
  * arctic_design.css 수정
위치는 수정한 css 들이 모여 있는 곳에 모아두자.

<code css>
/* sidebar 의 edit 버튼을 감춘다 */
div.dokuwiki div.left_sidebar div.main_sidebar.sidebar_box div.secedit {
  visibility: hidden;
  /*line-height: 0;*/
  height: 0;
}
</code>

===== SideBar (왼쪽의 트리메뉴)의 크기를 좀더 작게 (width 줄임) =====
  * arctic_design.css 수정
  * 22% -> 15%로 변경
<code css>
div.dokuwiki div.left_sidebar {
  float: left;
  width: 15%; /* <- 22%; */
  padding: 0.2em 0.5em 0 0;
  border-right: 1px solid  __border__;
}
</code>

===== 코드의(code) 글자 조금 더 키우기 =====
  * arctic_design.css

<code css>
div.dokuwiki pre.code,
div.dokuwiki pre.file {
  width: auto !important;
  width: 98%;
  font-size: 110%; /* <- 100% */
}
</code>

===== 오른쪽 텍스트 영역 조정하려면 =====
  * arctic_design.css
  * 뭘 바꾼건 아니고, 바꾸려면 여기를 봐야한다.
<code css>
div.dokuwiki div.left_page,
div.dokuwiki div.right_page {
  text-align: justify;
  float: left;
  width: 75% !important;
  width: 69%;
  padding: 0.5% 1% 0.5% 1%;
}
</code>

===== 타이틀과 브레드크럼(BreadCrumbs) 변경 =====

==== 타이틀 여백 조정 ====

  * arctic_layout.css
  * **div.dokuwiki .pagename** 찾기

<code css>
div.dokuwiki .pagename {
  vertical-align: baseline;
  margin-bottom : 0.3em; /* margin-bottom : 0em; *//* 타이틀 아래쪽에 약간 공백을 넣는다. */
  margin-top : 0.2em;    /* margin-top : 0.1em; */
  font-weight : normal;
  font-size: 180%;
  line-height: 100%;
}
</code>

==== 브레드크럼 위쪽에 라인 긋기 ====

  * arctic_design.css 편집

<code css>
div.dokuwiki div.breadcrumbs {
  background: none;
  border-top: 1px solid #ccc; /* <- 새로 추가 */
}
</code>