用户:Prion/common.css
外观
注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* =·=·=·=·=·=·=·=·=· RESET ·=·=·=·=·=·=·=·=·=·=·= */ * { position: static; box-sizing:border-box; padding:0; margin:0; } /* =·=·=·=·=·=·=·=·=· CLEAR USELESS ELEMENTS ·=·=·=·=·=·=·=·=·=·=·= */ .noprint { display: none; } @media screen and (min-width: 900px) { /* =·=·=·=·=·=·=·=·=· RESET ·=·=·=·=·=·=·=·=·=·=·= */ .mw-body, #left-navigation, #right-navigation{ box-sizing: border-box; margin:0; } #mw-panel, #mw-head { position: static; } /* =========================== LAYOUTS =========================== */ /* =·=·=·=·=·=·=·=·=· (1) mediawiki LAYOUT ·=·=·=·=·=·=·=·=·=·=·= */ .mediawiki { display: grid; grid-template-columns: 1fr 9fr 1fr; grid-template-rows: 300px auto 100px; } .mw-body{ grid-column: 2 / 3; grid-row: 2 / 3 ; } #mw-navigation{ grid-column: 2 / 3; grid-row: 1 / 2; } .mw-footer { grid-column: 2 / 3; grid-row: 3 / 4; } /* =·=·=·=·=·=·=·=·=· (1.1) mw-navigation LAYOUT ·=·=·=·=·=·=·=·=·=·=·= */ #mw-navigation { display: grid; grid-template-columns: 1fr; grid-template-rows: 10px 250px 40px; } #mw-head { grid-row: 3 / 4; } #mw-panel { grid-row: 2 / 3 } /* =·=·=·=·=·=·=·=·=· (1.1.1) mw-head LAYOUT ·=·=·=·=·=·=·=·=·=·=·= */ #p-personal { position:absolute; top:0; right: 100px; } /* =·=·=·=·=·=·=·=·=· (1.1.2) mw-panel LAYOUT ·=·=·=·=·=·=·=·=·=·=·= */ #mw-panel { display: flex; flex: 1 1 100px; align-items: flex-end; } #p-logo { } .portal { } .portal .vector-menu-heading { } .portal .vector-menu-content{ display: none; } /* =·=·=·=·=·=·=·=·=· (1.2) mw-body LAYOUT ·=·=·=·=·=·=·=·=·=·=·= */ .mw-body { } /* =========================== STYLES =========================== */ } @media screen and (max-width: 900px) { }