User:Flashjay/common.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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

.container_row{
  display: grid;
  grid-template-columns: 50% 50%;
}

.layer1, .layer2{
  grid-column: 1 / span 2;
  grid-row: 1;
  order: 2;
}


//.layer1{
  order: 2;
}

//div[id^="toast"]:target
{
    order: -1;
}

span[id^="hide"]
{
    display: block;
}

span[id^="hide"]:target
{
    display: none;
}


//span[id^="hide1"]:target + div[id^="toast1"]
{
    order: 4;
}

p[id^="detailView-"]
{
    display: none;
}

p[id^="detailView-"]:target
{
    display: block;
}



/* CSS placed here will be applied to all skins in "User:Namepages/common.css" */



/* default skin for navigation boxes */
table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 2px;
    text-align: center;
    width: 100%;
}

table.navbox th {
    background-color: #ccf;
    padding-left: 1em;
    padding-right: 1em;
}

table.navbox tr:not(:first-child) th {
    background-color: #ddf;
}

@media print {
    .navbox {
        display: none;
    }
}


/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[wikipedia:Wikipedia:NavFrame]]. */

div.Boxmerge, div.NavFrame {
        margin: 0px;
        padding: 4px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #fff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        background-color: #ccccff;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position:absolute;
        top:0px;
        right:3px;
        font-weight:normal;
        font-size:smaller;
}

/* [[Template:Navbox]] and wide variant */
 
/* Default skin for navigation boxes. */
table.navbox {              /* Navbox style */
    border: 1px solid #aaa;
    color: black;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 90%;
    text-align: left;
    padding: 1px;
}
table.navbox + table.navbox {
    margin-top:-1px;        /* single pixel border between adjacent navboxes */
}
.navbox, .navbox-subgroup {
    background: #f9f9f9;    /* Background color */
}
.navbox-title {             /* Title style */
    background: #ccccff;    /* Level 1 color */
    font-size:110%;
    text-align: center;      
    padding-left: 1em;
    padding-right: 1em;
    border:2px solid white;
}
.navbox-group {             /* Group style */
    background: #ddddff;    /* Level 2 color */
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    border-left:2px solid white;
    border-bottom:2px solid white;
}
.navbox .navbox-group a {
    white-space: normal;
}
.navbox-list {
    border-color: #f9f9f9;  /* Must match background color */
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 5px;
}
.navbox-subgroup .navbox-title {
    background: #ddddff;    /* Level 2 color */
}
.navbox-subgroup .navbox-group {
    background: #e6e6ff;    /* Level 3 color */
    padding-bottom: 5px;
}
.navbox-subgroup .navbox-group a {
    white-space: normal;
}
.navbox-subgroup .navbox-list {
    background: transparent !important; 
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
    font-size:smaller;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
    font-size:smaller;
}