Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css

MediaWiki interface page
Revision as of 06:32, 30 December 2024 by Idkman (talk | contribs)

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.
/* Styling for sub-panel container */
.sub-panel-container {
    display: flex;
    flex-direction: column; /* Arrange children vertically */
    gap: 10px; /* Space between each sub-panel */
    width: 100%; /* Make container full width */
    padding: 10px;
    box-sizing: border-box;
    align-items: flex-start; /* Align children to the start of the container */
}

/* Sub-panel styling */
.sub-panel {
    width: 100%; /* Each sub-panel takes full container width */
    height: auto; /* Allow height to adjust based on content */
    background-color: #ececec;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center; /* Center text inside panel */
    align-items: center; /* Center text inside panel */
    border-radius: 4px;
    cursor: pointer;
    transition: transform 0.4s ease-in-out, background-color 0.3s;
}

/* Hover effect for sub-panels */
.sub-panel:hover {
    background-color: #ddd;
    transform: scale(1.05); /* Slightly enlarge on hover */
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.