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

User:竹林烟雨/style.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:%E7%AB%B9%E6%9E%97%E7%83%9F%E9%9B%A8/style.css?_=1}-
/********************************** /
/*此页面用于Iser:竹林烟雨的部分页面*/
/* 署名:竹林烟雨(装模作样的署名)*/
/***********************************/

/*标题样式*/
h2 {
  border-bottom-color:transparent;
}

h2 .mw-headline {
  border: 2px solid #5661C6;
  background-color: #568FDE;
  border-radius: 30px;
  display: block;
  margin: auto;
  text-align: center;
  color: white; 
  width: 50%;
  font-family: "黑体";
  font-weight: bold;
}

h2 .mw-headline:hover:before {
  content: "→";
  position: relative;
  animation: headline-h2-before 0.5s forwards;
}

h2 .mw-headline:hover:after {
  content: "←";
  position: relative;
  animation: headline-h2-after 0.5s forwards;
}

h3 .mw-headline {
  border: 2px solid #5661C6;
  background-color: #568FDE;
  border-radius: 15px;
  display: block;
  margin: auto;
  text-align: center;
  color: white; 
  width: 25%;
  font-family: "黑体";
  font-weight: bold;
}

h3 .mw-headline:hover:before, h3 .mw-headline:hover:after {
  content: "★";
  position: relative;
}
  h3 .mw-headline:hover:before {animation: headline-h3-before 0.5s forwards;}
  h3 .mw-headline:hover:after {animation: headline-h3-after 0.5s forwards;}

/*杀掉标题右侧的快速编辑*/
.mw-editsection {
  opacity: 0.1;
  float:right;
}

/*用户框,宽度:(262*一行用户框个数+2*用户框之间间隔数+左右用户框边缘到线条距离)px*/
.userbox {
  text-align:center;
}
.userbox .userbox-b {
  display: inline-block;
  border-left: solid #568FDE;
  border-top: solid #5661C6;
  width:796px;
}

/*巴别用户框位置修正*/
.userboxes {
  margin-left: -1em;
}

/*修改维基表格*/
.wikitable th {
  border: 3px solid #2F50F5;
  border-radius: 4px;
  background-color: #568FDE;
}
.wikitable td {
  border: 3px solid #2F50F5;
  background-color: #2FB9F5;
}
.wikitable, table.wikitable a, .wikitable a:visited {color: #FFF;}
.wikitable > tr {background-color: #568FDE;}
.wikitable tr > td:first-child {background-color: #7AA9E1;}
.wikitable tr:last-child > td {background-color: #2FB9F5;}

/*infoBox*/
.inFobox {
  display: table;
  background-color: white;
  width: 310px;
  text-align: center;
  margin: 15px;
  border-radius: 10px;
  border-collapse: collapse;
  float: right;
  overflow: hidden;
  
}
.inFobox-b {
  display: table;
  width: 99%;
  border-collapse: separate;
  border-spacing:0px 2px;
  border-right: 3px solid #568FDE;
  border-bottom: 3px solid #568FDE;
}

.table-head {
  display: table-cell;
  text-align: center;
  background-color: #87D9FF;
  padding:5px;
  border-radius:10px 10px 0 0;
}
.table {display:table-row;}

/*some style*/
.table-style {
  display:table-cell;
  vertical-align:middle;
  background-color: #87D9FF;
  width:40%;
  color: #5500ff;
}
.word-style {color: #00007f;}
.profile-style {
  display: table-cell;
  background-color: white;
}

/*彩蛋*/



/*屏幕适配*/
@media screen and (max-width: 970px) {
    .userbox .userbox-b {
      display:inline;
      border: none;
    }
    @media screen and (max-width: 920px) {
      .userboxes {
        margin-left: 1em;
        float: right;
        clear: right;
      }

      #子页面 {
        width:75%
      }
    }
}

/*动画*/
@keyframes headline-h2-before {
  from {opacity: 0;}
  to {opacity: 1;}
  from {right: 5%;}
  to {right: 0;}
}
@keyframes headline-h2-after {
  from {opacity: 0;}
  to {opacity: 1;}
  from {left: 5%;}
  to {left: 0;}
}

@keyframes move {
  from {opacity: 0;}
  to {opacity: 1;}
  from {left: 0;}
  to {left: -10px;}
}

@keyframes headline-h3-before {
  from {opacity: 0;}
  to {opacity: 1;}
  from {right: 5%;}
  to {right: 0;}
}
@keyframes headline-h3-after {
  from {opacity: 0;}
  to {opacity: 1;}
  from {left: 5%;}
  to {left: 0;}
}