MediaWiki:Common.css: Difference between revisions

From Realm Of Thrones
Jump to navigation Jump to search
SitX (talk | contribs)
No edit summary
SitX (talk | contribs)
No edit summary
Line 1: Line 1:
body {
#mw-panel {
     background-color: #1a1a1a !important;  
     background: url('temp') repeat;
     color: #e0e0e0 !important;
    border-radius: 8px;
     background: url("https://i.imgur.com/pi80Hk5.jpeg") no-repeat center center fixed;
     padding: 10px;
     background-size: cover;
     box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
     gap: 12px;
}
}


body.skin-vector-2022 .mw-sidebar-container {
 
     display: block !important;
#mw-panel .mw-portlet {
     visibility: visible !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(60, 30, 10, 0.9);
    border-radius: 10px;
    padding: 5px;
}
 
/* Sidebar Headers */
#mw-panel .mw-portlet .vector-menu-heading {
    background: rgba(80, 40, 15, 1);
    color: white;
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
 
/* Sidebar Links */
#mw-panel .mw-portlet .body a {
     display: block;
     padding: 6px 12px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
}
 
#mw-panel .mw-portlet .body a:hover {
    background: rgba(255, 255, 255, 0.1);
}
}


body.skin-vector-2022 .mw-sidebar {
/* Collapse Button (Dropdown Icon) */
     transform: translateX(0) !important;
#mw-panel .mw-portlet .vector-menu-heading::after {
     content: "▼";
    font-size: 12px;
    color: white;
}
}


body.skin-vector-2022 .mw-page-container {
/* Collapsed Sidebar Sections */
     grid-template-columns: 15rem auto !important;
#mw-panel .mw-portlet.collapsed .body {
     display: none;
}
}


body.skin-vector-2022 .mw-workspace-container {
#mw-panel .mw-portlet.collapsed .vector-menu-heading::after {
     margin-left: 15rem !important;
     content: "▶";
}
}

Revision as of 02:00, 25 March 2025

#mw-panel {
    background: url('temp') repeat;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    gap: 12px;
}


#mw-panel .mw-portlet {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(60, 30, 10, 0.9); 
    border-radius: 10px;
    padding: 5px;
}

/* Sidebar Headers */
#mw-panel .mw-portlet .vector-menu-heading {
    background: rgba(80, 40, 15, 1);
    color: white;
    padding: 8px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

/* Sidebar Links */
#mw-panel .mw-portlet .body a {
    display: block;
    padding: 6px 12px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
}

#mw-panel .mw-portlet .body a:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Collapse Button (Dropdown Icon) */
#mw-panel .mw-portlet .vector-menu-heading::after {
    content: "▼";
    font-size: 12px;
    color: white;
}

/* Collapsed Sidebar Sections */
#mw-panel .mw-portlet.collapsed .body {
    display: none;
}

#mw-panel .mw-portlet.collapsed .vector-menu-heading::after {
    content: "▶";
}