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

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

来自南科wiki
 
(未显示同一用户的9个中间版本)
第6行: 第6行:
 
@media only screen and (min-width: 601px){
 
@media only screen and (min-width: 601px){
 
#infobox{
 
#infobox{
width:250px;
+
margin-left: 20px;
 +
margin-right: 20px;
 +
margin-bottom: 20px;
 +
width:290px;
 +
float:right;
 
}
 
}
 
}
 
}
 
#infobox{
 
#infobox{
background: #fafafa;
+
word-wrap:break-word;
margin-left: 6px;
 
margin-right: 6px;
 
margin-bottom: 6px;
 
 
padding: 2px;
 
padding: 2px;
 
}
 
}
 
#outer-title{
 
#outer-title{
 +
word-wrap:break-word;
 
text-align: center;
 
text-align: center;
 
margin: 1px;
 
margin: 1px;
 
}
 
}
 
#main-box{
 
#main-box{
 +
word-wrap:break-word;
 
background: rgb(248, 249, 250);
 
background: rgb(248, 249, 250);
 
border: solid 1px rgb(162, 169, 177);
 
border: solid 1px rgb(162, 169, 177);
 +
text-align: center;
 
}
 
}
 
#inner-title{
 
#inner-title{
 +
word-wrap:break-word;
 
text-align: center;
 
text-align: center;
 
margin: 1px;
 
margin: 1px;
第32行: 第37行:
 
margin-right: 5%;
 
margin-right: 5%;
 
margin-top: 8px;
 
margin-top: 8px;
text-align: center;
+
text-align: center;
 +
word-wrap:break-word;
 +
 
 
}
 
}
 
#infobox-image img{
 
#infobox-image img{
第39行: 第46行:
 
max-width: 100%;
 
max-width: 100%;
 
max-height: 100%;
 
max-height: 100%;
 +
}
 +
#infobox-table{
 +
padding: 5%;
 +
}
 +
#infobox-table hr{
 +
color:rgb(162, 169, 177);
 +
width: 100%;
 
}
 
}
 
#infobox-table td:first-child{
 
#infobox-table td:first-child{
第44行: 第58行:
 
}
 
}
 
#infobox-table table{
 
#infobox-table table{
width:95%;
+
word-wrap:break-word;
 +
width:95%;
 
border: none;
 
border: none;
 
margin: 2px;
 
margin: 2px;
 
}
 
}
 
#infobox-table tbody{
 
#infobox-table tbody{
 +
word-wrap:break-word;
 
border: none;
 
border: none;
 
}
 
}
 
#infobox-table tr{
 
#infobox-table tr{
 
border: none;
 
border: none;
 +
word-wrap:break-word;
 
}
 
}
 
#infobox-table td{
 
#infobox-table td{
 +
word-wrap:break-word;
 
border: none;
 
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;
}