“MediaWiki:Mobile.css”的版本间的差异

来自中文乐谱库
标签移动网页编辑移动版编辑
 
(未显示同一用户的33个中间版本)
第130行: 第130行:
 
}
 
}
  
 +
@media only screen
 +
  and (min-device-width : 480px)
 +
  and (max-device-width : 768px){
 +
#mobile-logo{
 +
text-align:
 +
center;
 +
margin:40px 120px;
 +
  }
 +
}
 +
 +
  @media only screen
 +
  and (min-device-width : 768px)
 +
  and (max-device-width : 1024px){
 +
#mobile-logo{
 +
text-align:
 +
center;
 +
margin:40px 260px;
 +
  }
 +
}
 +
 +
@media only screen
 +
  and (min-device-width : 1024px)
 +
  and (max-device-width : 2048px){
 +
#mobile-logo{
 +
text-align:
 +
center;
 +
margin:40px 360px;
 +
  }
 +
}
 
#mobile-logo{
 
#mobile-logo{
 
text-align:  
 
text-align:  
 
center;
 
center;
margin:60px 100px;
+
margin:40px 100px;
 
   }
 
   }
 +
.overlay-enabled, #content {
 +
    background-color: #eeeeee;
 +
}
 +
 +
#flag {
 +
    max-width: 10% !important;
 +
}
  
@media only screen and (max-width: 375px) {
+
.footer .last-modifier-tagline {
#mobile-logo{
+
    display: none;
text-align:  
+
}
center;
+
#hidepic  {
margin:40px 260px;
+
display: none;
  }
+
}
 
}
 
}

2021年12月31日 (五) 22:13的最新版本

/* 这里放置的CSS将影响使用移动版网站的用户 */
body{
	color:#5c6164;
}
pre, .mw-code {
    display: block;
    overflow-x: auto;
    padding: 20px !important;
    background: #ebeae4 !important;
    border: none !important;
    font-family: '微软雅黑','Consolas','Courier New',Courier,monospace !important;
    font-size: 12px !important;
    color:#606060;
}


.content img {
    width: -webkit-fill-available;
}

.skin-minerva .portable-infobox {
    margin: 0  0px;
}

.portable-infobox {
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: .9em;
    font-weight: normal;
    line-height: 1.3;
}

.pre-content h1 {
    line-height: 1.3;
    font-weight:bold;
}

.portable-infobox .pi-title {
    background-color:#b3b1b1;
    color: #fff;
   
}

.content p {
    margin: 0.5em;
    text-align:justify;
}

#tongji p{
	text-align:center;
}

#moble_list_main p{
	text-align:center;
}

.portable-infobox .pi-secondary-background {
    background-color: #e7e8e8;
}
.branding-box a span{
	font-weight:bold;
	font-size:large;
	color:#5c6164;
}
a:visited {
    color:#7f7d70;
}
a {
    color:#0092c1;
}

/* mbox 字体缩小 */
.ambox th.mbox-text, .ambox td.mbox-text {
    padding: 0.25em 0.5em;
    font-size: .8em;
}

td.mbox-text {
    border: none;
    padding: 0.25em 0.9em;
    width: 100%;
    font-size: .8em;
}

.content img {
    width: auto;
}

table.ambox-notice {
    border-left: 10px solid #36c;
}

table.ambox {
    border: 1px solid #a2a9b1;
    border-left: 10px solid #36c;
    background: #f8f9fa;
}

}
table.cmbox {
    border-collapse: collapse;
    border: 1px solid #a2a9b1;
    background: #eaf3ff;
}

.content img {
    width: -webkit-fill-available;
}

.portable-infobox .pi-title {
    border: 0;
    margin: 0;
    font-family: inherit;
    font-size: 1.2em;
    line-height: 1.5;
}

#mainlogo {
    align:center;
    padding:5px;
	
}

.content table {
    margin: .1em 0;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: auto;
}

@media only screen 
  and (min-device-width : 480px) 
  and (max-device-width : 768px){
	#mobile-logo{
		text-align: 
		center;
		margin:40px 120px;
				  }
}

  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px){
	#mobile-logo{
		text-align: 
		center;
		margin:40px 260px;
				  }
}

 @media only screen 
  and (min-device-width : 1024px) 
  and (max-device-width : 2048px){
	#mobile-logo{
		text-align: 
		center;
		margin:40px 360px;
				  }
}
#mobile-logo{
	text-align: 
	center;
	margin:40px 100px;
   }
.overlay-enabled, #content {
    background-color: #eeeeee;
}

#flag {
    max-width: 10% !important;
}

.footer .last-modifier-tagline {
    display: none;
}
#hidepic  {
	display: none;	
}
}