MediaWiki:Timeless.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (12 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 ) | background: url( https://www.reichert-media.de/resources/assets/rm_name.png ); | ||
background-repeat: no-repeat | background-repeat: no-repeat; | ||
background-size: 100% | background-size: 100%; | ||
margin-left: -7.5px | margin-left: -7.5px; | ||
margin-right: 7.5px | margin-right: 7.5px; | ||
} | } | ||
#p-logo-text a { | #p-logo-text a { | ||
color: transparent | color: transparent; | ||
outline: none | outline: none; | ||
} | |||
#p-logo-text a.long { | |||
height: 32px; | |||
} | } | ||
#p-logo { | #p-logo { | ||
text-align: left | text-align: left; | ||
margin: 0 0 0 20px | 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 { | .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { | ||
| Zeile 19: | Zeile 32: | ||
} | } | ||
.mw-body h1.firstHeading { | .mw-body h1.firstHeading { | ||
padding-bottom: 4px | padding-bottom: 4px; | ||
border-bottom: solid 4px #0088f4 | border-bottom: solid 4px #0088f4; | ||
} | } | ||
.color-middle, .color-left, .color-right { | .color-middle, .color-left, .color-right { | ||
background: #c1c1c1 | background: #c1c1c1; | ||
} | |||
.tools-inline li.selected { | |||
border-bottom-color: #0088f4; | |||
} | } | ||
.mw-editsection { | .mw-editsection { | ||
| Zeile 29: | Zeile 45: | ||
} | } | ||
.mw-parser-output h2:after { | .mw-parser-output h2:after { | ||
margin-top: 4px | 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 | 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 | 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 | 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: | width: 185px; | ||
height: | height: 33px; | ||
margin-right: 18px | margin-top: 4px; | ||
margin-right: 18px; | |||
} | } | ||
.sidebar-inner h3, .dropdown h3 { | .sidebar-inner h3, .dropdown h3 { | ||
padding-bottom: 4px | padding-bottom: 4px; | ||
} | } | ||
#personal h2 { | #personal h2 { | ||
padding: 0.1em 0 0 10px | 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 | 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 | left: 30px; | ||
} | } | ||
#site-tools h2:after { | #site-tools h2:after { | ||
left: 25px | left: 25px; | ||
} | } | ||
#site-navigation h2:after { | #site-navigation h2:after { | ||
left: 26px | 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 | margin-right: 18px; | ||
margin-left: 0 | margin-left: 0; | ||
margin-top: 2px | margin-top: 2px; | ||
} | } | ||
#mw-site-navigation .sidebar-inner h3 { | #mw-site-navigation .sidebar-inner h3 { | ||
padding-bottom: 0.3em | 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% | background-size: 90%; | ||
margin-left: 0 | margin-left: 0; | ||
margin-right: 0 | 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 | 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% | background-size: 90%; | ||
margin-left: 0 | margin-left: 0; | ||
margin-right: 0 | 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 | 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;
}
}