Gru Div P Theme

Usage

Note: This is a Black Highlighter based theme and will be included. To learn more go here.

To import this theme, add this to your page:

[[include component:ethics-committee-theme]]

Examples

Fiat Justitia, Ne Pereat Mundus, ('Let justice be done lest the world perish')

A horizontal rule can be created with 5 hyphens "-----" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.

---

Titles can be created by putting between one and six plus "+" at the start of the line

+ Titles

First Title

Second Title

Third Title

Fourth Title

Fifth Title

Sixth Title

Tabulator

This is a tab view.

The logic behind tabs have been adjusted to account for transitions. Click another tab to see the slick, smooth action.

Tabulation

Hey look, more text here.

How quaint.

Long Tab

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

This is a long tab. It contains a lot of text.

Empty Tab

Empty Tab

Empty Tab

Empty Tab

Empty Tab

Empty Tab

ur mum

This is a blockquote, created by putting "> " at the start of each line.
More text

---

That's a horizontal rule

Nested blockquotes

This is a	table
You should know	how to make these
already

@import url('https://fonts.googleapis.com/css?family=Alegreya');
@import url('https://fonts.googleapis.com/css?family=Cutive+Mono');
@import url('https://fonts.googleapis.com/css?family=Bowlby+One+SC&display=swap');
 
/*
    CI Theme
    [2020 Wikidot Theme]
    Theme by Laminade.
    Originally by stormbreath and DarkStuff.
*/
 
@supports(--css:variables) {
 
:root {
/* Intro */
    --theme-base: "nuscp"
    --theme-id: "ci-theme"
    --theme-name: "Chaos Insurgency Theme";  
 
/* Header */
    --logo-image: url("https://the-scp.foundation/assets/images/template/tags/chaos-insurgency.svg");
    --header-title: "GRU Division Psychotronics";
    --header-subtitle: "ГРУ Дивизион психотроники";
    --font-family: 'Bowlby One SC', cursive;
 
/* Colors */
    --pale-gray-monochrome: 255, 145, 145; /* EC's Quote Color (Light Blue)*/
    --gray-monochrome: 26, 26, 26;
    --bright-accent: 247, 17, 17;
    /* bright blue*/
    --medium-accent: 187, 16, 16;
    /* medium red */
    --dark-accent: 153, 5, 5;
    /* dark red */
    --newpage-color: 187, 16, 16; /* pale blue */
 
    --EC-header: 163, 193, 98; /* EC Format Header */
    --EC-subtitle: 204, 222, 221; /* EC Format Subtitle */
    --EC-body: 222, 204, 204; /* EC Format Body */
    --EC-text: 18, 18, 18; /* EC Format Text */
 
    --dark-gray-monochrome: var(--gray-monochrome);
    --swatch-topmenu-bg-color: var(--gray-monochrome);
    --rating-module-button-color: var(--EC-text);
    --rating-module-text-color: var(--EC-text);
    --pale-accent: var(--dark-accent);  /* Visited Link Color*/
    --barColour: var(--medium-accent); /* Ayer's Info Module */
}
 
/* FONTS */
#header h2 span:before,
#top-bar,
#side-bar {
    font-family: var(--header-font);
}
 
/* HEADER */
@media only screen and (max-width: 768px) {
    #header {
        background-size: 0.625rem 2.500rem;
        background-repeat: no-repeat;
        background-position: left 0.75rem top 1.1875rem;
        background-clip: border-box;
        background-size: auto 5.375rem;
    }
} /* Fixes mobile sizing issue */
 
#page-title {
    color: rgb(var(--EC-text));
    border-color: rgb(var(--EC-text));
}
 
#top-bar > div.mobile-top-bar > div.open-menu > p > a {
    color: rgb(var(--white-monochrome)) !important;
}
 
/* SEARCH-BAR */
#search-top-box-input,
#search-top-box-input:hover,
#search-top-box-input:focus {
    background: rgb(var(--medium-accent)) !important;
    color: rgb(var(--EC-text)) !important;
} /* Recolors part of searchbar where text is typed, !importants used in Nu. */
 
#search-top-box-form input[type="submit"],
#search-top-box-form input[type="submit"]:hover,
#search-top-box-form input[type="submit"]:focus {
    background: rgb(var(--gray-monochrome)) !important;
} /* Recolors searchbar button, !important used in Nu. */
 
/* LOGIN STUFF */
#login-status {
    color: rgba(var(--white-monochrome));
}
#login-status a {
    color: rgba(var(--white-monochrome));
}
#login-status ul a {
    color: rgba(var(--gray-monochrome));
}
#account-topbutton {
    color: rgba(var(--EC-text));
}
 
/* SIDE-BAR */
#side-bar div.menu-item a,
#side-bar div.menu-item a:visited;
#side-bar div.menu-item .text {
    color: rgb(var(--EC-text));
}
 
/* Page Rating Module */
.page-rate-widget-box {
    background: linear-gradient(to top,
     rgba(var(--pale-gray-monochrome),1) 0%,
     rgba(var(--pale-gray-monochrome), 1) 100%);
    border-color: rgb(var(--gray-monochrome));
}
#page-content .rate-box-with-credit-button {
    background: linear-gradient(to top,
     rgba(var(--pale-gray-monochrome),1) 0%,
     rgba(var(--pale-gray-monochrome), 1) 100%);
    border-color: rgb(var(--gray-monochrome));
}
#page-content .rate-box-with-credit-button > .creditButton > p > a::before {
    background-color: rgb(var(--EC-text));
}
 
#page-content .rate-box-with-credit-button > .creditButton:hover {
    background: rgba(var(--bright-accent), 0.8);
}
 
#page-content .modalbox {
     background: rgb(var(--pale-gray-monochrome)) !important;
     color: rgb(var(--EC-text));
     border-radius: 0;
     box-shadow: 0 2px 6px rgba(var(--bright-accent), 0.5);
}
 
/* RECOLOR THE QUOTEBLOCK */
blockquote,
.blockquote {
    border-color: transparent;
    color: rgb(var(--EC-text));
}
 
#toc {
    border-color: transparent;
    color: rgb(var(--EC-text));
    background-color: rgb(var(--pale-gray-monochrome));
    box-shadow: 0em 0.063em 0.125em rgba(0, 0, 0, 0.1);
    padding: 0 1em;
}
 
hr {
    border-top: 0.063rem solid rgba(var(--EC-text));
}
 
/* Image Caption */
.scp-image-block .scp-image-caption {
  border-color: rgb(var(--EC-text));
  color: rgb(var(--EC-text)); /*Recolors Image captions */
}
 
/* TRANSLATION BLOCK */
iframe.scpnet-interwiki-frame {
  filter: hue-rotate(140deg) brightness(150%);
  -webkit-filter: hue-rotate(140deg) brightness(150%);
}
 
/* RECOLOR THE TABLES */
#page-content .wiki-content-table tr th {background-color: rgb(var(--medium-accent)); color: white; border-color: rgb(var(--EC-text));}
 
/* TABS */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: rgb(var(--gray-monochrome));
    box-shadow: 0 calc(0.0625rem * 5) 0 0 rgb(var(--gray-monochrome));
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: rgb(var(--EC-body));
    /* tab background */
    border-color: transparent! important;
    color: rgb(var(--EC-text));
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: rgb(var(--dark-accent));
    color: rgb(var(--white-monochrome));
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    background-color: rgb(var(--EC-body));
    border-color: transparent;
    box-shadow: 0 0 0 0.0625rem rgb(var(--medium-accent));
}
 
/* Selected Tab */
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    background-color: rgb(var(--medium-accent));
}
 
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active {
    background-color: rgb(var(--bright-accent));
    color: rgb(var(--dark-accent));
}
 
.yui-navset .yui-nav .selected a:hover {
    background-color: rgb(var(--EC-subtitle));
    color: rgb(var(--white-monochrome));
}
 
.yui-navset .yui-content {
    background-color: rgba(var(--EC-body),0.25);
    color: rgb(var(--EC-text));
    /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: rgb(var(--gray-monochrome));
    /* content border */
}
 
.yui-navset-left .yui-content {
    border-left-color: rgb(var(--gray-monochrome));
    /* different border color */
}
 
     /* Primary Header Colors */
     --header-gradient-color-bottom: var(--black-monochrome);
     --header-gradient-color-middle: var(--dark-gray-monochrome);
     --header-gradient-color-top: var(--dark-gray-monochrome);
     --swatch-headerh1-color: var(--white-monochrome);
     --swatch-headerh2-color: var(--white-monochrome);
     --swatch-topmenu-border-color: var(--black-monochrome);
     --swatch-topmenu-bg-color: var(--pale-gray-monochrome);
 
     --link-color: var(--dark-accent);
     --visited-link-color: var(--medium-accent);
     --hover-link-color: var(--medium-accent);
 
     --rating-module-button-color: var(--black-monochrome);
     --rating-module-text-color: var(--swatch-menutxt-dark-color);
 
     /* Header Gradients */
     --gradient-header: linear-gradient(35deg,
     rgb(var(--header-gradient-color-bottom)) 0,
     rgb(var(--header-gradient-color-middle)) 90%,
     rgb(var(--header-gradient-color-top)) 100%);