"미디어위키: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;
}