Что это?

Это дополнение к компоненту системы классификации аномалий, который позволяет авторам кастомизировать его сверх того, что доступно в кастомизации по умолчанию.

Как это использовать?

There are a few main main subcomponents that can be implemented here. Each of these can be used independent of one another, depending on what you need.

In order for this component to work, you must first insert the Anomaly Class Bar into your page. Fill out all of the relevant fields in the ACS header before moving on. This includes implementing your custom classes onto the ACS bar itself.

Next, implement whichever of the below components in the Subcomponents List is relevant. All text in blue is to be replaced by the relevant inputs.

Color Guide

The default ACS component uses some specific colors for particular classes. Below is a list of the default colors used in ACS, with their RGB values.

• Pending Black¹ ( █ ): 12,12,12
• Declassified Gray² ( █ ): 66,66,72
• Unrestricted Green³ ( █ ): 0,159,107
• Restricted Blue⁴ ( █ ): 0,135,189
• Confidential Yellow⁵ ( █ ): 255,211,0
• Secret Orange⁶ ( █ ): 255,109,0
• Top-Secret Red⁷ ( █ ): 196,2,51

Manipulating Standard Classes

Because of how ACS works, certain bugs can arise when attempting to use normal classes in abnromal ways with this component. When using a standardized class in an unusual way, place this empty character: (　) directly after the class. For example, if I wanted to put кетер in the risk class field (for whatever inane reason), I would fill the risk class variable with кетер　, like so: |risk-class= кетер　.

Subcomponent List

Custom Containment Class

To implement a custom containment class, input the following code:

Custom Disruption Class

To implement a custom disruption class, input the following code:

Custom Risk Class

To implement a custom risk class, input the following code:

Custom Containment Class (With Neutralized Class Layout)

To implement a custom containment class using the neutralized class layout, input the following code:

Custom Containment Class (With Esoteric Class Layout)

To implement a custom containment class using the esoteric class layout, input the following code:

In order for this to be applied, the ACS component must also be wrapped in [[div class="anom-bar-esoteric"]], like so:

This is so that the same object class can be applied in a separate ACS component on the same page, without it trying to display the esoteric class formatting. If you want it to display like normal, simply don't wrap it in the above div.

Split Class Coloring

Note: This subcomponent is intended to be used with the Esoteric Class Layout subcomponent directly above.

This subcomponent assigns a color to a secondary class, and also allows for the containment class section to include a background that splits between the containment and secondary class colors. For a similar component, see PepperGhost's ACS Splitter.

To use it, input the following code:

Custom Clearance Bar Colors

You can also use this component to change the colors of the clearance level bars! To do so, input the following code, inputting the custom color into the relevant clearance level:

Note that you do not need to fill every field here, only the ones with the relevant clearance levels.

Custom Clearance Bar Images

This subcomponent also changes the clearance bar, but this time it allows for the bars to display a background image in a manner similar to the default settings for the Level 6 clearance. To do so, input the following code:

As with the custom clearance bar colors above, you do not need to fill every field here, only the ones with the relevant clearance levels.

Pride Clearance Bars

This subcomponent allows users to change their clearance bars to pride colors with the code below:

You must select exactly one variable from the list in blue above, and it will assign its respective pride flag colors to the clearance bars.

Colored Accents

This subcomponent allows miscellaneous other parts of the ACS header to be colored. This can change the colors of the dividing bars, the danger diamond arrows, and the icon borders. To do so, implement the following code:

Pride Accents

This subcomponent turns the main horizontal bar into a pride gradient! This only changes the horizontal bar, and it is compatible with the Colored Accents subcomponent. To implement this, use the code below:

You must select exactly one variable from the list in blue above, and it will assign its respective pride flag colors to the horizontal bar.

Custom Fonts

This subcomponent sets a custom font into the ACS header. To implement this, use the code below:

The import code is the full code line to import the font; most font websites, such as Google Fonts, will provide the proper import code line. For instance, this is what you would apply to the font-import variable to import the Roboto Slab font:

{{|font-import= @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');}}

The font-name variable is simply the actual name of the font, i.e. "Roboto Slab". Be sure all fonts you use are compatible with the site's license, CC-by-SA 3.0.

Additional ACS Category Sections

This subcomponent allows you to implement additional ACS classes beneath the ACS header. To implement this, paste the following code where you'd like the additional sections to appear:

If the number of additional categories is less than 4, then only the lowest-numbered categories will be displayed; for example, if you are adding two categories, then categories 1 and 2 will be displayed, but not 3 and 4. Additionally, if you need more than four extra categories, or would like the new categories to occupy different-sized areas, then you can implement this component more than once.

Custom Text

Warning: Do not include the standard ACS component with this subcomponent. Due to the inability to replace text entirely using CSS, this component works by directly importing the ACS component itself, and rewriting parts of the div content.

This subcomponent allows you to replace any part of the ACS component's text (except for sections covered by other parts of this component page). To use it, input the following code:

All of the above parameters must be filled (unless stated to be optional) in order for the component to function.