置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

火環/style.css

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

/*

* Only used for 火环
*/

.Tabs {

   border: 1px solid;
   background-color: #fff;

}

.TabLabelText {

   padding: 0 !important;
   opacity: 0.5;
   background: none !important;

}

.TabLabelText.selected {

   opacity: 1;
   border: 0 !important;

}

.TabContent {

   background: none !important;
   border: 0 !important;

}

.hh-character {

   display: flex;

}

.hh-character-text {

   background-size: cover;
   background-repeat: no-repeat;
   color: #fff;

}

.hh-character-h1 {

   font-size: 1.2em;
   border-bottom: 2px solid #fff;

}

.hh-character-h2 {

   font-size: 1.2em;
   text-align: right;

}

.hh-character-h2 a {

   color: #fff;

}

.hh-character-talk {

   color: #999;

}

@media (min-width: 577px) {

   .hh-character {
       align-items: stretch;
   }

   .hh-character-text {
       flex: 1 0 15em;
       max-width: 30em;
       background-image: url('https://img.moegirl.org.cn/common/7/70/Patternc90350.png');
       background-position: right;
       padding: 1em 4em 0 2em;
   }

   .hh-character > img {
       align-self: flex-end;
   }

}

@media (max-width: 576px) {

   .hh-character {
       flex-direction: column;
   }
   
   .hh-character-text {
       background-image: url('https://img.moegirl.org.cn/common/1/13/Pattern257.png');
       background-position: top;
       padding: 4em 1em 1em 1em;
       margin-top: -3em;
       order: 1;
   }

}