모듈:Navbox/styles.css
Module
/* {{pp small=y}} */ .내비게이션 박스 { 상자 모양: 보더 박스; 경계: 1px 단단한 #a2a9b1; 폭: 100%; 분명한: 둘다요.; 폰트 사이즈: 88%; 텍스트 정렬: 중심; 패딩: 1px; 여백: 1em 자동 0; /* 이전 콘텐츠가 네비게이션 박스에 부착되지 않도록 합니다*/ } .내비게이션 박스 .내비게이션 박스 { 마진 톱: 0; /* 네스트된 네비게이션 박스의 상단 여백 없음 */ } .내비게이션 박스 + .내비게이션 박스, /* TODO: 트랜슬레이션이 갱신된 후 첫 번째 줄 삭제 */ .내비게이션 박스 + .네브박스 스타일 + .내비게이션 박스 { 마진 톱: -1px; /* 인접한 네비게이션 박스 사이의 단일 픽셀 테두리 */ } .네비게이션 박스 매개체, .네비게이션 박스 매개체 { 폭: 100%; } .navbox 그룹, .네비게이션 박스 매개체, .아래 네비게이션 박스 { 패딩: 0.25em 1em; 회선 높이: 1.5em; 텍스트 정렬: 중심; } .navbox 그룹 { 공백의: 노랩; /* @noflip */ 텍스트 정렬: 맞다; } .내비게이션 박스, .네비게이션 박스 매개체 { 배경색: #fdfdfd; } .navbox 목록 { 회선 높이: 1.5em; 테두리 색상의: #fdfdfd; /* 배경색과 일치해야 합니다*/ } .navbox-list-with-group { 텍스트 정렬: 왼쪽; 왼쪽 테두리 폭: 2px; 보더 레프트 스타일의: 단단한; } Navbox 셀의 /* 셀 간격 */ /* 두 번째, 세 번째 등 행 위의 테두리 */ /* TODO: tr을 구조체로 대체하는 방법을 알아냅니다. * div 구조의 경우 첫째 아이만의 문제여야 합니다 */ tr + tr > .아래 네비게이션 박스, tr + tr > .navbox 그룹, tr + tr > .navbox 이미지, tr + tr > .navbox 목록 { 보더톱: 2px 단단한 #fdfdfd; /* 배경색과 일치해야 합니다*/ } .네비게이션 박스 매개체 { 배경색: #ccf; /* 레벨 1 색상 */ } .아래 네비게이션 박스, .navbox 그룹, .네비게이션 박스 매개체 .네비게이션 박스 매개체 { 배경색: #ddf; /* 레벨 2 색상 */ } .네비게이션 박스 매개체 .navbox 그룹, .네비게이션 박스 매개체 .아래 네비게이션 박스 { 배경색: #e6e6ff; /* 레벨 3 컬러 */ } .내비게이션 박스 이븐 { 배경색: #f7f7f7; } .네비게이션 박스 홀드 { 배경색: 투과적인; } /* TODO: 구조로서 td에 대한 의존을 없애는 방법 */ .내비게이션 박스 .리스트 td dl, .내비게이션 박스 .리스트 td ol, .내비게이션 박스 .리스트 td 울, .내비게이션 박스 td.리스트 dl, .내비게이션 박스 td.리스트 ol, .내비게이션 박스 td.리스트 울 { 패딩: 0.125em 0; } .내비게이션 박스 .내비게이션 { 표시: 블록; 폰트 사이즈: 100%; } .네비게이션 박스 매개체 .내비게이션 { /* @noflip */ 흘러가다: 왼쪽; /* @noflip */ 텍스트 정렬: 왼쪽; /* @noflip */ 여백권: 0.5em; }