没有人做笔记 样版

[[include :scp-wiki-cn:component:bookshelf-source]] [[include :etinjat:component:vol-title-source]] [[include :etinjat:css:float-memu-source]] [[div id="ch-top"]] [[/div]] [[include :etinjat:typeface-cn |YRDZST=true ]] [[include :scp-wiki-cn:component:note-source |nobody=2 |collapsible-sidebar=true |main-content=52rem |fixed-line=true ]] [[include :etinjat:css:flip-book]] [[include :scp-wiki-cn:credit:start |narrow-memu=true ]] +++ 关联组件 * [[[component:note-source | ]]] * [[[component:note-left-start| ]]] * [[[component:note-mid-separator| ]]] * [[[component:note-right-end| ]]] * [[[component:note-paper-head | ]]] * [[[component:note-paper-tail | ]]] * [[[component:note-tip-top|]]] * [[[component:note-tip-bottom| ]]] * [[[component:note-page-start| ]]] * [[[component:note-page-end| ]]] [[include :scp-wiki-cn:credit:end]] [[div class="whoareyou"]] [[div class="hellow-there-1"]] [[div class="hellow-there-2"]] 谁 在 那 [[/div]] [[/div]] [[div class="nobody-here-1"]] [[div class="nobody-here-2"]] 没 有 人 [[/div]] [[/div]] [[/div]] @@@@ ~~~~ @@@@ @@@@ @@@@ [[div style="width: 70%;margin: 0 auto;font-size: 150%;"]] [[include :scp-wiki-cn:component:note-left-start |self-defining=true |name= xxxx1 |font-family='YRDZST' |line-rgba=55,55,55,1 |mark-rgba=25,255,55,1 |mark-right-size=100% 30%; |mark-position=11rem 0; ]] 没有人喜欢玩双关。开门见山，这里是为nobody的goi格式设计的笔记本单页版式。 部分代码取自格式资源的[http://scp-wiki-cn.wikidot.com/scp-style-resource/comments/show#toc6 便签纸样式][[footnote]] 遵守CC协议。 [[/footnote]]，样板内的文本来自[http://www.example.com 狗屁不通文章生成器][[footnote]] 遵守[https://suulnnka.github.io/BullshitGenerator/%E5%A3%B0%E6%98%8E.txt 反996许可证] [[/footnote]]。没有人知道为什么要用这个作为乱数文本。 如果想要使用的话，请复制下方的引用块和第二个样式的代码。 [[include :scp-wiki-cn:component:note-mid-separator]] 由于屏幕适应性，该样版分电脑端和手机端两个效果，手机端会减缩成通常的加底纹Quote样式。建议在宽屏电脑上浏览以获取更好的体验。同时建议书页不宜过长。 另外，目前此处所用的字体是杨任东竹石体，关于中文字体的引用，[http://etinjat.wikidot.com/typeface-hub 请看这里]，此处搜集了部分可供使用的免费商用字体。 [[include :scp-wiki-cn:component:note-right-end]] [[/div]] @@@@ [[=]] [[collapsible show="+ 电脑样式 +" hide="-  电脑样式 -"]] [[image note-2.png]] [[image note-paper.png]] [[/collapsible]] [[/=]] @@@@ [[include :etinjat:css:phone-memu-start]] [#u-ch1 用法]   [#u-ch-1-2 笔记本样式] * [#u-ch-1-x 辅助选项] * [#u-ch2 单页样式] *  [#u-ch-self 自定义] *  [#u-ch-notepaper 预设：便签纸] *  [#u-ch-scroll 预设：古代卷轴] *  [#u-ch-oldpaper 预设：古代书页] *  [#u-ch-oldletter 预设：古代信笺] [#u-ch3 便利贴样式] [#u-chx 附记] [#u-ch-bottom  直达底部] [[include :etinjat:css:phone-memu-end]] [[include :etinjat:css:float-memu-start]] [#u-ch1 用法] [#u-ch-1-2 笔记本样式] * [#u-ch-1-x 辅助选项] [#u-ch2 单页样式] *  [#u-ch-self 自定义] *  [#u-ch-notepaper 预设：便签纸] *  [#u-ch-scroll 预设：古代卷轴] *  [#u-ch-oldpaper 预设：古代书页] *  [#u-ch-oldletter 预设：古代信笺] [#u-ch3 便利贴样式] [#u-chx 附记] [[include :etinjat:css:float-memu-end]] [[include :etinjat:component:vol-title |chapter-num=1 |chapter-img=var(--img-1) |main-title=用法 |use-sub-tt=none |font-family='Ma Shan Zheng' ]] ++ 1. 引用源代码 * //只需要复制一次，然后粘贴到顶部[[footnote]] css样式第一次放入页面，需先保存才能预览。 [[/footnote]]。// [[div class="blockquote" style="font-size:140%;font-weight：700; color:darkblue; font-family: 'Orbitron', '黑体', sans-serif;letter-spacing:3px"]] {{**[[**}}@@include :scp-wiki-cn:component:note-source@@{{**]]**}} [[/div]] @@@@ * 全局自定义选项 @@     @@全局自定义选项将更改整个页面所有该组件相关的样式，会被单页样式取代，如下所示。 @@     @@所有自定义选项的末尾都不要带空格。以及，用斜体标出的个人设置会在手机端强制取消效果，下同。 @@@@ [[div  class="note-quote-out note-nobody "]] [[div  class="note-quote-inner"]] @@[[include :scp-wiki-cn:component:note-source@@ |nobody=true [[span class="no-sel"]]， 填 true 时可将页眉标题和logo改为nobody，不填则保持原状。[[/span]] |collapsible-sidebar=true [[span class="no-sel"]]，填true时启用[[[component:collapsible-sidebar|可折叠侧边栏]]]，不填则保持原状。[[/span]] |nobody=true [[span class="no-sel"]]， 填 true 时可将页眉标题和logo改为nobody，不填则保持原状。[[/span]] |fixed-line=true [[span class="no-sel"]] 填 true 时，启用响应行，使行间距与文本大小相适应，固定其比例。可单独用于特定一个书页。[[footnote]] 可用于要调整内文部分文本大小，使之超出行线而不破坏。此时，如需调整文本大小，请用 **rem** 作为单位，如 1.2rem [[/footnote]]。[[/span]] |my-typeface=true [[span class="no-sel"]] 填 true 时，启用作者保留字体设置，不建议使用。此为本作者自用代码，会根据我自己的喜好进行调整全局字体。[[/span]] |texts-typeface= [[span class="no-sel"]]文本字体。[[/span]] |texts-typeface= [[span class="no-sel"]]手机端文本字体。[[/span]] |texts-size=  [[span class="no-sel"]] 字体大小。[[/span]] |texts-size-mob= [[span class="no-sel"]]在手机端的字体大小。[[/span]] //|no-ridge= true [[span class="no-sel"]]可不填，填 true 时取消书脊样式[[footnote]] 书脊样式，默认在笔记本样式里启用。 [[/footnote]]。[[/span]]// //|color-ridge-cover= @@rgba(var(--cl-a4))@@ [[span class="no-sel"]]此处调整书脊封皮拱起颜色，一般与封皮颜色保持一致，可不填。[[/span]]// //|color-ridge-vacancy=#fff [[span class="no-sel"]]此处调整书脊抠口颜色，亦即书脊拱起后的空缺部分。一般与背景颜色相同，特别是用了其他版式的情况时。可不填。[[footnote]] **注：**此处的 color-ridge-cover 和 color-ridge-vacancy 自定义选项用于调节全局书脊颜色。[[/footnote]][[/span]]// //|main-content=52rem [[span class="no-sel"]]， 当启用可折叠侧边栏时，选填此可以调整宽屏时页面内容的宽度，可填参数，建议值为52rem。//[[/span]] //|my-bookmark =  [[span class="no-sel"]]可不填，填 0 及在手机端时取消该组件的书签样式。优先级低于单个笔记本组件的自定义设定。[[/span]]// @@]]@@ @@@@ [[/div]] [[/div]] @@ @@ [[collapsible show="+ 复制用" hide="-  复制用："]] @@@@ [[div class="blockquote"]] @@[[include :scp-wiki-cn:component:note-source@@ |nobody= |collapsible-sidebar=true |main-content=52rem |my-bookmark = |font-size= |font-size-phone= |color-ridge-cover= |color-ridge-vacancy= @@]]@@ @@@@ [[/div]] @@@@ [[/collapsible]] @@ @@ [[collapsible show="+ 一些提示" hide="-  一些提示："]] +++ 加了图片后排版出错 由于在文本前面放置诸如图片等东西时， 后接的文字不会被识别为<p> 段落标签，因而会导致排版错误问题。 **解决方法：** 图片外面套一个div，且图片的高度应为字体大小的倍数（准去来说的行高的倍数），注意单位要相同。例如默认文本大小是1.5rem，则其高度应填 3rem ，则图片占 2 行。 另外，当要在图片与文字之间空行时，则在div里加这个： @[[span style="display:none"]]占位[[/span]]@【此处留空】@[[span style="display:none"]]占位[[/span]]@，注意@符号之间不要留空。像这样： @@@@ > > @@[[div]]@@ > @@[[image source]]@@ > @[[span style="display:none"]]占位[[/span]]@   @[[span style="display:none"]]占位[[/span]]@ > @@[[/div]]@@ > @@@@ [[/collapsible]] @@@@ @@@@ ++ 2. 从以下样式中挑选一个 @@@@ @@@@ [[div id="ch-1-1"]] [[/div]] ------ [[=]] +++ --笔记本样式 · 一-- 已过时，不适合使用 [[/=]] ------ [[collapsible show="+ 已过时 " hide="-  不推荐"]] = 该样式会自动分栏，请把握加空行的时机。可能存在兼容性问题。 @@@@ @@@@ ++++ 代码如下： @@@@ [[div class="blockquote"]] @@@@ @@[[include :scp-wiki-cn:component:note-page-start]]@@ @@@@ 正文在此 @@@@ @@[[include :scp-wiki-cn:component:note-page-end]]@@ [[/div]] @@@@ @@@@ +++++ 自定义选项 书签效果在这个样式中需要调整位置[[footnote]] 更直接来说是mark-position [[/footnote]]以将效果顶到第二页。 @@@@ [[div class="blockquote"]] @@[[include :scp-wiki-cn:component:note-page-start@@ |texts-size=  [[span class="no-sel"]]字体大小[[/span]] |texts-typeface=  [[span class="no-sel"]]字体名称，默认是宋体[[footnote]] 因为有些手写字体总体看起来很小，只好这样了 [[/footnote]]。[[/span]] |self-defining=  [[span class="no-sel"]]填true开启单独自定义选项[[/span]] |name=  [[span class="no-sel"]]必填，任意英文字母组合皆可[[footnote]] 如果你想要弄几本不同款式笔记本的话，则让此处不同名 [[/footnote]]。[[/span]] |line-rgba= [[span class="no-sel"]]每行线条颜色。[[/span]] |page-color= [[span class="no-sel"]]页面颜色。[[/span]] |text-color= [[span class="no-sel"]]文本颜色。[[/span]] //|book=  [[span class="no-sel"]]笔记本的书页，默认显示，填none则取消边框。[[/span]]// //|mark-size= [[span class="no-sel"]]调整书签长宽，填两个参数，百分数或px/em/rem皆可。书签默认显示，填0时候则消失。[[/span]]// //|mark-position=[[span class="no-sel"]]调整书签位置，填两个参数，百分数或px/em/rem皆可。[[/span]]// //|color-ridge-cover= @@rgba(var(--cl-a4))@@ [[span class="no-sel"]]此处调整书脊封皮拱起颜色，一般与封皮颜色保持一致，可不填。[[/span]]// //|color-ridge-vacancy=#fff [[span class="no-sel"]]此处调整书脊抠口颜色，亦即书脊拱起后的空缺部分。一般与背景颜色相同，特别是用了其他版式的情况时。可不填。[[footnote]] **注：**此处的 color-ridge-cover 和 color-ridge-vacancy 自定义选项用于调节单本书脊颜色。[[/footnote]][[/span]]// |font-family=  [[span class="no-sel"]]自定义中的字体名称，旧变量[[/span]] |font-size=  [[span class="no-sel"]]自定义中的字体大小，旧变量[[/span]] @@]]@@ @@@@ 正文在此 @@@@ @@[[include :scp-wiki-cn:component:note-page-end]]@@ @@@@ [[/div]] [[/collapsible]] @@@@ [[collapsible show="+ 复制用" hide="-  复制用："]] @@@@ [[div class="blockquote"]] @@@@ @@[[include :scp-wiki-cn:component:note-page-start@@ |self-defining=true |name=a1 |texts-size= |texts-typeface= |line-rgba=black |page-color= |text-color= |book=block |bookmark=block |mark-size=100% 20% |mark-position= |color-ridge-cover= |color-ridge-vacancy= @@]]@@ @@@@ 正文在此 @@@@ @@[[include :scp-wiki-cn:component:note-page-end]]@@ @@@@ [[/div]] @@@@ @@@@ [[/collapsible]] @@@@ [[collapsible show="+ 效果如下" hide="-  效果如下"]] @@@@ [[include :scp-wiki-cn:component:note-page-start |name=drwho |bookmark=block |mark-left-size=100% 20% ]] @@@@ 史美尔斯说过一句富有哲理的话，书籍把我们引入最美好的社会，使我们认识各个时代的伟大智者。这句话语虽然很短，但令我浮想联翩。 就我个人来说，没有人对我的意义，不能不说非常重大。 生活中，若没有人出现了，我们就不得不考虑它出现了的事实。 带着这些问题，我们来审视一下没有人。  我认为， 总结的来说， 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 没有人因何而发生？ 既然如此， 问题的关键究竟为何？ 一般来说， 每个人都不得不面对这些问题。 在面对这种问题时， 所谓没有人，关键是没有人需要如何写。 要想清楚，没有人，到底是一种怎么样的存在。 从这个角度来看， 那么， 没有人因何而发生？ 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 对我个人而言，没有人不仅仅是一个重大的事件，还可能会改变我的人生。毕竟最灵繁的人也看不见自己的背脊。 雷锋说过一句富有哲理的话，自己活着，就是为了使别人过得更美好。我希望诸位也能好好地体会这句话。 生活中，若没有人出现了，我们就不得不考虑它出现了的事实。 　　一般来讲，我们都必须务必慎重的考虑考虑。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 既然如何， 没有人的发生，到底需要如何做到，不没有人的发生，又会如何产生。 每个人都不得不面对这些问题。 在面对这种问题时， 一般来说， 一般来说， 在这种困难的抉择下，本人思来想去，寝食难安。 所谓没有人，关键是没有人需要如何写。 莫扎特曾经说过，谁和我一样用功，谁就会和我一样成功。我希望诸位也能好好地体会这句话。 而赫尔普斯在不经意间这样说过，有时候读书是一种巧妙地避开思考的方法。带着这句话，我们还要更加慎重的审视这个问题： 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 俾斯麦在不经意间这样说过，对于不屈不挠的人来说，没有失败这回事。带着这句话，我们还要更加慎重的审视这个问题： 没有人，发生了会如何，不发生又会如何。 希腊曾经说过，最困难的事情就是认识自己。这不禁令我深思。 带着这些问题，我们来审视一下没有人。 我们都知道，只要有意义，那么就必须慎重考虑。 经过上述讨论， 了解清楚没有人到底是一种怎么样的存在，是解决一切问题的关键。 总结的来说， 没有人，到底应该如何实现。 [[include :scp-wiki-cn:component:note-page-end]] [[/collapsible]] @@@@ @@@@ [[div id="ch-1-2"]] [[/div]] ------ [[=]] +++ 笔记本样式 · 二 [[/=]] ------ @@@@ @@@@ ++++ 代码如下： [[div class="blockquote"]] @@[[include :scp-wiki-cn:component:note-left-start]]@@ 左侧文本 @@[[include :scp-wiki-cn:component:note-mid-separator]]@@ 右侧文本 @@[[include :scp-wiki-cn:component:note-right-end]]@@ [[/div]] @@@@ @@@@ +++++ 自定义选项 选项与上文相同，但“mark-size”一项被“mark-left-size”和“mark-right-size”取代。 [[div class="blockquote"]] @@[[include :scp-wiki-cn:component:note-left-start@@ |self-defining=  [[span class="no-sel"]]填true开启单独自定义选项[[/span]] |name=  [[span class="no-sel"]]必填，任意英文字母组合皆可[[footnote]] 如果你想要弄几本不同款式笔记本的话，则让此处不同名 [[/footnote]]。[[/span]] |texts-size=  [[span class="no-sel"]]文本大小。[[/span]] |texts-typeface=  [[span class="no-sel"]]字体名称，默认是宋体[[footnote]] 因为有些手写字体总体看起来很小，只好这样了 [[/footnote]]。[[/span]] |line-rgba= [[span class="no-sel"]]每行线条颜色。[[/span]] |page-color= [[span class="no-sel"]]页面颜色。[[/span]] |text-color= [[span class="no-sel"]]文本颜色。[[/span]] |fixed-line=true [[span class="no-sel"]]响应行，使行间距与文本大小相适应，固定其比例。当全局设定不设置此之时，可单独用于特定一个书页。[[/span]] //|book=  [[span class="no-sel"]]笔记本的书页，默认显示，填none则取消边框。[[/span]]// //|mark-left-size= [[span class="no-sel"]]调整左页书签尺寸，不填则默认不显示标签。[[/span]]// //|mark-right-size= [[span class="no-sel"]]调整右页书签尺寸，不填则默认不显示标签。[[/span]]// //|mark-position=[[span class="no-sel"]]调整书签位置，填两个参数，百分数或px/em/rem皆可。[[/span]]// //|color-ridge-cover= @@rgba(var(--cl-a4))@@ [[span class="no-sel"]]此处调整书脊封皮拱起颜色，一般与封皮颜色保持一致，可不填。[[/span]]// //|color-ridge-vacancy=#fff [[span class="no-sel"]]此处调整书脊抠口颜色，亦即书脊拱起后的空缺部分。一般与背景颜色相同，特别是用了其他版式的情况时[[footnote]] **注：**此处的 color-ridge-cover 和 color-ridge-vacancy 自定义选项用于调节单本书脊颜色。[[/footnote]],可不填。[[/span]]// //|chew-paper=left  [[span class="no-sel"]]可不填。填 left / right / both，将形成撕下左侧/右侧/两侧书页的效果。[[/span]]// @@]]@@ @@@@ 左侧文本 @@@@ @@[[include :scp-wiki-cn:component:note-mid-separator]]@@ @@@@ 右侧文本 @@@@ @@[[include :scp-wiki-cn:component:note-right-end]]@@ @@@@ [[/div]] @@@@ [[collapsible show="+ 复制用" hide="-  复制用："]] @@@@ [[div class="blockquote"]] @@[[include :scp-wiki-cn:component:note-left-start@@ |self-defining=true |texts-size=   |texts-typeface= |line-rgba=black |page-color= |text-color= |book=block |bookmark=block |mark-position= |line-rgba=55,55,55,1 |mark-rgba=25,255,55,1 |mark-right-size=80% 30%; |color-ridge-cover= |color-ridge-vacancy= |fixed-line= |chew-paper= @@]]@@ @@@@ 左侧文本 @@@@ @@[[include :scp-wiki-cn:component:note-mid-separator]]@@ @@@@ 右侧文本 @@@@ @@[[include :scp-wiki-cn:component:note-right-end]]@@ @@@@ [[/div]] @@@@ [[/collapsible]] @@@@ ++++ 效果如下： @@@@ [[include :scp-wiki-cn:component:note-left-start |name=sasasasy |self-defining=true |line-rgba=55,55,55,1 |mark-rgba=25,255,55,1 |mark-right-size=100% 30%; |mark-position=11rem 0; |font-family='YRDZST' |texts-size=120% |chew-paper=left ]] 　从这个角度来看， 生活中，若没有人出现了，我们就不得不考虑它出现了的事实。 我认为， 这样看来， 没有人，发生了会如何，不发生又会如何。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 既然如此， 既然如何， 没有人，发生了会如何，不发生又会如何。 阿卜·日·法拉兹说过一句富有哲理的话，学问是异常珍贵的东西，从任何源泉吸收都不可耻。 @@@@ 我希望诸位也能好好地体会这句话。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 生活中，若没有人出现了，我们就不得不考虑它出现了的事实。 可是，即使是这样，没有人的出现仍然代表了一定的意义。 既然如何， 没有人，到底应该如何实现。 要想清楚，没有人，到底是一种怎么样的存在。 从这个角度来看， 既然如何， 生活中，若没有人出现了，我们就不得不考虑它出现了的事实。 亚伯拉罕·林肯在不经意间这样说过，你活了多少岁不算什么，重要的是你是如何度过这些岁月的。这似乎解答了我的疑惑。 @@@@ [[include :scp-wiki-cn:component:note-mid-separator]] 王阳明曾经说过，故立志者，为学之心也；为学者，立志之事也。这启发了我， 而这些并不是完全重要，更加重要的问题是， 克劳斯·莫瑟爵士曾经提到过，教育需要花费钱，而无知也是一样。这似乎解答了我的疑惑。 对我个人而言，没有人不仅仅是一个重大的事件，还可能会改变我的人生。 一般来讲，我们都必须务必慎重的考虑考虑。 达·芬奇曾经说过，大胆和坚定的决心能够抵得上武器的精良。这句话语虽然很短，但令我浮想联翩。 经过上述讨论， 现在，解决没有人的问题，是非常非常重要的。 ------  我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 那么， 就我个人来说，没有人对我的意义，不能不说非常重大。 歌德说过一句富有哲理的话，决定一个人的一生，以及整个命运的，只是一瞬之间。这似乎解答了我的疑惑。 了解清楚没有人到底是一种怎么样的存在，是解决一切问题的关键。 [[div class="note-hr"]] ------ [[/div]] [[include :scp-wiki-cn:component:note-right-end]] [[div id="ch-1-x"]] [[/div]] @@@@ @@@@ [[collapsible show="+ 展开辅助选项" hide="- 收起" folded="no" ]] [[div  class="blockquote "]] [[div style="text-align:center;font-size:160%"]] **辅助选项** [[/div]] = 可用于引用了该组件源代码的页面中。 [[div style="text-align:center;font-size:140%"]] 分割线 [[/div]] 在笔记里添加该代码可令分割线占两行高度，同时在行线中央出现，如上所示。 [[div  class="blockquote"]] @@[[div class="note-hr"]]@@ @@------@@ @@[[/div]]@@ [[/div]] ------ [[div style="text-align:center;font-size:140%"]] 强制留空与断行 [[/div]] * 占位文本不可视不可被选择。 * 仅显示在大于520px的屏幕之中，亦即通常的手机不会启用以下代码。 +++++ **强制留空** @@[[span class="pc-blank" ]]@@ 任意占位文本，字数即留空 @@[[/span]]@@ * 该代码可用于需要在电脑上看起来要留空，但在手机下需要紧凑之时。 * 或者，需要在电脑上看起来留有足够的空行以撑大组件，但在手机端下取消使得不那么空。 [[div  class="blockquote pc-break"]] @@[[div  class="pc-blank" ]]@@ @,,,,@,,,,@,,,,@ @,,,,@,,,,@,,,,@ @,,,,@,,,,@,,,,@ @@[[/div]]@@ [[/div]] 像这样： [[div  class="pc-blank" ]] 1 2 3 4 5 [[/div]] 6.电脑端的话共5行 ------ +++++ **强制断行** @@[[span class="pc-line" ]]@@ 任意占位文本  @@[[/span]]@@ * 该代码可用于需要在电脑上看起来要断行，但在手机下需要紧凑之时。 * 同时也可令维基语法生成的有序列表，被分割后依旧排序下去。 ------ 效果如下（请在电脑与手机上对比查看）： [[div  class="blockquote pc-break"]] # 强制,,#,,留空 # 强制^^#^^断行 # 。 [[/div]] ------ 为了简洁起见，可在文本外面套一个div，并填上class="pc-break"，然后使用以下维基语法作为替代（原维基语法失去原本效果）： [[div  class="blockquote "]] @@[[div class="pc-break"]]@@ 强制留空：@@,,下标代码,,@@ 强制断行：@@^^上标代码^^@@ @@[[/div]]@@ [[/div]] ------ 如果你想也用于窄屏的话，填 class="section-break" [[div class="blockquote  section-break"]] @@[[div class="section-break"]]@@ 强制留空：@@,,下标代码,,@@ 强制断行：@@^^上标代码^^@@ @@[[/div]]@@ 效果如下： # 强制,,#,,留空 # 强制^^#^^断行 # 。 [[/div]] ------ = **首行缩进** 方法一：可以用 占位符+强制留空 ，形成缩进效果。 方法二：在文本外面套一个div，写上class="suojin-2"，或者直接 style="text-indent:2em;"（缩进两个字）。 @@ @@ @@ @@ @@ @@ [[/div]] [[/collapsible]] [[include :etinjat:component:vol-title |chapter-num=2 |chapter-img=var(--img-1) |main-title=单页样式 |use-sub-tt=none |font-family='Ma Shan Zheng' ]] [[=]] ------ +++ 通常单页 ------ [[/=]] @@@@ @@@@ 如果你只想用条纹纸/笔记本单页格式，即该组件在PC端显示的样式的话，复制以下代码即可，效果正如下所示： [[div  class="note-quote-out note-nobody "]] [[div  class="note-quote-inner "]] @@[[div  class="note-quote-out note-nobody "]]@@ @@[[div  class="note-quote-inner"]]@@ 正文在此 @@[[/div]]@@ @@[[/div]]@@ [[/div]] [[/div]] [[div id="ch-self"]] [[/div]] @@@@ @@@@ [[=]] ------ +++ 自定义单页 ------ [[/=]] @@@@ @@@@ 如果不满足于此的话，下面提供了一个用mask效果形成的撕页样式。你可以自定义齿痕，是在左边还是右边抑或是两边[[footnote]] 若不见齿痕，你可能需要升级一下你的浏览器了。 [[/footnote]]。 [[include :scp-wiki-cn:component:note-paper-head |chew-paper=horiz   |crease-left=top |crease-right=bottom |pc-width=80% ]] @@[[include :scp-wiki-cn:component:note-paper-head@@ |chew-paper=horiz   [[span class="no-sel"]] 填 left / right / top / bottom / horiz  / verti 时，会在纸张的 左 / 右 / 上 / 下 / 左右 / 上下  出现齿痕。不填或填其他时，则与上方样式相近。[[/span]] |texts-size=120%  [[span class="no-sel"]] 正文文本大小。[[/span]] |texts-typeface='楷体'  [[span class="no-sel"]] 正文字体。[[/span]] |pc-width=100% [[span class="no-sel"]] 此处调节PC端的纸张宽度，一般建议填60%，以让纸张的宽度看起来更像是书页。不填则默认100%，其会在移动端时会恢复默认值。[[/span]] |name=  [[span class="no-sel"]]当你需要开启自定义选项时，则填此。任意英文字母组合皆可[[footnote]] 如果你想要弄几本不同款式笔记本的话，则让此处不同名 [[/footnote]]。[[/span]] ]] 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ [[include :scp-wiki-cn:component:note-paper-tail |under-set=right   |under-text=-1- |under-color=#999 ]] [[collapsible show="+ 注意事项" hide="-  注意事项："]] 当将该组件旋转，此时若使用水平方向的齿痕，那么前中后边沿区域会出现一条线路，那是因其不能相贴紧。可用以下办法消去线路：填充颜色到底层背景里去。 [[div class="blockquote"]] @@[[module css]]@@ note-chew-【要调整被旋转组件的name的值】   .note-paper-mid:before{         background: #f3f3f3; /* 和组件背景色一致*/         width:98%; /* 调整底色位置（大小），注意不要覆盖到齿痕 */     right:0rem;/* 调整底色位置（大小），注意不要覆盖到齿痕 */     position: relative;     content: " ";     position:  absolute;     z-index: -1;         height: 100%; } @@[[/module]]@@ [[/div]] [[/collapsible]] @@@@ @@@@ [[collapsible show="+ 复制用" hide="-  复制用："]] @@@@ [[div class="blockquote"]] @@[[include :scp-wiki-cn:component:note-paper-head@@ |chew-paper=left |pc-width= |name= @@]]@@ 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ @@@@ [[/div]] @@@@ [[/collapsible]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |chew-paper=right |pc-width=80% |crease-left=bottom |header-footer=true |name=more |upon-set=center |upon-text= 更多自定义选项 |upon-color=#222 |upon-size=1.2rem ]] @@[[include :scp-wiki-cn:component:note-paper-head@@ |crease-left=  [[span class="no-sel"]] 填 top / bottom，分别在纸张左侧的上方、下方出现折角折痕。[[footnote]] 为了美观起见，撕边在屏幕宽度小于1000px时不显示折痕。 [[/footnote]][[/span]] |crease-right= [[span class="no-sel"]]填 top / bottom，分别在纸张右侧的上方、下方出现折角折痕[[footnote]] 同时填 |crease-left= |crease-right= 的时候，会在纸张左右两侧的上/下方同时出现折痕。  [[/footnote]] 。[[footnote]] 如果折痕浮出纸张，那么说明你的浏览器适应性（特别是部分手机浏览器）不大好，需要取消使用。[[/footnote]][[/span]] |upon-set=left [[span class="no-sel"]] 选填 left / center / right，填写之后可令页眉文本向对应方向对齐。不填写则不开启页眉选填文本。[[/span]] |upon-text=文本[[span class="no-sel"]]选填文字，会出现在页眉，一般可当做标题来填写。支持斜体/加粗/下划线的维基语法。[[/span]] |header-footer=true [[span class="no-sel"]]可不填。当填 true 时，可开启下方的页面页脚自定义选项[[footnote]] 同时此选项需要填写 **##green||name##** 一栏。 [[/footnote]]。[[/span]] |upon-color=#999 [[span class="no-sel"]]选填色码，改变页眉文字颜色。默认颜色同正文。[[/span]] |upon-size=  [[span class="no-sel"]]选填页眉文本大小。[[/span]] |upon-typeface= [[span class="no-sel"]]选填页眉文本字体（如果字体可用）。[[/span]] |upon-margin=  [[span class="no-sel"]]调整页眉文本的边距 margin[[footnote]] 上/右/下/左 [[/footnote]]，默认值是  //0.5rem 0.2rem -1rem 0.2rem//[[footnote]] 当你想要调整文本令其紧贴下方行线时，可填 0.5rem 0.2rem -1.5rem 0.2rem [[/footnote]]。[[/span]] |under-color=#999 [[span class="no-sel"]]选填色码，改变页尾文字颜色。默认颜色同正文。[[/span]] |under-size= [[span class="no-sel"]]选填页尾文本大小。[[/span]] |under-typeface= [[span class="no-sel"]]选填页尾文本字体（如果字体可用）。[[/span]] |under-margin=  [[span class="no-sel"]]调整页尾文本的边距 margin[[footnote]] 上/右/下/左 [[/footnote]]，默认值是 //0 0 0 0//。[[/span]] @@]]@@ @@@@ 正文在此 @@@@ @@[[include :scp-wiki-cn:component:note-paper-tail@@ |under-set=left [[span class="no-sel"]] 选填 left / center / right，填写之后可令页尾文本向对应方向对齐。不填写则不开启选填文本。[[/span]] |under-text=-2- [[span class="no-sel"]]选填文字，会出现在页尾，一般可当做页码来填写。支持斜体/加粗/下划线的维基语法。[[/span]] @@]]@@ @@@@ [[include :scp-wiki-cn:component:note-paper-tail |under-set=left |under-text=-2- ]] @@@@ @@@@ [[collapsible show="+ 复制用" hide="-  复制用："]] @@@@ [[div class="blockquote"]] @@[[include :scp-wiki-cn:component:note-paper-head@@ |crease-left= |crease-right= |upon-set= |upon-text=文本 |header-footer=true / false |upon-color= |upon-size= |upon-typeface= |upon-margin= |under-color= |under-size= |under-typeface= |under-margin= @@]]@@ 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail@@ |under-set=left |under-text=文本 @@]]@@ @@@@ [[/div]] @@@@ [[/collapsible]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |chew-paper=left |pc-width=80% |crease-right=bottom |header-footer=true |upon-set=center |upon-text= 进阶自定义选项 |name=more-more |upon-color=#111 |upon-size=1.2rem ]] @@[[include :scp-wiki-cn:component:note-paper-head@@ |self-defining=true [[span class="no-sel"]]可不填。填 true 时启用进阶自定义选项[[footnote]] 同时此选项需要填写 **##green||name##** 一栏。 [[/footnote]]。[[/span]] |paper-chew-size= 1rem  [[span class="no-sel"]]撕边大小。[[/span]] |paper-chew-mobsize= 1rem  [[span class="no-sel"]] 手机上的撕边大小。[[/span]] |text-color= [[span class="no-sel"]]文本颜色。[[/span]] |filter-text= [[span class="no-sel"]]文本滤镜。[[/span]] |line-color= [[span class="no-sel"]]行线颜色，仅限Hex格式中的#后面部分[[footnote]] 例如你想要输入#333时，只需要输入333 [[/footnote]]。[[/span]] |page-color= [[span class="no-sel"]]纸张颜色。[[/span]] |min-height= [[span class="no-sel"]]纸张最小高度，用于在字数很少的情况时，将页面撑高。[[/span]] |min-width= [[span class="no-sel"]]纸张最小宽度，用于在字数很少的情况时，将页面撑宽。[[/span]] |min-mob-height= [[span class="no-sel"]] 移动端纸张最小高度，填auto时恢复原先尺寸。[[/span]] |min-mob-width= [[span class="no-sel"]]移动端纸张最小宽度，，填auto时恢复原先尺寸。[[/span]] |background-left=  [[span class="no-sel"]] 前缘部分颜色 [[/span]] |background-right=  [[span class="no-sel"]] 后缘部分颜色 [[/span]] |background-mid=  [[span class="no-sel"]] 正文部分颜色 [[/span]] |background-inner= [[span class="no-sel"]] 包裹前中后三部分的覆盖颜色/图片 [[/span]] |cover-midner=  [[span class="no-sel"]] 中间部分的覆盖颜色/图片 [[/span]] |accessory= [[span class="no-sel"]] 可不填。附加组件，目前只能填 scroll-verti 和 scroll-horiz 开启古代卷轴的轴[[footnote]] 虽然卷轴的轴可以用于不同的自定义的纸张，但由于风格问题还是比较适用于古代样式系列。 [[/footnote]][[/span]] @@]]@@ @@@@ 正文在此 @@@@ @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ @@@@ [[include :scp-wiki-cn:component:note-paper-tail |under-set=right   |under-text=-3- ]] @@@@ @@@@ [[collapsible show="+ 复制用" hide="-  复制用："]] @@@@ [[div class="blockquote"]] @@[[include :scp-wiki-cn:component:note-paper-head@@ |self-defining=true |paper-chew-size= 1rem |paper-chew-mobsize= 1rem |text-color= |filter-text= |line-color= |page-color= |min-height= |min-width= |min-mob-height= |min-mob-width= |background-left= |background-right= |background-mid= |background-inner= |cover-midner= |accessory= @@]]@@ 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ @@@@ [[/div]] @@@@ [[/collapsible]] @@@@ @@@@ [[=]] ------ ++++ **额外自定义选项** ------ [[/=]] @@@@ @@@@ [[=]] ++++ 取消阴影、边框、行线 [[/=]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |name=xxx-noshadow |upon-set=center |upon-text= 取消阴影而使用边框 |name=more-noshadow |upon-color=#111 |upon-size=1.2rem |pc-width=80% ]] @@[[include :scp-wiki-cn:component:note-paper-head@@ |name=xxx-noshadow @@]]@@ 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ [[include :scp-wiki-cn:component:note-paper-tail]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |name=xxx-noborder |upon-set=center |upon-text= 取消边框与阴影 |name=aaaa-noborder |upon-color=#111 |upon-size=1.2rem |chew-paper=left |pc-width=80% ]] @@[[include :scp-wiki-cn:component:note-paper-head@@ |name=xxx-noborder @@]]@@ 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ [[include :scp-wiki-cn:component:note-paper-tail]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |name=xxx-noline |upon-set=center |upon-text= 取消行线 |name=aaaa-noborder |upon-color=#111 |upon-size=1.2rem |chew-paper=left |pc-width=80% ]] @@[[include :scp-wiki-cn:component:note-paper-head@@ |name=xxx-noline @@]]@@ 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ [[include :scp-wiki-cn:component:note-paper-tail]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |name=aaaa-noborder-noline |chew-paper=left |pc-width=80% ]] **提示：** * name 里的 xxx 代表你可以填写任意组合的英文字母。 * 以上选项其实可以组合使用，组合不分顺序。  * 例如同时取消行线与阴影，只需填写：  * |name=xxx-noline-noshadow [[include :scp-wiki-cn:component:note-paper-tail]] @@@@ @@@@ [!-- [[include :scp-wiki-cn:component:note-paper-head |chew-paper=none |pc-width=80% |header-footer=true |upon-set=center |upon-text= 边缘文本 |name=more-www |upon-color=#111 |upon-size=1.2rem |self-defining=true |side-text-before=block |side-text-after=block |side-text=左缘文本 ]] @@[[include :scp-wiki-cn:component:note-paper-head@@ |self-defining=true |side-text-before=block  [[span class="no-sel"]] 填 block 且 |chew-paper= none/水平[[footnote]] left / right / horiz [[/footnote]] 时，会允许左缘出现文本。  [[/span]] |side-text-after=block [[span class="no-sel"]] 填 block 且 |chew-paper= none/水平[[footnote]] left / right / horiz [[/footnote]] 时，会允许右缘出现文本。  [[/span]] |side-text=左缘文本 ]] 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail@@ |side-text=右缘文本 ]] @@@@ [[include :scp-wiki-cn:component:note-paper-tail |side-text=右缘文本 |under-set=center |under-text=-4- ]] --] @@@@ @@@@ ------ [[div style="text-align:center;font-size:140%"]] = **附件加组件** [[/div]] ------ @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |chew-paper=none |accessory=pile |pc-width=60% |name=piles ]] [[=]] ++++ 纸堆 [[/=]] * 令组件看起来像是被撕下的几页纸，草草地摞成一沓。  * 该选项可与下方预设样式共同使用。  * 如需调整垫底的颜色，可以通过开启自定义选项，调节 ##green||page-color=## 或  ##green||pile-color=##。  * 由于未适应的缘故，请尽量不要调节边缘齿痕大小，以及尽量不把 ##blue||chew-paper=## 设置为 horiz 与 verti。  * @@[[include :scp-wiki-cn:component:note-paper-head@@ ##red||accessory=pile## |preset-style=【自定义】 |chew-paper=【自定义】 @@]]@@ 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ [[include :scp-wiki-cn:component:note-paper-tail]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |chew-paper=left |accessory=pile |pc-width=60% |name=piles |preset-style=notepaper ]] ++++ **与预设“便签纸”样式组合[[footnote]] 见下文 预设样式 一节 [[/footnote]]** @@[[include :scp-wiki-cn:component:note-paper-head@@ |accessory=pile |preset-style=notepaper |chew-paper=left @@]]@@ 附注：该部分灵感来自[[[theme:basalt|]]]里的div块。 @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-tail]] @@@@ @@@@ [[=]] +++ 纸堆动画 [[collapsible show="+ 点此显示" hide="-  点此重来"]] [[/=]] [[<]] @@@@ @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |accessory=pile |pc-width=60% |name=aaa-piling |preset-style=notepaper ]] [[/<]] @@@@ @@[[include :scp-wiki-cn:component:note-paper-head@@ |accessory=pile |name=xxx-##red|piling## [!-- |self-defining=true [[span class="no-sel"]] 填此自定义以下选项。 [[/span]] |piling-delay=1s [[span class="no-sel"]] 每一张纸出现的延迟。 [[/span]] |piling-animation= 0.5s 1 [[span class="no-sel"]] 堆叠动画，前一个参数是动画完成时间，后一个是循环次数。更多参数详见[https://www.w3school.com.cn/css/css3_animations.asp 此] [[/span]] --] @@]]@@ 效果见此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ @@@@ @@@@ @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-tail]] [[/collapsible]] @@@@ @@@@ @@@@ @@@@ [[div id="ch-2-1"]] [[/div]] ------ [[=]] ++ 单页预设样式 [[/=]] ------ @@@@ @@@@ ++++ 灵活运用好组合可实现多种效果。 +++++ 以下为整合过的特殊样式，只需要添加以下代码到上述自定义代码里即可： @@@@ [[div  class="note-quote-out note-nobody "]] [[div  class="note-quote-inner"]] |preset-syle= scroll / oldpaper / notepaper /...... [[/div]] [[/div]] ++++ 具体的预设特殊样式见下： @@@@ [[div id="ch-notepaper"]] [[/div]] [[include :scp-wiki-cn:component:note-paper-head |chew-paper=top |name=notepaper |preset-style=notepaper |paper-chew-size=20rem |min-height=20rem; |pc-width=60% ]] @@@@ = [[size 150%]]**便签纸【notepaper】**[[/size]] 来自格式资源里的[http://scp-wiki-cn.wikidot.com/scp-style-resource/comments/show#toc7 便签纸样式]，给有需要的人使用。 @@@@ @@[[include :scp-wiki-cn:component:note-paper-head@@ ##red||preset-style=notepaper## |chew-paper= 【自定义】[[footnote]] 当此处填none的时候，整个样式会和格式资源里的差不多。 [[/footnote]] ]] 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-tail]] [[div id="ch-pad"]] [[/div]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |chew-paper=left |name=pad |preset-style=pad |pc-width=60% |self-defining=true ]] @@@@ = [[size 150%]]**拍纸簿【pad】**[[/size]] 基本上可以当作便签纸样式的变体。 @@[[include :scp-wiki-cn:component:note-paper-head@@ ##red||preset-style=pad## |chew-paper= [[footnote]] 由于存在有bug，所以建议使用垂直样式 top / bottom / verti [[/footnote]] ]] 正文在此。 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ @@@@ @@@@ **PS**: 不知为何，在展示页里行线左右不对齐，但单独使用时能对齐的。 [[include :scp-wiki-cn:component:note-paper-tail]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |chew-paper=bottom |name=toppad |preset-style=pad |paper-chew-size=20rem |min-height=20rem; |pc-width=60% ]] @@@@ 当你设定 ##green||chew-paper= ## 为垂直时，该样式的注释线左侧空间会变宽，默认留下8rem的空白。为了利用这一效果，你可以采用弹性布局或者留空的方式，将文本分割成左右两边。 [[div class="mob-pad"]] @@[[div class="mob-pad"]]@@ //此处建立一个div，令div块内文本向左侧留空，在移动端时则缩减至2rem。// @@[[/div]]@@ [[/div]] @@@@ [[span class="mob-pad"]]@@  @@[[/span]]也可以用##green|@@[[span class="mob-pad"]]@@ @[[span class="n-n" ]].[[/span]]@ 若干空格  @[[span class="n-n" ]].[[/span]]@ @@[[/span]]@@##的方式给一行前面留空。 @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-tail]] [[div id="ch-scroll"]] [[/div]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |preset-style=scroll |chew-paper=verti |name=scroll |self-defining=true |pc-width=80% ]] [[div style="filter:drop-shadow(2px 4px 3px #b01);"]] [[=image http://scpsandboxcn.wikidot.com/local--files/image/ICON-naga-dragon-MINI.png width="100px"]] [[/div]] [[=]] @@@@ ++ **古代卷轴【scroll】** @@@@ [[/=]] [[div]] @@[[include :scp-wiki-cn:component:note-paper-head@@ ##red||preset-style=**scroll**## |chew-paper=【自定义】 ]] 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ [[/div]] [[include :scp-wiki-cn:component:note-paper-tail]] @@@@ @@@@ * 选填选项：添加卷轴的轴 > |accessory=scroll-verti /  scroll-horiz  [[span class="no-sel"]] 可不填。附加组件，目前只能填 scroll-verti 和 scroll-horiz 以在垂直/水平方向增加卷轴的轴[[/span]] >  |hidden-scroll-side=left / right / top / bottom  [[span class="no-sel"]] 若开启卷轴的轴，选填四个方向的其中之一,以隐藏一根轴。 [[/span]] [[collapsible show="+ 效果如下" hide="-  效果如下"]] @@@@ [[include :scp-wiki-cn:component:note-paper-head |hidden-scroll-side=bottom |chew-paper=bottom |name=shakespeare |accessory=scroll-verti |self-defining=true |page-line=none |font-family='Ma Shan Zheng' |font-size=1.2rem |text-align=center |text-color=darkred |filter-text=drop-shadow(1px 4px 2px darkred) |background-inner=  url(http://scpsandboxcn.wikidot.com/local--files/image/IMG-noise-point.png) ; |cover-midner=url(http://scpsandboxcn.wikidot.com/local--files/image/IMG-noise-point.png) ; |background-left=linear-gradient(0deg,#752b14  1%,#521f10 20%,#3c0a02 45%, #3e0d08 50%, #2b0609 90%, #51102f 98%, #2c0416 99%, #2c0321 100%) |background-right= linear-gradient(180deg,#752b14 1%,#521f10 20%,#3c0a02 45%, #3e0d08 50%, #2b0609 90%, #51102f 98%, #2c0416 99%, #2c0321 100%); |background-mid=linear-gradient(180deg,#752b14 1%,#954425 3.5%,#a4582b 6%,#b1772b 10%,#e4b876 20%,#edc995 40%,#e7cfac 50%,#e4b876 70%, #b1772b 90%,#a4582b 96%,#954425 98%,#752b14 100%); |paper-chew-size=30rem |paper-chew-mobsize=0.5rem |pc-width=60% ]] [[div]] No matter where; of comfort no man speak: Let's talk of graves, of worms, and epitaphs; Make dust our paper and with rainy eyes Write sorrow on the bosom of the earth, Let's choose executors and talk of wills: And yet not so, for what can we bequeath Save our deposed bodies to the ground? Our lands, our lives and all are Bolingbroke's, And nothing can we call our own but death And that small model of the barren earth Which serves as paste and cover to our bones. [[/div]] [[include :scp-wiki-cn:component:note-paper-tail |under-set=center |under-text= - William Shakespeare - ]] [[/collapsible]] @@@@ [[collapsible show="+ 查看整合之前的完整代码" hide="-  查看整合之前的完整代码"]] [[include :scp-wiki-cn:component:note-paper-head |name=qqqq |accessory=scroll-verti |preset-style=scroll |chew-paper=horiz |self-defining=true |paper-chew-mobsize=0.5rem ]] @@[[include :scp-wiki-cn:component:note-paper-head@@ |hidden-scroll-side=bottom |chew-paper=bottom |name=shakespeare |accessory=scroll-verti |self-defining=true |page-line=none |font-family='Ma Shan Zheng' |font-size=1.2rem |text-align=center |text-color=darkred |filter-text=drop-shadow(1px 4px 2px darkred) @@|background-inner=  url(http://scpsandboxcn.wikidot.com/local--files/image/IMG-noise-point.png) ;@@ @@|cover-midner=url(http://scpsandboxcn.wikidot.com/local--files/image/IMG-noise-point.png) ;@@ |background-left= linear-gradient(0deg,#752b14  1%,#521f10 20%,#3c0a02 45%, #3e0d08 50%, #2b0609 90%, #51102f 98%, #2c0416 99%, #2c0321 100%) |background-right= linear-gradient(180deg,#752b14 1%,#521f10 20%,#3c0a02 45%, #3e0d08 50%, #2b0609 90%, #51102f 98%, #2c0416 99%, #2c0321 100%); |background-mid=linear-gradient(180deg,#752b14 1%,#954425 3.5%,#a4582b 6%,#b1772b 10%,#e4b876 20%,#edc995 40%,#e7cfac 50%,#e4b876 70%, #b1772b 90%,#a4582b 96%,#954425 98%,#752b14 100%); |paper-chew-size=30rem |paper-chew-mobsize=0.5rem |pc-width=60% ]] 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ |under-set=center |under-text=页码 ]] [[include :scp-wiki-cn:component:note-paper-tail]] [[/collapsible]] [[div id="ch-oldpaper"]] [[/div]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |chew-paper=right |name=oldpaper |preset-style=oldpaper |paper-chew-size=20rem |min-height=20rem; |pc-width=60% ]] @@@@ [[=]] ++ **古代书页【oldpaper】** [[/=]] @@@@ @@[[include :scp-wiki-cn:component:note-paper-head@@ ##red||preset-style=oldpaper## |chew-paper= 【自定义】 ]] 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ @@@@ 该样式可以替换不安马戏团的GOI格式里的书页。 @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-tail]] [[div id="ch-oldletter"]] [[/div]] @@@@ @@@@ [[div  id="oldletter" class="note-quote-out note-nobody "]] [[div  class="note-quote-inner"]] [[div style="text-align:center;font-size:180%"]] **古代信笺【oldletter】** [[/div]] **注意：** * 仅限宽屏，在窄屏时变回从左至右的横排书写，以及横线栏样式。 * 使用{{等宽字体}}代码【即两个花括号夹文本：@@{{ 文本 }}@@】可将标点符号移动到文字右端，在手机端则恢复。在此模式下的等宽字体无原来的等宽效果，其字体与组件字体保持一致。  * 以下//需要开启自定义组件：//  * 由于有些字体的标点符号位置不同，因而需要调整 ##green||monospace-top## 和 ##green||monospace-left## 来调节标点符号的位置。一般top是负数，left是正数，单位是 ##green|em##。  * 如果想要符号横排，则在花括号里面再使用下划线语法，像这样：@@{{ __文本__ }}@@。此时需要通过 ##green||monospace-left-hr## 来调节其位置。 * 通过调整##green||monospace-color## 和 ##green||monospace-size##来调整等宽字体的颜色和大小，亦即标点符号的颜色和大小。//需要开启自定义组件。// @@ @@ @@[[include :scp-wiki-cn:component:note-paper-head@@ ##red||preset-style=oldletter## |chew-paper=none 【也可自定义】 |header-footer=true |upon-set=center |upon-text=与朱元思书 |upon-color=#b73829 |upon-size=180% @@]]@@ 正文在此 @@[[include :scp-wiki-cn:component:note-paper-tail]]@@ @@@@ @@@@ [[/div]] [[/div]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |chew-paper=none |name=letter |preset-style=oldletter |pc-width=80% |header-footer=true |upon-set=center |upon-text=与朱元思书 |upon-color=#b73829 |upon-size=180% |texts-size=212% |texts-typeface='Ma Shan Zheng' |upon-typeface=lisu, 'Ma Shan Zheng' |monospace-color=#b01 |monospace-color=1.2em |self-defining= true |monospace-top=-0.8em |monospace-left=0.3em |monospace-left-hr=0.54em ]] [[div style="letter-spacing:0.2em"]] 风烟俱净{{，}}天山共色{{。}}从流飘荡{{，}}任意东西{{。}}自富阳至桐庐一百许里{{，}}奇山异水{{，}}天下独绝。 @@@@ 水皆缥碧{{，}}千丈见底{{__；__}}游鱼细石{{，}}直视无碍{{。}}急湍甚箭{{，}}猛浪若奔{{。}}夹岸高山{{，}}皆生寒树{{__；__}}负势竞上{{，}}互相轩邈{{__；__}}争高直指{{，}}千百成峰。 @@@@ 泉水激石{{，}}泠泠作响{{__；__}}好鸟相鸣{{，}}嘤嘤成韵{{__；__}}蝉则千转不穷{{，}}猿则百叫无绝{{。}}鸢飞戾天者{{，}}望峰息心{{__；__}}经纶世务者{{，}}窥谷忘反{{。}}横柯上蔽{{，}}在昼犹昏{{__；__}}疏条交映{{，}}有时见日。 [[/div]] [[include :scp-wiki-cn:component:note-paper-tail]] @@@@ @@@@ [[collapsible show="+ 展开辅助选项" hide="- 收起" folded="no" ]] [[div  class="blockquote section-break"]] [[div style="text-align:center;font-size:140%"]] **辅助选项** [[/div]] @@ @@ ++++ 强制留空与断行 [[div  class="blockquote "]] 强制留空：@@,,下标代码,,@@ 强制断行：@@^^上标代码^^@@ ------ ------ ------ ++++ **信笺抬头** * 仅限宽屏（>520px） 首先需要在正文外面套一个div，填写以下代码之一。这是给文本上方预留 1 / 2 / 3 个汉字的空格。 * class=  * ol-tt-p1  * ol-tt-p2  * ol-tt-p3 然后再在正文的需要抬头的某行的第一个字，套上span。 * class=  * ol-tt-t1  * ol-tt-t2  * ol-tt-t3 @@[[span class="ol-tt-t3" ]]三抬[[/span]]@@ @@[[span class="ol-tt-t2" ]]二抬[[/span]]@@ @@[[span class="ol-tt-t1" ]]一抬[[/span]]@@ [[div  class="blockquote"]] 对应地， @@[[div class="ol-tt-p3"]]@@ @@[[/div]]@@ @@[[div class="ol-tt-p2"]]@@ @@[[/div]]@@ @@[[div class="ol-tt-p1"]]@@ @@[[/div]]@@ [[/div]] [[/div]] [[/div]] [[/collapsible]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-paper-head |chew-paper=left |name=letter |preset-style=oldletter |pc-width=80% |upon-set=center |upon-text=辅助效果示例 |upon-color=#b73829 |upon-size=180% |texts-size=212% |texts-typeface='Ma Shan Zheng' |upon-typeface=lisu, 'Ma Shan Zheng' ]] [[div class="ol-tt-p3" ]] [[span class="ol-tt-t3" ]]三抬[[/span]] [[span class="ol-tt-t2" ]]二抬[[/span]] [[span class="ol-tt-t1" ]]一抬[[/span]] 正文 [[span class="ol-tt-p2" ]]可用抬头代码，作为首行缩进。[[/span]] 强制[[span class="pc-line" ]] @@ @@ [[/span]]分行 pc端[[span class="pc-blank" ]]#########[[/span]]留空 [[/div]] [[include :scp-wiki-cn:component:note-paper-tail]] @@@@ @@@@ [[include :etinjat:component:vol-title |chapter-num=3 |chapter-img=var(--img-1) |main-title=便利贴 |use-sub-tt=none |font-family='Ma Shan Zheng' ]] [[include :scp-wiki-cn:component:note-left-start |chew-paper=left ]] @@@@ [[include :scp-wiki-cn:component:note-tip-top |crease=right |float=left |width=70% |chew-paper=left |self-defining=true |position-left=-4rem |position-left-mob=0rem |name=rrtert ]] @@[[include :scp-wiki-cn:component:note-tip-top@@ |crease=right[[span class="no-sel"]] 填 left / right，就会让便利贴的下方的左侧/右侧出现折角。不填或填其他则不出现。 [[/span]] |float=left  [[span class="no-sel"]] 填 right 令浮动方向向右。不填默认为 left。[[/span]] |width=50% [[span class="no-sel"]] 便利贴大小。[[/span]] @@]]@@ 正文在此 @@[[include :scp-wiki-cn:component:note-tip-bottom]]@@ [[include :scp-wiki-cn:component:note-tip-bottom]] 文字环绕。 ~~~~ [[div style="margin-top:0.2rem;"]] **使用清除浮动元素代码 @@~~~~@@ 可以阻止文字环绕，像这样。** 由于显而易见的bug，使用以下代码更改数值，以调节组件下方文本与组件的距离。 @@ @@ >  @@[[div style="margin-top:0.2rem;"]]@@ >  正文在此。 >  @@[[/div]]@@ [[/div]] @@@@ ------ 该便利贴组件可以用来取代笔记本组件中的引用块 **@@ > @@**，使之看起来更棒。另外，若在全局中使用了 ##blue||fixed-line## 的话，引用块将会与上文粘贴住，此时需要用四个@生成一个空行以适应。 [[include :scp-wiki-cn:component:note-mid-separator]] > 以下是是自定义选项： [[include :scp-wiki-cn:component:note-tip-top |crease=right |name=eee |float=right |width=80% |name=sss |self-defining=true |tip-color=#abddba |float=right ]] @@[[include :scp-wiki-cn:component:note-tip-top@@ |crease=right |self-defining=true [[span class="no-sel"]] 启用自定义选项。[[/span]] |name=sss [[span class="no-sel"]] 便利贴标识，以让此使用的自定义设置成为特定设置。[[/span]] |tip-color=#abddba [[span class="no-sel"]] 便利贴颜色。[[/span]] |texts-color=#abddba [[span class="no-sel"]] 文本颜色。[[/span]] //|position-left=-1rem  [[span class="no-sel"]] 向左调节便利贴位置.[[/span]]// //|position-right=-1rem  [[span class="no-sel"]] 向右调节便利贴位置。[[/span]]// //|position-left-mob=-1rem  [[span class="no-sel"]] 移动端下左调节。[[/span]]// //|position-right-mob=-1rem  [[span class="no-sel"]] 移动端下右调节。[[/span]]// |stick-height=1.5rem  [[span class="no-sel"]] 便利贴贴条部分（顶部阴影）的高度。[[/span]] |rotate=10deg  [[span class="no-sel"]] 便利贴旋转角度。[[/span]] ]] 正文在此。 @@[[include :scp-wiki-cn:component:note-tip-bottom]]@@ [[include :scp-wiki-cn:component:note-tip-bottom]] [[include :scp-wiki-cn:component:note-tip-top |name=ertteer |float=right |width=100% |self-defining=true |tip-color=#ead1b3 |float=right |position-right=-6rem |position-right-mob=0rem ]] 改变位置后就像书签一样。 [[include :scp-wiki-cn:component:note-tip-bottom]] ~~~~ [[include :scp-wiki-cn:component:note-right-end]] [[div class="pc-40" style="float:left;"]] [[include :scp-wiki-cn:component:note-tip-top |crease=left |name=qqq |self-defining=true |tip-color=#abddba |rotate=52deg ]] 绿的便利贴 > #abddba > 使用 > 生成引用块 >> 引用块的嵌套 >>> 便利贴组件内部不能嵌套便利贴组件。 [[include :scp-wiki-cn:component:note-tip-bottom]] [[/div]] [[div class="pc-40" style="float:left;"]] [[include :scp-wiki-cn:component:note-paper-head |chew-paper=right ]] [[include :scp-wiki-cn:component:note-tip-top |name=spop |self-defining=true |tip-color=#f3a2aa |float=right |crease=right ]] #f3a2aa [[include :scp-wiki-cn:component:note-tip-bottom]] [[include :scp-wiki-cn:component:note-tip-top |name=xxxfd |self-defining=true |tip-color=#f0dd8e |crease=right ]] #f0dd8e [[include :scp-wiki-cn:component:note-tip-bottom]] [[include :scp-wiki-cn:component:note-tip-top |name=wwwert |self-defining=true |tip-color=#bbdcea |crease=right ]] #bbdcea [[include :scp-wiki-cn:component:note-tip-bottom]] [[include :scp-wiki-cn:component:note-tip-top |name=srtrty |self-defining=true |tip-color=#b5b6ae |float=right |crease=right ]] #b5b6ae [[include :scp-wiki-cn:component:note-tip-bottom]] @@ @@ [[div class="pc-absolute"  style="position:absolute;left:10rem"]] [[include :scp-wiki-cn:component:note-tip-top |crease=right |float=right ]] 可以在组件外面套以下div形成绝对定位，以实现便利贴覆盖便利贴。 @@[[div class="pc-absolute" style="left:10rem"]]@@ 放入便利贴组件 @@[[/div]]@@ [[include :scp-wiki-cn:component:note-tip-bottom]] [[/div]] [[include :scp-wiki-cn:component:note-paper-tail]] [[/div]] ~~~~ @@@@ @@@@ [[=]] [[include :etinjat:component:vol-title |chapter-num=x |chapter-img=var(--img-1) |main-title=附记 |use-sub-tt=none |font-family='Ma Shan Zheng' ]] +++++ 该组件可以搭配[[[component:bookshelf-template|书架组件]]]使用，效果如下： [[/=]] [[include :scp-wiki-cn:component:bookshelf-shelf-top |trans=yes |list-shelf=0 |book-annotation=1 ]] [[include :scp-wiki-cn:component:bookshelf-books |self-defining=false |book-cover=blue-3 |link-color=white |book-link=#u-bk-x |link-name=请点击此处 |book-info=注释在此 ]] [[include :scp-wiki-cn:component:bookshelf-books |self-defining=false |book-cover=blue-3 |link-color=white |book-link=# |link-name=书本 |book-info=注释在此 ]] [[include :scp-wiki-cn:component:bookshelf-books |self-defining=false |book-cover=blue-3 |link-color=white |book-link=# |link-name=书本 |book-info=注释在此 ]] [[include :scp-wiki-cn:component:bookshelf-books |self-defining=false |book-cover=blue-3 |link-color=white |book-link=# |link-name=书本 |book-info=注释在此 ]] [[include :scp-wiki-cn:component:bookshelf-books |self-defining=false |book-cover=blue-3 |link-color=white |book-link=# |link-name=书本 |book-info=注释在此 ]] [[include :scp-wiki-cn:component:bookshelf-books |self-defining=false |book-cover=blue-3 |link-color=white |book-link=# |link-name=书本 |book-info=注释在此 ]] [[include :scp-wiki-cn:component:bookshelf-books |self-defining=false |book-cover=blue-3 |link-color=white |book-link=# |link-name=书本 |book-info=注释在此 ]] [[include :scp-wiki-cn:component:bookshelf-shelf-bottom]] @@@@ @@@@ [[include :scp-wiki-cn:component:note-page-start |name=bk-x ]] @@@@ 史美尔斯说过一句富有哲理的话，书籍把我们引入最美好的社会，使我们认识各个时代的伟大智者。这句话语虽然很短，但令我浮想联翩。 就我个人来说，没有人对我的意义，不能不说非常重大。 生活中，若没有人出现了，我们就不得不考虑它出现了的事实。 带着这些问题，我们来审视一下没有人。 我认为， 总结的来说， 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 没有人因何而发生？ 既然如此， 问题的关键究竟为何？ 一般来说， 每个人都不得不面对这些问题。 在面对这种问题时， 所谓没有人，关键是没有人需要如何写。 要想清楚，没有人，到底是一种怎么样的存在。 从这个角度来看， 那么， 没有人因何而发生？ 我们一般认为，抓住了问题的关键，其他一切则会迎刃而解。 本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。 @@@@ @@@@  对我个人而言，没有人不仅仅是一个重大的事件，还可能会改变我的人生。毕竟最灵繁的人也看不见自己的背脊。 雷锋说过一句富有哲理的话，自己活着，就是为了使别人过得更美好。我希望诸位也能好好地体会这句话。 生活中，若没有人出现了，我们就不得不考虑它出现了的事实。 　　一般来讲，我们都必须务必慎重的考虑考虑。 这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。 既然如何， 没有人的发生，到底需要如何做到，不没有人的发生，又会如何产生。 每个人都不得不面对这些问题。 在面对这种问题时， 一般来说， 一般来说， 在这种困难的抉择下，本人思来想去，寝食难安。 所谓没有人，关键是没有人需要如何写。 莫扎特曾经说过，谁和我一样用功，谁就会和我一样成功。我希望诸位也能好好地体会这句话。 @@@@ @@@@ [[include :scp-wiki-cn:component:note-page-end]] @@@@ @@@@ @@@@ [[collapsible show="？" hide="- 这是什么？"]] 这是一个还在绝赞咕咕的图书样版，翻页代码由[[*user sekai_s]]制作，目前还未做手机屏适应，还存在许多漏洞，不过可以看一下效果如何，也许有朝一日会独立发布吧。 [[div style="width: 80%;" ]] [[include :etinjat:css:flip-book-page-1-left]] [[div class="poem"]] @@@@ @@@@ 役 形 勞 骨 損@@  @@張 羽 亂 心 飛 @@@@ 伏 枕 巾 濕 甚@@  @@舉 頭 明 鑒 微 @@@@ @@@@ 欲 將 霜 淚 寄@@  @@孰 把 黯 雲 堆 @@@@ 還 續 黃 花 酒@@  @@滿 接 白 玉 杯 @@@@ @@@@ [[/div]] [[include :etinjat:css:flip-book-page-2-left]] [[include :etinjat:css:flip-book-page-3-left]] 第三页左侧 [[include :etinjat:css:flip-book-page-4-left]] 第四页左侧 [[include :etinjat:css:flip-book-page-5-left]] 第五页左侧 [[include :etinjat:css:flip-book-backcover]]  [#u-p-5 琅嬛福地藏书阁] [[include :etinjat:css:flip-book-page-5-right]] 第五页右侧 [[include :etinjat:css:flip-book-page-4-right]] 第四页右侧 [[include :etinjat:css:flip-book-page-3-right]] 第三页右侧 [[include :etinjat:css:flip-book-page-2-right]] [[div class="poem"]] @@@@ @@@@ 遊 尊 孤 影 惡@@  @@邀 筆 鮮 人 回 @@@@ 飲 盡 新 思 苦@@  @@夢 鉤 殘 恨 頹 @@@@ @@@@ 孤 舟 南 浦 繫@@  @@杜 宇 北 林 催 @@@@ 天 漢 曷 奔 湧@@  @@乘 風 揚 月 歸 @@@@ @@@@ [[/div]] [[include :etinjat:css:flip-book-page-1-right]] [[div class="poem"]] @@@@ @@@@ 聒 聲 擾 我 扉@@  @@夜 夜 彩 煙 輝 @@@@ 萬 戶 闔 家 樂@@  @@獨 居 久 客 悲 @@@@ @@@@ 低 簷 垂 冷 露@@  @@高 樹 起 秋 黴 @@@@ 曳 炬 銀 波 退@@  @@移 燈 玄 浪 隨 @@@@ @@@@ [[/div]] [[include :etinjat:css:flip-book-cover-start]] [[a href="#u-p-1"]]中 秋 夜 遣 懷[[/a]] [[include :etinjat:css:flip-book-cover-end]] [[div class="book-memu memu-1 " ]] [#u 封面] [#u-p-1 第一頁] [#u-p-2 第二頁] [#u-p-3 第三頁] [#u-p-4 第四頁] [#u-p-5 第五頁] [#u-p-end 第六頁（封底）] [[/div]] [[include :etinjat:css:flip-book-over]] [[/div]] ++++ 怎么用？ 将文字填入对应的地方即可。 [[div class="blockquote"]] @@[[include :etinjat:css:flip-book]]@@ @@[[include :etinjat:css:flip-book-page-1-left]]@@ 第一页左侧 @@[[include :etinjat:css:flip-book-page-2-left]]@@ 第二页左侧 @@[[include :etinjat:css:flip-book-page-3-left]]@@ 第三页左侧 @@[[include :etinjat:css:flip-book-page-4-left]]@@ 第四页左侧 @@[[include :etinjat:css:flip-book-page-5-left]]@@ 第五页左侧 @@[[include :etinjat:css:flip-book-backcover]]@@  @@[#u-p-5 书籍尾封]@@ @@[[include :etinjat:css:flip-book-page-5-right]]@@ 第五页右侧 @@[[include :etinjat:css:flip-book-page-4-right]]@@ 第四页右侧 @@[[include :etinjat:css:flip-book-page-3-right]]@@ 第三页右侧 @@[[include :etinjat:css:flip-book-page-2-right]]@@ 第二页右侧 @@[[include :etinjat:css:flip-book-page-1-right]]@@ 第一页右侧 @@[[include :etinjat:css:flip-book-cover-start]]@@ @@[[a href="#u-p-1"]]书籍标题[[/a]]@@ @@[[include :etinjat:css:flip-book-cover-end]]@@ @@[[div class="book-memu memu-1 " ]]@@ @@**目录**@@ @@[#u 封面]@@ @@[#u-p-1 第一頁]@@ @@[#u-p-2 第二頁]@@ @@[#u-p-3 第三頁]@@ @@[#u-p-4 第四頁]@@ @@[#u-p-5 第五頁]@@ @@[#u-p-end 第六頁（封底）]@@ @@[[/div]]@@ @@[[include :etinjat:css:flip-book-over]]@@ [[/div]]   [[/collapsible]] @@@@ @@@@ @@@@ [[collapsible show="+ 脚注" hide="-  脚注"]] [[footnoteblock title=""]] [[/collapsible]] @@@@ @@@@ [[div id="ch-bottom"]] [[/div]] [[module CSS]] @import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap'); /**/ .no-sel { -moz-user-select: none; -khtml-user-select: none; user-select: none;     color:#555;     padding:0 0rem 0 0rem; } .note-nobody {   color:black; } .no-sel:before { content:" ☜ " } .blockquote p{   line-height: 1.4rem; } #u-bk-x{ display:none; } #u-bk-x:target{ display:block; } .whoareyou{   padding:1em;    } .hellow-there-1{     margin:0 1em 0 8em;  width:6rem;     height:12rem;     border:4px solid #333;     filter: drop-shadow(8px 10px 1px #bf5f5f);   text-align: center;   font-size: 1.5rem;     float:left; } .hellow-there-2{   width:6rem;     height:12rem;       border:3px solid #333;     filter: drop-shadow(2px 5px 3px #3395bc ) ; } .nobody-here-1{   margin:2em;       float:left;  width:6rem;     height:12rem;     border:4px solid #333;     filter: drop-shadow(8px 10px 2px #3395bc);   text-align: center;   font-size: 1.5rem } .nobody-here-2{  width:6rem;     height:12rem;     border:4px solid #333;     filter: drop-shadow(8px 10px 2px #bf5f5f);   text-align: center;   font-size: 1.5rem } .page-note {   writing-mode:  vertical-rl;     display: block; /*    overflow: hidden;*/     font-family: kaiti,"Monotype Corsiva", "Bradley Hand ITC", sans-serif;     font-style: normal;     background-attachment: scroll;     background-clip: border-box;     background-color: #e7e9dc;     background-image: linear-gradient(to right , rgb(231, 233, 220) 2%);     background-origin: padding-box;     background-position: 0px 10px;     background-repeat: repeat;     background-size: 100% 10px;     border: 1px solid #CCC;     /*border-radius: 10px;*/     padding: 2em 3em 0 0px;     /*box-shadow: 0px 1px 3px rgb(0, 0, 0, 0.2); 不要使用阴影*/ } .poem {     line-height: 20px;     margin: 0;        font-size: 150%; } .phone{  display:none; } #page-title{ display:none; } .pc-40{     width: 50%; }  @media (max-width: 479px) { .pc-40{     width: 100%; } #page-title{ display:block; } #u-books-1{ display:none; } .phone{ display:block; text-align: center; font-size: 170%; } } /**/ .mobwidth{ width:80% } @media (max-width: 479px) { .mobwidth{ mobwidth:100% } } .note-chew-qqq1 { filter: drop-shadow(1px 2px 2px transparent); filter: drop-shadow(1px 2px 2px transparent); } .note-chew-qqq1 .note-paper-main:after{     content: " ";     background-image:url(http://scp-wiki-cn.wdfiles.com/local--files/theme:walk-in-the-dark/Logo-YXH-red.png) ;     background-size:contain;     background-repeat: no-repeat;     position: absolute;     width: 5rem;     min-height: 5rem;     bottom:2rem;     left:80%;     overflow: hidden;    -webkit-filter:none;     filter: none;      z-index: 0; } .note-chew-qqq1 .note-paper-main:before{     content: " ●"; color: white;     font-size: 20rem;     position: absolute;     width: 20rem;     min-height: 5rem;     bottom: 40%;     left:76%;     overflow: hidden;    -webkit-filter:none;     filter: none;      z-index: 0; } .note-chew-qqq2 .note-paper-main{              height:auto;  -webkit-mask-repeat: repeat-y;          mask-repeat: repeat-y;  -webkit-mask-size: cover;          mask-size: cover;  -webkit-mask-image:var(--img-chew222);             mask-image:var(--img-chew222);   -webkit-mask-position: left;             mask-position: left; } [[/module]]