等级版头 源代码

我和我的小伙伴们都惊呆了!!

此页为于SCP维基内部使用的样版页。

在未经同意的情况下
请不要动这页里面的东西


[[module css]]
/* CLASSIFICATION HEADER */
 div.classification-header{
     color: rgb(12,12,12);

     display: flex;
     height: 4rem;
     justify-content: center;
}
 .classification-header span{
     word-break: break-word;
}
 div.classification-header > div{
     width: 50%;
     max-width: 50%;

     flex-basis: 50%;
}
 div.classification-header div.side-left{
     font-size: 1.25em;
     text-transform: uppercase;

     display: flex;
     flex-direction: column;
     justify-content: center;
}
 div.classification-header div.side-right{
     font-size: 1.25em;
     font-weight: 900;
     text-transform: uppercase;
     padding-left: .5rem;

     display: flex;
     justify-content: flex-end;
}
 div.side-left > div > span:nth-child(1){
     font-weight: 900;
     color: {$class-text-color};
}
 div.side-left > div:nth-child(2){
     line-height: 1.4rem;
     color: {$altbody-text-color};
}
 div.side-left > div:nth-child(2) > span:nth-child(1){
     height: 1.4rem;
}
 div.side-right > div.clearance-container{
     transform: skew(15deg);
     padding: 0 0.5rem 0 0.25rem;
     height: 100%;

     display: flex;
     flex-direction: row-reverse;
     align-self: center;
}
 div.side-right > div.leveltext-container{
     line-height: 1.4rem;
     height: 100%;
     text-align: right;
     color: {$class-text-color};

     display: flex;
     flex-direction: column;
     align-self: center;
     justify-content: center;
}
 div.side-right > div.clearance-container > div.clearance{
     width: 0.5rem;
     height: 100%;
     margin: 0 0.1rem;
     overflow: hidden;
     background: {$clearance-bg-color};
}
/* CLEARANCE BARS */
 div.side-right > div.clearance-container > div.clearance.full{
     opacity: 1;
}
 div.side-right > div.clearance-container > div.clearance.half{
     opacity: 0.5;
}
 div.side-right > div.clearance-container > div.clearance.none{
     opacity: 0;
     display: none;
}
/* MOBILE MEDIA FILTER */
 @media (max-width: 767px){
     div.classification-header{
         height: 3rem;
    }
     div.classification-header div.side-left{
         font-size: 1.25em;
    }
     div.classification-header div.side-right{
         font-size: 1.25em;
    }
}

.lang-cn .lang-tr,
.lang-tr .lang-cn {
    display: none;
}
[[/module]]

[[div_ class="classification-header lang-{$lang}"]]
  [[div_ class="side-left"]]
    [[div_ ]]
[[span]][[span class="lang-cn"]]项目编号:[[/span]][[span class="lang-tr"]]項目編號:[[/span]][[/span]][[span style="color: {$altbody-text-color};"]]SCP-{$item-num}[[/span]]
    [[/div]]
    [[div_ ]]
[[span]][[span class="lang-cn"]]收容等级:[[/span]][[span class="lang-tr"]]收容等級:[[/span]][[/span]][[span style="color: {$altbody-text-color};"]]{$cont-class}[[/span]]
    [[/div]]
  [[/div]]
  [[div_ class="side-right"]]
    [[div_ class="clearance-container"]]
      [[div_ class="clearance {$clearance-one}"]]
      [[/div]]
      [[div_ class="clearance {$clearance-two}"]]
      [[/div]]
      [[div_ class="clearance {$clearance-three}"]]
      [[/div]]
      [[div_ class="clearance {$clearance-four}"]]
      [[/div]]
      [[div_ class="clearance {$clearance-five}"]]
      [[/div]]
      [[div_ class="clearance {$clearance-six}"]]
      [[/div]]
    [[/div]]
    [[div_ class="leveltext-container"]]
      [[div_ ]]
{$level}/{$item-num}[[span class="lang-cn"]]级[[/span]][[span class="lang-tr"]]級[[/span]]
      [[/div]]
      [[div_ ]]
{$clearance}
      [[/div]]
    [[/div]]
  [[/div]]
[[/div]]
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License