MediaWiki:Timeless.css

From Open Electrical by SMPex
Revision as of 08:41, 18 January 2022 by Admin (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
@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;
	}	
}
@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 (min-width: 851px) {
	#p-search {
		width: 70em;
		padding-right: 33px;
	}
}