MediaWiki:Vector.css

    From Nonbinary Wiki
    Revision as of 08:32, 11 July 2022 by Ondo (talk | contribs) (Created page with "→‎---- NONBINARY AWARENESS WEEK BANNER ----: →‎Defaults to the nonbinary flag: #mw-head { background: white; background-repeat: repeat-x; background-size: contain; } →‎Style article tabs for the flags: .vector-menu-tabs .selected { background: rgba(255, 255, 255, .7); } .vector-menu-tabs li { background: rgba(255, 255, 255, .3); } .vector-menu-tabs li:hover { background: rgba(255, 255, 255, .7); } .vector-menu-tabs a { background-image: none; } /...")
    (diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

    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.
    /* ---- NONBINARY AWARENESS WEEK BANNER ---- */
    /* Defaults to the nonbinary flag */
    #mw-head {
      background: white;
      background-repeat: repeat-x;
      background-size: contain;
    }
    
    /* Style article tabs for the flags */
    .vector-menu-tabs .selected {
      background: rgba(255, 255, 255, .7);
    }
    .vector-menu-tabs li {
      background: rgba(255, 255, 255, .3);
    }
    .vector-menu-tabs li:hover {
      background: rgba(255, 255, 255, .7);
    }
    .vector-menu-tabs a {
      background-image: none;
    }
    
    /* "Happy Nonbinary Awareness Week" banner */
    .nbweek-banner {
        background: rgba(255,255,255,.4);
        padding: 7px;
        position: absolute;
        bottom: 0;
        font-weight: bold;
    }
    .nbweek-flag {
      font-size: 80%;
      font-weight: normal;
      font-style: italic;
    }
    
    /* Adds transparent backgrouund to top user menu for better readability */
    #p-personal {
        background: rgba(255, 255, 255, .7);
        top: 0;
        right: 0;
        padding-top: 5px;
        padding-right: 15px;
        border-radius: 0 0 0 5px;
        display: inline;
        right: 0;
    }
    #p-personal ul {
        padding: 0;
    }