User:Flashjay/common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 1: | Line 1: | ||
.container_row{ | .container_row{ | ||
display: grid; | display: grid; | ||
grid-template-columns: | grid-template-columns: 1fr 1fr; | ||
} | } | ||
Revision as of 20:11, 7 January 2023
.container_row{ display: grid; grid-template-columns: 1fr 1fr; } .layer1, .layer2{ grid-column: 1 / span 2; grid-row: 1; order: 2; } //.layer1{ order: 4; } //div[id^="toast"]:target { order: -1; } span[id^="shide1"] { grid-row: 2; } span[id^="shide1"] { display: none; } span[id^="hide"] { display: block; } span[id^="hide"]:target { display: none; } span[id^="hide"]:target ~ span[id^="shide1"] { display: block; } span[id^="hide"]:target + div[id^="toast"] { order: 4; } //span[id^="hide1"]:target ~ div[id^="toast1"] { order: 4; } //span[id^="hide2"]:target ~ div[id^="toast2"] { order: 4; } //span[id^="hide3"]:target ~ div[id^="toast3"] { order: 4; } //span[id^="hide4"]:target ~ div[id^="toast4"] { 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; }