Difference between revisions of "MediaWiki:Timeless.css"

From Open Electrical by SMPex
Line 13: Line 13:
#personal h2:after {
#personal h2:after {
width: 36px;
width: 36px;
}
}
#p-search {
width: 70em;
padding-right: 33px;
}
}
}
@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {

Revision as of 08:30, 18 January 2022

@media screen and (min-width: 851px) {
	#p-logo-text a {
		position: fixed;
		right: 75vw;
	}
	#p-logo-text {
		width: 29em;
	}	
	#user-tools {
		left: 74vw;
		top: 5px;
	}
	#personal h2:after {
		width: 36px;
	}
#p-search {
	width: 70em;
	padding-right: 33px;
}	
}
@media screen and (max-width: 850px) {
	#p-logo-text {
		margin-top: 0;
	}
	#personal h2 {
		display: none;
	}
	#p-logo-text a.long {
		width: 100%;
		top: 7px;
		text-align: center;
		font-size: 40px !important;
	}
	#p-logo-text {
		position: static;
		left: 0 !important;
		right: 0;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		top: 3.3em;
	}
	#searchInput {
		padding: 0 0 0 6px !important;
	}	
|
@media screen and (max-width: 1099px) and (min-width: 851px) {
	#p-logo-text a.long {
		padding-left: 7px;
		float: left;
		font-size: 23px !important;
	}
}
@media screen and (max-width: 851px) {

}
@media only screen and (min-width: 992px) and (max-width:768px) {
 #p-logo-text {
 right:74vw;
}

}
@media only screen and (min-width: 900px) and (max-width:100px) {
#p-logo-text {
	right: 74vw;
	top: 3em;
}
}
@media screen and (max-width: 900px) and (min-width: 100px) {
#p-logo-text a.long {
	font-size: 43px !important;
}
}
@media screen and (max-width: 1700px) and (min-width: 800px) {
#p-logo-text {
	left: 12px !important;
}
}
@media screen and (max-width: 1700px) and (mix: 851px) {

}
#p-search {
	width: 70em;
	padding-right: 33px;
}