匿名之眼 版式

源页面
2021年8月9日
修订 5

核心指标

更新于 2025年11月6日
评分
13
↑ 13
↓ 0
支持率
100%
总票数 13
Wilson 95% 下界
77.2%
在相同票数下更稳健的支持率估计
争议指数
0.000

评分趋势

按周聚合
加载图表中...

最近修订

1 / 2
TITLE_CHANGED
1 年前
编辑内容
3 年前
编辑内容
3 年前

最近投票

1 / 2
2025-07-29
2024-09-30
2024-09-04
2024-09-04
2022-12-28
2022-12-26
2021-08-14
2021-08-12

页面源码

源码字符数 12991文字字数 1001
[[iftags +版式]]
[[>]]
**评分:**
[[module Rate]]
[[/>]]

[[>]]
**评分模块与著作信息模块:**
[[/>]]

[[include :scp-wiki-cn:credit:start]]
页面信息
[[include :scp-wiki-cn:credit:more]]
更多页面信息
[[include :scp-wiki-cn:credit:end]]

该美学主题由 [[*user L200]] 基于 [[*user stormbreath]] 创作的版式而制成。

在你的作品开头添加如下语法以应用此版式:

> @@[[include :scp-wiki-cn:theme:olhos-anonimos]]@@

------

[[include component:image-block name= http://scp-pt-br.wdfiles.com/local--files/achievements/oa.svg|caption=图片|width=200px]]
你可以通过点击页面底部的“+ 选项”、“反向链接”来查看任何页面的反向链接。

+ 示例

可通过五个连字符“@@-----@@”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。

-----

标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建

[[collapsible show="+ 标题" hide="- 标题"]]
+ 1 级标题

++ 2 级标题

+++ 3 级标题

++++ 4 级标题

+++++ 5 级标题

++++++ 6 级标题
[[/collapsible]]

@@ @@

[[tabview]]
[[tab 分页]]
此为分页(tab view)[[/footnote]]
[[/tab]]
[[tab 分页]]
看,这有更多文字。

多么精巧绝伦。
[[/tab]]
[[tab 长 Tab]]
这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。

这是一个长的 tab,它有很多文字。
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[/tabview]]

> 这是一个引用块,在一行字的起始处加上“> ”来创建。
> 
> 更多文字
> -----
> 一条分割线[[footnote]] 一个脚注。 [[/footnote]]
> 
>> 嵌套引用块

||~ 这是 ||~ 表格 ||
||你应该老早 || 就知道怎么 ||
||||做这个了吧 ||

------

@@ @@

------

@@ @@
[[module CSS]]

div.terminal{
    border: 1px solid black;
    border: solid 3px #BBBBBB;
    border-radius: 16px;
    background-color: #303030;
/* black shadow at the top of the terminal */
   background-repeat: no-repeat;
   background-position: center;
    background-image: linear-gradient(0deg, rgba(48,48,48,0.92) 37%, rgba(48,48,48,0.92) 51%, rgba(48,48,48,0.92) 68%), url('http://scpsandboxcn.wikidot.com/local--files/pic-trans/Olhos-LOGO.gif');
    background-position: center;
    display: block;
/* shadow around the terminal */
    box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* prevents scanline from forming a scrollwheel */
    overflow:hidden;
}
div.terminal blockquote {
    background-color: black;
    border: double 3px #FFFFFF
}
div.scanline{
    margin-top: -40%;
    width: 100%;
    height: 60px;
    position: relative;
    pointer-events: none;
/* Safari 4.0 - 8.0 */
    -webkit-animation: scan 12s linear 0s infinite; /* You may need to change this. If the bar goes by too quickly, increase 5s. */
    animation: scan 12s linear 0s infinite; /* Same as above */
    background: linear-gradient(to bottom, rgba(109, 109, 109,0), rgba(109, 109, 109,0.1)) !important;
}

div.text{
    color: rgba(255,255,255,0.8);
    padding-left: 2em;
    padding-top: 40%;
    font-family: monospace;
    font-size: 1.2em;
    }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* You may need to change this depending on the length of your terminal. If the scanline stops halfway, increase the second number.*/
}

@keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* Same as above.*/
}

div.text a {
    color: #FFF;
    text-decoration: none;
    background: transparent;
}
div.text a.newpage {
    color: #FFF;
    text-decoration: none;
    background: transparent;
}
div.text a:hover {
    color: #303030;
    text-decoration: underline;
    background-color: #FFFFFF;
    padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
[[/module]]

[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]] __终端 #001__[[/size]]
@@ @@
@@ @@
@@------@@
欢迎,用户
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> 在终端内的链接,在光标悬停时,其前面会有一个 ">"
> [http://www.google.com 像这样]

感谢你查看我的格式!
@@ @@
@@ @@
[[/div]]
[[/div]]

@@ @@

------

@@ @@
++ 源代码:
[[collapsible show="+ 展开" hide="- 收起"]]

[[code type="CSS"]]
/*
    None CSS with Left Beef
    [2019 Wikidot Theme]
    Created by stormbreath.
    Modified by L200
*/

/*-------------------------------------*\
 *               SIDEBAR               *
\*-------------------------------------*/

div.scpnet-interwiki-wrapper {   /*  translations box  */
    filter: hue-rotate(110deg) invert(80%);
}

/*  PANELS  */

 
#side-bar img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

#side-bar .side-block {
  background-color: #FFF;
  border-color: #000;
  border-radius: 0px;
  border-width: 2px;
  box-shadow: 1px 1px 2px rgba(235, 235, 235, 0.4);
}
#side-bar .side-block .heading {
  border-color: #000;
  color: #000;
}
.side-block .menu-item > .image {   /*  upping the brightness of the image bullets  */
  filter: brightness(1.5);
}
.side-block.resources .menu-item > .image {   /*  adjusting for resources  */
  filter: brightness(1.1);
}
#side-bar .side-block.media, #side-bar .side-block.resources {
  background-color: #1E1E1E;
}
@media (max-width: 767px) {   /*  recoloring the red mobile background  */
  #side-bar {
    background-color: rgb(79, 67, 111);
  }
}

/*  LINKS  */

#side-bar a, #side-bar a:visited, #side-bar .menu-item.inactive a {
  color: #000;
}
#side-bar a:hover {
  background-color: #4D4D4D;
  text-decoration: none;
}

a {
  color: #1E1E1E;
}
a:visited {
  color: #333333;
}
a.newpage {
  color: #6B6B6B;
}

  

/* REMAKE THE HEADER */

div#container-wrap {
    background: url(http://scpsandboxcn.wikidot.com/local--files/pic-trans/Olhos-wrap.png) top left repeat-x;
}


#header {
    background-image: url(http://scpsandboxcn.wikidot.com/local--files/pic-trans/Olhos-header.png);
    background-position: 0px 10px;
}

#header {   /*  white icon  */
  background-image: url(http://scpsandboxcn.wikidot.com/local--files/pic-trans/Olhos-header.png)
  background-position: 0px 10px;
  background-size: 375px 125px;
}


h1, #page-title {
    color: black;
}
 
#page-title {
    border-color: black;
}
 

div#extra-div-1 {
    height: 22px;
    width: 100%;
    top: 140px;
    position: absolute;
    background: black;
}

}
@media (max-width: 580px) and (min-width: 480px) {
    #header {
        background-position: 0.5em 4.5em;
        background-size: 66px 66px;
    }
}
 
@media (max-width: 479px) {
    #header {
        background-position: 0 5.5em;
        background-size: 200px;
    }
}

#header h1 a {
    color: transparent;
    text-shadow: none;
    display: none;
}

#header h2 span {
    color: transparent;
    text-shadow: none;
    display: none;
}

/* TOP-BAR */
#top-bar ul li ul {
    border: solid 1px black;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid white;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: white;
    color: black;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: black;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: black;
    color: white; /* top bar hover background color */
}

/* RATING MODULE */
.page-rate-widget-box .rate-points {
    background-color: black !important;
    border: solid 1px black;
    text-transform: capitalize;
}

.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: transparent;
    color: white;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: white;
    color: black;
}
.page-rate-widget-box .cancel {
    background-color: black !important;
    border: solid 0px black;
}
.page-rate-widget-box .cancel a {
    color: white !important;
}
.page-rate-widget-box .cancel a:hover {
    background: white !important;
    color: black !important;
}

#page-content .rate-box-with-credit-button {
    background-color: black !important;
    border: 1px solid black;
    border-radius: 5px !important;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}

#page-content .rate-box-with-credit-button .page-rate-widget-box {
  border: 0;
}

#page-content .rate-box-with-credit-button .page-rate-widget-box .cancel {
  border-radius: 0;
  border-color: transparent;
}

#page-content .rate-box-with-credit-button .creditButton p a {   /*  "i" border  */
  border-left-color: #000;
  border-left-width: 2px;
}

#page-content .rate-box-with-credit-button .fa-info:hover {
     color: black;
     background-color: white;
}

.close-credits, .credit-back {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.creditButton a {
    border-left: none;
}

#page-content .modalbox {
    box-shadow: 0 2px 6px rgba(102, 102, 102, .5);
}

.close-credits,
.credit-back {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

/* PAGE ELEMENTS */
blockquote,
div.blockquote,
#toc,
.code {
     background-color: white;
}

.scp-image-block {
    border: solid 1px black;
    box-shadow: none;
}
.scp-image-block .scp-image-caption {
    background-color: white !important;
    border-top: solid 1px black !important;
    color: black;
}

/* RECOLOR THE SEARCH BAR */
#search-top-box-input {
    border-color: black;
    color: black !important;
    background-color: white;
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    background-color: white;
    border-color: black;
}
 
#search-top-box-form input[type=submit] {
    border: solid 1px black;
    color: black;
    background-color: white;
    background: white;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px black;
    background-color: white;
    background: white;
    color: black;
}


/* LOGIN STUFF */
#login-status {
    color: black;
    filter: grayscale(100%) saturate(0%);
    -webkit-filter: grayscale(100%) saturate(0%);
}
#login-status a {
    color: black;
}
#login-status ul a {
    color: black;
}
#account-topbutton {
     background: #ccc;
     color: black;
}

/* HOVER THINGIES */
.hovertip {
     background: white !important;
}

/* FOOTER  */
#footer {
    background: black;
    color: white;
}

/* ---- TABS ---- */
 
/* ---- YUI TAB BASE ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* ---- YUI TAB CUSTOMIZATION ----*/
 
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav{
     display: flex;
     flex-wrap: wrap;
     width: calc(100% - .125rem);
     margin: 0 auto;
     border-color: #000;
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: #000;
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: #f4f4f4;
     border: unset;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus{
     color: #fff;
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: #212121;
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li{
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0;
     padding: 0;
     color: #f4f4f4;
     background-color: #CECECE;
     border-color: transparent;
     box-shadow: none;
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em{
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected{
     flex-grow: 2;
     margin: 0;
     padding: 0;
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background-color: #000;
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: #f4f4f4;
}
 .yui-navset .yui-nav .selected a:focus,
 .yui-navset .yui-nav .selected a:active{
     color: #f4f4f4;
     background-color: #000;
}
 .yui-navset-left .yui-content{
    /* ---- Content Background ---- */
     background-color: #D8D8D8;
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
     padding: .5em;
     border: none;
}
 
[[/code]]

[[/collapsible]]
[[footnoteblock]]

@@ @@

[[/iftags]]


[[module CSS]]
@import url(https://scp-wiki-cn.wikidot.com/theme:olhos-anonimos/code/1);
[[/module]]