14
个编辑
用户:Prion/common.css：修订间差异
跳到导航
跳到搜索
无编辑摘要
无编辑摘要 |
无编辑摘要 |
||
| 第13行： | 第13行： | ||
@media screen and (min-width: 900px) { | @media screen and (min-width: 900px) { | ||
/* =========================== LAYOUTS =========================== */ | /* =========================== LAYOUTS =========================== */ | ||
/* (1) mediawiki LAYOUT */ | /* (1) mediawiki LAYOUT */ | ||
.mediawiki { | .mediawiki { | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr | grid-template-columns: 1fr 7fr 1fr; | ||
grid-template-rows: 300px auto 100px; | grid-template-rows: 300px auto 100px; | ||
} | } | ||
| 第38行： | 第41行： | ||
/* (1.1) mw-navigation LAYOUT */ | /* (1.1) mw-navigation LAYOUT */ | ||
#mw-navigation { | #mw-navigation { | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr | grid-template-columns: 1fr 8fr 1fr; | ||
grid-template-rows: | grid-template-rows: 40px 200px 20px 40px; | ||
} | } | ||
| 第58行： | 第60行： | ||
#mw-head { | #mw-head { | ||
grid-column: 1 / 4; | grid-column: 1 / 4; | ||
grid-row: | grid-row: 4 / 5; | ||
} | } | ||
| 第65行： | 第67行： | ||
grid-row: 2 / 3; | grid-row: 2 / 3; | ||
} | } | ||
/* (1.1.1) mw-head LAYOUT */ | /* (1.1.1) mw-head LAYOUT */ | ||
#p-personal { | #p-personal { | ||
position:absolute; | position:absolute; | ||
| 第76行： | 第74行： | ||
right: 100px; | right: 100px; | ||
} | } | ||
/* (1.1.2) mw-panel LAYOUT */ | /* (1.1.2) mw-panel LAYOUT */ | ||
| 第85行： | 第81行： | ||
width:100%; | width:100%; | ||
display: | display: grid; | ||
grid-template-columns: 200px repeat(5, minmax(100px, 1fr)); | |||
grid-template-rows: 160px 40px; | |||
} | } | ||
#p-logo { | #p-logo { | ||
margin:0; | margin:0; | ||
display: none; | |||
position: absolute; | |||
} | } | ||
| 第101行： | 第99行： | ||
} | } | ||
#p-navigation { | |||
grid-column: 2 / 3; | |||
grid-row: 2 / 3 ; | |||
} | |||
#p-学习园地{ | |||
grid-column: 3 / 4; | |||
grid-row: 2 / 3 ; | |||
} | |||
#p-论坛百科{ | |||
grid-column: 4 / 5; | |||
grid-row: 2 / 3 ; | |||
} | |||
#p-维基事务{ | |||
grid-column: 5 / 6; | |||
grid-row: 2 / 3 ; | |||
} | |||
#p-tb{ | |||
grid-column: 6 / 7; | |||
grid-row: 2 / 3 ; | |||
} | |||
#p-logo + .mw-portlet .vector-menu-heading { | |||
display: block; | |||
} | |||
.portal { | .portal { | ||
| 第116行： | 第142行： | ||
display: block; | display: block; | ||
} | } | ||
/* (1.2) mw-body LAYOUT */ | /* (1.2) mw-body LAYOUT */ | ||
| 第126行： | 第148行： | ||
margin:0; | margin:0; | ||
} | } | ||
/* =========================== STYLES =========================== */ | /* =========================== STYLES =========================== */ | ||