MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 14: | Line 14: | ||
/* fuer "quickstart" auf startpage | /* fuer "quickstart" auf startpage | ||
/* | |||
.collapsible- | /* Grund-Styling für den gesamten aufklappbaren Container */ | ||
.collapsible- | .mw-collapsible.modern-box { | ||
.collapsible- | background-color: #f9f9f9; | ||
.collapsible- | border: 1px solid #e1e1e1; | ||
border-radius: 8px; | |||
.collapsible- | box-shadow: 0 2px 6px rgba(0,0,0,0.05); | ||
padding: 0; | |||
margin: 1em 0; | |||
overflow: hidden; /* Wichtig für abgerundete Ecken */ | |||
} | |||
/* Styling für den klickbaren Kopfbereich (Titel) */ | |||
.mw-collapsible.modern-box > .mw-collapsible-toggle { | |||
display: block; | |||
padding: 12px 18px; | |||
cursor: pointer; | |||
font-weight: bold; | |||
position: relative; | |||
text-align: left; | |||
} | |||
/* Versteckt den Standard-Text "[Anzeigen]" / "[Verbergen]" */ | |||
.mw-collapsible.modern-box .mw-collapsible-toggle-text { | |||
display: none; | |||
} | |||
/* Erstellt das Pfeil-Icon mit einem CSS-Pseudo-Element */ | |||
.mw-collapsible.modern-box > .mw-collapsible-toggle::after { | |||
content: '\\25B6'; /* ▶ Unicode-Zeichen für Pfeil nach rechts */ | |||
position: absolute; | |||
right: 18px; | |||
top: 50%; | |||
transform: translateY(-50%) rotate(0deg); | |||
transition: transform 0.2s ease-in-out; | |||
font-size: 12px; | |||
color: #555; | |||
} | |||
/* Dreht das Pfeil-Icon, wenn der Inhalt ausgeklappt ist */ | |||
.mw-collapsible.modern-box:not(.mw-collapsed) > .mw-collapsible-toggle::after { | |||
transform: translateY(-50%) rotate(90deg); | |||
} | |||
/* Styling für den Inhaltsbereich */ | |||
.mw-collapsible.modern-box .mw-collapsible-content { | |||
padding: 0 18px 15px 18px; | |||
border-top: 1px solid #e1e1e1; | |||
margin-top: 0; | |||
} | |||
Revision as of 14:03, 15 October 2025
/* CSS placed here will be applied to all skins */
#ca-history { display: none !important;}
#ca-viewsource { display: none !important; }
#ca-talk { display: none !important; }
/* fuer vector legacy, um logo richtig darzustellen */
#p-logo a {
background-size: contain !important; /* skaliert das Bild passend */
background-position: center center;
}
/* fuer "quickstart" auf startpage
/* Grund-Styling für den gesamten aufklappbaren Container */
.mw-collapsible.modern-box {
background-color: #f9f9f9;
border: 1px solid #e1e1e1;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
padding: 0;
margin: 1em 0;
overflow: hidden; /* Wichtig für abgerundete Ecken */
}
/* Styling für den klickbaren Kopfbereich (Titel) */
.mw-collapsible.modern-box > .mw-collapsible-toggle {
display: block;
padding: 12px 18px;
cursor: pointer;
font-weight: bold;
position: relative;
text-align: left;
}
/* Versteckt den Standard-Text "[Anzeigen]" / "[Verbergen]" */
.mw-collapsible.modern-box .mw-collapsible-toggle-text {
display: none;
}
/* Erstellt das Pfeil-Icon mit einem CSS-Pseudo-Element */
.mw-collapsible.modern-box > .mw-collapsible-toggle::after {
content: '\\25B6'; /* ▶ Unicode-Zeichen für Pfeil nach rechts */
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
transition: transform 0.2s ease-in-out;
font-size: 12px;
color: #555;
}
/* Dreht das Pfeil-Icon, wenn der Inhalt ausgeklappt ist */
.mw-collapsible.modern-box:not(.mw-collapsed) > .mw-collapsible-toggle::after {
transform: translateY(-50%) rotate(90deg);
}
/* Styling für den Inhaltsbereich */
.mw-collapsible.modern-box .mw-collapsible-content {
padding: 0 18px 15px 18px;
border-top: 1px solid #e1e1e1;
margin-top: 0;
}