14
个编辑
用户: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…”） |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
/* =·=·=·=·=·=·=·=·=· RESET | /* =·=·=·=·=·=·=·=·=· RESET ·=·=·=·=·=·=·=·=·= */ | ||
* { | * { | ||
position: static; | position: static; | ||
| 第7行： | 第7行： | ||
} | } | ||
/* =·=·=·=·=·=·=·=·=· CLEAR USELESS ELEMENTS | /* =·=·=·=·=·=·=·=·=· CLEAR USELESS ELEMENTS ·=·=·=·=·=·=·=·=·= */ | ||
.noprint { | .noprint { | ||
display: none; | display: none; | ||
| 第14行： | 第14行： | ||
@media screen and (min-width: 900px) { | @media screen and (min-width: 900px) { | ||
/* =========================== LAYOUTS =========================== */ | /* =========================== LAYOUTS =========================== */ | ||
/* | /* (1) mediawiki LAYOUT */ | ||
.mediawiki { | .mediawiki { | ||
display: grid; | display: grid; | ||
| 第51行： | 第37行： | ||
} | } | ||
/* | /* (1.1) mw-navigation LAYOUT */ | ||
#mw-navigation { | #mw-navigation { | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr 4fr 1fr; | ||
grid-template-rows: | grid-template-rows: 60px 200px 40px; | ||
} | |||
#mw-panel, | |||
#mw-head { | |||
position: static; | |||
} | |||
#left-navigation, | |||
#right-navigation{ | |||
box-sizing: border-box; | |||
margin:0; | |||
} | } | ||
#mw-head { | #mw-head { | ||
grid-column: 1 / 4; | |||
grid-row: 3 / 4; | grid-row: 3 / 4; | ||
} | } | ||
#mw-panel { | #mw-panel { | ||
grid-row: 2 / 3 | grid-column: 2 / 3; | ||
grid-row: 2 / 3; | |||
} | } | ||
/* | |||
/* (1.1.1) mw-head LAYOUT */ | |||
| 第79行： | 第79行： | ||
/* | /* (1.1.2) mw-panel LAYOUT */ | ||
#mw-panel { | #mw-panel { | ||
margin: 0; | |||
padding:0; | |||
width:100%; | |||
display: flex; | display: flex; | ||
flex: 1 1 100px; | flex: 1 1 100px; | ||
| 第87行： | 第91行： | ||
#p-logo { | #p-logo { | ||
margin:0; | |||
width: 100px; | |||
height: 100px; | |||
} | |||
#p-logo a { | |||
width: 100%; | |||
height: 100%; | |||
} | } | ||
.portal { | .portal { | ||
} | } | ||
.portal .vector-menu-heading { | .portal .vector-menu-heading { | ||
} | } | ||
.portal .vector-menu-content{ | .portal .vector-menu-content{ | ||
display: none; | display: none; | ||
} | |||
.portal:hover .vector-menu-content{ | |||
display: block; | |||
} | } | ||
/* | |||
/* (1.2) mw-body LAYOUT */ | |||
.mw-body { | .mw-body { | ||
box-sizing: border-box; | |||
margin:0; | |||
} | } | ||