MediaWiki:Citizen.css:修订间差异

MediaWiki界面页面
(修正flexdiv,将特殊的动画转移到common.css)
(1)
第35行: 第35行:
display: flex;   
display: flex;   
flex-wrap: wrap;
flex-wrap: wrap;
width:100%
}   
}   
    
    
.wikibox {   
.wikibox {   
width:33.33%;   
width:100%;   
box-sizing: border-box;   
box-sizing: border-box;   
}   
}   
第50行: 第49行:
    
    
.wikibox2 {   
.wikibox2 {   
width:33.33%;  
width:100%;  
box-sizing: border-box;   
box-sizing: border-box;   
}   
}   
第61行: 第60行:


.wikibox3 {   
.wikibox3 {   
width:33.33%;  
width:100%;  
box-sizing: border-box;   
box-sizing: border-box;   
}  
}  

2023年12月27日 (三) 23:04的版本

/* 这里的任何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;
}  
  
.wikibox {  
width:100%;  
box-sizing: border-box;  
}  
  
@media (min-width: 601px) {  
.wikibox {  
width: 33.33%;  
}  
}  
  
.wikibox2 {  
width:100%; 
box-sizing: border-box;  
}  
  
@media (min-width: 601px) {  
.wikibox2 {  
width: 66.66%;  
}  
}  

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

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