모듈:랜덤 슬라이드쇼/샌드박스/스타일.css
Module
/* 갤러리 전환 버튼을 숨깁니다 */ .random Slideshow-container > .갤러리.mw-second-how > .갤러리 회전목마 > 나누다 > 나누다 > 나누다 > 기간:n번째 아이(2) { 표시: 없음.; } /* 라벨의 텍스트 내용을 시각적으로 숨기되 스크린 리더 접근은 유지하십시오(희망) */ .random Slideshow-container .random Slideshow-sr-only { 표시:블록; 폭:1px; 높이:1px; 문자 변환:-999px; 넘치다:숨겨져 있다; } /******************************************************************************* * 모바일 전용 스타일 ******************************************************************************* * 모바일 전용은, 다음의 셀렉터 앞에 붙이는 것으로 타겟은 다음과 같습니다. * * .random Slideshow - container ul . gallery : 첫째 아이 * * 클래스 "nomobile"을 가진 div가 html에만 포함되기 때문입니다. * (템플릿 네임스페이스 제외)모바일 이외의 데스크톱 웹 사이트용. ******************************************************************************/ /* 라벨을 나란히 놓습니다*/ .random Slideshow-container 울.갤러리:첫째 아이 라벨. { 표시:인라인 블록 !중요.; /*는 인라인 스타일을 덮어씁니다 */ 패딩:0.2em 0.3em; } /* 무선 입력을 중앙에 배치합니다 */ .random Slideshow-container 울.갤러리:첫째 아이 라벨., .random Slideshow-container 울.갤러리:첫째 아이 입력 { 수직 정렬의: 가운데; } /* 무선 입력을 크게 합니다*/ .random Slideshow-container 울.갤러리:첫째 아이 입력 { 변혁: 규모.(1.4) } /* "모두 표시" 옵션 숨기기 */ .random Slideshow-container 울.갤러리:첫째 아이 라벨.:막내아들 { 표시:없음. !중요.; /*는 인라인 스타일을 덮어씁니다 */ } .random Slideshow-container 울.갤러리:첫째 아이 .갤러리 박스 { /* 라벨이 갤러리 아래가 아닌 것을 확인합니다.* / 표시:블록; /* 갤러리 아이템을 갤러리 컨테이너 안에 배치합니다*/ 여백: 자동; } /* 캡션 주위에 여분의 패딩을 제거합니다*/ .random Slideshow-container 울.갤러리:첫째 아이 .갤러리 박스 리, .random Slideshow-container 울.갤러리:첫째 아이 .갤러리 박스 나누다, .random Slideshow-container 울.갤러리:첫째 아이 .갤러리 박스 p { 패딩탑:0; 패딩 보텀:0; 여백:0; } /* 갤러리를 컨테이너의 중앙에 배치합니다.* .random Slideshow-container 울.갤러리.mw-second-how:첫째 아이 { 위치: 관련있는; 왼쪽: 50%; 변혁: X번역(-50%); 표시: 인라인 블록; /* 폴백*/ 텍스트 정렬:중심; /* 폴백: 무선 입력을 중앙에 배치합니다 */ 표시: 구부러지다; 플렉시블 스트랩: 싼다; 정당화 내용: 중심; } /* 라디오 입력을 상단에 배치하고 갤러리 콘텐츠를 아래에 배치합니다. */ .random Slideshow-container 울.갤러리:첫째 아이 .갤러리 박스 { 주문: 99999; 플렉시블 스트랩: 0; } .random Slideshow-container 울.갤러리:첫째 아이 라벨. { 구부러지다: 0 0; } /* 컨테이너의 전체 너비를 설명하도록 합니다. */ .random Slideshow-container 울.갤러리:첫째 아이 .갤러리 박스 { 폭: 100% !중요.; /*는 인라인 스타일을 덮어씁니다 */ } .random Slideshow-container 울.갤러리:첫째 아이 .갤러리 박스 > 나누다, .random Slideshow-container 울.갤러리:첫째 아이 .갤러리 박스 > 나누다 > 나누다 { 폭: 상속하다 !중요.; /*는 인라인 스타일을 덮어씁니다 */ 최대 폭: 100%; 텍스트 정렬: 중심; } /******************************************************************************* * 데스크탑 전용 스타일 ******************************************************************************* * 데스크톱 전용은 다음 셀렉터 앞에 프레픽스를 붙이면 대상이 됩니다. * * .randomSlideshow-container .nomobile+ul * * 클래스 "nomobile"을 가진 div가 html에만 포함되기 때문입니다. * (템플릿 네임스페이스 제외)모바일 이외의 데스크톱 웹 사이트용. ******************************************************************************/ /* 전환기 라벨을 모두 숨깁니다 */ .random Slideshow-container .유목민+울 라벨. { 표시:없음. !중요.; /*는 인라인 스타일을 덮어씁니다 */ }