PJPSS Component

Link to article: PJPSS Component.

#page-title {
    display: none;
}

#page-content hr {
  border: solid 0.02em #000000 !important;
  background: #000000 !important;
  height: 0.01em !important;
  display: block !important;
  box-shadow: none !important;
  margin: 1em 0 !important;
}


#page-content > .collapsible-block {
    display: block;
    text-align: left;
    padding: 1px;
    margin: 5px auto;
    border: none;
}

#page-content > .collapsible-block .collapsible-block-content {
    text-align: left;
}

.info-container .collapsible-block-folded a,
.info-container .collapsible-block-unfolded-link a {
    color: #FFF;
}

blockquote,
div.blockquote {
    border: 0.125rem solid #d4d4d4;
    background-color: #F5F5F5;
    padding: 1px 15px;
    margin: 10px auto;
}

.interview {
    border: solid 2px #c7c7c7;
    background: #F5F5F5;
    width: 90%;
    padding: 1px 15px;
    margin: 10px auto;
    box-shadow: 1px 1px 4px #5e5e5e60;
}

.addendum {
    border-left: solid 5px #642c2c;
    background: #ffffff;
    box-shadow: 1px 1px 4px #5e5e5e82;
    width: 90%;
    padding: 1px 15px;
    margin: 10px auto;
}

#page-content ul:not(.yui-nav) {
    list-style: disc outside;
    padding-left: 1.25em;
    margin: .05em 0 1em 0;
}

#page-content ul:not(.yui-nav) > li {
    line-height: 1.4;
    margin: .35em 0;
}

#page-content ul:not(.yui-nav) > li > ul {
    padding-left: 3.5em;
    margin: .35em 0 .6em 1em;
}

#page-content ul ul:not(.yui-nav) > li { margin: .2em 0; }
#page-content ul ul:not(.yui-nav) > li:first-child { margin-top: 0; }
#page-content ul ul:not(.yui-nav) > li:last-child  { padding-bottom: 0; }


@media (max-width: 768px) {
    #page-content ul:not(.yui-nav) {
        padding-inline-start: 1.6em;
        padding-left: 1.6em;
    }

  #page-content ul:not(.yui-nav) > li { 
        line-height: 1.3; 
    }
 
 #page-content ul ul:not(.yui-nav) {
        padding-inline-start: .8em;
        padding-left: .8em;
  }
}


:root {
    --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
}

```
display: none;
```
```
display: none
```
```
display:none
```

```
addendum
```
```
addendum
```
```
interview
```
```
blockquote
```

[[module CSS]]
#page-title {
    display: none;
}

#page-content hr {
  border: solid 0.02em #000000 !important;
  background: #000000 !important;
  height: 0.01em !important;
  display: block !important;
  box-shadow: none !important;
  margin: 1em 0 !important;
}


#page-content > .collapsible-block {
    display: block;
    text-align: left;
    padding: 1px;
    margin: 5px auto;
    border: none;
}

#page-content > .collapsible-block .collapsible-block-content {
    text-align: left;
}

.info-container .collapsible-block-folded a,
.info-container .collapsible-block-unfolded-link a {
    color: #FFF;
}

blockquote,
div.blockquote {
    border: 0.125rem solid #d4d4d4;
    background-color: #F5F5F5;
    padding: 1px 15px;
    margin: 10px auto;
}

.interview {
    border: solid 2px #c7c7c7;
    background: #F5F5F5;
    width: 90%;
    padding: 1px 15px;
    margin: 10px auto;
    box-shadow: 1px 1px 4px #5e5e5e60;
}

.addendum {
    border-left: solid 5px #642c2c;
    background: #ffffff;
    box-shadow: 1px 1px 4px #5e5e5e82;
    width: 90%;
    padding: 1px 15px;
    margin: 10px auto;
}

#page-content ul:not(.yui-nav) {
    list-style: disc outside;
    padding-left: 1.25em;
    margin: .05em 0 1em 0;
}

#page-content ul:not(.yui-nav) > li {
    line-height: 1.4;
    margin: .35em 0;
}

#page-content ul:not(.yui-nav) > li > ul {
    padding-left: 3.5em;
    margin: .35em 0 .6em 1em;
}

#page-content ul ul:not(.yui-nav) > li { margin: .2em 0; }
#page-content ul ul:not(.yui-nav) > li:first-child { margin-top: 0; }
#page-content ul ul:not(.yui-nav) > li:last-child  { padding-bottom: 0; }


@media (max-width: 768px) {
    #page-content ul:not(.yui-nav) {
        padding-inline-start: 1.6em;
        padding-left: 1.6em;
    }

  #page-content ul:not(.yui-nav) > li { 
        line-height: 1.3; 
    }
 
 #page-content ul ul:not(.yui-nav) {
        padding-inline-start: .8em;
        padding-left: .8em;
  }
}


:root {
    --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
}
[[/module]]


[[div style="display: none;"]]
[[include :scp-wiki:component:fade-in speed=1]]
[[/div]]


[!-- don't show this component's usage bar --]
[[iftags +component]]
[[div style="display: none"]]
[[/iftags]]

[[iftags +component]]
[[/div]]

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

On any wiki:
> {{@@[[include :scp-wiki:component:pjpss]]@@}}
[[div class="addendum"]]
This is a repository for the various custom CSS I use for all of my articles. I'll end up editing this as my tastes change, so use it at your own risk. Currently, this includes:
* Thinner horizontal rule.
* Custom interview, blockquote, and addendum boxes.
* Hides the page title.
* Adds an indent to bulleted lists.
 * Like this!

[[/div]]

[[=]]
++ FEATURES
[[/=]]

[[div class="addendum"]]
@@ @@
= **Addendum Box**
@@ @@
[[/div]]

[[div class="interview"]]
@@ @@
= **Interview Box**
@@ @@
[[/div]]

[[div class="blockquote"]]
@@ @@
-----
= **Blockquote with some thin horizontal rules**
-----
@@ @@
[[/div]]

@@ @@

[[=]]
++ ALSO STARRING

++++ BLACK HIGHLIGHTER THEME
++++ BHL DARK AND HIDDEN SIDEBAR
++++ CENTERED HEADER
++++ ACS ANIMATION
[[/=]]

@@ @@

[[code type="css"]]
#page-title {
    display: none;
}

#page-content hr {
  border: solid 0.02em #000000 !important;
  background: #000000 !important;
  height: 0.02em !important;
  display: block !important;
  box-shadow: none !important;
  margin: 1em 0 !important;
}


#page-content > .collapsible-block {
    display: block;
    text-align: left;
    padding: 1px;
    margin: 5px auto;
    border: none;
}

#page-content > .collapsible-block .collapsible-block-content {
    text-align: left;
}

.info-container .collapsible-block-folded a,
.info-container .collapsible-block-unfolded-link a {
    color: #FFF;
}

blockquote,
div.blockquote {
    border: 0.125rem solid #d4d4d4;
    background-color: #F5F5F5;
}

.interview {
    border: solid 2px #d4d4d4;
    background: #F5F5F5;
    width: 90%;
    padding: 1px 15px;
    margin: 10px auto;
    box-shadow: 1px 1px 4px #5e5e5e82;
}

.addendum {
    border-left: solid 5px #642c2c;
    background: #ffffff;
    box-shadow: 1px 1px 4px #5e5e5e82;
    width: 90%;
    padding: 1px 15px;
    margin: 10px auto;
}

#page-content ul:not(.yui-nav) {
  list-style-position: outside;
  margin: .25em 0 1em 2em;
  padding: 0;
}

#page-content ul:not(.yui-nav) > li {
  line-height: 1.4;
  margin: .25em 0;
}

#page-content ul:not(.yui-nav) > li:last-child {
  padding-bottom: .25em;
}

#page-content ul ul:not(.yui-nav) {
  margin: .35em 0 .6em 1.5em;
}

#page-content ul ul:not(.yui-nav) > li {
  margin: .15em 0;
}

#page-content ul ul:not(.yui-nav) > li:first-child { margin-top: 0; }
#page-content ul ul:not(.yui-nav) > li:last-child  { padding-bottom: 0; }

@media (max-width: 768px) {
  #page-content ul:not(.yui-nav) { margin-left: 2.4em; }
  #page-content ul:not(.yui-nav) > li { line-height: 1.3; }
  #page-content ul ul:not(.yui-nav) { margin-left: 1.2em; }
}

:root {
    --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
}
[[/code]]
[[/iftags]]

[[div style="display:none"]]
[[include :scp-wiki:theme:black-highlighter-theme]]
[[include :scp-wiki:component:bhl-dark-sidebar]]
[[include :scp-wiki:component:centered-header-bhl]]
[[include :scp-wiki:component:toggle-sidebar-bhl]]
[[include :scp-wiki:component:acs-animation]]
[[include :scp-wiki:component:fade-in speed=4]]
[[/div]]

PJPSS Component

Module Styles

Inline Styles

Includes

CSS Classes

Page Source