"미디어위키:Timeless.css"의 두 판 사이의 차이

누리위키, 온 누리의 백과사전
잔글
잔글
37번째 줄: 37번째 줄:
 
width:auto;
 
width:auto;
 
}
 
}
 +
 
/* 모바일에서 편집요약이 줄바꿈되도록 함. */
 
/* 모바일에서 편집요약이 줄바꿈되도록 함. */
 
.comment{
 
.comment{
42번째 줄: 43번째 줄:
 
}
 
}
  
/* 모바일 infobox 잘림 현상 개선 */
 
.infobox{
 
width:100% !important;
 
}
 
 
}  
 
}  
 
.suggestions {
 
.suggestions {
 
z-index: 100 !important;
 
z-index: 100 !important;
 
margin-top:50px;
 
margin-top:50px;
 +
}
 +
 +
/* On screens that are 10000px or less, make infoboxess full-width */
 +
@media screen and (max-width: 10000px) {
 +
  .infobox {
 +
    width:100% !important;
 +
  }
 
}
 
}

2019년 6월 9일 (일) 23:10 판

/* CSS placed here will affect users of the Timeless skin */

/* 사이드바 옵션 */
@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;
	}

/* 모바일에서 편집요약이 줄바꿈되도록 함. */
	.comment{
		word-break:break-all;
	}	

} 
.suggestions {
	z-index: 100 !important;
	margin-top:50px;
}

/* On screens that are 10000px or less, make infoboxess full-width */
@media screen and (max-width: 10000px) {
  .infobox {
    width:100% !important;
  }
}