版式：M.E.G. 海事部

海绿--gray-monochrome(41, 73, 166)

溺斑--light-gray-monochrome(172, 202, 242)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

浪花--white-monochrome(242, 242, 248)

浸肤--pale-gray-monochrome(220, 236, 242)

底洋--black-monochrome(22, 45, 115)

藻海--medium-accent(10, 93, 166)

绿蓝灰--dark-accent(34, 47, 64)

风暴云--bright-accent(173, 192, 217)

利炮--visited-link-color(13, 65, 174)

红蟹--newpage-color(118, 131, 196)

腐木--hover-link-color(118, 131, 196)

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

这个是一个由Liurd创建的版式，用于设定“大航海”相关文档。若要在您的页面中使用本主题，将如下代码插入您页面中的任何位置：

[[include :backrooms-wiki-cn:theme:megmma]]

版式示例

啊！大海！你全是水！

可以使用五个连字符"-----" 创建水平线，如果未将其放置在任何内容（例如引用块）中，则可以扩展到整个页面。分隔本文档各部分的行是水平线。

---

可以通过在行首加上1-6个之间的"+"字符来创建标题。

标题示例

1号标题

2号标题

3号标题

4号标题

5号标题

6号标题

分页1

这是一个分页。

分页2

看看我，我这有更多文字！

可真是古朴风格。

长分页

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

这是一个长分页，它能容纳很多字符。

不知道为啥，这个空分页贼拉长。我想知道是咋回事儿？

空分页

空分页

空分页

空分页

空分页

这是一个引用块，在一行字的起始处加上“> ”来创建。
更多文字

---

一条分割线

嵌套块引用¹

这是一个	表格
你应该早就	知道怎么
制作它了吧

---

脚²
这段文本
放在这里
你们就能
看到不同
格式以及
其它东西
看起^来是
怎么_运作
包括那些不存在
以及存在的链接！
还有特殊警告
或者风险更低的
或者安全的！

---

标题示例
[[div class="titleblock"]]
[[span class="titlebox"]]标题示例[[/span]]

[[/div]]

标题示例
[[div class="dark-titleblock"]]
[[span class="dark-titlebox"]]标题示例[[/span]]

[[/div]]

[[div class="lightblock"]]
这个东西用来让你看看链接颜色
[[/div]]

[[div class="whiteblock"]]
这个东西用来让你看看链接颜色
[[/div]]

[[div class="darkblock"]]
这个东西用来让你看看链接颜色
[[/div]]

[[div class="styled-quote"]]

[[/div]]

[[div class="dark-styled-quote"]]

[[/div]]

[[div class="glassblock"]]

[[/div]]

[[div class="hoverblock"]]
试试把鼠标放在上面
[[/div]]

[[div class="light-hoverblock"]]
试试把鼠标放在上面
[[/div]]

[[div class="dark-hoverblock"]]
试试把鼠标放在上面
[[/div]]

[[div class="white-hoverblock"]]
试试把鼠标放在上面
[[/div]]

[[div class="inset-hoverblock"]]
试试把鼠标放在上面
[[/div]]

[[div class="transparent-hoverblock"]]
试试把鼠标放在这里
没错！这是一个div块！
[[/div]]

上段文字
中段文字
下段文字

[[div class="titleaoe"]]
[[span class="maintitle"]]上段文字[[/span]]
[[span class="midtitle"]]中段文字[[/span]]
[[span class="subtitle"]]下段文字[[/span]]
[[/div]]

---

The Age oF
The
EXPLORANCE

---

+ 版式代码

@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
 
@keyframes header {
  0% { background-position:0; }
  100% { background-position:10rem; }
}
 
@keyframes tab-disappear {
  0% { max-height: 9999rem; }
  1% { max-height: 100vh; }
  100% { max-height: 0; }
}
@keyframes tab-appear {
  0% { max-height: 0; }
  99% { max-height: 100vh; }
  100% { max-height: 9999rem; }
}
 
.yui-navset .yui-content > div {
  padding: 0.25em 0.5em;
  display: block;
  top: 0;
  overflow: hidden;
  transform-origin: 0 0;
}
 
#page-content .yui-navset .yui-content > div > * {
  transform-origin: 0 0;
}
 
#page-content .yui-navset .yui-content > div[style*="none"] {
  display: block !important;
  flex: 0;
  max-height: 0;
  padding: 0 0.5em;
  border-width: 0;
  transition: padding 0s linear 0.5s,
        border-width 0s linear 0.5s,
        flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s;
  animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
 
#page-content .yui-navset .yui-content > div[style*="block"] {
  display: block !important;
  flex: 1;
  max-height: 9999rem;
  transition: padding 0s linear 0.5s,
        border-width 0s linear 0.5s,
        flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s;
  animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
 
.color{
min-height:90px;
}
 
span.printuser{
    color: rgb(var(--white-monochrome));
}
 
:root {
   --theme-base: "black-highlighter";
   --theme-id: "frost";
   --theme-name: "Frost Theme";
 
   --theme-base: "black-highlighter";
   --logo-image: url("");
   --header-title: "M.E.G. 海事部";
   --header-subtitle: "满怀着希望扬帆远航";
 
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
 
   --white-monochrome: 237, 237, 255;
   --pale-gray-monochrome: 242,228,216;
   --light-gray-monochrome: 191,176,170;
   --gray-monochrome: 2,94,115;
   --dark-gray-monochrome: 2,94,115;
   --black-monochrome: 1, 13, 23;
   --bright-accent: 100,129,140;
   --medium-accent: 2,73,89;
   --dark-accent: 2,64,89;
   --pale-accent: 2,64,89;
 
   --swatch-topmenu-border-color: var(--medium-accent);
 
   --link-color: var(--medium-accent);
   --hover-link-color: 89,73,2;
   --visited-link-color: 60,73,89;
   --newpage-color: 148,25,17;
 
   --background-gradient-distance: 0rem;
 
   --gradient-header: linear-gradient(to bottom right,
      rgba(var(--dark-accent)) 0%,
      rgba(var(--gray-monochrome)) 100%
   );
   --diagonal-stripes: linear-gradient(transparent 0);
}
 
}
 
::selection {   color: rgb(var(--white-monochrome));   background:rgb(var(--pale-accent)); }
 
#skrollr-body {
     background-size: 10rem;
background-color: #024059;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' width='80' height='80'%3E%3Cpath fill='%23f2e4d8' fill-opacity='0.6' d='M14 16H9v-2h5V9.87a4 4 0 1 1 2 0V14h5v2h-5v15.95A10 10 0 0 0 23.66 27l-3.46-2 8.2-2.2-2.9 5a12 12 0 0 1-21 0l-2.89-5 8.2 2.2-3.47 2A10 10 0 0 0 14 31.95V16zm40 40h-5v-2h5v-4.13a4 4 0 1 1 2 0V54h5v2h-5v15.95A10 10 0 0 0 63.66 67l-3.47-2 8.2-2.2-2.88 5a12 12 0 0 1-21.02 0l-2.88-5 8.2 2.2-3.47 2A10 10 0 0 0 54 71.95V56zm-39 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm40-40a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM15 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm40 40a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'%3E%3C/path%3E%3C/svg%3E");
    animation:header 20s linear infinite;
    -webkit-animation:header 20s linear infinite; /* Safari 和 Chrome */
}
 
body{
    background-color: rgba(var(--white-monochrome));
}
 
div#extrac-div-1::after {
       content: "";
    position:fixed;
    top:var(--final-header-height-on-desktop);
    width:100%;
    height:calc(100% - var(--final-header-height-on-desktop));
    background-image: linear-gradient(to bottom,
      rgba(var(--white-monochrome)) 0%,
      rgba(var(--bright-accent)) 100%
   );
    background-size: auto 100%;
    background-repeat: repeat;
    opacity: 1;
    z-index: -3;
}
 
div#extrac-div-2::after {
       content: "";
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    background-image: url("https://images.unsplash.com/photo-1488188840666-e2308741a62f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=874&q=80");
    background-size: cover;
    opacity: 0.15;
    z-index: -1;
   -webkit-filter: blur(3px);
    filter: blur(3px);
}
 
#main-content a {
   transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out; /* Safari */
}
 
.scp-image-block .scp-image-caption {
    color: rgb(var(--white-monochrome));
    background-color: rgb(var(--medium-accent));
    border-color: rgb(var(--dark-accent));
}
 
#container {
   background-image: none
}
 
#side-bar .side-block div a img {
filter: grayscale(0%);
}
 
#header, #top-bar {
   background-attachment: scroll;
}
 
#header {
   background-image: none;
    color: rgb(var(--dark-accent));
}
 
#header::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0rem;
   top: 0;
   background-image: var(--logo-image);
   background-size: auto 9rem;
   background-position: center;
   background-repeat: no-repeat;
   opacity: 1;
}
 
#header h1, #header h1 a {
   position: absolute;
   top: 1rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
   z-index: 0;
}
 
#header h2, #header h2 span, #header h2 span::before {
   position: absolute;
   top: 2rem;
   margin: 0;
   width: 100%;
   display: flex;
   justify-content: center;
}
 
#header h1 a::before, #header h2 span::before {
   text-shadow: .063rem 0.1rem 0.1rem #0c0c0c;
}
 
hr {
border-color:rgb(var(--pale-accent));
}
 
table.wiki-content-table tr {
  border: .2rem solid rgb(var(--gray-monochrome))!important;
  background-color:rgba(var(--bright-accent),.4);
}
 
table.wiki-content-table td {
  border: .2rem solid rgb(var(--gray-monochrome))!important;
}
 
table.wiki-content-table th {
  border: .2rem solid rgb(var(--gray-monochrome))!important;
  color:rgb(var(--black-monochrome));
  background-color:rgba(var(--light-gray-monochrome),.4);
}
 
.styled-quote {
   background-color:rgba(var(--light-gray-monochrome),.4);
   border-left: 0.5rem solid rgba(var(--pale-accent));
}
 
.dark-styled-quote {
   background-color:rgba(var(--pale-accent),.8);
   border-left: 0.5rem solid rgb(var(--gray-monochrome));
   color:rgb(var(--white-monochrome));
}
 
.lightblock {
   background-color:rgb(var(--pale-gray-monochrome));
}
 
.darkblock {
   background-color:rgb(var(--pale-accent));
   color:rgb(var(--white-monochrome));
}
 
.whiteblock {
   background-color:rgb(var(--white-monochrome));
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0.25rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.titleblock {
   background-color: rgb(var(--pale-gray-monochrome));
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border-top: solid rgb(var(--pale-accent)) 0.3rem;
}
 
.dark-titlebox{
  position: relative;
  top: -1.6rem;
  left: -0.5rem;
  background-color: rgb(var(--pale-gray-monochrome));
  color: rgb(var(--black-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.dark-titleblock {
   background-color:rgb(var(--pale-accent));
   color:rgb(var(--white-monochrome));
   padding: 0.5rem 1rem 0.10rem;
   margin: 1.5rem 0rem 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
   border-top: solid rgb(var(--pale-gray-monochrome)) 0.3rem;
}
 
.titlebox{
  position: relative;
  top: -1.6rem;
  left: -0.5rem;
  background-color: rgb(var(--pale-accent));
  color: rgb(var(--white-monochrome));
  padding: 0.25rem 1rem;
  line-height: 0.1rem;
}
 
.glassblock {
   background-image: linear-gradient(-30deg,
      rgba(var(--medium-accent),.8) -80%,
      rgba(var(--white-monochrome),.4) 100%);
   border: solid rgb(var(--pale-accent)) 2px;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
}
 
.hoverblock{
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   transition: box-shadow 0.3s ease-out;
   -webkit-transition: box-shadow 0.3s ease-out;
}
 
.hoverblock:hover,.hoverblock:focus{
 box-shadow: 0px 4px 10px 0 rgba(0,0,0, .25);
 
}
 
.light-hoverblock{
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out; /* Safari */
}
 
.light-hoverblock:hover,.light-hoverblock:focus{
   background-color: rgb(var(--pale-gray-monochrome));
   box-shadow: 0px 4px 10px 0 rgba(0,0,0, .25);
}
 
.dark-hoverblock{
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out; /* Safari */
}
 
.dark-hoverblock:hover,.dark-hoverblock:focus{
   background-color: rgb(var(--pale-accent));
   color: rgb(var(--white-monochrome));
   box-shadow: 0px 4px 10px 0 rgba(0,0,0, .25);
}
 
.transparent-hoverblock{
   color:transparent;
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out; /* Safari */
}
 
.transparent-hoverblock:hover,.transparent-hoverblock:focus{
   color: rgb(var(--black-monochrome));
   box-shadow: 0px 4px 10px 0 rgba(0,0,0, .25);
}
 
.white-hoverblock{
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   transition: box-shadow 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out;
}
 
.white-hoverblock:hover,.white-hoverblock:focus{
 box-shadow: 0px 4px 10px 0 rgba(var(--white-monochrome), .25);
   background-color: rgb(var(--white-monochrome));
}
 
.inset-hoverblock{
   padding: 0.01rem 1rem;
   margin: 0.5rem 0 0.5rem 0rem;
   transition: box-shadow 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out;
}
 
.inset-hoverblock:hover,.hoverblock:focus{
 box-shadow: inset 0px 4px 10px 0 rgba(5, 242, 242, .25);
    background-color: rgb(var(--pale-accent));
   color: rgb(var(--white-monochrome));
}
 
div.titleaoe {
    text-align: center;
    font-size: 60px;
    cursor: default;
    width: fit-content;
    margin: 0 auto;
    height:300px;
}
 
.maintitle {
    font-size: 80px;
    padding-right: 160px;
    font-family: 'Italianno', serif;
}
 
.midtitle {
    font-size: 30px;
    font-family:"Times New Roman",Georgia,Serif;
}
 
.subtitle {
    padding-left: 100px;
    font-family:"Times New Roman",Georgia,Serif;
}
 
.titleaoe:hover .maintitle {
padding-right: 300px;
}
 
.titleaoe:hover .subtitle {
padding-left: 240px;
}
 
.maintitle, .subtitle, .midtitle {
transition: all .5s ease-in-out;
color: #381e02;
}
 
.titleaoe:hover .maintitle {
font-size: 82px;
filter: drop-shadow(0px 0px 3px rgb(var(--hover-link-color)));
color: #381e02;
}
 
 .titleaoe:hover .subtitle {
font-size: 62px;
filter: drop-shadow(0px 0px 3px rgb(var(--hover-link-color)));
color: #381e02;
}
 
.titleaoe:hover .midtitle {
font-size: 32px;
filter: drop-shadow(0px 0px 3px rgb(var(--hover-link-color)));
color: #381e02;
}
 
@media (max-width:767px) {
div.titleaoe {
    text-align: center;
    font-size: 40px;
    cursor: default;
    width: fit-content;
    margin: 0 auto;
}
 
.maintitle {
    font-size: 65px;
    padding-right: 40px;
    font-family: 'Italianno', serif;
}
 
.midtitle {
    font-size: 20px;
}
 
.subtitle {
    padding-left: 40px;
    font-family:"Times New Roman",Georgia,Serif;
}
 
.titleaoe:hover .maintitle {
padding-right: 50px;
}
 
.titleaoe:hover .subtitle {
padding-left: 50px;
}
 
.maintitle, .subtitle, .midtitle {
transition: all .5s ease-in-out;
color: #381e02;
}
 
.titleaoe:hover .maintitle {
font-size: 67px;
filter: drop-shadow(0px 0px 3px rgb(var(--hover-link-color)));
color: #381e02;
}
 
 .titleaoe:hover .subtitle {
font-size: 42px;
filter: drop-shadow(0px 0px 3px rgb(var(--hover-link-color)));
color: #381e02;
}
 
.titleaoe:hover .midtitle {
font-size: 22px;
filter: drop-shadow(0px 0px 3px rgb(var(--hover-link-color)));
color: #381e02;
}
}
 
.interwiki1 {
 
    background: rgb(var(--light-gray-monochrome));
    margin: 10px 15px;
    padding: 10px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,102,.5);
    box-sizing: border-box;
    /*width: 15em;*/
    width: calc(var(--base-font-size*0.93333*19));
 
}
 
.interwiki1_title {
 
    color: rgb(var(--black-monochrome));
    border-bottom: solid 1px rgb(var(--black-monochrome));
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 8pt;
    font-weight: bold;
 
}
 
.interwiki1_entry {
 
    position: relative;
    margin: 2px 0;
 
}
 
.interwiki1_entry p::before {
 
    content: "■";
    font-size: 9px;
    color: rgb(var(--black-monochrome));
    position: relative;
    margin: 0 7px 0 5px;
    bottom: 3px;
 
}
 
.interwiki1_entry a, .interwiki1_entry a:visited {
 
    font-weight: bold;
    color: rgb(var(--black-monochrome));
    text-decoration: none;
    background: transparent;
 
}
 
.interwiki1_entry a:hover {
    color: rgb(var(--black-monochrome));
    background-color: transparent;
    text-decoration: underline;
 
}

---

作者信息

版式用的图片来自unsplash
https://unsplash.com/photos/CTivHyiTbFw

脚注

1. 这是一个脚注！

2. 注