对南科wiki有疑问?欢迎加入南科wiki的QQ群:301515560

“模板:Infobox/styles.css”的版本间的差异

来自南科wiki
(创建页面,内容为“@media only screen and (max-width: 600px){ #infobox{ width: 100%; } } @media only screen and (min-width: 601px){ #infobox{ width:266px; } } #infobox{ backgr…”)
 
 
(未显示同一用户的15个中间版本)
第6行: 第6行:
 
@media only screen and (min-width: 601px){
 
@media only screen and (min-width: 601px){
 
#infobox{
 
#infobox{
width:266px;
+
margin-left: 20px;
 +
margin-right: 20px;
 +
margin-bottom: 20px;
 +
width:290px;
 +
float:right;
 
}
 
}
 
}
 
}
 
#infobox{
 
#infobox{
background: red;
+
word-wrap:break-word;
 +
padding: 2px;
 +
}
 +
#outer-title{
 +
word-wrap:break-word;
 +
text-align: center;
 +
margin: 1px;
 +
}
 +
#main-box{
 +
word-wrap:break-word;
 +
background: rgb(248, 249, 250);
 +
border: solid 1px rgb(162, 169, 177);
 +
text-align: center;
 +
}
 +
#inner-title{
 +
word-wrap:break-word;
 +
text-align: center;
 +
margin: 1px;
 +
}
 +
#infobox-image{
 +
margin-left: 5%;
 +
margin-right: 5%;
 +
margin-top: 8px;
 +
text-align: center;
 +
word-wrap:break-word;
 +
 
 +
}
 +
#infobox-image img{
 +
width: auto;
 +
height: auto;
 +
max-width: 100%;
 +
max-height: 100%;
 +
}
 +
#infobox-table{
 +
padding: 5%;
 +
}
 +
#infobox-table hr{
 +
color:rgb(162, 169, 177);
 +
width: 100%;
 +
}
 +
#infobox-table td:first-child{
 +
font-weight: bold;
 +
}
 +
#infobox-table table{
 +
word-wrap:break-word;
 +
width:95%;
 +
border: none;
 +
margin: 2px;
 +
}
 +
#infobox-table tbody{
 +
word-wrap:break-word;
 +
border: none;
 +
}
 +
#infobox-table tr{
 +
border: none;
 +
word-wrap:break-word;
 +
}
 +
#infobox-table td{
 +
word-wrap:break-word;
 +
border: none;
 +
text-align: left;
 
}
 
}

2019年1月11日 (五) 18:17的最新版本

@media only screen and (max-width: 600px){
	#infobox{
		width: 100%;
	}
}
@media only screen and (min-width: 601px){
	#infobox{
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
		width:290px;
		float:right;
	}
}
#infobox{
	word-wrap:break-word;
	padding: 2px;
}
#outer-title{
	word-wrap:break-word;
	text-align: center;
	margin: 1px;
}
#main-box{
	word-wrap:break-word;
	background: rgb(248, 249, 250);
	border: solid 1px rgb(162, 169, 177);
	text-align: center;	
}
#inner-title{
	word-wrap:break-word;
	text-align: center;
	margin: 1px;
}
#infobox-image{
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 8px;
	text-align: center;	
	word-wrap:break-word;

}
#infobox-image img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
#infobox-table{
	padding: 5%;
}
#infobox-table hr{
	color:rgb(162, 169, 177);
	width: 100%;
}
#infobox-table td:first-child{
	font-weight: bold;
}
#infobox-table table{
	word-wrap:break-word;
	width:95%;
	border: none;
	margin: 2px;
}
#infobox-table tbody{
	word-wrap:break-word;
	border: none;
}
#infobox-table tr{
	border: none;
	word-wrap:break-word;
}
#infobox-table td{
	word-wrap:break-word;
	border: none;
	text-align: left;
}