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 Self-Contained Skin Override
 * Packaged as a MediaWiki Gadget
 */

: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");
}

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

/* Force the wiki into the 808px box */
#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;
    position: relative;
    padding: 0 !important;
}

/* Header & Logo */
#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);
    margin-bottom: 0 !important;
}
#p-logo a { background-image: none !important; width: 100%; height: 100%; }

/* The Green Action Bar (Edit, History, etc) */
#p-cactions {
    position: static !important;
    background-color: var(--vhx-accent-green) !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    border-bottom: 1px solid var(--vhx-border);
    text-align: center;
}
#p-cactions li { 
    display: inline-block !important; 
    background: none !important; 
    border: none !important;
}
#p-cactions li a { 
    color: var(--vhx-text-blue) !important; 
    font-weight: bold !important; 
}

/* Right Sidebar Implementation */
#column-one { padding: 0 !important; }
#mw-panel, #column-one {
    float: right !important;
    position: relative !important;
    width: 190px !important;
    background-color: var(--vhx-sidebar-bg) !important;
    padding: 15px !important;
    border-left: 1px solid #CCC;
    margin: 0 !important;
    min-height: 100vh;
}

/* Sidebar Boxes (Portlets) */
.portlet, .mw-portlet {
    background: var(--vhx-white) !important;
    border: 1px solid var(--vhx-border) !important;
    margin-bottom: 15px !important;
    overflow: hidden;
}
.portlet h3, .mw-portlet h3 {
    background: var(--vhx-title-bg) repeat-x !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: bold !important;
    height: 25px !important;
    line-height: 25px !important;
    padding-left: 10px !important;
    border-bottom: 1px solid var(--vhx-border);
    text-transform: none !important;
}

/* Main Content area adjustment */
#content {
    margin-right: 220px !important; /* Matches sidebar width + padding */
    margin-left: 0 !important;
    border: none !important;
    padding: 20px !important;
}

/* Retro cleanup: Hide the default MediaWiki sidebar background */
#mw-head-base, #mw-page-base { display: none !important; }