추적 :
[틀:도움 이동]
도움말
오픈테섭
규정 도움말 문법
연습장 관리자 CSS or JS
오픈나무
설치법 입구 구조
분류 스킨 코드 규범
기타

목차

1. 개요
2. CSS
2.1. 공용
2.1.1. 취소선 제거
2.2. YouSoro
2.2.1. 다크 테마
2.2.2. 나무위키화 테마
2.2.3. 상단바 색만 교체
2.3. 리버티
2.4. Acme
2.4.1. 목차 위치
2.4.2. 추적 제거

1. 개요 [편집]


오픈나무의 사용자 CSS or JS 예제를 보여 주는 항목

2. CSS [편집]


2.1. 공용 [편집]


2.1.1. 취소선 제거 [편집]


s, strike, del {
    display: none; 
} 

2.2. YouSoro [편집]


2.2.1. 다크 테마 [편집]


.four-fifths.column { 
    background: black; 
    color: white; 
}

body { 
    background: black; 
}

textarea {
    background: black; 
    color: white; 
}

table { 
    background: black; 
    color: white; 
}

input[type="text"] { 
    background: black; 
    color: white; 
}

td:hover { 
    background: black; 
}

blockquote { 
    background: black; 
}

input[type="text"] { 
    background: black; 
    color: white;
} 

code.css.hljs {
    background: black;
    color: white;
}

pre {
    background: black;
}

.one-fifth.column {
    background: black;
    border-bottom: 1px solid white;
}

a.menu-item {
    background: black;
    color: white;
    border-bottom: 0;
    text-shadow: none;
}

a.menu-item:hover {
    background: black;
}

input.form-control {
    background: black;
    color: white;
}

button#goto {
    background: black;
    color: white;
}

button.btn, button.btn:hover {
    background: black;
    color: white;
}

#open, #open:hover {
    background: #656769;
}

#toron_color_green {
    background-color: #465644;
}

#toron_color {
    background-color: #545454;
}

input[type="password"] {
    background: black;
}

#toron_color_blue {
    background: #4b5b63;
}

2.2.2. 나무위키화 테마 [편집]


  • 이 테마는 모바일에서 사용하기 영 좋지 않습니다 ㅠㅠ
  • 이 테마는 1920x1080을 기준으로 제작됬습니다. 이상하면 알아서 고쳐 쓰시길... [1]

/* 제작자 : 도다 (abc031103) */

.btn-primary {
    color: #fff;
    text-shadow: none;
    background-color: #60b044;
    background-image: none;
    border-color: #5ca941;
}

.menu-item.selected:before {
    width: 0;
}

.menu-item {
    border-bottom: 0;
    border-left:1px solid #ccc;
    padding: 8px 12px;
}

.menu {
    border-radius: 0;
}

.one-fifth.column {
    background: #008275;
}
.btn-primary:hover {
    color: #fff;
    background-color: #569e3d;
    background-image:none;
    border-color: #4a993e;
}

.input-group-button .btn {
    border-radius:0;
    background-color: #fff;
    background-image: none;
}

.btn {
    border-radius: 0;
    background-image: none;
}

#open {
    background: #BBEABB;
}

#logo:hover, #logo:focus {
    color:white;
}

#RecentChanges:hover, #RecentChanges:focus {
    color:white;
}

#log:hover, #log:focus {
    color:white;
}

.four-fifths.column {
    margin-left: 85px !important;
}

.btn:hover, .btn:active, .btn.zeroclipboard-is-hover, .btn.zeroclipboard-is-active {
    background-image: none;
}

input, select, textarea {
    border-radius:0 !important;
}
 

2.2.3. 상단바 색만 교체 [편집]


.one-fifth.column {
    background: #색코드;
} 

2.3. 리버티 [편집]


2.4. Acme [편집]


2.4.1. 목차 위치 [편집]


#toc {
    position: static;
    left: 0;
    top: 0;
}

2.4.2. 추적 제거 [편집]


#back_title {
    display: none;
}


[1] openNAMU를 사용하는 카브위키에서 잘 수정해서 사용하고 있다 카더라