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

来自个人维基
跳转至: 导航搜索
第57行: 第57行:
 
border: 1px solid #c0c0c0;
 
border: 1px solid #c0c0c0;
 
padding: 2px 5px;
 
padding: 2px 5px;
 +
}
 +
#searchInput{
 +
width: 10rem;
 
}
 
}
 
@media screen and (max-width: 768px) {
 
@media screen and (max-width: 768px) {

2022年11月22日 (二) 20:04的版本

input,
button,
select {
	font-size: 1rem;
}
 
#mw-page-base,
#mw-page-base-master {
	background: linear-gradient(#398, #f6f6f6 50%);
}
body.ns-12 #ca-talk,
body.ns-13 #ca-nstab-help {
	display: none;
}
#footer-places {
	display: none;
}
 
body.ns-14 #mw-subcategories,
body.ns-14 #mw-pages {
	clear: left;
}
body.ns-14 #mw-subcategories h3,
body.ns-14 #mw-pages h3 {
	font-size: .75rem;
	padding: 0;
	clear: left;
	float: left;
	transform: translate(0, 5px);
	line-height: 100%;
	border: .25rem solid transparent;
	border-right-width: .15rem;
	border-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjIiPjxwYXRoIGZpbGw9IiNkZGQiIGQ9Ik0wLDBIMUwyLDEsMSwySDBaIi8+PC9zdmc+)
		0 1 0 0 fill / .5rem / .5rem;
}
body.ns-14 #mw-subcategories h3:empty,
body.ns-14 #mw-subcategories h3:-moz-only-whitespace,
body.ns-14 #mw-pages h3:empty,
body.ns-14 #mw-pages h3:-moz-only-whitespace {
	display: none;
}
body.ns-14 #mw-subcategories li,
body.ns-14 #mw-pages li {
	margin-left: 2rem;
}
 
#p-logo>a {
	background-size: 135px 135px;
}
 
#searchform input {
 font-size: .75rem;
}
#searchform input[type=submit] {
	background: linear-gradient(#f0f0f0, #e0e0e0);
	border-radius: 3px;
	border: 1px solid #c0c0c0;
	padding: 2px 5px;
}
#searchInput{
	width: 10rem;
}
@media screen and (max-width: 768px) {
	#searchInput {
		transition: width 400ms;
		width: 4rem;
	}
	#searchInput:focus{
		width: 10rem;
	}
}
 
#wpSave {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: linear-gradient(#4060ff, #3040ff);
	color: white;
	border-radius: 3px;
	border: 2px solid #1c2880;
}
#wpPreview,
#wpDiff {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: linear-gradient(#f0f0f0, #e0e0e0);
	color: black;
	border-radius: 3px;
	border: 2px solid #c0c0c0;
}
 
/* Template:BiliVideo */
.lnnblog-bilivideo {
	width: 48rem;
	height: 27rem;
}