查看“︁User:Wecury/Sandbox/Mbox”︁的源代码

===title+detail(ul)===
<!--{{沙盒页顶}}-->
<div class="mbox"
     style="
     display: flex;
     max-width: min(50em,100%);
     flex-direction: column;
     align-content: center;
     justify-content: center;
     place-content: center center;
     align-items: center;
     border-left-width: 4px;
     border-color: #2A52BE;
     border-style: solid;
     margin: 0.25em auto;
     background: #F2F6FF;
     border-collapse: inherit;”><!--
--><div class="mbox-body"
        style="
        display: flex;
        width: 100%;
        flex-flow: row nowrap;
        align-content: center;
        justify-content: space-between;
        place-content: center space-between;
        align-items: center;"><!--
  --><div class="mbox-image"
          style="
          border: 0;
          flex: 1 0;
          margin: auto;
          padding: 1em;
          text-align: center;"><!--
       -->[[File:Lucide-info-blue.svg|40px|link=]]<!--
  --></div><!--
  --><div class="mbox-text"
          style="
          width: 95%;
          flex: 1 1 95%;
          padding: 0.5em 0.5em 0.5em 0;
          border: 0;"><!--
       --><div class="mbox-title"
               style="font-weight:600"><!--
             -->欢迎来到Vocawiki公共沙盒<!--
       --></div><!--
       --><div class="mbox-detail text-sm"
               style="font-weight:400"><!--
             --><ul style="margin:0.25em"><!--
               --><li>您可以在[[Special:Login|登录]]后点击右上角的[{{fullurl:{{FULLPAGENAME}}}}?action=edit 编辑按钮]开始测试；</li><!--
               --><li>本页面存在内容为正常现象，您可以直接将其删除并进行自己的测试。当然，请不要删除本模板；</li><!--
               --><li>本页面随时可能会被清空，请及时将代码保存至其它地方。您亦可在[[Special:MyPage/沙盒|自己的沙盒]]进行测试。</li><!--
             --></ul><!--
             -->[[Help:沙盒]]<sup>[[Help:沙盒/styles.css|css]]</sup>、[[Template:沙盒]]<sup>[[Template:沙盒/styles.css|css]]</sup>、[[Module:沙盒]]<!--
      --></div><!--
  --></div><!--
--></div>
</div>
===title+detail===
<!--{{Bot use warning}}-->
<div class="mbox"
     style="
     display: flex;
     max-width: min(50em,100%);
     flex-direction: column;
     align-content: center;
     justify-content: center;
     place-content: center center;
     align-items: center;
     border-bottom-width: 4px;
     border-style: solid;
     border-color: #2A52BE;
     margin: 0.25em auto;
     background: #F2F6FF;
     border-collapse: inherit;”><!--
--><div class="mbox-body"
        style="
        display: flex;
        width: 100%;
        flex-flow: row nowrap;
        align-content: center;
        justify-content: space-between;
        place-content: center space-between;
        align-items: center;"><!--
  --><div class="mbox-image"
          style="
          border: 0;
          flex: 1 0;
          margin: auto;
          padding: 1em;
          text-align: center;"><!--
       -->[[File:Lucide-info-blue.svg|40px|link=]]<!--
  --></div><!--
  --><div class="mbox-text"
          style="
          width: 95%;
          flex: 1 1 95%;
          padding: 0.5em 0.5em 0.5em 0;
          border: 0;"><!--
       --><div class="mbox-title"
               style="font-weight:600"><!--
             -->本模板被[[Vocawiki:有趣的条目|机器人]]使用。<!--
       --></div><!--
       --><div class="mbox-detail text-sm"
               style="font-weight:400"><!--
             -->如果您打算修改本模板，则有可能影响到机器人，请先通知机器人操作者。<!--
      --></div><!--
  --></div><!--
--></div>
</div>
===text===
<!--{{info|请注意：本模板只能让页面浏览者'''从视觉效果上'''感觉子页面变成了普通页面。在MediaWiki内部处理中，使用的页面仍然会被当作子页面（比如在编辑页面）。这是一个不可绕过的技术限制。|type=none}}-->
<div class="mbox"
     style="
     display: flex;
     max-width: min(50em,100%);
     flex-direction: column;
     align-content: center;
     justify-content: center;
     place-content: center center;
     align-items: center;
     border-left-width: 4px;
     border-style: solid;
     border-color: #2A52BE;
     margin: 0.25em auto;
     background: #F2F6FF;
     border-collapse: inherit;”><!--
--><div class="mbox-body"
        style="
        display: flex;
        width: 100%;
        flex-flow: row nowrap;
        align-content: center;
        justify-content: space-between;
        place-content: center space-between;
        align-items: center;"><!--
  --><div class="mbox-image"
          style="
          border: 0;
          flex: 1 0;
          margin: auto;
          padding: 1em;
          text-align: center;"><!--
       -->[[File:Lucide-info-blue.svg|40px|link=]]<!--
  --></div><!--
  --><div class="mbox-text"
          style="
          width: 95%;
          flex: 1 1 95%;
          padding: 0.5em 0.5em 0.5em 0;
          border: 0;"><!--
             -->请注意：本模板只能让页面浏览者'''从视觉效果'''上感觉子页面变成了普通页面。在MediaWiki内部处理中，使用的页面仍然会被当作子页面（比如在编辑页面）。<!--
  --></div><!--
--></div>
</div>

<div class="mbox"
     style="
     display: flex;
     max-width: min(50em,100%);
     flex-direction: column;
     align-content: center;
     justify-content: center;
     place-content: center center;
     align-items: center;
     border-left-width: 4px;
     border-style: solid;
     border-color: #FF7300;
     margin: 0.25em auto;
     background: #FFF8F2;
     border-collapse: inherit;”><!--
--><div class="mbox-body"
        style="
        display: flex;
        width: 100%;
        flex-flow: row nowrap;
        align-content: center;
        justify-content: space-between;
        place-content: center space-between;
        align-items: center;"><!--
  --><div class="mbox-image"
          style="
          border: 0;
          flex: 1 0;
          margin: auto;
          padding: 1em;
          text-align: center;"><!--
       -->[[File:Lucide-circle-alert-orange.svg|40px|link=]]<!--
  --></div><!--
  --><div class="mbox-text"
          style="
          width: 95%;
          flex: 1 1 95%;
          padding: 0.5em 0.5em 0.5em 0;
          border: 0;"><!--
             -->这是一个不可绕过的技术限制。<!--
  --></div><!--
--></div>
</div>


<div class="mbox"
     style="
     display: flex;
     max-width: 95%;
     flex-direction: column;
     align-content: center;
     justify-content: center;
     place-content: center center;
     align-items: center;
     border-width: 1.25px;
     border-left-width: 0.5em;
     border-style: solid;
     border-radius: 0.25em;
     border-color: #FF7300;
     padding: 0.5em 0.5em 0.5em 0;
     margin: 0.25em auto;
     background: #FFF8F2;
     border-collapse: inherit;”><!--
--><div class="mbox-body"
        style="
        display: flex;
        width: 100%;
        flex-flow: row nowrap;
        align-content: center;
        justify-content: space-between;
        place-content: center space-between;
        align-items: center;"><!--
  --><div class="mbox-image"
          style="
          border: 0;
          flex: 1 0;
          margin: auto;
          padding: 1px 0.75em;
          text-align: center;"><!--
       -->[[File:Lucide-circle-alert-orange.svg|50px|link=]]<!--
  --></div><!--
  --><div class="mbox-text"
          style="
          width: 95%;
          flex: 1 1 95%;
          padding: 0.5em;
          border: 0;"><!--
       -->齁齁齁齁齁'''NOTICE'''哦哦<br><small>哦哦哦哦[[Vocawiki:有趣的条目|注意]]呜呜呜呜呜呜</small><!--
  --></div><!--
--></div>
</div>

<div class="mbox"
     style="
     display: flex;
     max-width: 95%;
     flex-direction: column;
     align-content: center;
     justify-content: center;
     place-content: center center;
     align-items: center;
     border-width: 1.25px;
     border-left-width: 0.5em;
     border-style: solid;
     border-radius: 0.25em;
     border-color: #E60000;
     padding: 0.5em 0.5em 0.5em 0;
     margin: 0.25em auto;
     background: #FFF2F2;
     border-collapse: inherit;”><!--
--><div class="mbox-body"
        style="
        display: flex;
        width: 100%;
        flex-flow: row nowrap;
        align-content: center;
        justify-content: space-between;
        place-content: center space-between;
        align-items: center;"><!--
  --><div class="mbox-image"
          style="
          border: 0;
          flex: 1 0;
          margin: auto;
          padding: 1px 0.75em;
          text-align: center;"><!--
       -->[[File:Lucide-triangle-alert-red.svg|50px|link=]]<!--
  --></div><!--
  --><div class="mbox-text"
          style="
          width: 95%;
          flex: 1 1 95%;
          padding: 0.5em;
          border: 0;"><!--
       -->齁齁齁齁齁'''WARNING'''哦哦<br><small>哦哦哦哦[[Vocawiki:有趣的条目|警告]]呜呜呜呜呜呜</small><!--
  --></div><!--
--></div>
</div>