MediaWiki:Timeless.css: Unterschied zwischen den Versionen
Aus NordhausenWiki
Keine Bearbeitungszusammenfassung Markierung: Manuelle Zurücksetzung |
Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
||
Zeile 1: | Zeile 1: | ||
/* | /* Grundlegende Layout-Anpassungen */ | ||
#mw-content-container { | |||
max-width: 1200px; | |||
margin: 0 auto; | |||
padding: 2em; | |||
background: #f9f9f8; | |||
border-color: #ffffff !important; | |||
#mw-content- | |||
} | } | ||
body { | |||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |||
color: #333333; | |||
background-color: #272a33 !important; | |||
} | } | ||
/* Sidebar-Stile */ | |||
.sidebar-chunk { | |||
background: #ffffff; | |||
border: 1px solid #dddddd !important; | |||
border-radius: 5px; | |||
box-shadow: 0 2px 5px rgba(0,0,0,0.1); | |||
} | |||
.sidebar-chunk h3 { | |||
background-color: #00669d !important; | |||
color: #ffffff; | |||
padding: 0.5em; | |||
border-bottom: 2px solid #00557f !important; | |||
} | |||
/* Masthead-Stile */ | |||
.nw-masthead-contents { | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
padding: 1em 2em; | |||
background-color: #ffffff; | |||
border-bottom: 1px solid #dddddd; | |||
} | } | ||
.nw-masthead-title h2 { | |||
.nw-masthead-title h2 | font-size: 1.8em; | ||
color: #00669d; | |||
} | |||
/* | /* Überschriften-Stile */ | ||
. | .mw-body h1.firstHeading { | ||
font-size: 2.5em; | |||
border-bottom: 2px solid #00669d; | |||
padding-bottom: 0.3em; | |||
margin-bottom: 0.5em; | |||
} | |||
.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { | |||
. | color: #00669d; | ||
margin-top: 1.5em; | |||
margin-bottom: 0.5em; | |||
} | |||
/* | /* Links und Buttons */ | ||
a { | |||
color: #00669d; | |||
text-decoration: none; | |||
} | |||
a:hover { | |||
text-decoration: underline; | |||
color: #004f7a; | |||
} | } | ||
button, .button, input[type="button"], input[type="submit"] { | |||
background-color: #00669d; | |||
color: #ffffff; | |||
border: none; | |||
padding: 0.5em 1em; | |||
border-radius: 3px; | |||
cursor: pointer; | |||
} | |||
button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover { | |||
background-color: #00557f; | |||
} | |||
/* Tabellen-Stile */ | |||
table { | |||
width: 100%; | |||
border-collapse: collapse; | |||
margin-bottom: 1.5em; | |||
} | |||
table th, table td { | |||
border: 1px solid #dddddd; | |||
padding: 0.75em; | |||
text-align: left; | |||
} | } | ||
table th { | |||
background-color: #f0f0f0; | |||
# | |||
} | } | ||
/* | /* Responsive Design */ | ||
@media screen and ( | @media screen and (max-width: 768px) { | ||
# | #mw-content-container { | ||
padding: 1em; | |||
} | } | ||
.nw-masthead-contents { | |||
flex-direction: column; | |||
align-items: flex-start; | |||
} | |||
.sidebar-chunk { | |||
margin-bottom: 1em; | |||
} | |||
} | } |
Version vom 13. Oktober 2024, 21:48 Uhr
/* Grundlegende Layout-Anpassungen */
#mw-content-container {
max-width: 1200px;
margin: 0 auto;
padding: 2em;
background: #f9f9f8;
border-color: #ffffff !important;
}
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #333333;
background-color: #272a33 !important;
}
/* Sidebar-Stile */
.sidebar-chunk {
background: #ffffff;
border: 1px solid #dddddd !important;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.sidebar-chunk h3 {
background-color: #00669d !important;
color: #ffffff;
padding: 0.5em;
border-bottom: 2px solid #00557f !important;
}
/* Masthead-Stile */
.nw-masthead-contents {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1em 2em;
background-color: #ffffff;
border-bottom: 1px solid #dddddd;
}
.nw-masthead-title h2 {
font-size: 1.8em;
color: #00669d;
}
/* Überschriften-Stile */
.mw-body h1.firstHeading {
font-size: 2.5em;
border-bottom: 2px solid #00669d;
padding-bottom: 0.3em;
margin-bottom: 0.5em;
}
.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
color: #00669d;
margin-top: 1.5em;
margin-bottom: 0.5em;
}
/* Links und Buttons */
a {
color: #00669d;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #004f7a;
}
button, .button, input[type="button"], input[type="submit"] {
background-color: #00669d;
color: #ffffff;
border: none;
padding: 0.5em 1em;
border-radius: 3px;
cursor: pointer;
}
button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover {
background-color: #00557f;
}
/* Tabellen-Stile */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 1.5em;
}
table th, table td {
border: 1px solid #dddddd;
padding: 0.75em;
text-align: left;
}
table th {
background-color: #f0f0f0;
}
/* Responsive Design */
@media screen and (max-width: 768px) {
#mw-content-container {
padding: 1em;
}
.nw-masthead-contents {
flex-direction: column;
align-items: flex-start;
}
.sidebar-chunk {
margin-bottom: 1em;
}
}