Adult Content Warning

Link to article: Adult Content Warning.

#page-content { position: relative; }
ul.modal-wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 0;
    display: contents;
}
@keyframes fademodal {
  99% { visibility: hidden; }
  100% { visibility: visible; }
}
ul.modal-wrapper > li {
    list-style: none;
    position: absolute;
    top: -0.1rem;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    transition: opacity 0.15s ease-out;
    animation: 0.15s fademodal;
    animation-fill-mode: forwards;
}
ul.modal-wrapper > li.unfolded {
    visibility: visible;
    opacity: 1;
}
ul.modal-wrapper > li.folded {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    user-select: none;
}

div#u-adult-warning {
    width: 100%;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    color: black;
    text-shadow: none;
}
div#u-adult-warning > div#u-adult-header,
div#u-adult-warning > div#u-adult-header p { font-weight: bold; }
#page-content div#u-adult-warning a { color: #b01; }
#page-content div#u-adult-warning a.newpage { color: #d61; }
#page-content div#u-adult-warning a:not(.newpage):visited { color: #824; }

#u-adult-warning .content-descriptor {
    text-align: left;
    width: calc(100% - 3em);
    max-width: max-content;
    margin: 0 auto;
    text-indent: -1.2em;
}
#u-adult-warning .content-descriptor br { display: none; }
#u-adult-warning .content-descriptor span {
    display: none;
    margin: 0.75em 0;
}
#u-adult-warning .content-descriptor span::before {
    content: "■";
    margin-right: 0.5em;
}
#u-adult-warning .choice {
    padding: 0.125em 0;
}
#u-adult-warning .footer-wikiwalk-nav {
    display: flex;
    justify-content: center;
    grid-gap: 0.325em;
    margin-top: 2.5rem;
    background: unset;
    color: inherit;
}
#u-adult-warning .footer-wikiwalk-nav span[class^="ww-{$"] { display: none; }

display: [[#ifexpr {$gore} == 1 | block | none ]]

display: [[#ifexpr {$sexual-references} == 1 | block | none ]]

display: [[#ifexpr {$sexually-explicit} == 1 | block | none ]]

display: [[#ifexpr {$sexual-assault} == 1 | block | none ]]

display: [[#ifexpr {$child-abuse} == 1 | block | none ]]

display: [[#ifexpr {$self-harm} == 1 | block | none ]]

display: [[#ifexpr {$suicide} == 1 | block | none ]]

display: [[#ifexpr {$torture} == 1 | block | none ]]

display: [[#ifexpr {$custom} == 1 | block | none ]]

border: solid 2px #ededed; padding: 0.5rem; margin: 4px;

(none)

```
modal-wrapper
```
```
unfolded
```
```
content-descriptor
```
```
foldable-list-container
```
```
choice
```
```
choice
```
```
footer-wikiwalk-nav
```
```
ww-{$prev}
```
```
ww-{$current}
```
```
ww-{$next}
```
```
blockquote
```

[[module CSS]]
#page-content { position: relative; }
ul.modal-wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 0;
    display: contents;
}
@keyframes fademodal {
  99% { visibility: hidden; }
  100% { visibility: visible; }
}
ul.modal-wrapper > li {
    list-style: none;
    position: absolute;
    top: -0.1rem;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    transition: opacity 0.15s ease-out;
    animation: 0.15s fademodal;
    animation-fill-mode: forwards;
}
ul.modal-wrapper > li.unfolded {
    visibility: visible;
    opacity: 1;
}
ul.modal-wrapper > li.folded {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    user-select: none;
}

div#u-adult-warning {
    width: 100%;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    color: black;
    text-shadow: none;
}
div#u-adult-warning > div#u-adult-header,
div#u-adult-warning > div#u-adult-header p { font-weight: bold; }
#page-content div#u-adult-warning a { color: #b01; }
#page-content div#u-adult-warning a.newpage { color: #d61; }
#page-content div#u-adult-warning a:not(.newpage):visited { color: #824; }

#u-adult-warning .content-descriptor {
    text-align: left;
    width: calc(100% - 3em);
    max-width: max-content;
    margin: 0 auto;
    text-indent: -1.2em;
}
#u-adult-warning .content-descriptor br { display: none; }
#u-adult-warning .content-descriptor span {
    display: none;
    margin: 0.75em 0;
}
#u-adult-warning .content-descriptor span::before {
    content: "■";
    margin-right: 0.5em;
}
#u-adult-warning .choice {
    padding: 0.125em 0;
}
#u-adult-warning .footer-wikiwalk-nav {
    display: flex;
    justify-content: center;
    grid-gap: 0.325em;
    margin-top: 2.5rem;
    background: unset;
    color: inherit;
}
#u-adult-warning .footer-wikiwalk-nav span[class^="ww-{$"] { display: none; }
[[/module]]


[[ul class="modal-wrapper"]]
[[li class="unfolded"]]
[[div id="adult-warning"]]
[[div id="adult-header"]]
ADULT CONTENT
[[/div]]
This article contains adult content that may not be suitable for all readers.
[[div_ class="content-descriptor"]]
[[span style="display: [[#ifexpr {$gore} == 1 | block | none ]]"]]Graphic depiction of blood, gore or mutilation of body parts[[/span]]
[[span style="display: [[#ifexpr {$sexual-references} == 1 | block | none ]]"]]Features sexual themes or language, but does not depict sexual acts.[[/span]]
[[span style="display: [[#ifexpr {$sexually-explicit} == 1 | block | none ]]"]]Explicit depiction of sexual acts.[[/span]]
[[span style="display: [[#ifexpr {$sexual-assault} == 1 | block | none ]]"]]Features non-consensual sexual acts.[[/span]]
[[span style="display: [[#ifexpr {$child-abuse} == 1 | block | none ]]"]]Depiction of severe mistreatment of children[[/span]] 
[[span style="display: [[#ifexpr {$self-harm} == 1 | block | none ]]"]]Depiction of self-harm[[/span]]
[[span style="display: [[#ifexpr {$suicide} == 1 | block | none ]]"]]Depiction of suicide[[/span]]
[[span style="display: [[#ifexpr {$torture} == 1 | block | none ]]"]]Depiction of torture[[/span]]
[[span style="display: [[#ifexpr {$custom} == 1 | block | none ]]"]]{$custom-content}[[/span]]
[[/div]]

If you are above the age of 18+ and wish to read such content, then you may click Continue to view said content.
[[div_ class="foldable-list-container choice"]]
[# Continue]
[[/div]]
[[div_ class="choice"]]
[/ Back to Front Page]
[[/div]]

[[div_ class="footer-wikiwalk-nav"]]
[[span class="ww-{$prev}"]]<< [[[{$prev}|]]] |[[/span]][[span class="ww-{$current}"]]{$current}[[/span]][[span class="ww-{$next}"]]| [[[{$next}|]]] >>[[/span]]
[[/div]]

[[/div]]
[[/li]]
[[/ul]]


[[iftags +component]]
[[div style="border: solid 2px #ededed; padding: 0.5rem; margin: 4px;"]]
This is a component used by staff to mark content as adult.
To use, put the following at the top of the page:

[[div class="blockquote"]]
@@[[include :scp-wiki:component:adult-content-warning@@
|gore=1
|sexual-references=1
|sexually-explicit=1
|sexual-assault=1
|child-abuse=1
|self-harm=1
|suicide=1
|torture=1
|custom=1 |custom-content=Bespoke Content warning

|prev=slug-of-previous-page
|current=Title of current page
|next=slug-of-next-page
]]
[[/div]]

Omit any warning that doesn't apply. Only use approved custom content warnings. The Wikiwalk footer will not appear if no input is specified. Refer to the [[[Adult Content Warning Guide]]] or contact a member of the [http://05command.wikidot.com/maintenance-and-ancillary-staff-team-main Adult Content Curation team] for further information.

For an article using listpages to display a series of fragment pages (LPT), put this component on the first fragment page.

[[/div]]
[[/iftags]]

Adult Content Warning

Module Styles

Inline Styles

Includes

CSS Classes

Page Source