User:DarkShadowTNT/common.css

From Aether Project Wiki
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.
/* 
 * This is just some personal drafting, though you may use it if
 * you feel like :) .
 *
 * Please note: This CSS is build upon the site's Common.css (or
 * Hydra.css, whatever is used). It therefor is an addition, not
 * a replacement of the old CSS.
 *
 * Fonts may affect the look of this CSS. Fonts used during creation
 * of the CSS were Roboto-Regular and Consolas.
 */

/**************************************************************/

/*
 * This skin customization has been designed using the following
 * fonts:
 * * Roboto-Regular (with backup as sans-serif)
 * * Consolas (with backup monospaced)
 *
 * To have a similar layout for everyone, I suggest at least
 * importing the font Roboto-Regular from an online source
 * (possibly using Special:FontManager or so), as some OS's don't
 * have this font by default.
 *
 * The color palette is as follows:
 * * rgb(255, 255, 255) = hex #FFFFFF (transparency optional). If
 *   used with transparency, then rgba(255, 255, 255, <transparency>)
 * * rgb(230, 232, 255) = hex #E6E8FF. Background color, used as
 *   a backup when image is not loading.
 * * rgb(169, 172, 199) = hex #A9ACC7. Used when something is
 *   selected, aswell as the separetion border for MsUpload files.
 * * rgb(122, 122, 153) = hex #7A7A99. Used as background color
 *   for MsUpload
 * * rgb(190, 193, 213) = hex #BEC1D5. Used as background color
 *   for unuploaded files in MsUpload.
 * * rgb(200, 204, 209) = hex #C8CCD1. Used for various border
 *   colors, aswell as sidebar text.
 */

/*
 * Style the side panel
 */

/*
 * Style the links (when not hovered over it, show links light gray)
 */
#mw-panel > div > div.body > ul > li > a {
    color: #EEE !important;
}

/*
 * End of skin styling.
 */

/**** PERSONAL STUFF (do not copy) ****/

/*
 * Change the Scribunto input to use Consolas, aswell as some other
 * elements.
 */
code,
samp,
kbd,
tt,
var,
.mw-scribunto-input,
.mw-scribunto-print,
.mw-scribunto-error,
textarea#mw-scribunto-input.mw-scribunto-input {
    font-family: Consolas, monospace !important;
}

/*
 * Change font of the standard editor. It still is Consolas, how-
 * ever, the font size has been altered to be 90% of the default
 * font settings.
 */
textarea,
pre {
    font-family: Consolas, monospace !important;
    font-size: 90%;
}