MediaWiki:Citizen.css

MediaWiki界面页面
AlphaTune讨论 | 贡献2023年12月27日 (三) 23:00的版本 (修正flexdiv,将特殊的动画转移到common.css)

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
/* 这里的任何CSS将为使用Citizen皮肤的用户加载 */
.skin-citizen-light .welcomeec {
background-color:#f9fafb;
font-size:80%;
width:100%;
margin:0 auto;
border-radius:5px;
}

.skin-citizen-dark .welcomeec {
background-color:#1e2830;
font-size:80%;
width:100%;
margin:0 auto;
border-radius:5px;
}

/*.skin-citizen-dark .info-class {
filter: invert(1) hue-rotate(180deg);
}*/

/*尝试黑幕的transition标签*/
.mask {
background-color:#000000;
color:#000000;
transition:color 0.1s;
}

.mask:hover {
color:#FFFFFF;
}

/*新主页的flex*/
.flexdiv {  
display: flex;  
flex-wrap: wrap;
width:100%
}  
  
.wikibox {  
width:33.33%;  
box-sizing: border-box;  
}  
  
@media (min-width: 601px) {  
.wikibox {  
width: 33.33%;  
}  
}  
  
.wikibox2 {  
width:33.33%; 
box-sizing: border-box;  
}  
  
@media (min-width: 601px) {  
.wikibox2 {  
width: 66.66%;  
}  
}  

.wikibox3 {  
width:33.33%; 
box-sizing: border-box;  
} 
 
@media (min-width: 601px) {  
.wikibox3 {  
width: 50%;  
}  
} 

@media (max-width: 600px) {  
.wikibox, .wikibox2, .wikibox3 {  
width: 100%;  
}  
}