미디어위키:Gadget-scrollable-gallery-styles.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
오페라: Ctrl-F5를 입력.

.mw-gallery-traditional {
  overflow-x: scroll;
  white-space: nowrap;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.mw-parser-output ul.mw-gallery-traditional {
  padding: 0 1.3rem;
  margin-bottom: 3.2rem;
}

.mw-gallery-traditional.scroll-right {
  box-shadow: -17px 0 16px -16px rgba(0, 0, 0, 0.4) inset;
}
.mw-gallery-traditional.scroll-left {
  box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset;
}
.mw-gallery-traditional.scroll-left.scroll-right {
  box-shadow: -17px 0 16px -16px rgba(0, 0, 0, 0.4) inset,
    17px 0 16px -16px rgba(0, 0, 0, 0.4) inset;
}

.mw-gallery-traditional .gallerytext > p {
  white-space: normal;
  margin: 0;
  text-align: center;
}

.mw-gallery-traditional li.gallerybox div.thumb {
  margin: 0;
  border: none;
  background-color: initial;
}

@media screen and (max-width: 480px) {
  .mw-parser-output ul.mw-gallery-traditional {
    box-sizing: border-box;
    width: calc(100% + 2.6rem);
    margin-left: -1.3rem;
  }

  .mw-parser-output ul.mw-gallery-traditional img {
    max-width: 80vw;
  }

  .mw-gallery-traditional .gallerybox,
  .mw-gallery-traditional .gallerybox > div,
  .mw-gallery-traditional .thumb {
    max-width: 80vw;
  }
}

@media screen and (max-width: 360px) {
  .mw-parser-output ul.mw-gallery-traditional {
    width: calc(100% + 1.7rem);
    margin-left: -0.85rem;
  }
}