MediaWiki:Gadget-VivahxTheme.css

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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/**
 * Vivahx Fixed Self-Contained Skin Override
 */

:root {
    --vhx-bg: #FDF5C6;
    --vhx-white: #FFFFFF;
    --vhx-sidebar-bg: #F2F2F2;
    --vhx-accent-green: #9ADA92;
    --vhx-text-blue: #333366;
    --vhx-border: #999999;
    --vhx-width: 808px;
    --vhx-logo-url: url("https://web.archive.org/web/20060825120444im_/http://www.vivahx.com/images/logo.jpg");
    --vhx-title-bg: url("https://web.archive.org/web/20060825120444im_/http://www.vivahx.com/images/fond_titre.jpg");
}

/* 1. Reset and Container */
body {
    background-color: var(--vhx-bg) !important;
    font-family: Verdana, Tahoma, sans-serif !important;
}

#globalWrapper, #mw-wrapper, .mw-body {
    width: var(--vhx-width) !important;
    margin: 30px auto !important;
    border: 1px solid var(--vhx-border) !important;
    background-color: var(--vhx-white) !important;
    display: block;
    overflow: visible !important; /* Changed from hidden to ensure clicks register */
}

/* 2. Header & Logo - Ensuring z-index doesn't block clicks */
#p-logo {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100px !important;
    background: var(--vhx-logo-url) no-repeat left center #FAFDF6 !important;
    border-bottom: 1px solid var(--vhx-border);
    z-index: 5;
}
#p-logo a { display: block; width: 100%; height: 100%; background-image: none !important; }

/* 3. The Action Bar */
#p-cactions {
    position: relative !important;
    background-color: var(--vhx-accent-green) !important;
    padding: 5px 0 !important;
    border-bottom: 1px solid var(--vhx-border);
    text-align: center;
    z-index: 10;
}
#p-cactions li { display: inline-block !important; }

/* 4. Layout Fix: Sidebar and Content Area */
#content {
    margin-right: 210px !important; /* Space for sidebar */
    margin-left: 0 !important;
    border: none !important;
    padding: 20px !important;
    position: relative !important;
    z-index: 1; /* Content stays low */
}

/* Moving sidebar to the right and ensuring it doesn't overlap content */
#mw-panel, #column-one {
    position: absolute !important;
    top: 140px; /* Adjust based on logo + cactions height */
    right: 0 !important;
    left: auto !important;
    width: 180px !important;
    background-color: var(--vhx-sidebar-bg) !important;
    padding: 15px !important;
    border-left: 1px solid #CCC;
    height: auto !important;
    min-height: 400px;
    z-index: 2; /* Sidebar sits above content but only on the right */
}

/* 5. Sidebar Boxes Styling */
.portlet, .mw-portlet {
    background: var(--vhx-white) !important;
    border: 1px solid var(--vhx-border) !important;
    margin-bottom: 15px !important;
    pointer-events: auto !important; /* Force clickability */
}
.portlet h3, .mw-portlet h3 {
    background: var(--vhx-title-bg) repeat-x !important;
    color: #000 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    height: 25px !important;
    line-height: 25px !important;
    padding-left: 10px !important;
    border-bottom: 1px solid var(--vhx-border);
}

/* 6. Clean Up Hide Elements */
#mw-head-base, #mw-page-base, #left-navigation { display: none !important; }