用户: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) {
}