MediaWiki:Common.css

From RadiWiki
Revision as of 10:05, 5 October 2024 by Joro (talk | contribs)
Jump to navigation Jump to search

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.
/* CSS placed here will be applied to all skins */
/* Hide the 'Editor tools' and 'Tools' in the left-side toolbar */
#p-tb { 
    display: none; 
}
#p-Editor_tools { 
    display: none; 
}
/* Reduce the header at the top, which moves the search box into the page content */
#mw-head-base {
    height: 2em;
}
/* Move the help-icon indicators also a little down (visible on a category page) */
.mw-indicators {
    top: 3em;
}
/* The left-side toolbar stays fixed in view */
#mw-panel {
    position: fixed;
}
/* No icons in the footer */
#footer-icons {
    display: none;
}

/* .wikitable to match the style of the grid in RadiMation */
.wikitable tr th {
    background-color: #DDD9EC;
    text-align: left;
}
.wikitable tr:nth-child(odd) td {
    background-color: #FFFFFF;
}
.wikitable tr:nth-child(even) td {
    background-color: #F0F0F8;
}

/* The background color of a window in RadiMation */
body {
    background-color: #F0F0F0;
}
/* Do not set a colour on the bar on the top as it is a little bit different from the background */
#mw-page-base {
    background-color: transparent;
    background-image: none;
}
/* Borders matching the groupbox frame color in RadiMation */
.mw-body {
    border: 1px solid #902082
}
h1, h2 {
    border-bottom: 1px solid #902082
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { 
    background-image: linear-gradient(to bottom,#F0B0F0 0,#902082 100%)
}

.vector-menu-tabs-legacy li {
    background-image: linear-gradient(to top,#902082 0,#F0B0f0  1px,#FFFFFF 100%)
}

/* If an image in the content part is too wide for the page, scale it down */
div.mw-parser-output  img {
    max-width: 100%;
    height: auto;
}

/* No border around the content when printed */
@media print {
    .mw-body {
        border: 0px;
    }
}