MediaWiki:Common.css

From The Portal Wiki
Revision as of 21:48, 30 January 2020 by BeefSandwich27 (talk | contribs)

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 */

@import url('https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&display=swap&subset=latin-ext');

html, body
{
    font-family: 'Open Sans', sans-serif;
}

.mw-body-content
{
    font-size: unset;
}

h1, h2, h3, h4, h5, h6
{
    border-bottom: 1px solid #d5d5d5;
}

.mw-body h1, .mw-body-content h1
{
    font-size: 2.5em;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2
{
    font-family: 'Rubik';
    font-weight: bold;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
}

.mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6
{
    margin-top: 0.6em;
}

img
{
    max-width: 100%;
    height: auto;
}

blockquote
{
    padding-left: 1em;
    padding: 1em;
    border: 1px solid #ddd;
    border-left: 4px solid #ddd;
/*    background: #f3f3ff; */
    background: #d8ecff;
    border-radius: 0.33em;
    border-color: #a3d3ff;
}

.diff-addedline
{
    border-color: #a3d3ff;
}

.diff-addedline, .diff-deletedline, .diff-context
{
    font-size: 88%;
    line-height: 1.6;
    vertical-align: top;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    border-radius: 0.33em;
}

.highlight
{
    background: #ff0;
    font-weight: unset;
}

h2
{
    clear: both;
}

div.floatright img
{
    margin-left: 2em;
    margin-bottom: 2em;
}

@media only screen and (max-width : 1000px)
{
    div.floatright
    {
        float: unset;
    }

    div.floatright img
    {
        margin-left: 0;
    }    
}