用户:Prion/common.css:修订间差异
外观
创建页面,内容为“→=·=·=·=·=·=·=·=·=· 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; marg…” |
(没有差异)
|
2023年7月24日 (一) 19:29的版本
/* =·=·=·=·=·=·=·=·=· 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) { }