MediaWiki:Common.css

From Aeroraft
Revision as of 12:22, 4 February 2025 by Aeroraft (talk | contribs) (Created page with "→‎CSS placed here will be applied to all skins: →‎Das folgende CSS wird für alle Benutzeroberflächen geladen.: →‎Styling für das Dropdown-Menü: .dropdown-menu { display: inline-block; position: relative; } .dropdown-toggle { background-color: #f8f9fa; border: 1px solid #ddd; color: #333; cursor: pointer; padding: 5px 10px; border-radius: 4px; } .dropdown-content { display: none; position: absolute; background-col...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search

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.
/* CSS placed here will be applied to all skins */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Styling für das Dropdown-Menü */
.dropdown-menu {
    display: inline-block;
    position: relative;
}

.dropdown-toggle {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    color: #333;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    min-width: 200px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.dropdown-content a {
    display: block;
    padding: 8px 12px;
    color: #333;
    text-decoration: none;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.dropdown-menu:hover .dropdown-content {
    display: block;
}
.wikitable_DC {
   width: 100%;
   text-align: center;
   table-layout: fixed; /* Ensures even distribution of column width */
}

.wikitable_DC th, .wikitable_DC td {
   padding: 10px;
   border: 1px solid #ddd;
   width: 33.33%; /* Distribute columns evenly */
}

h2 {
   font-size: 1.5em;
   color: #333;
}
/* Draft-Kennzeichnung */
.page-status-draft {
    background-color: yellow;
    color: black;
    padding: 5px;
    border: 1px solid black;
    font-weight: bold;
    display: inline-block;
}

/* Rejected-Kennzeichnung */
.page-status-rejected {
    background-color: red;
    color: white;
    padding: 5px;
    border: 1px solid black;
    font-weight: bold;
    display: inline-block;
}

/* Approved-Kennzeichnung */
.page-status-approved {
    background-color: green;
    color: white;
    padding: 5px;
    border: 1px solid black;
    font-weight: bold;
    display: inline-block;
}
/* ProcessMap */
.responsive-img-container {
    position: relative;
    width: 100%; /* Das Bild nimmt immer die Breite des Containers ein */
    height: auto; /* Höhe bleibt proportional zur Breite */
}
.responsive-img {
    width: 100%;
    height: auto;
}
/* Markierung für Entwurfsseiten */
.smw-page-property-Has_approval_status-draft {
    border: 2px dashed red;
    background-color: #fff4f4;
    padding: 10px;
    margin: 10px 0;
}

/* Label "Entwurf" oben auf der Seite */
.smw-page-property-Has_approval_status-draft::before {
    content: "⚠️ This is a draft page ⚠️";
    display: block;
    color: red;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 10px;
}
/* Alle Seiten im Entwurfs-Namensraum (z. B. "Draft") */
.ns-draft {
    background-color: #fff4f4;
    border: 2px dashed #ff0000;
}

/* Label für den Entwurfs-Namensraum */
.ns-draft::before {
    content: "⚠️ Draft ⚠️";
    display: block;
    color: red;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 10px;
}