User:Star0/sandbox/styles.css:修订间差异

来自Arcaea中文维基
(创建页面,内容为“→‎CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 ::​ .mainpage_row { display: flex; flex-direction: row; flex-flow: row wrap;…”
 
无编辑摘要
 
(未显示同一用户的90个中间版本)
第1行: 第1行:
/* CSS used for https://www.mediawiki.org/wiki/MediaWiki/Homepage_improvements_2018 : */
.CCsingle {
.mainpage_row {
  position: relative;
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}
}
.mainpage_box {
 
flex: 1;
.CCsingle::before, .CCsingle::after {
margin: 5px;
  content: '';
min-width: 210px;
  position: absolute;
border: 1px solid #CCC;
  top: 0;
padding: 0 10px 10px 10px;
  right: 0;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  width: 28%; /* 更宽的白色描边 */
  height: 28%; /* 更宽的白色描边 */
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  z-index: 1; /* 默认优先级 */
}
}
.mainpage_box h3 {
 
/* Reset padding so is equal across skins */
.CCsingle::before {
padding: 0;
  background-color: white; /* 白色描边 */
margin: 0.5em 0;
  z-index: 0; /* 放在背景和角标之间 */
}
}
.mainpage_box h3 .header_icon {
 
float: left;
.CCsingle::after {
margin-right: 5px;
  width: 20%; /* 正确大小 */
  height: 20%; /* 正确大小 */
  z-index: 2;
}
}
.mainpage_box .items {
 
border-top: 1px solid #CCC;
/* 不同颜色控制 */
padding-top: 0.5em;
.CCsingle-byd::after {
  background-color: #FF7373; /* byd颜色 */
}
}
.mainpage_box p:last-child {
 
margin-bottom: 0;
.CCsingle-etr::after {
  background-color: #A598BB; /* etr颜色 */
}
}
.mainpage_boxcontents_small {
 
font-size: 95%;
.CCsingle-ftr::before, .CCsingle-ftr::after {
}
  display: none; /* 完全移除 ftr 的描边和颜色 */
/* Style the "other languages" box the same way as other boxes on the main page */
.mw-pt-languages {
display: block;
background: none;
border: 1px solid #CCC;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
width: auto;
}
.mw-pt-languages-label {
background: none;
border-right: none;
}
}


@media screen and (max-width: 719px) {
.CCsingle-prs::after {
.thumb {
  background-color: #b3cc54; /* prs颜色 */
float: none;
}
.thumb, .thumbinner {
margin-left: auto;
margin-right: auto;
}
}
}

2024年11月23日 (六) 22:45的最新版本

.CCsingle {
  position: relative;
}

.CCsingle::before, .CCsingle::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 28%; /* 更宽的白色描边 */
  height: 28%; /* 更宽的白色描边 */
  clip-path: polygon(100% 0, 0 0, 100% 100%);
  z-index: 1; /* 默认优先级 */
}

.CCsingle::before {
  background-color: white; /* 白色描边 */
  z-index: 0; /* 放在背景和角标之间 */
}

.CCsingle::after {
  width: 20%; /* 正确大小 */
  height: 20%; /* 正确大小 */
  z-index: 2;
}

/* 不同颜色控制 */
.CCsingle-byd::after {
  background-color: #FF7373; /* byd颜色 */
}

.CCsingle-etr::after {
  background-color: #A598BB; /* etr颜色 */
}

.CCsingle-ftr::before, .CCsingle-ftr::after {
  display: none; /* 完全移除 ftr 的描边和颜色 */
}

.CCsingle-prs::after {
  background-color: #b3cc54; /* prs颜色 */
}