地下疗法 版式

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

[[div_ style="display:none"]]
[[embed]]
<iframe src="//scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?%3Aroot%7B--fg-accent-2-light%3A%20hsla(1%2C62%25%2C62%25%2C1)%3B--fg-accent-2%3A%20hsla(1%2C62%25%2C46%25%2C1)%3B--fg-accent-2-dark%3A%20hsla(1%2C62%25%2C37%25%2C1)%3B%7D.side-block%20div.menu-item%20a%7Bcolor%3A%20var(--fg-accent-2)%3Btransition%3A%200.2s%3B%7Da%3Avisited%2C.side-block%20div.menu-item%20a%3Avisited%7Bcolor%3A%20var(--fg-accent-2-dark)%3B%7D.side-block%20div.menu-item%20a%3Ahover%2C.side-block%20div.menu-item%20a%3Afocus%7Bcolor%3A%20var(--fg-accent-2-light)%3B%7D.side-block%7Bbackground-color%3A%20transparent%20!important%3Bborder%3A%201px%20solid%20var(--fg-accent-2-light)%3Bbox-shadow%3A%200%202px%206px%20var(--fg-accent-2-dark)%3B%7D.side-block%20.heading%7Bcolor%3A%20var(--fg-accent-2-light)%3Bborder-bottom%3A%201px%20solid%20var(--fg-accent-2-light)%3B%7D.side-block%20.menu-item%20img%7Bdisplay%3A%20none%3B%7D.side-block%20.menu-item%3A%3Abefore%7Bdisplay%3A%20inline%3Bposition%3A%20relative%3Btop%3A%20-1px%3Bfont-size%3A%2010px%3Bcontent%3A%20%22%3E%20%22%3Bcolor%3A%20var(--fg-accent-2-dark)%3B%7D" name="styleFrame"></iframe>
[[/embed]]
[[/div]]

[[iftags +版式]]

[[>]]
[[module Rate]]
[[/>]]

[[tabview]]
[[tab 空 Tab]]
[[/tab]]
[[tab 标题]]
+ 1 级标题
++ 2 级标题
+++ 3 级标题
++++ 4 级标题
+++++ 5 级标题
++++++ 6 级标题
[[/tab]]
[[tab 表格]]
||~ 来 ||~ 测试 ||~ 表格 ||
|| 空 || 空 || 空 ||
|| 空 || 空 || 空 ||
[[/tab]]
[[tab 列表]]
* 列表
* 无序列表

# 列表
# 有序列表
[[/tab]]
[[tab 引用框]]
> 引用框
[[/tab]]
[[tab 图像块]]
[[include component:image-block name=http://scp-pl.wdfiles.com/local--files/theme:przyczajone-leczenie-theme/obrazek.jpg|caption=经典图像块]]

@@ @@
@@ @@
[[/tab]]
[[/tabview]]

[[div class="code"]]
@@[[include :scp-wiki-cn:theme:przyczajone-leczenie-theme]]@@
[[/div]]


为“[[[przyczajone-leczenie-hub|地下疗法]]]”设定所作的版式

------

[[code type="css"]]
:root {
    --bg: #efefef;
    --bg-medium: #efefef;
 
    --fg: #1e1e1e;
    --fg-muted: #444444;
 
    --fg-accent-light: hsla(1, 62%, 34%, 0.85);
    --fg-accent: #771d1c;
    --fg-accent-dark: hsla(1, 62%, 23%, 1);
 
    --fg-accent-2-light: hsla(1, 62%, 62%, 1);
    --fg-accent-2: hsla(1, 62%, 46%, 1);
    --fg-accent-2-dark: hsla(1, 62%, 37%, 1);
}
 
.collapsible-block-link {
color: var(--fg-accent-dark);
}
div#container-wrap:before {
    content: "";
 
    display: block;
    width: 100%;
    height: 38px;
 
    position: absolute;
 
    border-bottom: 8px solid var(--fg-accent-dark);
 
    background: var(--fg-accent);
}
 
body, div#container-wrap {
    background: linear-gradient(var(--bg-medium), var(--bg)) repeat-x, var(--bg);
    background-size: 1px 180px;
    color: var(--fg);
}
 
div#content-wrap {
    margin-top: 12em;
}
 
h1, h2, h3, h4, h5, h6,
div#page-title {
    color: var(--fg-accent);
}
 
a, #side-bar a {
    color: var(--fg-accent);
    transition: 0.2s;
}
 
#side-bar a {
    color: var(--fg-accent-2)
}
 
.side-bar-container {
    background-color: rgba(0,0,0,0) !important;
}

a:visited, #side-bar a:visited {
    color: var(--fg-accent-dark);    
}
.close-menu {
   background:rgba(0,0,0,0) 1px 1px repeat !important;
}

#side-bar a:visited {
    color: var(--fg-accent-2-dark)
}
 
a:hover, #side-bar a:hover,
a:focus, #side-bar a:focus {
    color: var(--fg-accent-light);
}
 
#side-bar a:hover,
#side-bar a:focus {
    color: var(--fg-accent-2-light);
}
 
del {
    color: #660000;
}
 
ins {
    color: #006600;
}
 
/* header */
 
#header {
    background: none;
    padding-top: 40px;
}
 
#header h1, #header h2 {
    margin-left: 0;
}
 
#header h1 {
    background: url('https://hoah-lab.wikidot.com/local--files/theme:przyczajone-leczenie-theme/przyleczbaner.png') no-repeat top center;
    background-size: contain;
 
    display: inline-block;
 
    height: 200px;
    max-height: 200px;
 
    width: 100%;
    
 
    font-size: 0;
    position: relative;
    top: 32px;
}
 
#header h1 a {
    display: block;
 
    margin: 0;
    padding: 0;
 
    height: 130px;
    max-height: 130px;
 
    width: 100%;
    max-width: 550px;
}
 
#header h2 {
    display: none;
}
 
/* top bar */
 
#top-bar {
    margin-top: 135px;
    border-bottom: 1px solid var(--fg-muted);
 
    padding-top: 4px;
    padding-bottom: 4px;
}
 
#top-bar a {
    transition: unset;
    color: var(--fg-accent);
}
 
#top-bar ul li ul {
   border-color: var(--fg-accent);
}
 
#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
    border-top-color: var(--fg-accent);
    border-color: var(--fg-accent);
}
 
#top-bar ul li ul a, #top-bar a:hover {
    color: var(--fg-accent);
}
 
#top-bar ul li.sfhover a, #top-bar ul li:hover a {
    border-color: var(--fg-accent-dark);
 
    color: var(--fg-accent);
    background-color: var(--bg-medium);
}
 
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
    border-color: var(--bg-medium);
 
    color: var(--bg);
    background-color: var(--fg-accent);
}
 
/* side bar */
 
#side-bar .side-block {
    background-color: transparent !important;
 
    border: 1px solid var(--fg-accent-2-light);
 
    box-shadow: 0 2px 6px var(--fg-accent-2-dark);
}
 
#side-bar .heading {
    color: var(--fg-accent-2-light);
    border-bottom: 1px solid var(--fg-accent-2-light);
}
 
#side-bar .menu-item img {
    display: none;
}
 
#side-bar .menu-item::before {
    display: inline;
    position: relative;
    top: -1px;
    font-size: 10px;
    content: "> ";
    color: var(--fg-accent-2-dark);
}
 
/* side bar: social media links workaround */
 
#side-bar .side-block[style="background-color: #e5e5ff;"] .menu-item::before {
    content: "";
}
 
#side-bar .side-block[style="background-color: #e5e5ff;"] img {
    display: inline;
}
 
/* side bar: user resources workaround */
 
#side-bar .side-block[style="background-color: #fff0f0;"] div:nth-child(2) {
    display: none;
}
 
/* rating module */
 
.page-rate-widget-box .rate-points {
    background-color: var(--fg-accent-2-dark) !important;
}
 
.page-rate-widget-box .rate-points,
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a,
.page-rate-widget-box .cancel a {
    background-color: var(--fg-accent-2-dark);
    color: white;
    border: 0;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown,
.page-rate-widget-box .cancel {
    background-color: var(--fg-accent-2-dark);
    border: 0;
    border-left: 1px solid var(--fg-accent-2-light);
}
 
.page-rate-widget-box .rate-points,
.page-rate-widget-box .cancel a {
    border: 0;
 
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background-color: var(--fg-accent-2-dark);
    color: white;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover,
.page-rate-widget-box .cancel a:hover {
    background-color: var(--fg-accent-2-light);
    color: white;
}

/* modified by hoah2333 */
.rate-box-with-credit-button {
    background-color: var(--fg-accent-2-dark);
    border: 0;
}
.creditButton p a:hover {
    color: #FFFFFF;
    background-color: var(--fg-accent-2-light);
}
.creditButtonStandalone p a {
    background-color: var(--fg-accent-2-dark);
}
.creditButtonStandalone p a:hover {
    background-color: var(--fg-accent-2-light);
}

 
/* footnote hovers */
 
.hovertip {
    width: 20em;
    padding: 0.5em;
 
    border: 1px solid var(--fg-accent-2-light) !important;
    border-radius: 0.5em;
 
    background-color: #efefef !important;
    box-shadow: 0 0 6px 1px #000000aa;
    z-index: 100;
}
 
.hovertip .f-heading {
    color: var(--fg-accent-2-light);
}
 
/* inputs */
 
input.text, input.button,
#search-top-box-input,
#search-top-box-form input[type=submit],
div.buttons input, input.button, button, file, a.button {
    background: transparent;
    color: var(--fg);
    border: 1px solid var(--fg-accent-2-dark);
    border-radius: 0;
    font-size: 1em;
    outline: 0;
}
 
div.buttons input:hover, div.buttons input:focus,
input.button:hover, input.button:focus,
button:hover, button:focus,
file:hover, file:focus,
a.button:hover, a.button:focus {
    border-color: var(--fg-accent-2-light);
    background: transparent;
    color: var(--fg);
}
 
input.text:hover, input.button:hover,
input.text:focus, input.button:focus,
#search-top-box-input:hover,
#search-top-box-input:focus,
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    color: var(--fg);
    background: transparent;
    border: 1px solid var(--fg-accent-2-light);
    outline: 0;
}
 
/* wikidot page elements */
 
#page-title {
    border-color: var(--fg-muted);
}
 
table.wiki-content-table th,
table.wiki-content-table td,
#toc,
blockquote,
.scp-image-block .scp-image-caption {
    border-color: var(--fg-muted);
    background-color: transparent;
}
 
table.wiki-content-table th {
    background-color: var(--bg-medium);
}
 
hr {
    background-color: var(--fg-muted);
}
 
.code {
    border: 1px dashed var(--fg-muted);
    background-color: transparent;
 
    font-family: "Consolas", "Courier New", "Roboto Mono", monospace;
    font-size: 14px;
}
 
/* user login */
 
#login-status {
    color: var(--bg);
}
 
#login-status a {
    border: 0;
    color: var(--bg);
}
 
/* footer */
 
#footer, #license-area {
    background: var(--fg-accent);
    color: #111;
}
 
#license-area {
    background: var(--fg-accent-dark);
}
 
#footer a, #license-area a {
    color: #fff;
}
 
/* code highlighter stuff */
 
.hl-identifier, .hl-code, .hl-brackets {
    color: var(--fg);
}
 
.hl-var {
    color: #21ff00;
}
 
.hl-special {
    color: #ffff00;
}
 
.hl-reserved {
    color: #00b2ff;
}
 
.hl-number, .hl-string {
    color: #ff0020;
}
 
/* tabs */
 
.yui-navset .yui-nav a,
.yui-navset .yui-nav a em {
    border-color: var(--fg-accent);
    transition: unset;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: var(--fg-accent);
    color: var(--fg-accent);
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-nav a:focus,
.yui-navset .yui-nav a:hover {
    color: var(--fg);
    background: var(--bg);
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: var(--bg);
}
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border: 0;
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    background-color: var(--bg);
    border-color: var(--fg-accent);
}
 
/* popups */
 
.owindow {
    background-color: var(--bg);
    border-color: var(--fg-accent);
}
 
.title.modal-header {
    background-color: var(--bg);
}
 
.owindow .button-bar a {
    background-color: transparent;
    border-color: var(--fg-accent);
}
 
.owindow .button-bar a:hover, .owindow .button-bar a:focus {
    background-color: transparent;
    border-color: var(--fg-accent-light);
}
 
/* editor */
 
textarea {
    font-family: "Verdana", sans-serif;
    padding: 2px;
    font-size: 100%;
    border: 1px solid var(--fg-accent-2);
    background-color: var(--bg);
    color: var(--fg);
    outline: 0;
}
 
textarea:hover, textarea:focus {
    border-color: var(--fg-accent-2-light);
}
 
.change-textarea-size a {
    background: transparent;
    color: var(--fg);
    border-color: var(--fg-accent-2)
}
 
.change-textarea-size a:hover, .change-textarea-size a:focus {
    border-color: var(--fg-accent-2-light);
    text-decoration: none;
}
 
.edit-help-34 a {
    color: var(--fg-accent-2);
}
 
.edit-help-34 a:visited {
    color: var(--fg-accent-2-dark);
}
 
.edit-help-34 a:hover,
.edit-help-34 a:visited:hover {
    color: var(--fg-accent-2-light);
}
 
input.text, input.button,
#search-top-box-input,
#search-top-box-form input[type=submit],
div.buttons input, input.button, button, file, a.button {
    background: transparent;
    color: var(--fg);
    border: 1px solid var(--fg-accent-2-dark);
    border-radius: 0;
    font-size: 1em;
    outline: 0;
}
 
div.buttons input:hover, div.buttons input:focus {
    border-color: var(--fg-accent-2-light);
    background: transparent;
    color: var(--fg);
}
 
#lock-info {
    background: transparent;
    border: 0;
}
 
#lock-info #lock-timer {
    color: var(--fg-accent-2-light);
}
 
/* mobile rules */
 
@media (max-width: 767px) {
 
#side-bar, #side-bar:target {
    border: 0;
    background: var(--bg);
}
 
#search-top-box {
    top: 174px;
}

.rate-box-with-credit-button {
    background-color: var(--fg-accent-2-dark) !important;
    border: 1px solid var(--fg-accent-2-light) !important;
    border-radius: 5px !important;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important;
}
.rate-box-with-credit-button .creditButton p a {
    border-left-color: var(--fg-accent-2-light) !important;
}
.rate-box-with-credit-button .page-rate-widget-box .cancel {
    border-radius: 0;
}
.rate-box-with-credit-button .page-rate-widget-box .rate-points {
    border-left: 0;
}
}
[[/code]]
[[/iftags]]