Local Codes
<style>
span.a {background-color: rgba(255, 0, 0, 0.25); text-decoration: line-through; color: #F00;}
 
span:not(.a) {background-color: rgba(0, 0, 255, 0.25); text-decoration: underline;}
</style>
<div style="font-size: 12px;">
<p><b>描述(2021/6/1):</b>SCP-CN-2994为一种鸟类异常生物,其外观近似山蓝鸲<i>(Sialia currucoides)</i><span class="a">该项目的异常特性在于,</span>当任何实体接触项目时,项目将从<span class="a">该实体</span><span style="color: blue;"></span>内部穿透,因此,物理收容手段对项目无效。项目<span class="a"></span>飞行时体表会<span class="a">出现一层约120流明的蓝色光芒,尚未解明该现象的具体原理</span><span style="color: blue;">发出<b>光通量</b>约为120流明的蓝光</span></p>
</div>
<style>
@import url("http://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--theme/base/css/style.css");
@import url("http://scp-wiki-cn.wikidot.com/component:theme/code/1");
 
.hexacontainer {
    display: flex;
    filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.36));
}
.hexaheader {
    text-align: center;
    color:  #f8f8f8;
    background-color: #333333;
    width: 24rem;
    padding-left: 0.42rem;
    padding-right: 0.42rem;
    clip-path:
     polygon(
      0% 50%,
      1.15rem 0%,
      calc(100% - 1.15rem) 0%,  
      100% 50%,
      calc(100% - 1.15rem) 100%,
      1.15rem 100%
    );
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: transform .2s;
}
/* .hexaheader:hover {
    transform: scale(1.25) translateY(39.672%);
} */
.hexaheader h1, .hexaheader h2, .hexaheader h3, .hexaheader h4, .hexaheader h5, .hexaheader h6, .hexaheader a {
    color:  #f8f8f8;
}
.hexaheader a {
    display: inline-block;
    text-decoration: none;
    width:100%;
    height:100%;
}
.hexabody {
    background-color: #ffffff;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
    padding: 1.8rem;
    padding-top: 1.3rem;
    padding-bottom: 0.6rem;
    margin-left: 3rem;
}
@media (max-width: 767px) {
    .hexacontainer {
         justify-content: center;
    }
    .hexaheader {
         width: 85%;
    }
    .hexabody {
         margin-left: 0;
    }
}
</style>
 
<div style="margin: 0.75rem;">
 
<div style="text-align: center; font-size: 1.5rem; font-weight: bold; text-decoration: underline;">
无偿版式制作(?)
</div>
 
<div class="hexacontainer" style="margin-top: -0rem;">
<div class="hexaheader">
<h2>
概述
</h2>
</div>
</div>
<div class="hexabody">
内容
</div>
 
</div>
<style>
span, p {font-size: 12px;}
 
span.a {background-color: rgba(255, 0, 0, 0.25); text-decoration: line-through; color: #F00;}
 
span:not(.a) {background-color: rgba(0, 0, 255, 0.25); text-decoration: underline;}
</style>
 
<span class="a">【后面的被删掉了】</span>
<p>改为</p>
<span class="b">[冗余数据删除]</span>
<p>或干脆不写。</p>
 
<hr />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
  <head>
    <meta http-equiv="Content-Script-Type" content="text/javascript"/>
    <meta http-equiv="Content-Style-Type" content="text/css"/>
    <meta http-equiv="content-language" content="ja,jp-ja"/>
    <meta charset="UTF-8"/>
    <link rel="stylesheet" href="/component:theme/code/1">
    <style>
      body{
        background:transparent;
        padding:0;
      }
    </style>
  </head>
  <body>
    <div style="width: 100%; text-align: center;">
      <a class="back" target="_blank" style="cursor: pointer;" href="###">X</span>
    </div>
  </body>
</html>
CC BY-SA 114514.810