"미디어위키:Timeless.css"의 두 판 사이의 차이
누리위키, 온 누리의 백과사전
잔글 |
잔글 |
||
1번째 줄: | 1번째 줄: | ||
/* CSS placed here will affect users of the Timeless skin */ | /* CSS placed here will affect users of the Timeless skin */ | ||
@media screen and (max-width: 600px) { | @media screen and (max-width: 600px) { | ||
+ | |||
/* 모바일에서 표가 스크롤되도록 함 */ | /* 모바일에서 표가 스크롤되도록 함 */ | ||
.wikitable{ | .wikitable{ | ||
6번째 줄: | 7번째 줄: | ||
overflow-x:auto; | overflow-x:auto; | ||
} | } | ||
+ | |||
/* 모바일에서 편집요약이 줄바꿈되도록 함. */ | /* 모바일에서 편집요약이 줄바꿈되도록 함. */ | ||
.comment{ | .comment{ | ||
11번째 줄: | 13번째 줄: | ||
} | } | ||
} | } | ||
+ | |||
/* 사이드바 옵션 */ | /* 사이드바 옵션 */ | ||
@media (min-width: 1340px) { | @media (min-width: 1340px) { | ||
29번째 줄: | 32번째 줄: | ||
padding: 0 1em 0 0; | padding: 0 1em 0 0; | ||
} | } | ||
+ | } | ||
+ | /* 모바일 옵션 */ | ||
+ | .oo-ui-clippableElement-clippable { | ||
+ | width:auto !important; | ||
+ | } | ||
+ | .oo-ui-popupWidget-popup { | ||
+ | width:auto !important; | ||
+ | max-width:400px !important; | ||
+ | } | ||
+ | @media screen and (max-width: 500px) { | ||
+ | #p-logo-text { | ||
+ | display:none; | ||
+ | } | ||
+ | #hauptseite { | ||
+ | display:block; | ||
+ | width:auto; | ||
+ | } | ||
+ | } | ||
+ | .suggestions { | ||
+ | z-index: 100 !important; | ||
+ | margin-top:50px; | ||
} | } |
2019년 4월 21일 (일) 03:39 판
/* CSS placed here will affect users of the Timeless skin */
@media screen and (max-width: 600px) {
/* 모바일에서 표가 스크롤되도록 함 */
.wikitable{
display:block;
overflow-x:auto;
}
/* 모바일에서 편집요약이 줄바꿈되도록 함. */
.comment{
word-break:break-all;
}
}
/* 사이드바 옵션 */
@media (min-width: 1340px) {
#mw-content-block {
display: block;
}
#mw-content,
#content-bottom-stuff {
margin-left: 14em;
}
#mw-content-wrapper {
float: right;
margin-left: -14em;
width: 100%;
}
#mw-related-navigation {
width: 14em;
padding: 0 1em 0 0;
}
}
/* 모바일 옵션 */
.oo-ui-clippableElement-clippable {
width:auto !important;
}
.oo-ui-popupWidget-popup {
width:auto !important;
max-width:400px !important;
}
@media screen and (max-width: 500px) {
#p-logo-text {
display:none;
}
#hauptseite {
display:block;
width:auto;
}
}
.suggestions {
z-index: 100 !important;
margin-top:50px;
}