MediaWiki:Timeless.css: Unterschied zwischen den Versionen

Aus Reichert Media
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* All CSS here will be loaded for users of the Timeless skin */
/* All CSS here will be loaded for users of the Timeless skin */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.mw-ui-button.mw-ui-progressive:not(:disabled),
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {
color: #fff;
    background-color: #0088f4;
    border-color: #0088f4;
}
#p-logo-text {
#p-logo-text {
background: url( https://www.reichert-media.de/resources/assets/rm_name.png )!important;
background: url( https://www.reichert-media.de/resources/assets/rm_name.png );
background-repeat: no-repeat!important;
background-repeat: no-repeat;
background-size: 100%!important;
background-size: 100%;
margin-left: -7.5px!important;
margin-left: -7.5px;
margin-right: 7.5px!important;
margin-right: 7.5px;
}
}
#p-logo-text a {
#p-logo-text a {
color: transparent!important;
color: transparent;
outline: none!important;
outline: none;
}
#p-logo-text a.long {
height: 32px;
}
}
#p-logo {
#p-logo {
text-align: left!important;
text-align: left;
     margin: 0 0 0 20px!important;
     margin: 0 0 0 20px;
}
}
#searchButton, #mw-searchButton {
#searchButton, #mw-searchButton {
right: 0.5em!important;
right: 0.5em;
}
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
Zeile 22: Zeile 32:
}
}
.mw-body h1.firstHeading {
.mw-body h1.firstHeading {
padding-bottom: 4px!important;
padding-bottom: 4px;
border-bottom: solid 4px #0088f4!important;
border-bottom: solid 4px #0088f4;
}
}
.color-middle, .color-left, .color-right {
.color-middle, .color-left, .color-right {
background: #c1c1c1!important;
background: #c1c1c1;
}
}
.tools-inline li.selected {
.tools-inline li.selected {
Zeile 35: Zeile 45:
}
}
.mw-parser-output h2:after {
.mw-parser-output h2:after {
margin-top: 4px!important;
margin-top: 4px;
}
}
#site-navigation h2, #site-tools h2, #page-tools h2, #p-logo-text a {
#site-navigation h2, #site-tools h2, #page-tools h2, #p-logo-text a {
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif!important;
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
}
#personal h2 {
#personal h2 {
padding: 0.3em 0 0 25px!important;
padding: 0.3em 0 0 25px;
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif!important;
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
}
#mw-content-container {
#mw-content-container {
border-bottom: solid 4px #0088f4!important;
border-bottom: solid 4px #0088f4;
}
#footer-places-privacy, #footer-places-about, #footer-places-disclaimer {
display: none!important;
}
#footer-places-Copyright {
display: block!important;
}
}
@media screen and (max-width: 850px) {
@media screen and (max-width: 850px) {
#p-logo-text {
#p-logo-text {
width: 100%!important;
width: 185px;
height: 100%!important;
height: 33px;
margin-right: 18px!important;
margin-top: 4px;
margin-right: 18px;
}
}
.sidebar-inner h3, .dropdown h3 {
.sidebar-inner h3, .dropdown h3 {
padding-bottom: 4px!important;
padding-bottom: 4px;
}
}
#personal h2 {
#personal h2 {
padding: 0.1em 0 0 10px!important;
padding: 0.1em 0 0 10px;
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif!important;
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
}
#personal h2:after {
#personal h2:after {
left: 30px!important;
left: 30px;
}
}
#site-tools h2:after {
#site-tools h2:after {
left: 25px!important;
left: 25px;
}
}
#site-navigation h2:after {
#site-navigation h2:after {
left: 26px!important;
left: 26px;
}
}
}
}
@media screen and (min-width: 851px) and (max-width: 1099px) {
@media screen and (min-width: 851px) and (max-width: 1099px) {
#p-logo-text {
#p-logo-text {
margin-right: 18px!important;
margin-right: 18px;
margin-left: 0!important;
margin-left: 0;
margin-top: 2px!important;
margin-top: 2px;
}
}
#mw-site-navigation .sidebar-inner h3 {
#mw-site-navigation .sidebar-inner h3 {
padding-bottom: 0.3em!important;
padding-bottom: 0.3em;
}
}
}
}
@media screen and (min-width: 1100px) and (max-width: 1339px) {
@media screen and (min-width: 1100px) and (max-width: 1339px) {
#p-logo-text {
#p-logo-text {
background-size: 90%!important;
background-size: 90%;
     margin-left: 0!important;
     margin-left: 0;
     margin-right: 0!important;
     margin-right: 0;
}
}
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
padding-bottom: 0.3em!important;
padding-bottom: 0.3em;
}
}
}
}
@media screen and (min-width: 1340px) {
@media screen and (min-width: 1340px) {
#p-logo-text {
#p-logo-text {
background-size: 90%!important;
background-size: 90%;
     margin-left: 0!important;
     margin-left: 0;
     margin-right: 0!important;
     margin-right: 0;
}
}
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
padding-bottom: 0.3em!important;
padding-bottom: 0.3em;
}
}
}
}

Aktuelle Version vom 3. Mai 2023, 17:31 Uhr

/* All CSS here will be loaded for users of the Timeless skin */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.mw-ui-button.mw-ui-progressive:not(:disabled),
form:not(.oo-ui-layout) button, form:not(.oo-ui-layout) input[type='submit'] {
	color: #fff;
    background-color: #0088f4;
    border-color: #0088f4;
}
#p-logo-text {
	background: url( https://www.reichert-media.de/resources/assets/rm_name.png );
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: -7.5px;
	margin-right: 7.5px;
}
#p-logo-text a {
	color: transparent;
	outline: none;
}
#p-logo-text a.long {
	height: 32px;
}
#p-logo {
	text-align: left;
    margin: 0 0 0 20px;
}
#searchButton, #mw-searchButton {
	right: 0.5em;
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
	font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
.mw-body h1.firstHeading {
	padding-bottom: 4px;
	border-bottom: solid 4px #0088f4;
}
.color-middle, .color-left, .color-right {
	background: #c1c1c1;
}
.tools-inline li.selected {
    border-bottom-color: #0088f4;
}
.mw-editsection {
	display: none;
}
.mw-parser-output h2:after {
	margin-top: 4px;
}
#site-navigation h2, #site-tools h2, #page-tools h2, #p-logo-text a {
	font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
#personal h2 {
	padding: 0.3em 0 0 25px;
	font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
#mw-content-container {
	border-bottom: solid 4px #0088f4;
}
#footer-places-privacy, #footer-places-about, #footer-places-disclaimer {
	display: none!important;
}
#footer-places-Copyright {
	display: block!important;
}
@media screen and (max-width: 850px) {
	#p-logo-text {
		width: 185px;
		height: 33px;
		margin-top: 4px;
		margin-right: 18px;
	}
	.sidebar-inner h3, .dropdown h3 {
		padding-bottom: 4px;
	}
	#personal h2 {
		padding: 0.1em 0 0 10px;
		font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
	}
	#personal h2:after {
		left: 30px;
	}
	#site-tools h2:after {
		left: 25px;
	}
	#site-navigation h2:after {
		left: 26px;
	}
}
@media screen and (min-width: 851px) and (max-width: 1099px) {
	#p-logo-text {
		margin-right: 18px;
		margin-left: 0;
		margin-top: 2px;
	}
	#mw-site-navigation .sidebar-inner h3 {
		padding-bottom: 0.3em;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1339px) {
	#p-logo-text {
		background-size: 90%;
    	margin-left: 0;
    	margin-right: 0;
	}
	#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
		padding-bottom: 0.3em;
	}
}
@media screen and (min-width: 1340px) {
	#p-logo-text {
		background-size: 90%;
    	margin-left: 0;
    	margin-right: 0;
	}
	#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {
		padding-bottom: 0.3em;
	}
}
Cookies helfen uns bei der Bereitstellung von Reichert Media. Durch die Nutzung von Reichert Media erklärst du dich damit einverstanden, dass wir Cookies speichern.