wiki:template_arcticmbo_수정

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:template_arcticmbo_수정 [2020/02/13 18:29] – kieuns
+++ wiki:template_arcticmbo_수정 [2024/04/23 22:43] (현재) – 바깥 편집 127.0.0.1
@@ 줄 1: / 줄 1: @@
+~~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>