2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

User:公的驱逐舰/pvz2a.css

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转到导航 跳转到搜索

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

  • Firefox/Safari:按住“Shift”的同时单击“刷新”,或按“Ctrl-F5”或“Ctrl-R”(Mac为“⌘-R”)
  • Google Chrome:按“Ctrl-Shift-R”(Mac为“⌘-Shift-R”)
  • Internet Explorer:按住“Ctrl”的同时单击“刷新”,或按“Ctrl-F5”
  • Opera:在“工具→首选项”中清除缓存
如果您已登录但该页面出现未登录状态,请尝试在地址栏的地址最后添加代码?_=1来访问最新页面。
添加代码后的本页地址如下:-{R|https://moegirl.icu/User:%E5%85%AC%E7%9A%84%E9%A9%B1%E9%80%90%E8%88%B0/pvz2a.css?_=1}-
/*@font-face {
    font-family:'TemplateStyles-PvZ2F';
    src: url('pvz2ui.eot');
    src: url('pvz2ui.eot?#iefix') format('embedded-opentype'),
         url('pvz2ui.woff2') format('woff2'),
         url('pvz2ui.woff') format('woff'),
         url('pvz2ui.svg#pvz2ui') format('svg');
}/*TODO: change link when uploaded*/
.pvz2Almanac-container {
  box-sizing:border-box;
  margin:auto;
  padding:10px;
  min-width:500px;
  width:80%;
  max-width:800px;
  min-height:300px;
  background-color:#AA7042;
  border:10px solid #C99369;
  border-radius:25px;
  box-shadow:inset 2.5px 2.5px 5px #533922,0 5px 5px #533922;
  font-family:TemplateStyles-PvZ2-UI,cafeteria,'comic sans MS','方正卡通_GBK','方正卡通简体',FZKaTong-M19,FZKaTong-M19S,sans-serif;
}
 
.pvz2Almanac-container>div {
  border-radius:7.5px;
  background-color:#F0E5C5;
  box-shadow:4px 4px 0 #533922;
}
 
.pvz2Almanac-picSlide {
  float:left;
  text-align:center;
  margin:0 10px 10px 0;
  width:250px;
  height:300px;
  background-image:linear-gradient(to bottom, #7BBE00, #5C9000 40%, transparent 40%);
}
.pvz2Almanac-picZombie {
  float:right;
  margin:0 0 10px 10px;
  background-image:linear-gradient(to bottom, #A6A1CC, #6D6A86 40%, transparent 40%);
}
.pvz2Almanac-picSlide>div:first-child {
  padding-top:10px;
  width:100%;
  height:40px;
  /*border-radius:10px 10px 0 0;*/
  color:#FFF;
  font-size:150%;
  text-shadow: -.5px -.5px 0 #000, .5px -.5px 0 #000, -.5px .5px 0 #000, .5px .5px 0 #000, 1.5px 1.5px 0 rgba(0,0,0,0.75);
}
.pvz2Almanac-picWrapper {
  position:relative;
  margin:auto;
  width:230px;
  height:230px;
  border:3px solid #304C00;
  border-radius:7.5px;
}
.pvz2Almanac-picWrapper img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:5px;
}
.pvz2Almanac-costumes {
  position:absolute;
  right:5px;
  width:30px;
  background-color:#F0E5C5;
  border:3px solid #304C00;
  color:gold;
  text-shadow: -.5px -.5px 0 #000, .5px -.5px 0 #000, -.5px .5px 0 #000, .5px .5px 0 #000, 1.5px 1.5px 0 rgba(0,0,0,0.75);
}
.pvz2Almanac-costumes.mw-customtoggle-pvz2aCT {
  top:-25px;
  height:25px;
  border-radius:5px 5px 0 0;
  z-index:0;
}
#mw-customcollapsible-pvz2aCT {
  top:0;
  border-top:none;
  border-radius:0 0 5px 5px;
  z-index:3;
}
.pvz2Almanac-profileSlide {
  min-width:250px;
  max-width:520px;
  height:300px;
  overflow:hidden;
  color:#483E00;
}
.pvz2Almanac-profileContainer {
  margin:5px 5px 5px 5px;
  height:290px;
  overflow:auto;
}/*
.pvz2Almanac-profileContainer::-webkit-scrollbar {
  width: 12px;
}
.pvz2Almanac-profileContainer::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 6px;
  background: #CBC6A8;
}
.pvz2Almanac-profileContainer::-webkit-scrollbar-thumb {
  background: #F0E5C5; 
  border-radius: 6px;
  box-shadow: inset -1px -1px 3px grey; 
}
.pvz2Almanac-profileContainer:-webkit-scrollbar-thumb:hover {
  background: #F0E5C5; 
}*/
.pvz2Almanac-statContainer>div {
  display:flex;
  flex-wrap: wrap;
  margin: 0 5px 5px 0;
  width:100%;
  background-color:#F3ECDA;
  border-radius:5px;
  box-shadow:1px 1px 0 rgba(0,0,0,0.25);
}
.pvz2Almanac-statContainer>div:nth-child(even) {
  background-color:#CCC5AB;
}
.pvz2Almanac-statUnit {
  flex:1 0 200px;
  height:44px;
  line-height:1.5em;
  color:#000;
  font-size:90%;
}
.pvz2Almanac-statUnit>img {
  float:left;
  height:40px;
  width:40px;
  border-radius:5px;
  background-color:#2B4402;
  margin:2px 2px 2px 2px;
  }
.pvz2Almanac-statUnit>div>span {
  color:gold;
  font-size:150%;
  text-shadow: -.5px -.5px 0 #000, .5px -.5px 0 #000, -.5px .5px 0 #000, .5px .5px 0 #000, 1.5px 1.5px 0 rgba(0,0,0,0.75);
}
@media screen and (max-width: 690px) {
  .pvz2Almanac-container{
    min-width:300px;
  }
  .pvz2Almanac-picSlide {
    width:100%;
    margin-right:0;
  }
  .pvz2Almanac-profileSlide {
    width:100%;
  }
}