HedgeDocs - User contributions [en]

NN Chunk Format

2026-11-03T18:51:28Z

PTKay: Minor sentence fix

{{Notice|type=warn|content=This page is still a work in progress! Any additions and updates are greatly appreciated!}}{{Notice|type=info|content=HedgeDocs' initial NN documentation was written by: <b>Radfordhound</b>.<br>
Thanks to:
* <b>ItsEasyActually</b>: For sharing his NN findings with me, which helped immensely in getting me started on my journey to reverse-engineer and document all of NN across all of its many crazy iterations and platforms.
* <b>ArMM1998</b>: For sharing his documentation on some more obscure NN file types with me (specifically Puyo Puyo stuff, including DS games that used NN which I didn't know was a thing); I never would've known about these otherwise!
* <b>TGE</b> and <b>WamWooWam</b>: For decompiling SEGA's <s>unholy</s> port of Sonic 4 Episode I to Windows Phone 7, which used the NN library, and just-so-happened to include complete symbols for everything (even enum values)! I can't understate how much this information has helped me!
* <b>Shadowth117</b> for a ton of extremely useful information and help throughout, especially with regards to the PSO2 variants of the formats!
* <b>SEGA</b>: For making these games, and for letting us freely mod them. Seriously, not many companies let us do this stuff openly, and I think it's awesome. (Also, for releasing that awful version of Sonic 4 Episode I on Windows Phone 7 which had all the symbols in it. Thanks guys, you're the best!! <3)}}
The NN Chunk Format is a generic "container" format developed by SEGA Creative Center's Graphics Section.

The format is heavily based on the older "SEGA Ninja Chunk Model" format, which was originally developed for the SEGA Dreamcast and was utilized in many Dreamcast games (it was even included as part of the Dreamcast's "Katana" SDK).

While the exact meaning of the "NN" is still currently unknown, given that it is so heavily based off of the older Ninja format, it's almost certainly an acronym for something like "New Ninja" or "Ninja Next".

== Common Definitions ==
Please see the [[NN Chunk Format - Common Definitions|Common Definitions]] page for a list of definitions (structs, enums, etc.) that are referenced throughout this specification.

== Platforms ==
The NN Chunk Format, much like the older Ninja format it's based on, is designed heavily around the specific hardware/software requirements of whatever platform it is intended to be used on.

Unlike the older Ninja format, however (which only supports one platform: the SEGA Dreamcast), the NN Chunk Format is "multi-platform", and therefore comes in many different platform-specific variants.

All known used platforms are listed in the following chart:
{| class="wikitable"
|+
!ID
!CC
!Used on
!Endianness
!Alignment
!NN Library Version
|-
|NS
|s
|PlayStation 2
|Little
|16
|PlayStation2
|-
|NG
|g
|GameCube/Wii
|Big
|32
|GAMECUBE/Wii
|-
|NX
|x
|Xbox/Xbox 360/Windows
|Little
|16
|DirectX G1.1
|-
|NY
|y
|Xbox
|Big
|16
|DirectX G1.1
|-
|NL
|l
|SEGA Lindbergh
|Little
|16
|LINDBERGH
|-
|NU
|u
|PlayStation Portable
|Little
|16
|PSP
|-
|NC
|c
|PlayStation 3
|Big
|16
|PS3
|-
|NE
|e
|Xbox 360
|Little
|16
|DirectX G2.0 on XBOX360
|-
|NZ
|z
|Windows
|Little
|16
|DirectX G2.0 on WINDOWS
|-
|NI
|i
|iOS/Android/Windows Phone
|Little
|16
|OpenGL ES 1.1
|-
|DS
|?
|Nintendo DS/3DS
|Little
|16
|?
|}

== Data Chunks ==
As the name implies, files in the NN Chunk Format are comprised of a series of one or more "data chunks", one after another.

A "data chunk" is simply a block of data (structs, arrays, strings, etc.) that represents a single resource of a specific type.

All known data chunk types are listed in the following chart:
{| class="wikitable"
|+
!ID
!CC
!Type
!Description
|-
|TL
|t
|[[NN Chunk Format - TEXLIST|TEXLIST]]
|A list of textures.
|-
|EF
|e
|EFFECTLIST
|A list of effects (shaders).
|-
|NN
|a
|[[NN Chunk Format - NODENAMELIST|NODENAMELIST]]
|A list of names for the nodes (bones) within an object (a model).
|-
|MN
|u
|[[NN Chunk Format - MATERIALNAMELIST|MATERIALNAMELIST]]
|A list of names for the materials within an object (a model).
|-
|TN
|h
|MTNAMELIST
|A list of names for the morph targets within an object (a model).
|-
|OB
|j/o
|OBJECT
|A model. Sometimes uses 'j' as its CC if there is no TEXLIST embedded, and uses 'o' otherwise.
|-
|MO
|m
|[[NN Chunk Format - MOTION|MOTION]]
|A node (bone) animation.
|-
|MM
|f
|[[NN Chunk Format - MOTION|MOTION]]
|A morph animation.
|-
|MC
|d
|[[NN Chunk Format - MOTION|MOTION]]
|A camera animation.
|-
|ML
|i
|[[NN Chunk Format - MOTION|MOTION]]
|A light animation.
|-
|MA
|v
|[[NN Chunk Format - MOTION|MOTION]]
|A material animation.
|-
|LI
|i/l
|LIGHT
|A light. Uses 'i' as its CC if its animation is embedded, and 'l' otherwise.
|-
|CA
|c/d
|CAMERA
|A camera. Uses 'd' as its CC if its animation is embedded, and 'c' otherwise.
|-
|MT
|g
|MORPH
|A morph target.
|-
|NT
|p
|NODE_TREE_OBJECT
|A list of nodes (bones) for a model.
|-
|ME
|q
|MESH_OBJECT
|A list of meshes and materials for a model.
|-
|SF
|?
|SHADERFILE
|?
|-
|SI
|?
|SHADERIDX
|?
|}
Each data chunk has a "root struct" associated with it, which is the starting point for the data in the chunk, and usually references other data (structs, arrays, strings, etc.).

For information on the formats of the data contained within these data chunk types, please refer to the linked pages in the above chart.

== File Types ==
Just like with the older Ninja format, NN chunk files come in two forms:

* [[NN Chunk Format#Binary-Form File Format|Binary-Form]]
* [[NN Chunk Format#Text-Form File Format|Text-Form]] (aka "Ascii-Form")
{{Notice|type=info|content=<b>The vast majority of NN chunk files in released games are in binary-form.</b>

To our knowledge, all released games using NN don't support loading text-form files at runtime, meaning that <b>all NN text-form files found in the games are unused developer leftovers!</b>}}
Both of these forms represent the same thing: A series of one or more data chunks. However, they do so in different ways.

File extensions for NN chunk files typically consist of three characters:

# The "CC" (character-code) of the [[NN Chunk Format#Platforms|platform]].
# <code>n</code> for [[NN Chunk Format#Binary-Form File Format|Binary-Form]] files, or <code>t</code> for [[NN Chunk Format#Text-Form File Format|Text-Form]] files.
# The "CC" (character-code) of the last [[NN Chunk Format#Data Chunks|data chunk]] contained within the file.

=== Examples ===
{| class="wikitable"
|+
!Extension
!Meaning
|-
|.xno
|<nowiki>Xbox | Binary-Form | OBJECT</nowiki>
|-
|.gno
|<nowiki>Gamecube | Binary-Form | OBJECT</nowiki>
|-
|.xtv
|<nowiki>Xbox | Text-Form | MOTION (material)</nowiki>
|-
|.snt
|<nowiki>PlayStation 2 | Binary-Form | TEXLIST</nowiki>
|}

== Binary-Form File Format ==
Binary-Form NN chunk files are represented as a series of consecutive "binary chunks", each of which begins with the following data:
{{Notice|type=note|content=All instances of this struct (and ONLY this struct) are represented in <B>little-endian</b>, regardless of the endianness specified by the [[#Platforms|platform]]. <b>Everything else</b> in Binary-Form NN chunk files is represented in the endianness specified by the [[#Platforms|platform]].}}{{Notice|type=note|content=A struct type with this name does not actually exist (to my knowledge) in real Sega NN implementations; these fields are just embedded directly within every NNS_BINCNK_ struct. This is just an easier way to think about it for our purposes.}}<syntaxhighlight lang="cpp">
struct NNS_BINCNK_HEADER
{
// The four-character identifier for this binary chunk;
// specifies what type of binary chunk this is.
uint32_t Id;

// The offset to the next four-character identifier in the
// file, relative to the end of this struct (such that after
// doing `fread(&OfsNextId, sizeof(OfsNextId), 1, file)`
// you can just do `fseek(file, OfsNextId, SEEK_CUR)`.
int32_t OfsNextId;
};
</syntaxhighlight>Immediately following this struct comes all of the data (structs, strings, etc.) required to represent the binary chunk. The format of this data depends on the value of the Id field.

After each binary chunk (including all of its data) has been written, the file is padded (with null bytes) to a position that is divisible by the "alignment" specified by the [[NN Chunk Format#Platforms|platform]] (usually it's 16, but notably, it's 32 on Gamecube/Wii).

What follows is documentation for all known binary chunk types, in the order that they appear within binary-form NN chunk files.

=== Info Chunk ===
{{Notice|type=note|content=<b>This chunk is required to be present at the beginning of all binary-form NN chunk files!</b> The Sega NN games I've checked actually rely on this behavior, so you can too.}}
This binary chunk serves as the header for a binary-form NN chunk file, and contains info needed to parse the file. It is represented as the following struct:<syntaxhighlight lang="cpp">
struct NNS_BINCNK_FILEHEADER
{
// Binary chunk header; must be present at the beginning of all binary chunks.
//
// The chunk ID is set to "**IF", where "**" is the "ID" of
// the platform (e.g. "NGIF" for Gamecube binary chunk headers).
NNS_BINCNK_HEADER ChunkHeader;

// The number of data chunks in the file.
int32_t nChunk;

// The absolute offset to the first data chunk in the file.
int32_t OfsData;

// The combined size of all of the data chunks in the file, in bytes, including any padding.
int32_t SizeData;

// The absolute offset to the (required) NOF0 binary chunk.
int32_t OfsNOF0;

// Size of the (required) NOF0 binary chunk, including its header.
// Depending on the variant of the format, this size either includes
// the padding that comes after the NOF0 binary chunk, or it doesn't.
//
// TODO: Figure out exactly which versions include padding.
// It seems PSP files and .[x]ncp files don't count the padding,
// but everything else does??
int32_t SizeNOF0;

// 1 in most files, 0 in some newer variants.
// (Maybe they just stopped using this value?)
int32_t Version;
};
</syntaxhighlight>{{Notice|type=note|content=Further research NIFL header chunks and add info on those.}}

=== Data Chunk Header ===
After the [[NN Chunk Format#Info Chunk|Info Chunk]], comes the main contents of the file: A sequence of one or more [[NN Chunk Format#Data Chunks|data chunks]].

In binary-form NN chunk files, each data chunk begins with the following struct:<syntaxhighlight lang="cpp">
struct NNS_BINCNK_DATAHEADER
{
// Binary chunk header; must be present at the beginning of all binary chunks.
//
// The chunk ID is set to the "ID" of the platform, followed
// by the "ID" of the data chunk type being written (e.g.
// "NXOB" for Xbox OBJECT data chunks).
NNS_BINCNK_HEADER ChunkHeader;

// The offset to the root struct that makes up this data chunk
// (e.g. an offset to a NNS_NODENAMELIST if the chunk type indicates
// that this is a NODE_NAME data chunk), relative to the
// position specified by the [OfsData] field from the info chunk.
//
// Please refer to the linked pages in the data chunks chart
// to learn about their root structs.
int32_t OfsMainData;

// Always 0 in every file I've seen thus far.
int32_t Version;
};

</syntaxhighlight>Immediately following this struct comes all of the data (structs, strings, etc.) required to represent the data chunk. The format of this data depends on the value of the Id field.

See the linked pages in the [[NN Chunk Format#Data Chunks|data chunks chart]].

=== Offsets List Chunk ===
{{Notice|type=note|content=<b>This chunk is required to be present in all binary-form NN chunk files!</b>}}
After all of the data chunks, comes the offsets list chunk.

This binary chunk represents a list of positions for all of the pointers ("offsets") in all of the data chunks in the file, relative to the value of the <code>[OfsData]</code> field from the info chunk.<syntaxhighlight lang="cpp">
struct NNS_BINCNK_NOF0HEADER
{
// Binary chunk header; must be present at the beginning of all binary chunks.
//
// The chunk ID is set to "NOF0".
NNS_BINCNK_HEADER ChunkHeader;

// The number of pointer positions listed within this chunk.
int32_t nData;

// Padding; must always be 0 in files.
//
// This is because some games use this value as a marker that states
// whether or not the pointers have been "fixed".
//
// In those games, after they're done "fixing" all of the pointers
// listed within this chunk, they will set this value to 1 in memory.
int32_t Pad;
};
</syntaxhighlight>Immediately following this struct comes an array of <code>uint32_t</code> values of size <code>[nData]</code>. These values represent the positions of every pointer in all of the data chunks in the file, relative to the <code>[OfsData]</code> field from the info chunk.

Most NN games use this chunk to quickly "fix" all of the pointers within the data chunks (that is, to convert all of the offsets into absolute memory addresses that can then just be used as normal pointers).

Some games, however, (namely: Sonic 4 Episode I for Windows Phone) ignore the values in this chunk, and instead, just manually add <code>[OfsData]</code> to each offset to get an absolute file position whenever they need to jump there.

Regardless of whether the data is actually used or not, it is always present in valid files.
{{Notice|type=note|content=Add pseudo-code for "fixing" the offsets listed in this chunk.}}

=== File Name Chunk ===
{{Notice|type=info|content=<b>This chunk is completely optional</b> and seems to only be used for debugging/internal-tooling purposes.}}
This chunk simply states the name and extension (without the path) of the file it's contained in.<syntaxhighlight lang="cpp">
struct NNS_BINCNK_NFN0HEADER
{
// Binary chunk header; must be present at the beginning of all binary chunks.
//
// The chunk ID is set to "NFN0".
NNS_BINCNK_HEADER ChunkHeader;

// Padding; always 0 in files.
uint32_t Pad[2];
};
</syntaxhighlight>Immediately following this header comes a null-terminated string which represents the file's name and extension (without its path).

=== End Chunk ===
{{Notice|type=note|content=<b>This chunk is required to be present in all binary-form NN chunk files!</b>}}
This is the last chunk in all binary-form NN chunk files. It exists purely to indicate that there are no more chunks left in the file, so that you know when to stop reading if you're reading the file sequentially, one chunk at a time.<syntaxhighlight lang="cpp">
struct NNS_BINCNK_NENDHEADER
{
// Binary chunk header; must be present at the beginning of all binary chunks.
//
// The chunk ID is set to "NEND".
NNS_BINCNK_HEADER ChunkHeader;

// Padding; always 0 in files.
uint32_t Pad[2];
};
</syntaxhighlight>

== Text-Form File Format ==
Text-form NN chunk files, just like the text-form Ninja chunk model files that precede them, are text files comprised of code in what is actually a very limited subset of the C programming language, heavily utilizing special NN types/preprocessor defines, which are, presumably, defined within the official NN SDK.

This allows them to both be parsable by tooling (it is unclear if they actually do this), and to be directly <code>#include</code>d within the C or C++ files which make up their game's source code, embedding the data directly within the game's executable!

Their general layout is as follows:
{{Notice|type=note|content=Replace these special phrases in all of the following <code>text</code> snippets as follows:

* \t: Replace with one or more tab characters (<b>NOT</b> spaces), used to align the text.
* TYPE: Replace with the name of the type currently being written.
* NAME: Replace with the name of whatever you're currently writing.}}

# A (required?) "header" comment that is comprised of the following, in order:
## The name and version number of the tool used to create this file.
## <code>Create\t:</code> followed by the date this file was created in the <code>ddd MMM dd HH:mm:ss yyyy</code> .NET DateTime format.
## The names of each of the root structs for every data chunk in the file, in this format: <code>TYPE\t: NAME</code>, where <code>TYPE</code> refers to the root struct's type (e.g. <code>NNS_TEXFILELIST</code>). See the linked pages in the [[NN Chunk Format#Data Chunks|data chunks chart]].
# One or more data chunks, each of which is comprised of the following, in order:
## A comment with the text: <code>TYPE START</code>, where <code>TYPE</code> refers to the [[NN Chunk Format#Data Chunks|data chunk's type]] (e.g. <code>TEXLIST</code>).
## All of the data used by this data chunk, represented as C code comprised heavily of special NN preprocessor macros. See the linked pages in the [[NN Chunk Format#Data Chunks|data chunks chart]].
## A comment with the text: <code>TYPE END</code>, where <code>TYPE</code> refers to the [[NN Chunk Format#Data Chunks|data chunk's type]] (e.g. <code>TEXLIST</code>).
# A (required?) comment with the text: <code>End of File</code>.

The files also always use tab characters (<code>\t</code>) for indentation, rather than spaces.

Here's a sample Text-form NN chunk file, to better understand the format:
{{Notice|type=example|content=<syntaxhighlight lang="cpp">
/*
Sample NN Exporter Version 1.00.00
Create : Wed Feb 08 21:06:46 2023
NNS_TEXFILELIST : nntexfilelist_SampleFile
*/

/* TEXLIST START */

NNS_TEXFILE nntexfile_SampleFile[] =
{
TEXFILE(
TF_FILENAME( "SampleTex_dif.dds" ),
TF_FILTER( NND_MIN_LINEAR_MIPMAP_NEAREST, NND_MAG_LINEAR )
),
TEXFILE(
TF_FILENAME( "SampleTex_spec.dds" ),
TF_FILTER( NND_MIN_LINEAR_MIPMAP_NEAREST, NND_MAG_LINEAR )
),
TEXFILE(
TF_FILENAME( "SampleTex_norm.dds" ),
TF_FILTER( NND_MIN_LINEAR_MIPMAP_NEAREST, NND_MAG_LINEAR )
),
};

NNS_TEXFILELIST nntexfilelist_SampleFile[] =
{
TEXFILELIST(
TFL_N_TEXFILE( 3 ),
TFL_TEXFILE( nntexfile_SampleFile )
)
};

/* TEXLIST END */

/* End of File */
</syntaxhighlight>}}{{Notice|type=info|content=All of the following in the above example are type/preprocessor defines from the NN library:

* NNS_TEXFILE
* TEXFILE
* TF_FILENAME
* TF_FILTER
* NND_MIN_LINEAR_MIPMAP_NEAREST
* NND_MAG_LINEAR
* NNS_TEXFILELIST
* TEXFILELIST
* TFL_N_TEXFILE
* TFL_TEXFILE

For a complete list of all of these defines, please refer to the individual pages linked in the [[#Data Chunks|data chunks chart]] (for the ones used in this example, refer to the [[NN Chunk Format - TEXTLIST|TEXLIST]] documentation).}}
Note that in C, code is parsed sequentially: left-to-right, top-to-bottom.

If a name is used in the file before it has been declared, that's an error.

Thus, the ordering of the data within each data chunk is generally written to the file in "reverse" order, such that any reference to a value will not be written until ''after'' the value it is referencing has been written, avoiding this problem.

In some cases, the NN exporters will instead declare the value early, and define it later on in the file, using an extern declaration like so:
{{Notice|type=example|content=Here, the <code>nnvertex_plb_op_en_Kyozoress_head_l__2_w2_Eye</code> value is declared so that it can be referenced by the <code>VTX_LISTPTR</code> field in <code>nnvertexdesc_plb_op_en_Kyozoress_head_l__2_w2_Eye</code>:

<syntaxhighlight lang="cpp">
extern NNS_VTXTYPE_XB_PW4INCT nnvertex_plb_op_en_Kyozoress_head_l__2_w2_Eye[];

NNS_VTXLIST_DX_DESC nnvertexdesc_plb_op_en_Kyozoress_head_l__2_w2_Eye[] =
{
VTXDESC(
/* ... */
VTX_LISTPTR( nnvertex_plb_op_en_Kyozoress_head_l__2_w2_Eye ),
/* ... */
),
};
</syntaxhighlight>

Then, later on in the file, the referenced <code>nnvertex_plb_op_en_Kyozoress_head_l__2_w2_Eye</code> value is defined as usual (contents redacted due to extreme length):

<syntaxhighlight lang="cpp">
NNS_VTXTYPE_XB_PW4INCT nnvertex_plb_op_en_Kyozoress_head_l__2_w2_Eye[] =
{
/* ... */
};
</syntaxhighlight>}}
[[Category:File Formats]]

MediaWiki:Vector-2022.css

2026-10-22T22:13:00Z

PTKay: Update image preview scaling animation

/* HEDDGEDOCS COLOR PALETTES */

:root {
--hedgedocs-accent-color: #3e7e9e;
--hedgedocs-accent-color-secondary: #4d9ec7;

--hedgedocs-base-border-color: #adb5c2;

--hedgedocs-frame-bg-color: #e9ebec;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #f0f3f4;
--hedgedocs-bg-color-secondary: #dddddd;

--hedgedocs-header-color: var(--hedgedocs-accent-color);
--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #333333;
--hedgedocs-fg-color: #202122;

--hedgedocs-link-color: #36c;
--hedgedocs-link-hover: #757575;
--hedgedocs-link-active-color: #00aedf;
--hedgedocs-new-link-color: #d73333;

--hedgedocs-input-bg-color: #ffffff;
--hedgedocs-input-fg-color: #202122;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #bbbbbb;
--hedgedocs-button-bg-color-hover: #999999;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-fg-color: #ffffff;
--hedgedocs-button-accent-bg-color-hover: var(--hedgedocs-accent-color-secondary);

--hedgedocs-table-header-bg-color: var(--hedgedocs-bg-color-secondary);
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #B2B2B2;

--hedgedocs-notice-note-header-color: rgba(68, 138, 255, 0.15);
--hedgedocs-notice-note-border-color: rgba(68, 138, 255, 0.75);
--hedgedocs-notice-info-header-color: rgba(0, 184, 212, 0.15);
--hedgedocs-notice-info-border-color: rgba(0, 184, 212, 0.75);
--hedgedocs-notice-warn-header-color: rgba(255, 145, 0, 0.15);
--hedgedocs-notice-warn-border-color: rgba(255, 145, 0, 0.75);
--hedgedocs-notice-example-header-color: rgba(118, 84, 250, 0.15);
--hedgedocs-notice-example-border-color: rgba(118, 84, 250, 0.75);
}

.skin-theme-clientpref-night {
--hedgedocs-accent-color: #0f3885;
--hedgedocs-accent-color-secondary: #0d2a5f;

--hedgedocs-base-border-color: #414658;

--hedgedocs-frame-bg-color: #1a1c24;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #151515;
--hedgedocs-bg-color-secondary: #272a35;

--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #e0e6e6;
--hedgedocs-fg-color: #d2d2d2;

--hedgedocs-link-color: #88a3e8;
--hedgedocs-link-hover: #4e67f0;
--hedgedocs-link-active-color: #5082dc;
--hedgedocs-new-link-color: #fd7865;

--hedgedocs-input-bg-color: #222222;
--hedgedocs-input-fg-color: #d2d2d2;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #333333;
--hedgedocs-button-bg-color-hover: #555555;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);

--hedgedocs-table-header-bg-color: #252833;
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #3A3A3A;
}

:root, .skin-theme-clientpref-night, html.skin-theme-clientpref-night {
--background-color-base: var(--hedgedocs-bg-color);
--background-color-interactive: var(--hedgedocs-bg-color-secondary);
--background-color-interactive-subtle: var(--hedgedocs-bg-color-secondary);
--background-color-neutral-subtle: var(--hedgedocs-bg-color);
--border-color-base: var(--hedgedocs-base-border-color);
}
body {
background-color: var(--hedgedocs-bg-color) !important;
color: var(--hedgedocs-fg-color) !important;
}
.mw-page-container {
background-color: transparent !important;
}
.mw-heading, h1, h2:not(.vector-pinnable-header-label), h3, h4, h5, h6 {
color: var(--hedgedocs-fg-color) !important;
}

/* HEDDGEDOCS DARK THEME TWEAKS */

html.skin-theme-clientpref-night, .skin-theme-clientpref-night * {
filter: none !important;
}

.skin-theme-clientpref-night {
.mw-page-container .vector-icon {
filter: invert() !important;
}

.vector-icon.mw-ui-icon-listBullet {
filter: none !important;
}

.vector-icon.mw-ui-icon-wikimedia-unStar, .vector-icon.mw-ui-icon-wikimedia-star, .vector-icon.mw-ui-icon-wikimedia-expand {
filter: none !important;
}

#vector-page-tools-dropdown-label {
color: var(--hedgedocs-fg-color);
transition: color 0s;
}

.vector-header-container .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: brightness(2) !important;
}

.ext-darkmode-link::after {
content: '\263C';
}

.mw-list-item span#skin-theme-beta-notice {
display: none !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}

.oo-ui-iconElement-icon:not(.oo-ui-checkboxInputWidget-checkIcon, .oo-ui-image-progressive, .oo-ui-icon-error), .oo-ui-indicatorElement-indicator {
filter: invert() !important;
}
}

.ext-darkmode-link::after {
content: '\263E';
display: inline-block;
}

span#skin-theme-beta-notice {
display: none !important;
}

#skin-client-prefs-skin-theme .cdx-radio:first-child {
display: none;
}

/* HEDDGEDOCS FONTS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
--font-size-medium: var(--hedgedocs-font-size);

--hedgedocs-font-size: 16px;
--hedgedocs-font-size-sidebars: 16px;
--hedgedocs-font-size-sidebars-pin-button: 13px;

--hedgedocs-font: 'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
--hedgedocs-code-font: 'Roboto Mono', SFMono-Regular, Consolas, Menlo, monospace;
}
body {
-webkit-font-smoothing: antialiased;
}

body, .mw-body, h1, h2, .mw-createacct-benefits-heading, .oo-ui-menuToolGroup-tools .oo-ui-tool-title, .vector-sticky-header-context-bar-primary, .mw-body-content .mw-number-text span {
font-family: var(--hedgedocs-font) !important;
}
body .oo-ui-tool-name-preformatted .oo-ui-tool-link .oo-ui-tool-title, pre, code, tt, kbd, samp, .mw-code {
font-family: var(--hedgedocs-code-font) !important;
}
h1 {
font-weight: bold;
}

/* HEDGEDOCS PAGE STYLING CSS */

.mw-logo-wordmark {
font-size: 17pt;
}
.mw-logo-icon {
font-size: 7pt;
padding-left: 1.5em;
}
.mw-logo {
transition: opacity .25s;
}
.mw-logo:hover {
opacity: 0.7;
}

div.vector-pinnable-header-label, h2.vector-pinnable-header-label {
background: var(--hedgedocs-header-color);
color: var(--hedgedocs-header-fg-color);
padding: 2px 10px 2px 10px;
cursor: default;
margin: 0em !important;
}
button.vector-pinnable-header-toggle-button {
width: 100%;
text-align: center;
font-size: var(--hedgedocs-font-size-sidebars-pin-button);
background-color: var(--hedgedocs-button-bg-color);
padding: 2px 10px 2px 10px;
transition: background-color 0.1s;
margin-bottom: 0.5rem;
}
button.vector-pinnable-header-toggle-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover);
}
div.vector-pinnable-header {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
display: flex;
flex-direction: column;
justify-content: center;
}
div.vector-pinnable-element div.vector-menu-heading {
color: var(--hedgedocs-fg-color-light);
font-weight: bold;
cursor: default;
padding: 6px 0;
border-bottom: none;
}
#vector-main-menu .vector-menu-content .mw-list-item:hover {
}
#vector-main-menu .vector-menu-content .mw-list-item a {
font-weight: bold;
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item a:hover {
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item {
margin-bottom: 0;
}
.mw-list-item a, .vector-toc-link {
color: var(--hedgedocs-fg-color) !important;
transition: color 125ms;
}
.mw-list-item a:hover, .vector-toc-link:hover {
color: var(--hedgedocs-link-hover) !important;
text-decoration: none;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link {
color: var(--hedgedocs-link-active-color) !important;
font-weight: inherit;
}
.vector-pinnable-element, .vector-pinnable-header-label {
font-size: var(--hedgedocs-font-size-sidebars) !important;
}
.vector-pinned-container {
background-color: var(--hedgedocs-bg-color) !important;
}
.vector-sticky-pinned-container::after {
background: linear-gradient(rgba(255, 255, 255, 0), var(--hedgedocs-bg-color)) !important;
}

#toc-mw-content-text {
display: none;
}
div.vector-toc-pinnable-header {
margin-bottom: .25rem;
}
.vector-toc .vector-toc-toggle {
top: 4px !important;
}
.vector-toc button.vector-pinnable-header-toggle-button {
display: none !important;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link span, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link span, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link span {
border-left: .25em solid;
padding-left: .5em;
}

.vector-page-titlebar .firstHeading {
padding-bottom: 6px !important;
}
.firstHeading.mw-first-heading {
font-size: 2.2rem;
}

.vector-menu-tabs .mw-list-item.vector-tab-noicon > a, #vector-page-tools-dropdown-label {
padding: 9px 0 7px 0 !important;
}

.vector-header-container header.mw-header, .vector-header-container div.vector-sticky-header {
background-color: transparent;
max-width: 99.75rem;
}
.vector-sticky-header-context-bar .mw-page-title-main {
font-weight: bold;
}
.vector-header-container {
background-color: var(--hedgedocs-header-color);
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3), 0 0.4rem 4rem rgba(0, 0, 0, 0.15);
align-items: center;
justify-content: center;
min-height: 5rem;
margin-bottom: 1rem;
}
.vector-header-container div.vector-sticky-header {
color: var(--hedgedocs-header-fg-color);
border: none;
}
.vector-header-container .vector-button-flush-left {
margin-right: -24px;
}
.vector-header-container .vector-header-start .vector-button-flush-right {
margin-right: -24px;
}
.vector-header-container .vector-header-end .vector-button-flush-right {
margin-right: -6px;
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer), .mw-header a:visited:not(.vector-menu-content a), .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a) {
color: var(--hedgedocs-header-fg-color) !important;
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer):hover, .mw-header a:visited:not(.vector-menu-content a):hover, .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a):hover {
color: var(--hedgedocs-header-fg-color) !important;
}
.vector-dropdown div.vector-dropdown-content {
background-color: var(--hedgedocs-bg-color);
}
.mw-header .vector-icon:not(.vector-dropdown-content .vector-icon ) {
filter: invert();
}
.vector-user-menu-logged-in .vector-dropdown-label::after {
background-color: var(--hedgedocs-header-fg-color) !important;
}
.vector-header-container .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: invert() brightness(2);
}
.vector-header .cdx-button.cdx-button--icon-only {
min-width: 32px !important;
}
@media screen and (max-width: calc(639px)) {
.vector-header {
flex-flow: row !important;
}
.mw-logo {
min-width: 11em !important;
}
}
.cdx-menu-item__text .cdx-search-result-title {
color: var(--hedgedocs-fg-color);
}
.cdx-menu {
color: var(--hedgedocs-fg-color);
}
.vector-header-container.vector-sticky-header-container {
min-height: 3.5rem;
font-size: 11pt;
}

.mw-footer li {
color: var(--hedgedocs-fg-color) !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background-color: var(--hedgedocs-input-bg-color);
color: var(--hedgedocs-fg-color);
}
.oo-ui-textInputWidget input.oo-ui-inputWidget-input{
background-color: var(--hedgedocs-input-bg-color);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--hedgedocs-input-bg-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue {
color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
span.cdx-text-input__icon.cdx-text-input__start-icon {
background-color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
textarea {
background-color: var(--hedgedocs-bg-color);
}
button.cdx-button, button.cdx-button:enabled, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-bg-color);
border: none;
transition: background-color 0.1s;
}
button.cdx-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
transition: background-color 0.1s;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover) !important;
}
.cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color) !important;
}
.cdx-radio:hover .cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-radio__input:enabled:checked+.cdx-radio__icon {
background-color: var(--hedgedocs-button-check-fg-color) !important;
border-color: var(--hedgedocs-button-check-bg-color) !important;
}
.cdx-radio__input:enabled+.cdx-radio__icon {
border-color: var(--hedgedocs-base-border-color) !important;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--hedgedocs-button-check-bg-color) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
color: var(--hedgedocs-button-accent-fg-color) !important;
}
.tdg-templateDataParamWidget-param-alias:first-child {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color-light) !important;
border-color: var(--hedgedocs-base-border-color);
}

.oo-ui-toolbar-bar {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color) !important;
}
.oo-ui-menuToolGroup, .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-color: var(--hedgedocs-bg-color) !important;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
color: var(--hedgedocs-header-fg-color) !important;
background-color: var(--hedgedocs-header-color) !important;
}
.editOptions {
background-color: var(--hedgedocs-bg-color-secondary);
color: var(--hedgedocs-fg-color);
}
.editCheckboxes {
margin-bottom: .5rem;
}

.oo-ui-panelLayout-framed {
border: none;
background-color: var(--hedgedocs-frame-bg-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: var(--hedgedocs-frame-bg-color) !important;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected .oo-ui-labelElement-label, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
border: none !important;
}

.approved-revision {
background-color: transparent !important;
border: 3px solid;
color: var(--hedgedocs-fg-color) !important;
}

#mw-content-text {
margin-top: 0 !important;
}
figure[typeof~='mw:File/Thumb'] {
background-color: transparent !important;
border: none !important;
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'].mw-halign-left {
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description > img {
background-color: transparent !important;
border: none !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description::after {
display: none !important;
}

figure[typeof~='mw:File/Thumb'] > figcaption {
background-color: transparent !important;
border: none !important;
padding: 5px !important;
}
.mw-body-content a {
color: var(--hedgedocs-link-color);
}
.mw-body-content a:visited, .mw-body-content a:visited:hover{
color: var(--hedgedocs-link-color);
}
.mw-body-content a.new {
color: var(--hedgedocs-new-link-color);
}
.mw-body-content a.new:visited, .mw-body-content a.new:visited:hover{
color: var(--hedgedocs-new-link-color);
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: var(--hedgedocs-table-header-bg-color) !important;
color: var(--hedgedocs-table-header-fg-color) !important;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
background-color: var(--hedgedocs-table-data-bg-color);
color: var(--hedgedocs-fg-color);
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid var(--hedgedocs-table-border-color) !important;
padding: 5px 9px;
}
code, pre {
background-color: var(--hedgedocs-frame-bg-color);
border-color: var(--hedgedocs-base-border-color);
color: var(--hedgedocs-fg-color-light);
scrollbar-color: var(--hedgedocs-scrollbar-color) transparent;
}
pre {
overflow: auto;
white-space: pre;
}
figure.embedvideo, figure.embedvideo video {
height: auto !important;
width: 640px !important;
}
figure.embedvideo[data-service="local-embed"] span.embedvideo-wrapper {
height: auto !important;
width: 640px !important;
}

/* HEDGEDOCS CUSTOM ELEMENTS */

.hedgedocs-card {
display: grid;
background-color: var(--hedgedocs-frame-bg-color);
padding: 5px 20px 25px 20px;
margin-bottom: 1rem;
border-radius: 2px;
}

.hedgedocs-card-header p {
margin: .5rem 0 0 0 !important;
font-weight: bolder;
font-size: 25px;
}

.hedgedocs-card-header {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}

.hedgedocs-card-description {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
text-align: justify;
}

.hedgedocs-card-button {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
text-align: right;
}

.hedgedocs-card-button a {
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 30px !important;
background-image: none !important;
transition: background-color 0.1s;
border-radius: 2px;
}

.hedgedocs-card-button a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-card-button p {
margin: 0 !important;
}

.hedgedocs-home-links {
display: flex;
flex-direction: column;
justify-content: center;
}

.hedgedocs-home-links a {
display: inline-block;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 0px 10px 0px !important;
text-align: center;
margin-bottom: 10px;
background-image: none !important;
transition: background-color 0.1s;
width: 100%;
margin-left: 0;
margin-right: 0;
border-radius: 2px;
}

.hedgedocs-home-links a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-home-links p {
margin: 0 0 1.5em 0 !important;
}

.hedgedocs-home-links a {
margin-left: 0;
margin-right: 0;
}

.hedgedocs-homepage-scripts {
display: none;
}

:root {
--imagePreview-finalScale: 1.75;
--imagePreview-finalScale-bounce: 1.765;
}

.imagePreview-background {
background: #000000;
visibility: visible;
display: inherit;
opacity: 85%;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
transition: opacity 2s;
animation: fadein 0.25s;
cursor: default;
}

.imagePreview {
text-align: center;
opacity: 0;
justify-content: center;
display: none;
z-index: 9;
position: fixed;
transition: opacity 0.25s;
}

.imagePreview-image {
flex-direction: column;
align-items: center;
display: none;
z-index: 9;
position: fixed;
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
}

.imagePreview-image-element {
display: block;
cursor: default !important;
object-fit: contain;
max-width: 50vw;
max-height: 40vh;
}

@media screen and (max-width: 76.25em) {
.imagePreview-image-element {
max-width: 50vw;
max-height: 45vw;
}
}

.imagePreview-image-caption {
display: block;
width: -moz-fit-content;
width: 100%;
color: #888888 !important;
margin-top: .5rem;
font-size: 10px;
line-height: 12px;
text-align: left;
}

.imagePreview-image-caption:hover {
color: #CCCCCC !important;
}

.scaleup {
animation: scaleup 0.2s forwards;
}

.scaledown {
animation: scaledown 0.2s forwards;
}

@keyframes scaleup {
0% {
opacity: 0%;
transform: translate(-50%, -50%) scale(1.25);
}

100% {
opacity: 100%;
transform: translate(-50%, -50%) scale(1.6);
}
}
@keyframes scaledown {
0% {
opacity: 100%;
transform: translate(-50%, -50%) scale(1.6);
}

80% {
opacity: 0%;
}

100% {
opacity: 0%;
transform: translate(-50%, -50%) scale(1.25);
}
}

.hedgedocs-infobox {
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid var(--hedgedocs-base-border-color);
background-color: var(--hedgedocs-frame-bg-color);
padding: 7px 13px 10px 13px;
margin-bottom: 1em;
font-size: 88%;
float: right;
clear: right;
width: 17rem;
margin-left: 1rem;
}

.hedgedocs-infobox tr {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}

.hedgedocs-infobox tbody {
display: block;
width: 100%;
}

@media screen and (max-width: 76.25em) {
.hedgedocs-infobox {
float: none;
clear: none;
margin: auto;
width: 20rem;
}
}

.hedgedocs-infobox-title {
font-size: 1.2em;
font-weight: bold;
text-align: center;
padding-bottom: 0.2rem;
}

.hedgedocs-infobox-image {
text-align: center;
padding-bottom: 0.75rem;
}

.hedgedocs-infobox-image img {
max-width: 100%;
height: auto;
}

.hedgedocs-infobox-label {
font-weight: bold;
width: 50%;
vertical-align: top;
}

.hedgedocs-infobox-data {
width: 50%;
}

.hedgedocs-infobox-website,
.hedgedocs-infobox-download {
padding-top: 0.25rem;
width: 100%;
}

.hedgedocs-infobox .hedgedocs-infobox-links a {
display: block;
padding: .5em !important;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
text-decoration: none;
background-image: none !important;
width: auto;
transition: background-color 125ms;
}

.hedgedocs-infobox a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
color: var(--hedgedocs-button-accent-fg-color);
text-decoration: none;
}

.hedgedocs-notice {
border: 1px solid;
border-radius: 2px;
color: var(--hedgedocs-fg-color);
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.051), 0 0 0.05rem rgba(0, 0, 0, 0.102);
margin: 1.5rem 0;
}

.hedgedocs-notice-note {
border-color: var(--hedgedocs-notice-note-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-note-header-color);
}
}
.hedgedocs-notice-info {
border-color: var(--hedgedocs-notice-info-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-info-header-color);
}
}
.hedgedocs-notice-warn {
border-color: var(--hedgedocs-notice-warn-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-warn-header-color);
}
}
.hedgedocs-notice-example {
border-color: var(--hedgedocs-notice-example-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-example-header-color);
}
}

.hedgedocs-notice .hedgedocs-notice-header {
font-weight: bold;
color: var(--hedgedocs-fg-color);
padding: 7px 15px;
}
.hedgedocs-notice-content {
padding: 15px;
background-color: var(--hedgedocs-frame-bg-color);
white-space: pre-wrap;
}
.hedgedocs-notice-content ul {
margin-top: 0 !important;
white-space: normal;
}
.hedgedocs-notice-content p {
display: inline-block;
padding: 0;
margin: 0 !important;
}

.vector-main-menu-action-opt-out {
display: none;
}
.vector-settings {
display: none;
}
li#ca-talk, li#ca-nstab-main {
display: none;
}
div.vector-page-toolbar-container {
box-shadow: none;
background-color: var(--hedgedocs-bg-color-secondary);
padding: 0 10px;
}
.vector-page-titlebar::after {
display: none !important;
}
.mw-portlet-skin-client-prefs-vector-feature-custom-font-size {
display: none;
}
.mw-editsection { display:none; }
li#footer-places-disclaimers {
display: none;
}

Main Page

2026-10-22T08:56:46Z

PTKay: Undo test image

<div class="hedgedocs-homepage-scripts">
__NOTOC__
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
</div>

[[File:HedgeDocs-Icon.png|thumb|224x224px|left]]

== <big>'''Hedge'''Docs</big> ==
<div class="hedgedocs-home-links">
<big>Your Sonic modding textbook.</big>

[[Games]][[Tools]][[Documentation]]
</div>

<div class="hedgedocs-card">
<div class="hedgedocs-card-header">
<p>Before contributing...</p>
</div>
<div class="hedgedocs-card-description">
<p>
Please check out our "About" page for contribution guidelines and more information about the wiki itself.</p>
</div>
<div class="hedgedocs-card-button">
<p>[https://hedgedocs.com/index.php/HedgeDocs:About Visit]<p>
</div>
</div>

<div class="hedgedocs-card">
<div class="hedgedocs-card-header">
<p>Join the conversation in HedgeServer!</p>
</div>
<div class="hedgedocs-card-description">
<p>
Discuss your mods and get help from other Sonic modders in HedgeServer, a Discord server especially dedicated to Hedgehog Engine modding!</p>
</div>
<div class="hedgedocs-card-button">
<p>[https://discord.gg/yMz9nZTqVE Join]<p>
</div>
</div>

Main Page

2026-10-22T08:56:27Z

PTKay:

Games

2026-10-22T08:54:21Z

PTKay: revert test

This section lists games by their engine, alongside their internal name. In this page, you can access each game's own wiki page, containing game-specific guides, tools, and documentation.

This section may also list non-Sonic games, but there is no intent on documenting these games on this wiki, as they're listed for research purposes only.

== Hedgehog Engine ==
{| class="wikitable"
!Game Name
!Internal Name
!Year
|-
|[[Sonic Unleashed|Sonic Unleashed (Sonic World Adventure)]]
|SWA
|2008
|-
|[[Sonic Colors]]
|sonic2010
|2010
|-
|[[Sonic Generations]]
|BlueBlur
|2011
|-
|[[Sonic Lost World]]
|sonic2013
|2013
|-
|Sonic Colors: Ultimate*
|Rainbow
|2021
|-
|Sonic Generations (SONIC X SHADOW GENERATIONS)
|miller_g
|2024
|}
''<small>* Sonic Colors: Ultimate also makes use of a forked version of Godot 3.</small>''

== Hedgehog Engine 2 ==
{| class="wikitable"
!Game Name
!Internal Name
!Year
|-
|[[Mario & Sonic at the Rio 2016 Olympic Games]]
|unison
|2016
|-
|[[Sonic Forces]]
|wars
|2017
|-
|Olympic Games Tokyo 2020 - The Official Video Game
|musashi
| rowspan="3" |2019
|-
|Mario & Sonic at the Tokyo 2020 Olympic Games
|rings
|-
|(New) Sakura Wars
|arukas
|-
|Puyo Puyo Tetris 2
|tenpex
|2020
|-
|[[Sonic Origins]]*
|hite
| rowspan="3" |2022
|-
|[[Sonic Frontiers]]
|rangers
|-
|Sonic Frontiers: Digital Art Book with Mini Digital Soundtrack
|rangers_artbook
|-
|[[Sonic Origins|Sonic Origins Plus]]*
|hiteplus
| rowspan="2" |2023
|-
|Sonic Superstars - Digital Artbook and mini-OST
|orion_artbook
|-
|[[Shadow Generations]] / SONIC X SHADOW GENERATIONS
|miller
| rowspan="2" |2024
|-
|SONIC X SHADOW GENERATIONS: Art Book with Mini Soundtrack
|miller_das
|}
''<small>* Sonic Origins (Plus) also makes use of Retro Engine v5U.</small>''

== Acroarts ==
'''Acroarts''' is a proprietary graphics middleware developed by SEGA Games before ownership was transferred to CRI in 2016.<ref>SEGA Press Release (June 22, 2016). [https://web.archive.org/web/20260114134140/https://www.sega.co.jp/release/sega-games/images/160622_01.pdf SEGA Games and CRI Agree to Transfer the "Acroarts" Graphics Middleware Business].</ref>
{| class="wikitable"
!Game Name
!Internal Name
!Version
!Year
|-
|[[Sonic the Hedgehog (2006)]]
|Marathon
|Ver20060209 R1
|2006
|-
|Rambo
|Clarith
|Ver20050809 R2
|2008
|-
|Mushiking Battle Gacchu Guts!!
|mk4exp
| rowspan="2" |Ver20100108 R1
|2010
|-
|Transformers: Human Alliance
|TF_Gun
|2013
|}

== NN ==
'''NN''' is a proprietary graphics library developed by SEGA Creative Center's Graphics Section.
{| class="wikitable"
!Game Name
!Internal Name
!Version
!Year
|-
|Sega Ages 2500 Series Vol. 5: Golden Axe<ref name="ref_sega_nn_tools">Argx2121 (2020-2025). [https://github.com/Argx2121/Sega_NN_tools/blob/master/io/nn_import_data.py Sega NN Tools import data].</ref>
|
|?
| rowspan="2" |2003
|-
|Dabi Tsuku 3 - Derby-ba o Tsukurou!<ref name="ref_sega_nn_tools"/>
|
|1.07.02 for GAMECUBE<br>1.07.04l for PlayStation2
|-
|Sega Superstars
|
|1.13.00 for PlayStation2
|2004
|-
|The House of the Dead 4<ref name="ref_sega_nn_tools"/>
|
|1.03.03 for Lindbergh
|2005
|-
|Phantasy Star Universe<ref name="ref_sega_nn_tools"/>
|
|?
| rowspan="5" |2006
|-
|[[Sonic the Hedgehog (2006)]]<ref name="ref_sega_nn_tools"/>
|Marathon
|?
|-
|Sonic Riders<ref name="ref_sega_nn_tools"/>
|SonicR
|1.18.43 for PlayStation2<br>1.18.43 for DirectX G1.1<br>1.18.52 for Xbox
|-
|Bleach: Shattered Blade<ref name="ref_sega_nn_tools"/>
|nigo
|1.19.095 for GAMECUBE
|-
|Super Monkey Ball: Banana Blitz<ref name="ref_sega_nn_tools"/>
|
|1.19.09 for GAMECUBE
|-
|Sonic and the Secret Rings<ref name="ref_sega_nn_tools"/>
|SonicWildFire
|1.19.095 for GAMECUBE
| rowspan="3" |2007
|-
|Too Spicy<ref name="ref_sega_nn_tools"/>
|
|1.04.03 for LINDBERGH
|-
|Ghost Squad<ref name="ref_sega_nn_tools"/>
|
|1.20.02 for GAMECUBE
|-
|Sonic Riders: Zero Gravity<ref name="ref_sega_nn_tools"/>
|SR2
|1.20.04 for GAMECUBE<br>1.18.56 for PlayStation2
| rowspan="3" |2008
|-
|Rambo
|Clarith
|1.04.04 for LINDBERGH
|-
|Sonic Unleashed (Sonic World Adventure) (Wii/PS2)<ref name="ref_sega_nn_tools"/>
|
|1.20.14 for GAMECUBE<br>1.18.56 for PlayStation2
|-
|Sonic and the Black Knight<ref name="ref_sega_nn_tools"/>
|
|1.20.20 for Wii
| rowspan="2" |2009
|-
|Loving Deads: The House of the Dead EX<ref name="ref_sega_nn_tools"/>
|
|?
|-
|Super Monkey Ball: Step & Roll<ref name="ref_sega_nn_tools"/>
|
|1.20.20 for Wii
| rowspan="6" |2010
|-
|Mushiking Battle Gacchu Guts!!
|mk4exp
|1.01.06 for DirectX G2.0
|-
|K-On! After School Live!!<ref name="ref_sega_nn_tools"/>
|
|?
|-
|Sonic the Hedgehog 4: Episode I<ref name="ref_sega_nn_tools"/>
|hog
|1.01.05 for DirectX G2.0
|-
|Sonic Free Riders<ref name="ref_sega_nn_tools"/>
|SRN
|1.01.06 for DirectX G2.0 on XBOX360
|-
|Sega Golden Gun<ref name="ref_sega_nn_tools"/>
|
|1.01.06 for DirectX G2.0
|-
|Super Monkey Ball: Ticket Blitz<ref name="ref_sega_nn_tools"/>
|
|1.01.06 for DirectX G2.0
|2011
|-
|The House of the Dead 4 (PSN)<ref name="ref_sega_nn_tools"/>
|
|?
| rowspan="3" |2012
|-
|Sonic the Hedgehog 4: Episode II<ref name="ref_sega_nn_tools"/>
|
|1.01.06b for DirectX G2.0
|-
|Let's Go Safari<ref name="ref_sega_nn_tools"/>
|
|1.01.06 for DirectX G2.0
|-
|K.O. Drive<ref name="ref_sega_nn_tools"/>
|
|1.01.06 for DirectX G2.0
| rowspan="2" |2013
|-
|Transformers: Human Alliance<ref name="ref_sega_nn_tools"/>
|TF_Gun
|1.01.06 for DirectX G2.0
|}

== Unity ==
{| class="wikitable"
|+
!Game Name
!Internal Name
!Version
!Year
|-
|Sonic Dash
|
|6000.0.58f2
|2013
|-
|Sonic Runners
|
|4.6.9f1
| rowspan="2" |2015
|-
|Sonic Boom Dash (Sonic Dash 2: Sonic Boom Run)
|
|6000.0.68f1
|-
|Sonic Forces: Speed Battle
|sprint
|6000.0.58f2
|2017
|-
|Sonic Racing
|
|2018.4.16f1
|2019
|-
|The Murder of Sonic the Hedgehog
|
|2021.3.9f1
| rowspan="3" |2023
|-
|Sonic Superstars
|orion
|2021.3.25f1
|-
|Sonic Dream Team
|
|2022.3.54f1
|-
|Sonic Rumble Party
|
|2022.3.64f1
|2025
|}

== Unreal Engine ==
{| class="wikitable"
|+
!Game Name
!Internal Name
!Version
!Year
|-
|Sonic Racing: CrossWorlds
|UNION
|5.4
|2025
|}

== References ==

Games

2026-10-22T08:54:15Z

PTKay: test

This section lists games by their engine, alongside their internal name. In this page, you can access each game's own wiki page, containing game-specific guides, tools, and documentation.

This section may also list non-Sonic games, but there is no intent on documenting these games on this wiki, as they're listed for research purposes only.t

== Hedgehog Engine ==
{| class="wikitable"
!Game Name
!Internal Name
!Year
|-
|[[Sonic Unleashed|Sonic Unleashed (Sonic World Adventure)]]
|SWA
|2008
|-
|[[Sonic Colors]]
|sonic2010
|2010
|-
|[[Sonic Generations]]
|BlueBlur
|2011
|-
|[[Sonic Lost World]]
|sonic2013
|2013
|-
|Sonic Colors: Ultimate*
|Rainbow
|2021
|-
|Sonic Generations (SONIC X SHADOW GENERATIONS)
|miller_g
|2024
|}
''<small>* Sonic Colors: Ultimate also makes use of a forked version of Godot 3.</small>''

== Hedgehog Engine 2 ==
{| class="wikitable"
!Game Name
!Internal Name
!Year
|-
|[[Mario & Sonic at the Rio 2016 Olympic Games]]
|unison
|2016
|-
|[[Sonic Forces]]
|wars
|2017
|-
|Olympic Games Tokyo 2020 - The Official Video Game
|musashi
| rowspan="3" |2019
|-
|Mario & Sonic at the Tokyo 2020 Olympic Games
|rings
|-
|(New) Sakura Wars
|arukas
|-
|Puyo Puyo Tetris 2
|tenpex
|2020
|-
|[[Sonic Origins]]*
|hite
| rowspan="3" |2022
|-
|[[Sonic Frontiers]]
|rangers
|-
|Sonic Frontiers: Digital Art Book with Mini Digital Soundtrack
|rangers_artbook
|-
|[[Sonic Origins|Sonic Origins Plus]]*
|hiteplus
| rowspan="2" |2023
|-
|Sonic Superstars - Digital Artbook and mini-OST
|orion_artbook
|-
|[[Shadow Generations]] / SONIC X SHADOW GENERATIONS
|miller
| rowspan="2" |2024
|-
|SONIC X SHADOW GENERATIONS: Art Book with Mini Soundtrack
|miller_das
|}
''<small>* Sonic Origins (Plus) also makes use of Retro Engine v5U.</small>''

== Acroarts ==
'''Acroarts''' is a proprietary graphics middleware developed by SEGA Games before ownership was transferred to CRI in 2016.<ref>SEGA Press Release (June 22, 2016). [https://web.archive.org/web/20260114134140/https://www.sega.co.jp/release/sega-games/images/160622_01.pdf SEGA Games and CRI Agree to Transfer the "Acroarts" Graphics Middleware Business].</ref>
{| class="wikitable"
!Game Name
!Internal Name
!Version
!Year
|-
|[[Sonic the Hedgehog (2006)]]
|Marathon
|Ver20060209 R1
|2006
|-
|Rambo
|Clarith
|Ver20050809 R2
|2008
|-
|Mushiking Battle Gacchu Guts!!
|mk4exp
| rowspan="2" |Ver20100108 R1
|2010
|-
|Transformers: Human Alliance
|TF_Gun
|2013
|}

== NN ==
'''NN''' is a proprietary graphics library developed by SEGA Creative Center's Graphics Section.
{| class="wikitable"
!Game Name
!Internal Name
!Version
!Year
|-
|Sega Ages 2500 Series Vol. 5: Golden Axe<ref name="ref_sega_nn_tools">Argx2121 (2020-2025). [https://github.com/Argx2121/Sega_NN_tools/blob/master/io/nn_import_data.py Sega NN Tools import data].</ref>
|
|?
| rowspan="2" |2003
|-
|Dabi Tsuku 3 - Derby-ba o Tsukurou!<ref name="ref_sega_nn_tools"/>
|
|1.07.02 for GAMECUBE<br>1.07.04l for PlayStation2
|-
|Sega Superstars
|
|1.13.00 for PlayStation2
|2004
|-
|The House of the Dead 4<ref name="ref_sega_nn_tools"/>
|
|1.03.03 for Lindbergh
|2005
|-
|Phantasy Star Universe<ref name="ref_sega_nn_tools"/>
|
|?
| rowspan="5" |2006
|-
|[[Sonic the Hedgehog (2006)]]<ref name="ref_sega_nn_tools"/>
|Marathon
|?
|-
|Sonic Riders<ref name="ref_sega_nn_tools"/>
|SonicR
|1.18.43 for PlayStation2<br>1.18.43 for DirectX G1.1<br>1.18.52 for Xbox
|-
|Bleach: Shattered Blade<ref name="ref_sega_nn_tools"/>
|nigo
|1.19.095 for GAMECUBE
|-
|Super Monkey Ball: Banana Blitz<ref name="ref_sega_nn_tools"/>
|
|1.19.09 for GAMECUBE
|-
|Sonic and the Secret Rings<ref name="ref_sega_nn_tools"/>
|SonicWildFire
|1.19.095 for GAMECUBE
| rowspan="3" |2007
|-
|Too Spicy<ref name="ref_sega_nn_tools"/>
|
|1.04.03 for LINDBERGH
|-
|Ghost Squad<ref name="ref_sega_nn_tools"/>
|
|1.20.02 for GAMECUBE
|-
|Sonic Riders: Zero Gravity<ref name="ref_sega_nn_tools"/>
|SR2
|1.20.04 for GAMECUBE<br>1.18.56 for PlayStation2
| rowspan="3" |2008
|-
|Rambo
|Clarith
|1.04.04 for LINDBERGH
|-
|Sonic Unleashed (Sonic World Adventure) (Wii/PS2)<ref name="ref_sega_nn_tools"/>
|
|1.20.14 for GAMECUBE<br>1.18.56 for PlayStation2
|-
|Sonic and the Black Knight<ref name="ref_sega_nn_tools"/>
|
|1.20.20 for Wii
| rowspan="2" |2009
|-
|Loving Deads: The House of the Dead EX<ref name="ref_sega_nn_tools"/>
|
|?
|-
|Super Monkey Ball: Step & Roll<ref name="ref_sega_nn_tools"/>
|
|1.20.20 for Wii
| rowspan="6" |2010
|-
|Mushiking Battle Gacchu Guts!!
|mk4exp
|1.01.06 for DirectX G2.0
|-
|K-On! After School Live!!<ref name="ref_sega_nn_tools"/>
|
|?
|-
|Sonic the Hedgehog 4: Episode I<ref name="ref_sega_nn_tools"/>
|hog
|1.01.05 for DirectX G2.0
|-
|Sonic Free Riders<ref name="ref_sega_nn_tools"/>
|SRN
|1.01.06 for DirectX G2.0 on XBOX360
|-
|Sega Golden Gun<ref name="ref_sega_nn_tools"/>
|
|1.01.06 for DirectX G2.0
|-
|Super Monkey Ball: Ticket Blitz<ref name="ref_sega_nn_tools"/>
|
|1.01.06 for DirectX G2.0
|2011
|-
|The House of the Dead 4 (PSN)<ref name="ref_sega_nn_tools"/>
|
|?
| rowspan="3" |2012
|-
|Sonic the Hedgehog 4: Episode II<ref name="ref_sega_nn_tools"/>
|
|1.01.06b for DirectX G2.0
|-
|Let's Go Safari<ref name="ref_sega_nn_tools"/>
|
|1.01.06 for DirectX G2.0
|-
|K.O. Drive<ref name="ref_sega_nn_tools"/>
|
|1.01.06 for DirectX G2.0
| rowspan="2" |2013
|-
|Transformers: Human Alliance<ref name="ref_sega_nn_tools"/>
|TF_Gun
|1.01.06 for DirectX G2.0
|}

== Unity ==
{| class="wikitable"
|+
!Game Name
!Internal Name
!Version
!Year
|-
|Sonic Dash
|
|6000.0.58f2
|2013
|-
|Sonic Runners
|
|4.6.9f1
| rowspan="2" |2015
|-
|Sonic Boom Dash (Sonic Dash 2: Sonic Boom Run)
|
|6000.0.68f1
|-
|Sonic Forces: Speed Battle
|sprint
|6000.0.58f2
|2017
|-
|Sonic Racing
|
|2018.4.16f1
|2019
|-
|The Murder of Sonic the Hedgehog
|
|2021.3.9f1
| rowspan="3" |2023
|-
|Sonic Superstars
|orion
|2021.3.25f1
|-
|Sonic Dream Team
|
|2022.3.54f1
|-
|Sonic Rumble Party
|
|2022.3.64f1
|2025
|}

== Unreal Engine ==
{| class="wikitable"
|+
!Game Name
!Internal Name
!Version
!Year
|-
|Sonic Racing: CrossWorlds
|UNION
|5.4
|2025
|}

== References ==

Main Page

2026-10-08T23:42:23Z

PTKay:

HedgeDocs:About

2026-10-08T23:38:11Z

PTKay:

HedgeDocs is a MediaWiki powered webpage that contains several guides, tools and documentation pages meant to help users creating modifications for Sonic the Hedgehog games.

== Permissions ==
In order to prevent spam in the wiki, you need a registered account to be able to edit and create pages. In addition, the e-mail address associated with the account also needs to be verified. Please check your inbox for a confirmation e-mail, including your spam folder.

== Creating Pages ==
When creating pages in the wiki, please try to make it fit with the pages that already exist. Try to follow their style as closely as possible.

=== AI Policy===
Pages and media content generated by artificial intelligence are <b>not</b> allowed in HedgeDocs. You may use AI tools for proofreading, but all research, analysis, and the way you present the topics must come from you.

=== Templates ===
HedgeDocs provides you custom templates that help you when creating specific pages in the wiki. They are listed in the table below, alongside their purpose:

{| class="wikitable"
|+
!Name
!Description
|-
|[[Template:Notice|Notice]]
|Presents a warning, a note or a tip in a coloured container.
|-
|-
|[[Template:ToolInfobox|ToolInfoBox]]
|An information container used for tool pages.
|-
|}

HedgeDocs:About

2026-10-08T23:28:35Z

PTKay:

HedgeDocs is a MediaWiki powered webpage that contains several guides, tools and documentation pages meant to help users creating modifications for Sonic the Hedgehog games.

== Permissions ==
In order to prevent spam in the wiki, you need an registered account to be able to edit and create pages. In addition, the e-mail address associated with the account also needs to be verified. Please check your inbox for a confirmation e-mail, including your spam folder.

== Creating Pages ==
When creating pages in the wiki, please try to make it fit with the pages that already exist. Try to follow their style as closely as possible.

=== AI Policy===
Pages and media content generated by artificial intelligence are <b>not</b> allowed in HedgeDocs. You may use AI tools for proofreading, but all research, analysis, and the way you present the topics must come from you.

=== Templates ===
HedgeDocs provides you custom templates that help you when creating specific pages in the wiki. They are listed in the table below, alongside their purpose:

{| class="wikitable"
|+
!Name
!Description
|-
|[[Template:Notice|Notice]]
|Presents a warning, a note or a tip in a coloured container.
|-
|-
|[[Template:ToolInfobox|ToolInfoBox]]
|An information container used for tool pages.
|-
|}

Unleashed-Generations Havok Collision Attributes

2026-09-07T20:48:18Z

PTKay:

Sonic Unleashed and Sonic Generations have several collision tags that they use to determine the type of terrain, its properties, and what can collide with what else. These attributes can be applied to <code>.hkx</code> files with [[Havok Converter]]. To learn how to apply these tags to collision meshes, check out [[How To Import Custom Collision in Sonic Generations/Sonic Unleashed]].

== Material Type ==

=== swa_attribute (1260399450) ===
{| class="wikitable"
!Index
!Type
!Notes
|-
|0
|Unknown
|
|-
|1
|Normal
|This plays Concrete footstep sounds
|-
|2
|DeepWater
|Requires Convex Hull meshes
|-
|3
|Rock
|This also plays Concrete footstep sounds
|-
|4
|Dirt
|
|-
|5
|Wood
|
|-
|6
|Grass
|
|-
|7
|Snow
|This requires an extra file to be added in Generations, add a file called
<code>ef_ch_sns_yh1_smoke_snow.dds</code> to prevent it from crashing the game
|-
|8
|Metal
|
|-
|9
|Sand
|Generations will play Concrete sound effects instead
|-
|10
|Glass
|
|-
|11
|ShallowWater
|Sonic can walk inside the collision with @Water in the name, otherwise he can only walk on the collision
|-
|12
|Dead
|Kills the player if touched
|-
|13
|Damage
|
|-
|14
|NoDeadWater
|Water that doesn't make you drown,
use Box or Convex Hull meshes in Generations
|-
|15
|NoEffect
|Will play no footsteps or emit any particles in Unleashed
In Generations this will still play footstep sounds
|-
|16
|Oil
|Only in Generations
|-
|17
|PinballGlass
|Only in Generations, used in Casino Night Zone
|-
|18
|WrongWay
|Only in Generations
|-
|19
|Lava
|Only in Generations
|-
|20
|Poison
|Only in Generations
|}
== Collision Properties ==
Most of the parameters here are boolean parameters, with 0 value indicating it's disabled, and 1 indicating it's enabled.
{| class="wikitable sortable"
|+
!Parameter Name
!ID
!Description
|-
|swa_evil_isbalance_ground
|122999549
|This is used for the Werehog to detect if he should start balancing on a tight strip, and its also used for Classic Sonic to detect where a ledge is.
|-
|swa_isIce_ground
|246659335
|If enabled, this'll make the ground slippery (like in Holoska in Sonic Unleashed). This requires some extra files to be present to make it work; if these files are missing, the game will crash when the collision is touched by the player.
|-
|swa_col_other
|620872783
|If enabled, anything that isn't the player or the camera will collide with the object.
|-
|intersectional_way
|1009866916
|Generations only, used in Casino Night Zone.
|-
|swa_sonic_isbeltconveyor
|1196263925
|Used for the <code>BeltConveyorCollision</code> object in Generations and the <code>Egg_BeltCollision</code>'''/'''<code>Egg_BeltCollisionSV</code> objects in Unleashed, the value of this field is the speed of the conveyor belt.
|-
|swa_sonic_isplayerwall
|1368296714
|Used to indicate if a surface can be used for wall-jumping.
|-
|swa_col_specific
|1330259859
|This is set to 1 by default, setting it to 2 or 3 will make the IKs for Sonic adjust to the terrain.
|-
|swa_col_attacking
|1651585625
|
|-
|swa_col_camera
|1706239430
|If enabled, the camera will collide with this object.
|-
|pinball_glass
|2040148113
|Generations only, used in Casino Night Zone.
|-
|swa_col_player
|2088238466
|If enabled, the player will collide with the object.
|}

== Mesh Name Tags ==
Rigid bodies can have custom properties that are detected by the game itself to determine their interactions with other objects. These tags are added at the end of mesh names with an @ symbol as the separator (e.g. ghz_sea@Water). These properties are '''<u>Case-Sensitive</u>'''.
{| class="wikitable"
|+
!Name
!Notes
|-
|@Balance
|Unleashed only
|-
|@DamageFall
|
|-
|@DisableThrowColl
|
|-
|@DisableTemColl
|
|-
|@EnableQtoW / @enableQtoW
|Generations only
|-
|@Spiral / @spiral
|Generations only
|-
|@Slide
|Requires a path with an ID of
888 to be present in the stage.
|-
|@NoStanding
|
|-
|@NoCamera
|Allows the camera to pass through the collision mesh
|-
|@IceGround
|
|-
|@Water
|Allows Sonic to go inside the collision mesh when using ShallowWater type
|}

== Collision Shapes ==
[[Havok Converter]] allows you to specify the shape of your collision meshes by appending tags to their names. By default, rigid bodies are created as mesh shapes, which might be incompatible with certain properties such as @Water. This is where you need to pick a collision shape that fits your use case. These tags are '''<u>Case-Sensitive</u>'''.
{| class="wikitable"
|+
!Name
!Notes
|-
|@CONVEX(true)
|Convex Hull mesh, most recommended outside mesh shapes
|-
|@CONVEX(1)
|Same as @CONVEX(true) but shorter way of specifying it
|-
|@BOX
|Axis aligned box that covers the whole mesh
|-
|@SPHERE
|Largest sphere that covers the whole mesh
|-
|@CYLINDER
|Axis aligned cylinder
|-
|@CAPSULE
|Axis aligned capsule
|}

Player State IDs

2026-01-10T23:12:17Z

PTKay:

'''''Player State IDs''''' in [[Sonic the Hedgehog (2006)]] define a character's current state. Each is mapped to a specific implementation which may itself transition to other states in the state machine. Many states are shared between player implementations, and all states, regardless of if they only used by a specific player are given a unique ID.

The maps used by each player context is outlined in [[Player State Maps]].

== Player State IDs ==
{| class="wikitable"
!Category
!Name
!ID
!Description
|-
| rowspan="29" |Common
|Wait
|0x00
|
|-
|Walk
|0x01
|
|-
|Run
|0x02
|
|-
|Fall
|0x03
|Only used by Amy and Blaze.
|-
|Jump
|0x04
|
|-
|Water Jump
|0x05
|Occurs when jumping upon contact with water surfaces.
|-
|Brake
|0x06
|
|-
|Quick Turn
|0x07
|
|-
|Dead
|0x08
|
|-
|Damage Light
|0x09
|
|-
|Push
|0x0A
|Push states are unfinished.
|-
|Damage
|0x0B
|
|-
|Grind
|0x0C
|
|-
|Edge Grab
|0x0D
|Hanging. Edge states are unfinished.
|-
|Edge Falling
|0x0E
|Falling from edge hang.
|-
|Edge Jumping
|0x0F
|Jumping from edge hang.
|-
|Ottotto
|0x10
|Tripping on a ledge, stopping the player in place.
|-
|Spring
|0x11
|
|-
|Wide Spring
|0x12
|Unlike a regular spring, it is possible to perform air actions out of this spring type (for example, homing attack).
|-
|Spring Type B
|0x13
|Unknown.
|-
|Dash Panel
|0x14
|
|-
|Jump Panel
|0x15
|
|-
|Goal
|0x16
|
|-
|Invincible
|0x17
|
|-
|Wind
|0x18
|
|-
|Landing
|0x19
|
|-
|Don't Move
|0x1A
|Unused.
|-
|Up-Down Reel
|0x1B
|
|-
|Tarzan
|0x1C
|Used for swinging ropes in Tropical Jungle.
|-
|Princess
|Bungee
|0x1D
|Used for the bungee setpiece in Tropical Jungle.
|-
| rowspan="9" |Common
|Pole
|0x1E
|
|-
|Chain Jump Land
|0x1F
|
|-
|Rainbow Ring
|0x20
|
|-
|Wall Wait
|0x21
|
|-
|Rope Land
|0x22
|
|-
|Climb
|0x23
|
|-
|Blast Jump
|0x24
|
|-
|Talk
|0x25
|
|-
|Psi-Grabbed
|0x26
|
|-
|Sonic
|Silver Spring
|0x27
|Unused spring type for Boss Silver's Homing Catch.
|-
| rowspan="3" |Common
|Stun
|0x28
|Called "piyori" in animations.
|-
|Rodeo
|0x29
|Used for whale in Wave Ocean.
|-
|Balancer
|0x2A
|
|-
|Sonic
|Water Slider
|0x2B
|
|-
| rowspan="6" |Common
|Glide
|0x2C
|
|-
|Glide End
|0x2D
|
|-
|Throw
|0x2E
|
|-
|Snipe
|0x2F
|Used for all first person attacks; dummy rings bombs, rouge's bombs, and the sky gem.
|-
|Amigo Swap
|0x30
|
|-
|Amigo Chase
|0x31
|Used for when an Amigo character is following the player around.
|-
|Super
|Amigo Change
|0x32
|Used for swapping characters in the final boss fight.
|-
| rowspan="2" |Silver
|Teleport Dash
|0x33
|
|-
|Float
|0x34
|
|-
|Princess
|Water Walk
|0x35
|
|-
| rowspan="9" |Silver
|Lift
|0x38
|
|-
|Esp Mark
|0x39
|Activates the ESP triggers in Silver's stages.
|-
|Ground Throw
|0x3A
|
|-
|Air Throw
|0x3B
|
|-
|Grab All
|0x3C
|
|-
|Psychoshock
|0x3D
|
|-
|Stun Slap Ground
|0x3E
|
|-
|Stun Slap Air
|0x3F
|
|-
|Reflect
|0x40
|
|-
|Sonic
|Homing Smash
|0x41
|
|-
| rowspan="2" |Common
|Homing Attack
|0x42
|
|-
|Homing After
|0x43
|
|-
| rowspan="4" |Sonic
|Sliding
|0x44
|
|-
|Spin Attack
|0x45
|
|-
|Spin Dash
|0x46
|
|-
|Bounce
|0x47
|
|-
|Common
|Light Dash
|0x48
|
|-
| rowspan="4" |Sonic
|Blue Gem
|0x49
|
|-
|Green Gem
|0x4A
|
|-
|Green Gem Air
|0x4B
|
|-
|Rainbow Gem
|0x4D
|
|-
| rowspan="3" |Omega
|Hover
|0x4E
|
|-
|Omega Launcher
|0x4F
|
|-
|Lock on Laser
|0x50
|
|-
| rowspan="10" |Shadow
|Overdrive
|0x51
|
|-
|Chaos Spear
|0x52
|
|-
|Chaos Spear After
|0x53
|
|-
|Chaos Blast
|0x54
|
|-
|Chaos Charge
|0x55
|
|-
|Chaos Smash
|0x56
|
|-
|Chaos Attack
|0x57
|
|-
|Chaos Snap
|0x58
|
|-
|Spin Kick
|0x59
|Used for spin kicking while stationary.
|-
|Edge Attack
|0x5A
|Used for spin kicking while moving.
|-
| rowspan="5" |Amy
|Stealth Start
|0x5C
|
|-
|Stealth End
|0x5D
|
|-
|Double Jump Pre
|0x5E
|
|-
|Double Jump
|0x5F
|
|-
|Hammer Attack
|0x60
|
|-
| rowspan="3" |Blaze
|Accel Tornado
|0x61
|
|-
|Spinning Claw
|0x62
|
|-
|Fire Claw
|0x63
|
|-
| rowspan="4" |Knuckles
|Heat Knuckle
|0x64
|
|-
|Screwdriver
|0x65
|
|-
|Screwdriver After
|0x66
|
|-
|Screw Dive
|0x67
|
|-
| rowspan="3" |Rouge
|Bomb Air
|0x68
|
|-
|Multi Air Bomb
|0x69
|
|-
|Heart Mine
|0x6A
|
|-
| rowspan="3" |Super
|Sonic Attack
| rowspan="2" |0x6B
|
|-
|Shadow Attack
|
|-
|Silver Attack
|0x6C
|
|-
| rowspan="7" |Shadow
|Vehicle Enter
|0x6D
|
|-
|Autotake
|0x6E
|
|-
|Bike Ride
|0x6F
|
|-
|Jeep Ride
|0x70
|
|-
|Hover Ride
|0x71
|
|-
|Glider Ride
|0x72
|
|-
|Vehicle Exit
|0x73
|
|}

== Boss State IDs ==
Reactive player-based bosses (v.s. Sonic, Shadow, and Silver) also use a similar state system.
{| class="wikitable"
!Category
!Name
!ID
!Description
|-
| rowspan="5" |Common
|Player Search
|0x01
|
|-
|Approach
|0x02
|
|-
|Damage
|0x03
|
|-
|Dead
|0x04
|
|-
|Winner
|0x05
|
|-
| rowspan="2" |Sonic & Shadow
|Stun
|0x06
|
|-
|Psi-Grabbed
|0x07
|
|-
| rowspan="6" |Silver
|Teleport
|0x08
|
|-
|Object Throw
|0x09
|
|-
|Upheave
|0x0A
|Unused.
|-
|Homing Catch
|0x0B
|
|-
|Jump on Psi
|0x0C
|Unused.
|-
|Ride Smash
|0x0D
|Unused.
|-
|Sonic & Shadow
|Homing
|0x0E
|
|-
|Sonic
|Chain Jump
|0x10
|Unused.
|-
| rowspan="3" |Shadow
|Spin Kick
|0x12
|
|-
|Chaos Spear
|0x13
|
|-
|Chaos Boost
|0x14
|
|}

== Special State IDs ==

=== Snowboard States ===
{| class="wikitable"
|+
!Name
!ID
|-
|Run
|0x0
|-
|Brake
|0x1
|-
|Prepare Jump
|0x2
|-
|Fall
|0x3
|-
|Jump
|0x4
|-
|Spring
|0x5
|-
|Damage
|0x6
|-
|Dead
|0x7
|-
|Grind
|0x8
|-
|Grind Brake
|0x9
|-
|Grind Prepare Jump
|0xA
|-
|Run Against
|0xB
|-
|Landing
|0xC
|}

=== Mach Speed States ===
State ID 0x7 is skipped.
{| class="wikitable"
|+
!Name
!ID
|-
|Start
|0x0
|-
|Run
|0x1
|-
|Fall
|0x2
|-
|Jump
|0x3
|-
|Damage
|0x4
|-
|Dead
|0x5
|-
|Dramatic Jump
|0x6
|-
|Dash Panel
|0x8
|-
|Spring Type B
|0x9
|-
|Jump Panel
|0xA
|-
|Light Dash
|0xB
|-
|Chain Jump
|0xC
|-
|Chain Fall
|0xD
|-
|Goal
|0xE
|}

== Common Context State IDs ==

=== Common State ===
{| class="wikitable"
|+
!Name
!ID
|-
|Debug Wait
|0x0
|}

=== Easy State ===
{| class="wikitable"
|+
!Name
!ID
|-
|Easy Damaged & Wind
|0x0
|}

=== Title States ===
{| class="wikitable"
|+
!Name
!ID
|-
|Title Wait
|0x0
|-
|Title Selected
|0x1
|}

U8 Archive

2025-12-02T10:29:12Z

PTKay:

'''''Arc File''''' is the <code>*.arc</code> file format used for this game's packed file system. It's derived from Nintendo's archive format, commonly known as '''U8 Archive'''. These files are located in the <code>xenon</code>, <code>ps3</code> and <code>win32</code> directories on the game disc in a subdirectory called <code>archives</code>.

== File System ==
The internal file system follows an organisational pattern where the directories starting from root are platform identifiers for the file formats contained within them.
{| class="wikitable"
|+
!Identifier
!Endianness
!Purpose
|-
|common
|N/A
|Used for files where endianness is non-applicable (e.g. files that are read manually in a specific byte order irrespective of the current platform).
|-
|xenon
|Big
|Used for files that are read directly into memory and mapped to structures where big-endian byte order is expected for the Xbox 360 platform.
|-
|ps3
|Big
|Same as above, but for the PlayStation 3 platform.
|-
|win32
|Little
|Used for files that are read directly into memory and mapped to structures where little-endian byte order is expected for the Windows (x86) platform.
These files would be read manually for endian swapping on big-endian platforms.
|}

== Specification ==
'''Arc File''' is a derivative of Nintendo's archive format, commonly known as '''U8 Archive'''. It's the same format, but with an extra field added to each file system node for uncompressed length, as Sonic Team added support for [[wikipedia:Zlib|zlib]] compression to the format.

=== Header ===
The header consists of the following data structure:
{| class="wikitable"
|+Length: 0x20
!Offset
!Type
!Name
!Description
|-
|0x00
|UInt32
|Signature
|Always 0x55AA382D (big-endian).
|-
|0x04
|UInt32
|FSTableOffset
|The offset of the file system table.
|-
|0x08
|UInt32
|FSTableLength
|The length of the file system table (including the string pool).
|-
|0x0C
|UInt32
|DataOffset
|The offset of the file data.
|-
|0x10
|UInt32[4]
|Reserved
|These fields appear to be populated in archives for this game, but this is bogus data from uninitialised memory and should be ignored.
For the sake of tooling heuristics, writing <code>0xE4F91300</code> (big-endian) to index 0 and <code>0x78013800</code> (big-endian) to index 3 would be ideal for detecting whether this archive is from this game specifically.
|}

=== File System ===
The file system consists of an array of the following data structure:
{| class="wikitable"
|+Length: 0x10
!Offset
!Type
!Name
!Description
|-
|0x00
|Boolean (UInt8)
|IsDirectory
|Determines whether this node is a directory.
|-
|0x01
|UInt24
|NameOffset
|The offset of this node's name in the string pool.
If root, always zero.
|-
|0x04
|Union (UInt32, UInt32)
|DataOffset, ParentIndex
|
{| class="wikitable"
|+
|File
|The offset of this file's data.
|-
|Directory
|The index of the parent node for this directory.
If root, always zero.
|}
|-
|0x08
|Union (UInt32, UInt32)
|Length, NodeCount
|
{| class="wikitable"
|+
|File
|The length of this file's data.
|-
|Directory
|The total number of nodes in this directory.
If root, the total number of nodes in this archive.
|}
|-
|0x0C
|UInt32
|UncompressedLength
|
{| class="wikitable"
|+
|File
|The uncompressed length of this file's data.
This field can be set to zero to disable compression for this file, allowing its data to be stored uncompressed.
|-
|Directory
|Undefined.
Much like the reserved bytes in the header, this field will appear to be populated, but again, this is bogus data from uninitialised memory.
|}
|}
The total number of nodes to read is determined by the root node's <code>NodeCount</code> field. As this is a hierarchical file system, nodes should be read recursively to build the file system correctly.

The first node '''must''' be a root node defined as a directory, with the <code>NodeCount</code> field set to the total number of nodes in the archive. This is necessary for determining the length of the file system table.

=== String Pool ===
The string pool offset can be calculated after reading the root node and using the following expression:<syntaxhighlight lang="text">
FSTableOffset + (Root.NodeCount * 16)
</syntaxhighlight>Each string in the pool is ASCII encoded and null-terminated, the offsets to which are relative to the start of the pool.

The string pool '''must''' have a single null terminator at the beginning for the root node, as it does not have a name.

=== File Data ===
Files are compressed using [[wikipedia:Zlib|zlib]] compression and are aligned by 32 bytes per file after the string pool. This compression is optional, and files can be stored uncompressed so long as the uncompressed length field is set to zero.

== List of Arc Files ==
{| class="wikitable"
|+
!Name
!Description
|-
|cache.arc
|Core render scripts, event playbook, and optical camouflage noise texture
|-
|download.arc
|DLC episode mission and SET data
|-
|enemy_data.arc
|Boss textures and objects
|-
|enemy.arc
|Regular enemy textures and objects
|-
|event_data.arc
|Event-specific textures and objects
|-
|event.arc
|Event-specific sounds, particles, and scripts
|-
|game.arc
|Actor properties, light and camera parameters
|-
|human.arc
|NPC textures, objects, and scripts
|-
|object.arc
|Interactive object textures, objects, and scripts
|-
|particle_data.arc
|Particle textures and objects
|-
|particle.arc
|Particle definitions
|-
|player_*.arc
|Player-specific textures, objects, and animations
|-
|player.arc
|Player scripting and packages
|-
|radarmap.arc
|Mini-map objects, colour textures, and icons
|-
|scripts.arc
|Most Lua scripting, SETs and paths
|-
|shader_lt.arc
|Multiplayer shaders
|-
|shader.arc
|Singleplayer shaders
|-
|sound.arc
|Common sound banks
|-
|sprite.arc
|UI textures, layouts, and animations
|-
|stage_*.arc
|Stage-specific textures and objects
|-
|stage.arc
|Reflection areas and stage collision
|-
|system.arc
|
|-
|text.arc
|Font textures, maps, and string tables
|}

U8 Archive

2025-12-02T10:26:33Z

PTKay:

{{DISPLAYTITLE:Arc File}}
{{DISPLAYTITLE:Arc File}}

'''''Arc File''''' is the <code>*.arc</code> file format used for this game's packed file system. It's derived from Nintendo's archive format, commonly known as '''U8 Archive'''. These files are located in the <code>xenon</code>, <code>ps3</code> and <code>win32</code> directories on the game disc in a subdirectory called <code>archives</code>.

== File System ==
The internal file system follows an organisational pattern where the directories starting from root are platform identifiers for the file formats contained within them.
{| class="wikitable"
|+
!Identifier
!Endianness
!Purpose
|-
|common
|N/A
|Used for files where endianness is non-applicable (e.g. files that are read manually in a specific byte order irrespective of the current platform).
|-
|xenon
|Big
|Used for files that are read directly into memory and mapped to structures where big-endian byte order is expected for the Xbox 360 platform.
|-
|ps3
|Big
|Same as above, but for the PlayStation 3 platform.
|-
|win32
|Little
|Used for files that are read directly into memory and mapped to structures where little-endian byte order is expected for the Windows (x86) platform.
These files would be read manually for endian swapping on big-endian platforms.
|}

== Specification ==
'''Arc File''' is a derivative of Nintendo's archive format, commonly known as '''U8 Archive'''. It's the same format, but with an extra field added to each file system node for uncompressed length, as Sonic Team added support for [[wikipedia:Zlib|zlib]] compression to the format.

=== Header ===
The header consists of the following data structure:
{| class="wikitable"
|+Length: 0x20
!Offset
!Type
!Name
!Description
|-
|0x00
|UInt32
|Signature
|Always 0x55AA382D (big-endian).
|-
|0x04
|UInt32
|FSTableOffset
|The offset of the file system table.
|-
|0x08
|UInt32
|FSTableLength
|The length of the file system table (including the string pool).
|-
|0x0C
|UInt32
|DataOffset
|The offset of the file data.
|-
|0x10
|UInt32[4]
|Reserved
|These fields appear to be populated in archives for this game, but this is bogus data from uninitialised memory and should be ignored.
For the sake of tooling heuristics, writing <code>0xE4F91300</code> (big-endian) to index 0 and <code>0x78013800</code> (big-endian) to index 3 would be ideal for detecting whether this archive is from this game specifically.
|}

=== File System ===
The file system consists of an array of the following data structure:
{| class="wikitable"
|+Length: 0x10
!Offset
!Type
!Name
!Description
|-
|0x00
|Boolean (UInt8)
|IsDirectory
|Determines whether this node is a directory.
|-
|0x01
|UInt24
|NameOffset
|The offset of this node's name in the string pool.
If root, always zero.
|-
|0x04
|Union (UInt32, UInt32)
|DataOffset, ParentIndex
|
{| class="wikitable"
|+
|File
|The offset of this file's data.
|-
|Directory
|The index of the parent node for this directory.
If root, always zero.
|}
|-
|0x08
|Union (UInt32, UInt32)
|Length, NodeCount
|
{| class="wikitable"
|+
|File
|The length of this file's data.
|-
|Directory
|The total number of nodes in this directory.
If root, the total number of nodes in this archive.
|}
|-
|0x0C
|UInt32
|UncompressedLength
|
{| class="wikitable"
|+
|File
|The uncompressed length of this file's data.
This field can be set to zero to disable compression for this file, allowing its data to be stored uncompressed.
|-
|Directory
|Undefined.
Much like the reserved bytes in the header, this field will appear to be populated, but again, this is bogus data from uninitialised memory.
|}
|}
The total number of nodes to read is determined by the root node's <code>NodeCount</code> field. As this is a hierarchical file system, nodes should be read recursively to build the file system correctly.

The first node '''must''' be a root node defined as a directory, with the <code>NodeCount</code> field set to the total number of nodes in the archive. This is necessary for determining the length of the file system table.

=== String Pool ===
The string pool offset can be calculated after reading the root node and using the following expression:<syntaxhighlight lang="text">
FSTableOffset + (Root.NodeCount * 16)
</syntaxhighlight>Each string in the pool is ASCII encoded and null-terminated, the offsets to which are relative to the start of the pool.

The string pool '''must''' have a single null terminator at the beginning for the root node, as it does not have a name.

=== File Data ===
Files are compressed using [[wikipedia:Zlib|zlib]] compression and are aligned by 32 bytes per file after the string pool. This compression is optional, and files can be stored uncompressed so long as the uncompressed length field is set to zero.

== List of Arc Files ==
{| class="wikitable"
|+
!Name
!Description
|-
|cache.arc
|Core render scripts, event playbook, and optical camouflage noise texture
|-
|download.arc
|DLC episode mission and SET data
|-
|enemy_data.arc
|Boss textures and objects
|-
|enemy.arc
|Regular enemy textures and objects
|-
|event_data.arc
|Event-specific textures and objects
|-
|event.arc
|Event-specific sounds, particles, and scripts
|-
|game.arc
|Actor properties, light and camera parameters
|-
|human.arc
|NPC textures, objects, and scripts
|-
|object.arc
|Interactive object textures, objects, and scripts
|-
|particle_data.arc
|Particle textures and objects
|-
|particle.arc
|Particle definitions
|-
|player_*.arc
|Player-specific textures, objects, and animations
|-
|player.arc
|Player scripting and packages
|-
|radarmap.arc
|Mini-map objects, colour textures, and icons
|-
|scripts.arc
|Most Lua scripting, SETs and paths
|-
|shader_lt.arc
|Multiplayer shaders
|-
|shader.arc
|Singleplayer shaders
|-
|sound.arc
|Common sound banks
|-
|sprite.arc
|UI textures, layouts, and animations
|-
|stage_*.arc
|Stage-specific textures and objects
|-
|stage.arc
|Reflection areas and stage collision
|-
|system.arc
|
|-
|text.arc
|Font textures, maps, and string tables
|}

MediaWiki:Vector-2022.css

2025-08-25T10:52:01Z

PTKay:

/* HEDDGEDOCS COLOR PALETTES */

:root {
--hedgedocs-accent-color: #3e7e9e;
--hedgedocs-accent-color-secondary: #4d9ec7;

--hedgedocs-base-border-color: #adb5c2;

--hedgedocs-frame-bg-color: #e9ebec;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #f0f3f4;
--hedgedocs-bg-color-secondary: #dddddd;

--hedgedocs-header-color: var(--hedgedocs-accent-color);
--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #333333;
--hedgedocs-fg-color: #202122;

--hedgedocs-link-color: #36c;
--hedgedocs-link-hover: #757575;
--hedgedocs-link-active-color: #00aedf;
--hedgedocs-new-link-color: #d73333;

--hedgedocs-input-bg-color: #ffffff;
--hedgedocs-input-fg-color: #202122;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #bbbbbb;
--hedgedocs-button-bg-color-hover: #999999;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-fg-color: #ffffff;
--hedgedocs-button-accent-bg-color-hover: var(--hedgedocs-accent-color-secondary);

--hedgedocs-table-header-bg-color: var(--hedgedocs-bg-color-secondary);
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #B2B2B2;

--hedgedocs-notice-note-header-color: rgba(68, 138, 255, 0.15);
--hedgedocs-notice-note-border-color: rgba(68, 138, 255, 0.75);
--hedgedocs-notice-info-header-color: rgba(0, 184, 212, 0.15);
--hedgedocs-notice-info-border-color: rgba(0, 184, 212, 0.75);
--hedgedocs-notice-warn-header-color: rgba(255, 145, 0, 0.15);
--hedgedocs-notice-warn-border-color: rgba(255, 145, 0, 0.75);
--hedgedocs-notice-example-header-color: rgba(118, 84, 250, 0.15);
--hedgedocs-notice-example-border-color: rgba(118, 84, 250, 0.75);
}

.skin-theme-clientpref-night {
--hedgedocs-accent-color: #0f3885;
--hedgedocs-accent-color-secondary: #0d2a5f;

--hedgedocs-base-border-color: #414658;

--hedgedocs-frame-bg-color: #1a1c24;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #151515;
--hedgedocs-bg-color-secondary: #272a35;

--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #e0e6e6;
--hedgedocs-fg-color: #d2d2d2;

--hedgedocs-link-color: #88a3e8;
--hedgedocs-link-hover: #4e67f0;
--hedgedocs-link-active-color: #5082dc;
--hedgedocs-new-link-color: #fd7865;

--hedgedocs-input-bg-color: #222222;
--hedgedocs-input-fg-color: #d2d2d2;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #333333;
--hedgedocs-button-bg-color-hover: #555555;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);

--hedgedocs-table-header-bg-color: #252833;
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #3A3A3A;
}

:root, .skin-theme-clientpref-night, html.skin-theme-clientpref-night {
--background-color-base: var(--hedgedocs-bg-color);
--background-color-interactive: var(--hedgedocs-bg-color-secondary);
--background-color-interactive-subtle: var(--hedgedocs-bg-color-secondary);
--background-color-neutral-subtle: var(--hedgedocs-bg-color);
--border-color-base: var(--hedgedocs-base-border-color);
}
body {
background-color: var(--hedgedocs-bg-color) !important;
color: var(--hedgedocs-fg-color) !important;
}
.mw-page-container {
background-color: transparent !important;
}
.mw-heading, h1, h2:not(.vector-pinnable-header-label), h3, h4, h5, h6 {
color: var(--hedgedocs-fg-color) !important;
}

/* HEDDGEDOCS DARK THEME TWEAKS */

html.skin-theme-clientpref-night, .skin-theme-clientpref-night * {
filter: none !important;
}

.skin-theme-clientpref-night {
.mw-page-container .vector-icon {
filter: invert() !important;
}

.vector-icon.mw-ui-icon-listBullet {
filter: none !important;
}

.vector-icon.mw-ui-icon-wikimedia-unStar, .vector-icon.mw-ui-icon-wikimedia-star, .vector-icon.mw-ui-icon-wikimedia-expand {
filter: none !important;
}

#vector-page-tools-dropdown-label {
color: var(--hedgedocs-fg-color);
transition: color 0s;
}

.vector-header-container .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: brightness(2) !important;
}

.ext-darkmode-link::after {
content: '\263C';
}

.mw-list-item span#skin-theme-beta-notice {
display: none !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}

.oo-ui-iconElement-icon:not(.oo-ui-checkboxInputWidget-checkIcon, .oo-ui-image-progressive, .oo-ui-icon-error), .oo-ui-indicatorElement-indicator {
filter: invert() !important;
}
}

.ext-darkmode-link::after {
content: '\263E';
display: inline-block;
}

span#skin-theme-beta-notice {
display: none !important;
}

#skin-client-prefs-skin-theme .cdx-radio:first-child {
display: none;
}

/* HEDDGEDOCS FONTS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
--font-size-medium: var(--hedgedocs-font-size);

--hedgedocs-font-size: 16px;
--hedgedocs-font-size-sidebars: 16px;
--hedgedocs-font-size-sidebars-pin-button: 13px;

--hedgedocs-font: 'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
--hedgedocs-code-font: 'Roboto Mono', SFMono-Regular, Consolas, Menlo, monospace;
}
body {
-webkit-font-smoothing: antialiased;
}

body, .mw-body, h1, h2, .mw-createacct-benefits-heading, .oo-ui-menuToolGroup-tools .oo-ui-tool-title, .vector-sticky-header-context-bar-primary, .mw-body-content .mw-number-text span {
font-family: var(--hedgedocs-font) !important;
}
body .oo-ui-tool-name-preformatted .oo-ui-tool-link .oo-ui-tool-title, pre, code, tt, kbd, samp, .mw-code {
font-family: var(--hedgedocs-code-font) !important;
}
h1 {
font-weight: bold;
}

/* HEDGEDOCS PAGE STYLING CSS */

.mw-logo-wordmark {
font-size: 17pt;
}
.mw-logo-icon {
font-size: 7pt;
padding-left: 1.5em;
}
.mw-logo {
transition: opacity .25s;
}
.mw-logo:hover {
opacity: 0.7;
}

div.vector-pinnable-header-label, h2.vector-pinnable-header-label {
background: var(--hedgedocs-header-color);
color: var(--hedgedocs-header-fg-color);
padding: 2px 10px 2px 10px;
cursor: default;
margin: 0em !important;
}
button.vector-pinnable-header-toggle-button {
width: 100%;
text-align: center;
font-size: var(--hedgedocs-font-size-sidebars-pin-button);
background-color: var(--hedgedocs-button-bg-color);
padding: 2px 10px 2px 10px;
transition: background-color 0.1s;
margin-bottom: 0.5rem;
}
button.vector-pinnable-header-toggle-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover);
}
div.vector-pinnable-header {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
display: flex;
flex-direction: column;
justify-content: center;
}
div.vector-pinnable-element div.vector-menu-heading {
color: var(--hedgedocs-fg-color-light);
font-weight: bold;
cursor: default;
padding: 6px 0;
border-bottom: none;
}
#vector-main-menu .vector-menu-content .mw-list-item:hover {
}
#vector-main-menu .vector-menu-content .mw-list-item a {
font-weight: bold;
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item a:hover {
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item {
margin-bottom: 0;
}
.mw-list-item a, .vector-toc-link {
color: var(--hedgedocs-fg-color) !important;
transition: color 125ms;
}
.mw-list-item a:hover, .vector-toc-link:hover {
color: var(--hedgedocs-link-hover) !important;
text-decoration: none;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link {
color: var(--hedgedocs-link-active-color) !important;
font-weight: inherit;
}
.vector-pinnable-element, .vector-pinnable-header-label {
font-size: var(--hedgedocs-font-size-sidebars) !important;
}
.vector-pinned-container {
background-color: var(--hedgedocs-bg-color) !important;
}
.vector-sticky-pinned-container::after {
background: linear-gradient(rgba(255, 255, 255, 0), var(--hedgedocs-bg-color)) !important;
}

#toc-mw-content-text {
display: none;
}
div.vector-toc-pinnable-header {
margin-bottom: .25rem;
}
.vector-toc .vector-toc-toggle {
top: 4px !important;
}
.vector-toc button.vector-pinnable-header-toggle-button {
display: none !important;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link span, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link span, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link span {
border-left: .25em solid;
padding-left: .5em;
}

.vector-page-titlebar .firstHeading {
padding-bottom: 6px !important;
}
.firstHeading.mw-first-heading {
font-size: 2.2rem;
}

.vector-menu-tabs .mw-list-item.vector-tab-noicon > a, #vector-page-tools-dropdown-label {
padding: 9px 0 7px 0 !important;
}

.vector-header-container header.mw-header, .vector-header-container div.vector-sticky-header {
background-color: transparent;
max-width: 99.75rem;
}
.vector-sticky-header-context-bar .mw-page-title-main {
font-weight: bold;
}
.vector-header-container {
background-color: var(--hedgedocs-header-color);
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3), 0 0.4rem 4rem rgba(0, 0, 0, 0.15);
align-items: center;
justify-content: center;
min-height: 5rem;
margin-bottom: 1rem;
}
.vector-header-container div.vector-sticky-header {
color: var(--hedgedocs-header-fg-color);
border: none;
}
.vector-header-container .vector-button-flush-left {
margin-right: -24px;
}
.vector-header-container .vector-header-start .vector-button-flush-right {
margin-right: -24px;
}
.vector-header-container .vector-header-end .vector-button-flush-right {
margin-right: -6px;
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer), .mw-header a:visited:not(.vector-menu-content a), .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a) {
color: var(--hedgedocs-header-fg-color) !important;
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer):hover, .mw-header a:visited:not(.vector-menu-content a):hover, .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a):hover {
color: var(--hedgedocs-header-fg-color) !important;
}
.vector-dropdown div.vector-dropdown-content {
background-color: var(--hedgedocs-bg-color);
}
.mw-header .vector-icon:not(.vector-dropdown-content .vector-icon ) {
filter: invert();
}
.vector-user-menu-logged-in .vector-dropdown-label::after {
background-color: var(--hedgedocs-header-fg-color) !important;
}
.vector-header-container .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: invert() brightness(2);
}
.vector-header .cdx-button.cdx-button--icon-only {
min-width: 32px !important;
}
@media screen and (max-width: calc(639px)) {
.vector-header {
flex-flow: row !important;
}
.mw-logo {
min-width: 11em !important;
}
}
.cdx-menu-item__text .cdx-search-result-title {
color: var(--hedgedocs-fg-color);
}
.cdx-menu {
color: var(--hedgedocs-fg-color);
}
.vector-header-container.vector-sticky-header-container {
min-height: 3.5rem;
font-size: 11pt;
}

.mw-footer li {
color: var(--hedgedocs-fg-color) !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background-color: var(--hedgedocs-input-bg-color);
color: var(--hedgedocs-fg-color);
}
.oo-ui-textInputWidget input.oo-ui-inputWidget-input{
background-color: var(--hedgedocs-input-bg-color);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--hedgedocs-input-bg-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue {
color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
span.cdx-text-input__icon.cdx-text-input__start-icon {
background-color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
textarea {
background-color: var(--hedgedocs-bg-color);
}
button.cdx-button, button.cdx-button:enabled, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-bg-color);
border: none;
transition: background-color 0.1s;
}
button.cdx-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
transition: background-color 0.1s;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover) !important;
}
.cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color) !important;
}
.cdx-radio:hover .cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-radio__input:enabled:checked+.cdx-radio__icon {
background-color: var(--hedgedocs-button-check-fg-color) !important;
border-color: var(--hedgedocs-button-check-bg-color) !important;
}
.cdx-radio__input:enabled+.cdx-radio__icon {
border-color: var(--hedgedocs-base-border-color) !important;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--hedgedocs-button-check-bg-color) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
color: var(--hedgedocs-button-accent-fg-color) !important;
}
.tdg-templateDataParamWidget-param-alias:first-child {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color-light) !important;
border-color: var(--hedgedocs-base-border-color);
}

.oo-ui-toolbar-bar {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color) !important;
}
.oo-ui-menuToolGroup, .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-color: var(--hedgedocs-bg-color) !important;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
color: var(--hedgedocs-header-fg-color) !important;
background-color: var(--hedgedocs-header-color) !important;
}
.editOptions {
background-color: var(--hedgedocs-bg-color-secondary);
color: var(--hedgedocs-fg-color);
}
.editCheckboxes {
margin-bottom: .5rem;
}

.oo-ui-panelLayout-framed {
border: none;
background-color: var(--hedgedocs-frame-bg-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: var(--hedgedocs-frame-bg-color) !important;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected .oo-ui-labelElement-label, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
border: none !important;
}

.approved-revision {
background-color: transparent !important;
border: 3px solid;
color: var(--hedgedocs-fg-color) !important;
}

#mw-content-text {
margin-top: 0 !important;
}
figure[typeof~='mw:File/Thumb'] {
background-color: transparent !important;
border: none !important;
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'].mw-halign-left {
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description > img {
background-color: transparent !important;
border: none !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description::after {
display: none !important;
}

figure[typeof~='mw:File/Thumb'] > figcaption {
background-color: transparent !important;
border: none !important;
padding: 5px !important;
}
.mw-body-content a {
color: var(--hedgedocs-link-color);
}
.mw-body-content a:visited, .mw-body-content a:visited:hover{
color: var(--hedgedocs-link-color);
}
.mw-body-content a.new {
color: var(--hedgedocs-new-link-color);
}
.mw-body-content a.new:visited, .mw-body-content a.new:visited:hover{
color: var(--hedgedocs-new-link-color);
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: var(--hedgedocs-table-header-bg-color) !important;
color: var(--hedgedocs-table-header-fg-color) !important;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
background-color: var(--hedgedocs-table-data-bg-color);
color: var(--hedgedocs-fg-color);
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid var(--hedgedocs-table-border-color) !important;
padding: 5px 9px;
}
code, pre {
background-color: var(--hedgedocs-frame-bg-color);
border-color: var(--hedgedocs-base-border-color);
color: var(--hedgedocs-fg-color-light);
scrollbar-color: var(--hedgedocs-scrollbar-color) transparent;
}
pre {
overflow: auto;
white-space: pre;
}
figure.embedvideo, figure.embedvideo video {
height: auto !important;
width: 640px !important;
}
figure.embedvideo[data-service="local-embed"] span.embedvideo-wrapper {
height: auto !important;
width: 640px !important;
}

/* HEDGEDOCS CUSTOM ELEMENTS */

.hedgedocs-card {
display: grid;
background-color: var(--hedgedocs-frame-bg-color);
padding: 5px 20px 25px 20px;
margin-bottom: 1rem;
border-radius: 2px;
}

.hedgedocs-card-header p {
margin: .5rem 0 0 0 !important;
font-weight: bolder;
font-size: 25px;
}

.hedgedocs-card-header {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}

.hedgedocs-card-description {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
text-align: justify;
}

.hedgedocs-card-button {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
text-align: right;
}

.hedgedocs-card-button a {
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 30px !important;
background-image: none !important;
transition: background-color 0.1s;
border-radius: 2px;
}

.hedgedocs-card-button a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-card-button p {
margin: 0 !important;
}

.hedgedocs-home-links {
display: flex;
flex-direction: column;
justify-content: center;
}

.hedgedocs-home-links a {
display: inline-block;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 0px 10px 0px !important;
text-align: center;
margin-bottom: 10px;
background-image: none !important;
transition: background-color 0.1s;
width: 100%;
margin-left: 0;
margin-right: 0;
border-radius: 2px;
}

.hedgedocs-home-links a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-home-links p {
margin: 0 0 1.5em 0 !important;
}

.hedgedocs-home-links a {
margin-left: 0;
margin-right: 0;
}

.hedgedocs-homepage-scripts {
display: none;
}

:root {
--imagePreview-finalScale: 1.75;
--imagePreview-finalScale-bounce: 1.765;
}

.imagePreview-background {
background: #000000;
visibility: visible;
display: inherit;
opacity: 85%;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
transition: opacity 2s;
animation: fadein 0.25s;
cursor: default;
}

.imagePreview {
text-align: center;
opacity: 0;
justify-content: center;
display: none;
z-index: 9;
position: fixed;
transition: opacity 0.25s;
}

.imagePreview-image {
flex-direction: column;
align-items: center;
display: none;
z-index: 9;
position: fixed;
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
}

.imagePreview-image-element {
display: block;
cursor: default !important;
object-fit: contain;
max-width: 50vw;
max-height: 40vh;
}

@media screen and (max-width: 76.25em) {
.imagePreview-image-element {
max-width: 50vw;
max-height: 45vw;
}
}

.imagePreview-image-caption {
display: block;
width: -moz-fit-content;
width: 100%;
color: #888888 !important;
margin-top: .5rem;
font-size: 10px;
line-height: 12px;
text-align: left;
}

.imagePreview-image-caption:hover {
color: #CCCCCC !important;
}

.scaleup {
animation: scaleup 0.25s forwards;
}

.scaledown {
animation: scaledown 0.3s forwards;
}

@keyframes scaleup {
0% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}

100% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}
}

@keyframes scaledown {
0% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}

80% {
opacity: 0%;
}

100% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}
}

.hedgedocs-infobox {
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid var(--hedgedocs-base-border-color);
background-color: var(--hedgedocs-frame-bg-color);
padding: 7px 13px 10px 13px;
margin-bottom: 1em;
font-size: 88%;
float: right;
clear: right;
width: 17rem;
margin-left: 1rem;
}

.hedgedocs-infobox tr {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}

.hedgedocs-infobox tbody {
display: block;
width: 100%;
}

@media screen and (max-width: 76.25em) {
.hedgedocs-infobox {
float: none;
clear: none;
margin: auto;
width: 20rem;
}
}

.hedgedocs-infobox-title {
font-size: 1.2em;
font-weight: bold;
text-align: center;
padding-bottom: 0.2rem;
}

.hedgedocs-infobox-image {
text-align: center;
padding-bottom: 0.75rem;
}

.hedgedocs-infobox-image img {
max-width: 100%;
height: auto;
}

.hedgedocs-infobox-label {
font-weight: bold;
width: 50%;
vertical-align: top;
}

.hedgedocs-infobox-data {
width: 50%;
}

.hedgedocs-infobox-website,
.hedgedocs-infobox-download {
padding-top: 0.25rem;
width: 100%;
}

.hedgedocs-infobox .hedgedocs-infobox-links a {
display: block;
padding: .5em !important;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
text-decoration: none;
background-image: none !important;
width: auto;
transition: background-color 125ms;
}

.hedgedocs-infobox a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
color: var(--hedgedocs-button-accent-fg-color);
text-decoration: none;
}

.hedgedocs-notice {
border: 1px solid;
border-radius: 2px;
color: var(--hedgedocs-fg-color);
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.051), 0 0 0.05rem rgba(0, 0, 0, 0.102);
margin: 1.5rem 0;
}

.hedgedocs-notice-note {
border-color: var(--hedgedocs-notice-note-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-note-header-color);
}
}
.hedgedocs-notice-info {
border-color: var(--hedgedocs-notice-info-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-info-header-color);
}
}
.hedgedocs-notice-warn {
border-color: var(--hedgedocs-notice-warn-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-warn-header-color);
}
}
.hedgedocs-notice-example {
border-color: var(--hedgedocs-notice-example-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-example-header-color);
}
}

.hedgedocs-notice .hedgedocs-notice-header {
font-weight: bold;
color: var(--hedgedocs-fg-color);
padding: 7px 15px;
}
.hedgedocs-notice-content {
padding: 15px;
background-color: var(--hedgedocs-frame-bg-color);
white-space: pre-wrap;
}
.hedgedocs-notice-content ul {
margin-top: 0 !important;
white-space: normal;
}
.hedgedocs-notice-content p {
display: inline-block;
padding: 0;
margin: 0 !important;
}

.vector-main-menu-action-opt-out {
display: none;
}
.vector-settings {
display: none;
}
li#ca-talk, li#ca-nstab-main {
display: none;
}
div.vector-page-toolbar-container {
box-shadow: none;
background-color: var(--hedgedocs-bg-color-secondary);
padding: 0 10px;
}
.vector-page-titlebar::after {
display: none !important;
}
.mw-portlet-skin-client-prefs-vector-feature-custom-font-size {
display: none;
}
.mw-editsection { display:none; }
li#footer-places-disclaimers {
display: none;
}

MediaWiki:Vector-2022.css

2025-07-12T17:58:31Z

PTKay:

/* HEDDGEDOCS COLOR PALETTES */

:root {
--hedgedocs-accent-color: #3e7e9e;
--hedgedocs-accent-color-secondary: #4d9ec7;

--hedgedocs-base-border-color: #adb5c2;

--hedgedocs-frame-bg-color: #e9ebec;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #f0f3f4;
--hedgedocs-bg-color-secondary: #dddddd;

--hedgedocs-header-color: var(--hedgedocs-accent-color);
--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #333333;
--hedgedocs-fg-color: #202122;

--hedgedocs-link-color: #36c;
--hedgedocs-link-hover: #757575;
--hedgedocs-link-active-color: #00aedf;
--hedgedocs-new-link-color: #d73333;

--hedgedocs-input-bg-color: #ffffff;
--hedgedocs-input-fg-color: #202122;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #bbbbbb;
--hedgedocs-button-bg-color-hover: #999999;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-fg-color: #ffffff;
--hedgedocs-button-accent-bg-color-hover: var(--hedgedocs-accent-color-secondary);

--hedgedocs-table-header-bg-color: var(--hedgedocs-bg-color-secondary);
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #B2B2B2;

--hedgedocs-notice-note-header-color: rgba(68, 138, 255, 0.15);
--hedgedocs-notice-note-border-color: rgba(68, 138, 255, 0.75);
--hedgedocs-notice-info-header-color: rgba(0, 184, 212, 0.15);
--hedgedocs-notice-info-border-color: rgba(0, 184, 212, 0.75);
--hedgedocs-notice-warn-header-color: rgba(255, 145, 0, 0.15);
--hedgedocs-notice-warn-border-color: rgba(255, 145, 0, 0.75);
--hedgedocs-notice-example-header-color: rgba(118, 84, 250, 0.15);
--hedgedocs-notice-example-border-color: rgba(118, 84, 250, 0.75);
}

.skin-theme-clientpref-night {
--hedgedocs-accent-color: #0f3885;
--hedgedocs-accent-color-secondary: #0d2a5f;

--hedgedocs-base-border-color: #414658;

--hedgedocs-frame-bg-color: #1a1c24;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #151515;
--hedgedocs-bg-color-secondary: #272a35;

--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #e0e6e6;
--hedgedocs-fg-color: #d2d2d2;

--hedgedocs-link-color: #88a3e8;
--hedgedocs-link-hover: #4e67f0;
--hedgedocs-link-active-color: #5082dc;
--hedgedocs-new-link-color: #fd7865;

--hedgedocs-input-bg-color: #222222;
--hedgedocs-input-fg-color: #d2d2d2;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #333333;
--hedgedocs-button-bg-color-hover: #555555;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);

--hedgedocs-table-header-bg-color: #252833;
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #3A3A3A;
}

:root, .skin-theme-clientpref-night, html.skin-theme-clientpref-night {
--background-color-base: var(--hedgedocs-bg-color);
--background-color-interactive: var(--hedgedocs-bg-color-secondary);
--background-color-interactive-subtle: var(--hedgedocs-bg-color-secondary);
--background-color-neutral-subtle: var(--hedgedocs-bg-color);
--border-color-base: var(--hedgedocs-base-border-color);
}
body {
background-color: var(--hedgedocs-bg-color) !important;
color: var(--hedgedocs-fg-color) !important;
}
.mw-page-container {
background-color: transparent !important;
}
.mw-heading, h1, h2:not(.vector-pinnable-header-label), h3, h4, h5, h6 {
color: var(--hedgedocs-fg-color) !important;
}

/* HEDDGEDOCS DARK THEME TWEAKS */

html.skin-theme-clientpref-night, .skin-theme-clientpref-night * {
filter: none !important;
}

.skin-theme-clientpref-night {
.mw-page-container .vector-icon {
filter: invert() !important;
}

.vector-icon.mw-ui-icon-listBullet {
filter: none !important;
}

.vector-icon.mw-ui-icon-wikimedia-unStar, .vector-icon.mw-ui-icon-wikimedia-star, .vector-icon.mw-ui-icon-wikimedia-expand {
filter: none !important;
}

#vector-page-tools-dropdown-label {
color: var(--hedgedocs-fg-color);
transition: color 0s;
}

.vector-header-container .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: brightness(2) !important;
}

.ext-darkmode-link::after {
content: '\263C';
}

.mw-list-item span#skin-theme-beta-notice {
display: none !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}

.oo-ui-iconElement-icon:not(.oo-ui-checkboxInputWidget-checkIcon, .oo-ui-image-progressive, .oo-ui-icon-error), .oo-ui-indicatorElement-indicator {
filter: invert() !important;
}
}

.ext-darkmode-link::after {
content: '\263E';
display: inline-block;
}

span#skin-theme-beta-notice {
display: none !important;
}

#skin-client-prefs-skin-theme .cdx-radio:first-child {
display: none;
}

/* HEDDGEDOCS FONTS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
--font-size-medium: var(--hedgedocs-font-size);

--hedgedocs-font-size: 16px;
--hedgedocs-font-size-sidebars: 16px;
--hedgedocs-font-size-sidebars-pin-button: 13px;

--hedgedocs-font: 'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
--hedgedocs-code-font: 'Roboto Mono', SFMono-Regular, Consolas, Menlo, monospace;
}
body {
-webkit-font-smoothing: antialiased;
}

body, .mw-body, h1, h2, .mw-createacct-benefits-heading, .oo-ui-menuToolGroup-tools .oo-ui-tool-title, .vector-sticky-header-context-bar-primary, .mw-body-content .mw-number-text span {
font-family: var(--hedgedocs-font) !important;
}
body .oo-ui-tool-name-preformatted .oo-ui-tool-link .oo-ui-tool-title, pre, code, tt, kbd, samp, .mw-code {
font-family: var(--hedgedocs-code-font) !important;
}
h1 {
font-weight: bold;
}

/* HEDGEDOCS PAGE STYLING CSS */

.mw-logo-wordmark {
font-size: 17pt;
}
.mw-logo-icon {
font-size: 7pt;
padding-left: 1.5em;
}
.mw-logo {
transition: opacity .25s;
}
.mw-logo:hover {
opacity: 0.7;
}

div.vector-pinnable-header-label, h2.vector-pinnable-header-label {
background: var(--hedgedocs-header-color);
color: var(--hedgedocs-header-fg-color);
padding: 2px 10px 2px 10px;
cursor: default;
margin: 0em !important;
}
button.vector-pinnable-header-toggle-button {
width: 100%;
text-align: center;
font-size: var(--hedgedocs-font-size-sidebars-pin-button);
background-color: var(--hedgedocs-button-bg-color);
padding: 2px 10px 2px 10px;
transition: background-color 0.1s;
margin-bottom: 0.5rem;
}
button.vector-pinnable-header-toggle-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover);
}
div.vector-pinnable-header {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
display: flex;
flex-direction: column;
justify-content: center;
}
div.vector-pinnable-element div.vector-menu-heading {
color: var(--hedgedocs-fg-color-light);
font-weight: bold;
cursor: default;
padding: 6px 0;
border-bottom: none;
}
#vector-main-menu .vector-menu-content .mw-list-item:hover {
}
#vector-main-menu .vector-menu-content .mw-list-item a {
font-weight: bold;
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item a:hover {
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item {
margin-bottom: 0;
}
.mw-list-item a, .vector-toc-link {
color: var(--hedgedocs-fg-color) !important;
transition: color 125ms;
}
.mw-list-item a:hover, .vector-toc-link:hover {
color: var(--hedgedocs-link-hover) !important;
text-decoration: none;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link {
color: var(--hedgedocs-link-active-color) !important;
font-weight: inherit;
}
.vector-pinnable-element, .vector-pinnable-header-label {
font-size: var(--hedgedocs-font-size-sidebars) !important;
}
.vector-pinned-container {
background-color: var(--hedgedocs-bg-color) !important;
}
.vector-sticky-pinned-container::after {
background: linear-gradient(rgba(255, 255, 255, 0), var(--hedgedocs-bg-color)) !important;
}

#toc-mw-content-text {
display: none;
}
div.vector-toc-pinnable-header {
margin-bottom: .25rem;
}
.vector-toc .vector-toc-toggle {
top: 4px !important;
}
.vector-toc button.vector-pinnable-header-toggle-button {
display: none !important;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link span, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link span, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link span {
border-left: .25em solid;
padding-left: .5em;
}

.vector-page-titlebar .firstHeading {
padding-bottom: 6px !important;
}
.firstHeading.mw-first-heading {
font-size: 2.2rem;
}

.vector-menu-tabs .mw-list-item.vector-tab-noicon > a, #vector-page-tools-dropdown-label {
padding: 9px 0 7px 0 !important;
}

.vector-header-container header.mw-header, .vector-header-container div.vector-sticky-header {
background-color: transparent;
max-width: 99.75rem;
}
.vector-sticky-header-context-bar .mw-page-title-main {
font-weight: bold;
}
.vector-header-container {
background-color: var(--hedgedocs-header-color);
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3), 0 0.4rem 4rem rgba(0, 0, 0, 0.15);
align-items: center;
justify-content: center;
min-height: 5rem;
margin-bottom: 1rem;
}
.vector-header-container div.vector-sticky-header {
color: var(--hedgedocs-header-fg-color);
border: none;
}
.vector-header-container .vector-button-flush-left {
margin-right: -24px;
}
.vector-header-container .vector-header-start .vector-button-flush-right {
margin-right: -24px;
}
.vector-header-container .vector-header-end .vector-button-flush-right {
margin-right: -6px;
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer), .mw-header a:visited:not(.vector-menu-content a), .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a) {
color: var(--hedgedocs-header-fg-color) !important;
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer):hover, .mw-header a:visited:not(.vector-menu-content a):hover, .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a):hover {
color: var(--hedgedocs-header-fg-color) !important;
}
.vector-dropdown div.vector-dropdown-content {
background-color: var(--hedgedocs-bg-color);
}
.mw-header .vector-icon:not(.vector-dropdown-content .vector-icon ) {
filter: invert();
}
.vector-user-menu-logged-in .vector-dropdown-label::after {
background-color: var(--hedgedocs-header-fg-color) !important;
}
.vector-header-container .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: invert() brightness(2);
}
.vector-header .cdx-button.cdx-button--icon-only {
min-width: 32px !important;
}
@media screen and (max-width: calc(639px)) {
.vector-header {
flex-flow: row !important;
}
.mw-logo {
min-width: 11em !important;
}
}
.cdx-menu-item__text .cdx-search-result-title {
color: var(--hedgedocs-fg-color);
}
.cdx-menu {
color: var(--hedgedocs-fg-color);
}
.vector-header-container.vector-sticky-header-container {
min-height: 3.5rem;
font-size: 11pt;
}

.mw-footer li {
color: var(--hedgedocs-fg-color) !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background-color: var(--hedgedocs-input-bg-color);
color: var(--hedgedocs-fg-color);
}
.oo-ui-textInputWidget input.oo-ui-inputWidget-input{
background-color: var(--hedgedocs-input-bg-color);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--hedgedocs-input-bg-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue {
color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
span.cdx-text-input__icon.cdx-text-input__start-icon {
background-color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
textarea {
background-color: var(--hedgedocs-bg-color);
}
button.cdx-button, button.cdx-button:enabled, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-bg-color);
border: none;
transition: background-color 0.1s;
}
button.cdx-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
transition: background-color 0.1s;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover) !important;
}
.cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color) !important;
}
.cdx-radio:hover .cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-radio__input:enabled:checked+.cdx-radio__icon {
background-color: var(--hedgedocs-button-check-fg-color) !important;
border-color: var(--hedgedocs-button-check-bg-color) !important;
}
.cdx-radio__input:enabled+.cdx-radio__icon {
border-color: var(--hedgedocs-base-border-color) !important;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--hedgedocs-button-check-bg-color) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
color: var(--hedgedocs-button-accent-fg-color) !important;
}
.tdg-templateDataParamWidget-param-alias:first-child {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color-light) !important;
border-color: var(--hedgedocs-base-border-color);
}

.oo-ui-toolbar-bar {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color) !important;
}
.oo-ui-menuToolGroup, .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-color: var(--hedgedocs-bg-color) !important;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
color: var(--hedgedocs-header-fg-color) !important;
background-color: var(--hedgedocs-header-color) !important;
}
.editOptions {
background-color: var(--hedgedocs-bg-color-secondary);
color: var(--hedgedocs-fg-color);
}
.editCheckboxes {
margin-bottom: .5rem;
}

.oo-ui-panelLayout-framed {
border: none;
background-color: var(--hedgedocs-frame-bg-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: var(--hedgedocs-frame-bg-color) !important;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected .oo-ui-labelElement-label, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
border: none !important;
}

.approved-revision {
background-color: transparent !important;
border: 3px solid;
color: var(--hedgedocs-fg-color) !important;
}

#mw-content-text {
margin-top: 0 !important;
}
figure[typeof~='mw:File/Thumb'] {
background-color: transparent !important;
border: none !important;
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'].mw-halign-left {
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description > img {
background-color: transparent !important;
border: none !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description::after {
display: none !important;
}

figure[typeof~='mw:File/Thumb'] > figcaption {
background-color: transparent !important;
border: none !important;
padding: 5px !important;
}
.mw-body-content a {
color: var(--hedgedocs-link-color);
}
.mw-body-content a:visited, .mw-body-content a:visited:hover{
color: var(--hedgedocs-link-color);
}
.mw-body-content a.new {
color: var(--hedgedocs-new-link-color);
}
.mw-body-content a.new:visited, .mw-body-content a.new:visited:hover{
color: var(--hedgedocs-new-link-color);
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: var(--hedgedocs-table-header-bg-color) !important;
color: var(--hedgedocs-table-header-fg-color) !important;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
background-color: var(--hedgedocs-table-data-bg-color);
color: var(--hedgedocs-fg-color);
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid var(--hedgedocs-table-border-color) !important;
padding: 5px 9px;
}
code, pre {
background-color: var(--hedgedocs-frame-bg-color);
border-color: var(--hedgedocs-base-border-color);
color: var(--hedgedocs-fg-color-light);
scrollbar-color: var(--hedgedocs-scrollbar-color) transparent;
}
pre {
overflow: auto;
white-space: pre;
}
figure.embedvideo, figure.embedvideo video {
height: auto !important;
width: 640px !important;
}
figure.embedvideo[data-service="local-embed"] span.embedvideo-wrapper {
height: auto !important;
width: 640px !important;
}

/* HEDGEDOCS CUSTOM ELEMENTS */

.hedgedocs-card {
display: grid;
background-color: var(--hedgedocs-frame-bg-color);
padding: 5px 20px 25px 20px;
margin-bottom: 1rem;
border-radius: 2px;
}

.hedgedocs-card-header p {
margin: .5rem 0 0 0 !important;
font-weight: bolder;
font-size: 25px;
}

.hedgedocs-card-header {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}

.hedgedocs-card-description {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
text-align: justify;
}

.hedgedocs-card-button {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
text-align: right;
}

.hedgedocs-card-button a {
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 30px !important;
background-image: none !important;
transition: background-color 0.1s;
border-radius: 2px;
}

.hedgedocs-card-button a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-card-button p {
margin: 0 !important;
}

.hedgedocs-home-links {
display: flex;
flex-direction: column;
justify-content: center;
}

.hedgedocs-home-links a {
display: inline-block;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 0px 10px 0px !important;
text-align: center;
margin-bottom: 10px;
background-image: none !important;
transition: background-color 0.1s;
width: 100%;
margin-left: 0;
margin-right: 0;
border-radius: 2px;
}

.hedgedocs-home-links a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-home-links p {
margin: 0 0 1.5em 0 !important;
}

.hedgedocs-home-links a {
margin-left: 0;
margin-right: 0;
}

.hedgedocs-homepage-scripts {
display: none;
}

:root {
--imagePreview-finalScale: 1.75;
--imagePreview-finalScale-bounce: 1.765;
}

.imagePreview-background {
background: #000000;
visibility: visible;
display: inherit;
opacity: 85%;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
transition: opacity 2s;
animation: fadein 0.25s;
cursor: default;
}

.imagePreview {
text-align: center;
opacity: 0;
justify-content: center;
display: none;
z-index: 9;
position: fixed;
transition: opacity 0.25s;
}

.imagePreview-image {
flex-direction: column;
align-items: center;
display: none;
z-index: 9;
position: fixed;
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
}

.imagePreview-image-element {
display: block;
cursor: default !important;
object-fit: contain;
max-width: 20vw;
max-height: 15vw;
}

@media screen and (max-width: 76.25em) {
.imagePreview-image-element {
max-width: 50vw;
max-height: 45vw;
}
}

.imagePreview-image-caption {
display: block;
width: -moz-fit-content;
width: 100%;
color: #888888 !important;
margin-top: .5rem;
font-size: 10px;
line-height: 12px;
text-align: left;
}

.imagePreview-image-caption:hover {
color: #CCCCCC !important;
}

.scaleup {
animation: scaleup 0.25s forwards;
}

.scaledown {
animation: scaledown 0.3s forwards;
}

@keyframes scaleup {
0% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}

100% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}
}

@keyframes scaledown {
0% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}

80% {
opacity: 0%;
}

100% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}
}

.hedgedocs-infobox {
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid var(--hedgedocs-base-border-color);
background-color: var(--hedgedocs-frame-bg-color);
padding: 7px 13px 10px 13px;
margin-bottom: 1em;
font-size: 88%;
float: right;
clear: right;
width: 17rem;
margin-left: 1rem;
}

.hedgedocs-infobox tr {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}

.hedgedocs-infobox tbody {
display: block;
width: 100%;
}

@media screen and (max-width: 76.25em) {
.hedgedocs-infobox {
float: none;
clear: none;
margin: auto;
width: 20rem;
}
}

.hedgedocs-infobox-title {
font-size: 1.2em;
font-weight: bold;
text-align: center;
padding-bottom: 0.2rem;
}

.hedgedocs-infobox-image {
text-align: center;
padding-bottom: 0.75rem;
}

.hedgedocs-infobox-image img {
max-width: 100%;
height: auto;
}

.hedgedocs-infobox-label {
font-weight: bold;
width: 50%;
vertical-align: top;
}

.hedgedocs-infobox-data {
width: 50%;
}

.hedgedocs-infobox-website,
.hedgedocs-infobox-download {
padding-top: 0.25rem;
width: 100%;
}

.hedgedocs-infobox .hedgedocs-infobox-links a {
display: block;
padding: .5em !important;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
text-decoration: none;
background-image: none !important;
width: auto;
transition: background-color 125ms;
}

.hedgedocs-infobox a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
color: var(--hedgedocs-button-accent-fg-color);
text-decoration: none;
}

.hedgedocs-notice {
border: 1px solid;
border-radius: 2px;
color: var(--hedgedocs-fg-color);
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.051), 0 0 0.05rem rgba(0, 0, 0, 0.102);
margin: 1.5rem 0;
}

.hedgedocs-notice-note {
border-color: var(--hedgedocs-notice-note-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-note-header-color);
}
}
.hedgedocs-notice-info {
border-color: var(--hedgedocs-notice-info-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-info-header-color);
}
}
.hedgedocs-notice-warn {
border-color: var(--hedgedocs-notice-warn-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-warn-header-color);
}
}
.hedgedocs-notice-example {
border-color: var(--hedgedocs-notice-example-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-example-header-color);
}
}

.hedgedocs-notice .hedgedocs-notice-header {
font-weight: bold;
color: var(--hedgedocs-fg-color);
padding: 7px 15px;
}
.hedgedocs-notice-content {
padding: 15px;
background-color: var(--hedgedocs-frame-bg-color);
white-space: pre-wrap;
}
.hedgedocs-notice-content ul {
margin-top: 0 !important;
white-space: normal;
}
.hedgedocs-notice-content p {
display: inline-block;
padding: 0;
margin: 0 !important;
}

.vector-main-menu-action-opt-out {
display: none;
}
.vector-settings {
display: none;
}
li#ca-talk, li#ca-nstab-main {
display: none;
}
div.vector-page-toolbar-container {
box-shadow: none;
background-color: var(--hedgedocs-bg-color-secondary);
padding: 0 10px;
}
.vector-page-titlebar::after {
display: none !important;
}
.mw-portlet-skin-client-prefs-vector-feature-custom-font-size {
display: none;
}
.mw-editsection { display:none; }
li#footer-places-disclaimers {
display: none;
}

MediaWiki:Common.js

2025-07-11T23:32:16Z

PTKay:

// Create image preview block
const imagePreviewElem = document.createElement('div')
imagePreviewElem.innerHTML = '<div class="imagePreview"> <div class="imagePreview-background"></div> <div class="imagePreview-image"> <img class="imagePreview-image-element" style="cursor: pointer"> <a target="_blank" class="imagePreview-image-caption">Open image page</a> </div> </div>'

const bodyElem = document.querySelector('body')
bodyElem.insertBefore(imagePreviewElem.firstChild, bodyElem.firstChild)

initChanges()
window.navigation.addEventListener("navigate", (event) => {
initChanges()
})

function initChanges() {
makeImagesClickable()
//headerStyling()
}

function makeImagesClickable() {
const background = document.querySelector('.imagePreview-background')
background.addEventListener('click', hideImagePreview)

const images = document.querySelectorAll("figure[typeof~='mw:File/Thumb'] a, figure[typeof~='mw:File'] a, figure[typeof~='mw:File/Frame'] a, .hedgedocs-infobox-image a, .gallery .gallerybox .thumb a")

for(let i = 0; i < images.length; i++) {
const imageClickable = images[i]
const image = imageClickable.querySelector('img')

let originalLocation = imageClickable.getAttribute('data-image-page')
if (!originalLocation) {
originalLocation = imageClickable.href
imageClickable.removeAttribute('href')
imageClickable.setAttribute('data-image-page', originalLocation)
}

imageClickable.setAttribute('style', 'cursor: pointer')
imageClickable.addEventListener('click', () => imageClicked(originalLocation, image))
}
}

function hideImagePreview(event) {
const imageDiv = document.querySelector('.imagePreview-image')
imageDiv.classList.add('scaledown')
imageDiv.classList.remove('scaleup')

const background = document.querySelector('.imagePreview')
background.style.opacity = '0%'
setTimeout(() => {
background.style.display = 'none'
const imageElem = document.querySelector('.imagePreview-image-element')
imageElem.src = ''
}, 250)
makeImagesClickable()
}

function imageClicked(originalLocation, image) {
const background = document.querySelector('.imagePreview')
background.style.display = 'inherit'
setTimeout(() => {
background.style.opacity = '100%'

const imageDiv = document.querySelector('.imagePreview-image')
imageDiv.style.display = 'flex'
imageDiv.classList.add('scaleup')
imageDiv.classList.remove('scaledown')
const imageElem = document.querySelector('.imagePreview-image-element')

// Get non-thumbnail version
let originalImageSource = image.src
if (originalImageSource.includes('thumb/')) {
originalImageSource = image.src.replace('thumb/', '')
originalImageSource = originalImageSource.substring(0, originalImageSource.lastIndexOf('/'))
}

imageElem.src = originalImageSource
imageElem.alt = image.alt

const imageCaption = document.querySelector('.imagePreview-image-caption')
imageCaption.href = originalLocation
}, 20)
}

function headerStyling() {
const header = document.querySelector('body > div:nth-child(3) > header > div.vector-header-start > a > span')

if (header && header.children.length == 1) {
const div = document.createElement('span')
div.classList.add('logo-text')
div.innerHTML = '<span class="md-ellipsis" style="font-weight: 900;">Hedge</span><span class="md-ellipsis" style="font-weight: 100;">Docs</span>'

header.replaceChildren(div)
}
}

MediaWiki:Common.js

2025-07-11T23:28:39Z

PTKay:

// Create image preview block
const imagePreviewElem = document.createElement('div')
imagePreviewElem.innerHTML = '<div class="imagePreview"> <div class="imagePreview-background"></div> <div class="imagePreview-image"> <img class="imagePreview-image-element" style="cursor: pointer"> <a target="_blank" class="imagePreview-image-caption">Open image page</a> </div> </div>'

const bodyElem = document.querySelector('body')
bodyElem.insertBefore(imagePreviewElem.firstChild, bodyElem.firstChild)

initChanges()
window.navigation.addEventListener("navigate", (event) => {
initChanges()
})

function initChanges() {
makeImagesClickable()
//headerStyling()
}

function makeImagesClickable() {
const background = document.querySelector('.imagePreview-background')
background.addEventListener('click', hideImagePreview)

const images = document.querySelectorAll("figure[typeof~='mw:File/Thumb'] a, figure[typeof~='mw:File'] a, .hedgedocs-infobox-image a, .gallery .gallerybox .thumb a")

for(let i = 0; i < images.length; i++) {
const imageClickable = images[i]
const image = imageClickable.querySelector('img')

let originalLocation = imageClickable.getAttribute('data-image-page')
if (!originalLocation) {
originalLocation = imageClickable.href
imageClickable.removeAttribute('href')
imageClickable.setAttribute('data-image-page', originalLocation)
}

imageClickable.setAttribute('style', 'cursor: pointer')
imageClickable.addEventListener('click', () => imageClicked(originalLocation, image))
}
}

function hideImagePreview(event) {
const imageDiv = document.querySelector('.imagePreview-image')
imageDiv.classList.add('scaledown')
imageDiv.classList.remove('scaleup')

const background = document.querySelector('.imagePreview')
background.style.opacity = '0%'
setTimeout(() => {
background.style.display = 'none'
const imageElem = document.querySelector('.imagePreview-image-element')
imageElem.src = ''
}, 250)
makeImagesClickable()
}

function imageClicked(originalLocation, image) {
const background = document.querySelector('.imagePreview')
background.style.display = 'inherit'
setTimeout(() => {
background.style.opacity = '100%'

const imageDiv = document.querySelector('.imagePreview-image')
imageDiv.style.display = 'flex'
imageDiv.classList.add('scaleup')
imageDiv.classList.remove('scaledown')
const imageElem = document.querySelector('.imagePreview-image-element')

// Get non-thumbnail version
let originalImageSource = image.src
if (originalImageSource.includes('thumb/')) {
originalImageSource = image.src.replace('thumb/', '')
originalImageSource = originalImageSource.substring(0, originalImageSource.lastIndexOf('/'))
}

imageElem.src = originalImageSource
imageElem.alt = image.alt

const imageCaption = document.querySelector('.imagePreview-image-caption')
imageCaption.href = originalLocation
}, 20)
}

function headerStyling() {
const header = document.querySelector('body > div:nth-child(3) > header > div.vector-header-start > a > span')

if (header && header.children.length == 1) {
const div = document.createElement('span')
div.classList.add('logo-text')
div.innerHTML = '<span class="md-ellipsis" style="font-weight: 900;">Hedge</span><span class="md-ellipsis" style="font-weight: 100;">Docs</span>'

header.replaceChildren(div)
}
}

Unleashed-Generations Havok Collision Attributes

2025-04-20T11:19:48Z

PTKay:

Sonic Unleashed and Sonic Generations have several collision tags that they use to determine the type of terrain, its properties, and what can collide with what else. These attributes can be applied to <code>.hkx</code> files with [[Havok Converter]]. To learn how to apply these tags to collision meshes, check out [[Adding Collision Tags with Havok Converter]].

== Material Type ==

=== swa_attribute (1260399450) ===
{| class="wikitable"
!Index
!Type
!Notes
|-
|0
|Unknown
|
|-
|1
|Normal
|This plays Concrete footstep sounds
|-
|2
|DeepWater
|Requires Convex Hull meshes in Generations
|-
|3
|Rock
|This also plays Concrete footstep sounds
|-
|4
|Dirt
|
|-
|5
|Wood
|
|-
|6
|Grass
|
|-
|7
|Snow
|This requires an extra file to be added in Generations, add a file called
<code>ef_ch_sns_yh1_smoke_snow.dds</code> to prevent it from crashing the game
|-
|8
|Metal
|
|-
|9
|Sand
|Generations will play Concrete sound effects instead
|-
|10
|Glass
|
|-
|11
|ShallowWater
|Sonic can walk inside the collision with @Water in the name, otherwise he can only walk on the collision
|-
|12
|Dead
|Kills the player if touched
|-
|13
|Damage
|
|-
|14
|NoDeadWater
|Water that doesn't make you drown,
use Box or Convex Hull meshes in Generations
|-
|15
|NoEffect
|Will play no footsteps or emit any particles in Unleashed
In Generations this will still play footstep sounds
|-
|16
|Oil
|Only in Generations
|-
|17
|PinballGlass
|Only in Generations, used in Casino Night Zone
|-
|18
|WrongWay
|Only in Generations
|-
|19
|Lava
|Only in Generations
|-
|20
|Poison
|Only in Generations
|}
== Collision Properties ==
Most of the parameters here are boolean parameters, with 0 value indicating it's disabled, and 1 indicating it's enabled.
{| class="wikitable sortable"
|+
!Parameter Name
!ID
!Description
|-
|swa_evil_isbalance_ground
|122999549
|This is used for the Werehog to detect if he should start balancing on a tight strip, and its also used for Classic Sonic to detect where a ledge is.
|-
|swa_isIce_ground
|246659335
|If enabled, this'll make the ground slippery (like in Holoska in Sonic Unleashed). This requires some extra files to be present to make it work; if these files are missing, the game will crash when the collision is touched by the player.
|-
|swa_col_other
|620872783
|If enabled, anything that isn't the player or the camera will collide with the object.
|-
|intersectional_way
|1009866916
|Generations only, used in Casino Night Zone.
|-
|swa_sonic_isbeltconveyor
|1196263925
|Used for the <code>BeltConveyorCollision</code> object in Generations and the <code>Egg_BeltCollision</code>'''/'''<code>Egg_BeltCollisionSV</code> objects in Unleashed, the value of this field is the speed of the conveyor belt.
|-
|swa_sonic_isplayerwall
|1368296714
|Used to indicate if a surface can be used for wall-jumping.
|-
|swa_col_specific
|1330259859
|This is set to 1 by default, setting it to 2 or 3 will make the IKs for Sonic adjust to the terrain.
|-
|swa_col_attacking
|1651585625
|
|-
|swa_col_camera
|1706239430
|If enabled, the camera will collide with this object.
|-
|pinball_glass
|2040148113
|Generations only, used in Casino Night Zone.
|-
|swa_col_player
|2088238466
|If enabled, the player will collide with the object.
|}

== Mesh Name Tags ==
Rigid bodies can have custom properties that are detected by the game itself to determine their interactions with other objects. These tags are added at the end of mesh names with an @ symbol as the separator (e.g. ghz_sea@Water). These properties are '''<u>Case-Sensitive</u>'''.
{| class="wikitable"
|+
!Name
!Notes
|-
|@Balance
|Unleashed only
|-
|@DamageFall
|
|-
|@DisableThrowColl
|
|-
|@DisableTemColl
|
|-
|@EnableQtoW / @enableQtoW
|Generations only
|-
|@Spiral / @spiral
|Generations only
|-
|@Slide
|Requires a path with an ID of
888 to be present in the stage.
|-
|@NoStanding
|
|-
|@NoCamera
|Allows the camera to pass through the collision mesh
|-
|@IceGround
|
|-
|@Water
|Allows Sonic to go inside the collision mesh when using ShallowWater type
|}

== Collision Shapes ==
[[Havok Converter]] allows you to specify the shape of your collision meshes by appending tags to their names. By default, rigid bodies are created as mesh shapes, which might be incompatible with certain properties such as @Water. This is where you need to pick a collision shape that fits your use case. These tags are '''<u>Case-Sensitive</u>'''.
{| class="wikitable"
|+
!Name
!Notes
|-
|@CONVEX(true)
|Convex Hull mesh, most recommended outside mesh shapes
|-
|@CONVEX(1)
|Same as @CONVEX(true) but shorter way of specifying it
|-
|@BOX
|Axis aligned box that covers the whole mesh
|-
|@SPHERE
|Largest sphere that covers the whole mesh
|-
|@CYLINDER
|Axis aligned cylinder
|-
|@CAPSULE
|Axis aligned capsule
|}

Unleashed-Generations Havok Collision Attributes

2025-04-20T11:19:15Z

PTKay:

Sonic Unleashed and Sonic Generations have several collision tags that they use to determine the type of terrain, its properties, and what can collide with what else. These attributes can be applied to <code>.hkx</code> files with [[Havok Converter]]; to learn how to apply these tags to collision meshes, check out [[Adding Collision Tags with Havok Converter]].

== Material Type ==

=== swa_attribute (1260399450) ===
{| class="wikitable"
!Index
!Type
!Notes
|-
|0
|Unknown
|
|-
|1
|Normal
|This plays Concrete footstep sounds
|-
|2
|DeepWater
|Requires Convex Hull meshes in Generations
|-
|3
|Rock
|This also plays Concrete footstep sounds
|-
|4
|Dirt
|
|-
|5
|Wood
|
|-
|6
|Grass
|
|-
|7
|Snow
|This requires an extra file to be added in Generations, add a file called
<code>ef_ch_sns_yh1_smoke_snow.dds</code> to prevent it from crashing the game
|-
|8
|Metal
|
|-
|9
|Sand
|Generations will play Concrete sound effects instead
|-
|10
|Glass
|
|-
|11
|ShallowWater
|Sonic can walk inside the collision with @Water in the name, otherwise he can only walk on the collision
|-
|12
|Dead
|Kills the player if touched
|-
|13
|Damage
|
|-
|14
|NoDeadWater
|Water that doesn't make you drown,
use Box or Convex Hull meshes in Generations
|-
|15
|NoEffect
|Will play no footsteps or emit any particles in Unleashed
In Generations this will still play footstep sounds
|-
|16
|Oil
|Only in Generations
|-
|17
|PinballGlass
|Only in Generations, used in Casino Night Zone
|-
|18
|WrongWay
|Only in Generations
|-
|19
|Lava
|Only in Generations
|-
|20
|Poison
|Only in Generations
|}
== Collision Properties ==
Most of the parameters here are boolean parameters, with 0 value indicating it's disabled, and 1 indicating it's enabled.
{| class="wikitable sortable"
|+
!Parameter Name
!ID
!Description
|-
|swa_evil_isbalance_ground
|122999549
|This is used for the Werehog to detect if he should start balancing on a tight strip, and its also used for Classic Sonic to detect where a ledge is.
|-
|swa_isIce_ground
|246659335
|If enabled, this'll make the ground slippery (like in Holoska in Sonic Unleashed). This requires some extra files to be present to make it work; if these files are missing, the game will crash when the collision is touched by the player.
|-
|swa_col_other
|620872783
|If enabled, anything that isn't the player or the camera will collide with the object.
|-
|intersectional_way
|1009866916
|Generations only, used in Casino Night Zone.
|-
|swa_sonic_isbeltconveyor
|1196263925
|Used for the <code>BeltConveyorCollision</code> object in Generations and the <code>Egg_BeltCollision</code>'''/'''<code>Egg_BeltCollisionSV</code> objects in Unleashed, the value of this field is the speed of the conveyor belt.
|-
|swa_sonic_isplayerwall
|1368296714
|Used to indicate if a surface can be used for wall-jumping.
|-
|swa_col_specific
|1330259859
|This is set to 1 by default, setting it to 2 or 3 will make the IKs for Sonic adjust to the terrain.
|-
|swa_col_attacking
|1651585625
|
|-
|swa_col_camera
|1706239430
|If enabled, the camera will collide with this object.
|-
|pinball_glass
|2040148113
|Generations only, used in Casino Night Zone.
|-
|swa_col_player
|2088238466
|If enabled, the player will collide with the object.
|}

== Mesh Name Tags ==
Rigid bodies can have custom properties that are detected by the game itself to determine their interactions with other objects. These tags are added at the end of mesh names with an @ symbol as the separator (e.g. ghz_sea@Water). These properties are '''<u>Case-Sensitive</u>'''.
{| class="wikitable"
|+
!Name
!Notes
|-
|@Balance
|Unleashed only
|-
|@DamageFall
|
|-
|@DisableThrowColl
|
|-
|@DisableTemColl
|
|-
|@EnableQtoW / @enableQtoW
|Generations only
|-
|@Spiral / @spiral
|Generations only
|-
|@Slide
|Requires a path with an ID of
888 to be present in the stage.
|-
|@NoStanding
|
|-
|@NoCamera
|Allows the camera to pass through the collision mesh
|-
|@IceGround
|
|-
|@Water
|Allows Sonic to go inside the collision mesh when using ShallowWater type
|}

== Collision Shapes ==
[[Havok Converter]] allows you to specify the shape of your collision meshes by appending tags to their names. By default, rigid bodies are created as mesh shapes, which might be incompatible with certain properties such as @Water. This is where you need to pick a collision shape that fits your use case. These tags are '''<u>Case-Sensitive</u>'''.
{| class="wikitable"
|+
!Name
!Notes
|-
|@CONVEX(true)
|Convex Hull mesh, most recommended outside mesh shapes
|-
|@CONVEX(1)
|Same as @CONVEX(true) but shorter way of specifying it
|-
|@BOX
|Axis aligned box that covers the whole mesh
|-
|@SPHERE
|Largest sphere that covers the whole mesh
|-
|@CYLINDER
|Axis aligned cylinder
|-
|@CAPSULE
|Axis aligned capsule
|}

Unleashed-Generations Havok Collision Attributes

2025-04-20T11:18:28Z

PTKay:

Sonic Unleashed and Sonic Generations have several collision tags that they use to determine the type of terrain, its properties, and what can collide with what else. These attributes can be applied to <code>.hkx</code> files with [[Havok Converter]]; to learn how to apply these tags to collision meshes, check out [[Adding Collision Tags with Havok Converter]].

== Material Type ==

=== swa_attribute (1260399450) ===
{| class="wikitable"
!Index
!Type
!Notes
|-
|0
|Unknown
|
|-
|1
|Normal
|This plays Concrete footstep sounds
|-
|2
|DeepWater
|Requires Convex Hull meshes in Generations
|-
|3
|Rock
|This also plays Concrete footstep sounds
|-
|4
|Dirt
|
|-
|5
|Wood
|
|-
|6
|Grass
|
|-
|7
|Snow
|This requires an extra file to be added in Generations, add a file called
<code>ef_ch_sns_yh1_smoke_snow.dds</code> to prevent it from crashing the game
|-
|8
|Metal
|
|-
|9
|Sand
|Generations will play Concrete sound effects instead
|-
|10
|Glass
|
|-
|11
|ShallowWater
|Sonic can walk inside the collision with @Water in the name, otherwise he can only walk on the collision
|-
|12
|Dead
|Kills the player if touched
|-
|13
|Damage
|
|-
|14
|NoDeadWater
|Water that doesn't make you drown,
use Box or Convex Hull meshes in Generations
|-
|15
|NoEffect
|Will play no footsteps or emit any particles in Unleashed
In Generations this will still play footstep sounds
|-
|16
|Oil
|Only in Generations
|-
|17
|PinballGlass
|Only in Generations, used in Casino Night Zone
|-
|18
|WrongWay
|Only in Generations
|-
|19
|Lava
|Only in Generations
|-
|20
|Poison
|Only in Generations
|}
== Collision Properties ==
Most of the parameters here are boolean parameters, with 0 value indicating it's disabled, and 1 indicating it's enabled.
{| class="wikitable sortable"
|+
!Parameter Name
!ID
!Description
|-
|swa_evil_isbalance_ground
|122999549
|This is used for the Werehog to detect if he should start balancing on a tight strip, and its also used for Classic Sonic to detect where a ledge is.
|-
|swa_isIce_ground
|246659335
|If enabled, this'll make the ground slippery (like in Holoska in Sonic Unleashed). This requires some extra files to be present to make it work; if these files are missing, the game will crash when the collision is touched by the player.
|-
|swa_col_other
|620872783
|If enabled, anything that isn't the player or the camera will collide with the object.
|-
|intersectional_way
|1009866916
|Generations only, used in Casino Night Zone.
|-
|swa_sonic_isbeltconveyor
|1196263925
|Used for the <code>BeltConveyorCollision</code> object in Generations and the <code>Egg_BeltCollision</code>'''/'''<code>Egg_BeltCollisionSV</code> objects in Unleashed, the value of this field is the speed of the conveyor belt.
|-
|swa_sonic_isplayerwall
|1368296714
|Used to indicate if a surface can be used for wall-jumping.
|-
|swa_col_specific
|1330259859
|This is set to 1 by default, setting it to 2 or 3 will make the IKs for Sonic adjust to the terrain.
|-
|swa_col_attacking
|1651585625
|
|-
|swa_col_camera
|1706239430
|If enabled, the camera will collide with this object.
|-
|pinball_glass
|2040148113
|Generations only, used in Casino Night Zone.
|-
|swa_col_player
|2088238466
|If enabled, the player will collide with the object.
|}

== Mesh Name Tags ==
Rigid bodies can have custom properties that are detected by the game itself to determine their interactions with other objects. These tags are added at the end of mesh names with an @ symbol as the separator (e.g. ghz_sea@Water). These properties are '''<u>Case-Sensitive.</u>'''
{| class="wikitable"
|+
!Name
!Notes
|-
|@Balance
|Unleashed only
|-
|@DamageFall
|
|-
|@DisableThrowColl
|
|-
|@DisableTemColl
|
|-
|@EnableQtoW / @enableQtoW
|Generations only
|-
|@Spiral / @spiral
|Generations only
|-
|@Slide
|Requires a path with an ID of
888 to be present in the stage.
|-
|@NoStanding
|
|-
|@NoCamera
|Allows the camera to pass through the collision mesh
|-
|@IceGround
|
|-
|@Water
|Allows Sonic to go inside the collision mesh when using ShallowWater type
|}

== Collision Shapes ==
[[Havok Converter]] allows you to specify the shape of your collision meshes by appending tags to their names. By default, rigid bodies are created as mesh shapes, which might be incompatible with certain properties such as @Water. This is where you need to pick a collision shape that fits your use case. These tags are '''<u>Case-Sensitive</u>'''.
{| class="wikitable"
|+
!Name
!Notes
|-
|@CONVEX(true)
|Convex Hull mesh, most recommended outside mesh shapes
|-
|@CONVEX(1)
|Same as @CONVEX(true) but shorter way of specifying it
|-
|@BOX
|Axis aligned box that covers the whole mesh
|-
|@SPHERE
|Largest sphere that covers the whole mesh
|-
|@CYLINDER
|Axis aligned cylinder
|-
|@CAPSULE
|Axis aligned capsule
|}

Documentation

2025-04-08T14:13:20Z

PTKay:

This section lists documentation pages for resources you'll find in Sonic games. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]] (Hedgehog Set Object Notation)
|Universal object placement representation format.
|<code>.hson</code>
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]] (Ninja CellSpriteDraw Project)
|Describes a user interface in most Hedgehog Engine games.
|<span style="text-align: center">
<p><code>.xncp</code></p>
<p><code>.yncp</code></p>
<p><code>.gncp</code></p>
<p><code>.sncp</code></p>
</span>
|
* [[Kunai]]
* [[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format.
|
|
|}

== Animation ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[PXD|PXD Animation]]
|Skeleton and skeletal animation format in Hedgehog Engine 2 Games
|<span style="text-align: center">
<p><code>.anm.pxd</code></p>
<p><code>.skl.pxd</code></p>
</span>
|[[Frontiers Animation Tools]]
|-
|[[PBA|PBA Skeleton]]
|Physics Based Animation Skeleton for Hedgehog Engine 2 Games
|<code>.pba</code>
|
|}

Documentation

2025-04-08T14:13:09Z

PTKay:

This section lists documentation pages for resources you'll find in Sonic games. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]] (Hedgehog Set Object Notation)
|Universal object placement representation format.
!<code>.hson</code>
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]] (Ninja CellSpriteDraw Project)
|Describes a user interface in most Hedgehog Engine games.
|<span style="text-align: center">
<p><code>.xncp</code></p>
<p><code>.yncp</code></p>
<p><code>.gncp</code></p>
<p><code>.sncp</code></p>
</span>
|
* [[Kunai]]
* [[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format.
|
|
|}

== Animation ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[PXD|PXD Animation]]
|Skeleton and skeletal animation format in Hedgehog Engine 2 Games
|<span style="text-align: center">
<p><code>.anm.pxd</code></p>
<p><code>.skl.pxd</code></p>
</span>
|[[Frontiers Animation Tools]]
|-
|[[PBA|PBA Skeleton]]
|Physics Based Animation Skeleton for Hedgehog Engine 2 Games
!<code>.pba</code>
|
|}

Documentation

2025-04-08T14:10:18Z

PTKay:

This section lists documentation pages for resources you'll find in Sonic games. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]] (Hedgehog Set Object Notation)
|Universal object placement representation format.
!<code>.hson</code>
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]] (Ninja CellSpriteDraw Project)
|Describes a user interface in most Hedgehog Engine games.
|<code>.xncp</code><code>.yncp</code><code>.gncp</code><code>.sncp</code>
|
* [[Kunai]]
* [[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format.
|
|
|}

== Animation ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[PXD|PXD Animation]]
|Skeleton and skeletal animation format in Hedgehog Engine 2 Games
!<code>.anm.pxd</code><code>.skl.pxd</code>
|[[Frontiers Animation Tools]]
|-
|[[PBA|PBA Skeleton]]
|Physics Based Animation Skeleton for Hedgehog Engine 2 Games
!<code>.pba</code>
|
|}

Documentation

2025-04-08T14:09:35Z

PTKay:

This section lists documentation pages for resources you'll find in Sonic games. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]] (Hedgehog Set Object Notation)
|Universal object placement representation format.
!<code>.hson</code>
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]] (Ninja CellSpriteDraw Project)
|Describes a user interface in most Hedgehog Engine games.
!<code>.xncp</code><code>.yncp</code><code>.gncp</code><code>.sncp</code>
|
* [[Kunai]]
* [[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format.
|
|
|}

== Animation ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[PXD|PXD Animation]]
|Skeleton and skeletal animation format in Hedgehog Engine 2 Games
!<code>.anm.pxd</code><code>.skl.pxd</code>
|[[Frontiers Animation Tools]]
|-
|[[PBA|PBA Skeleton]]
|Physics Based Animation Skeleton for Hedgehog Engine 2 Games
!<code>.pba</code>
|
|}

Documentation

2025-04-08T14:09:08Z

PTKay:

This section lists documentation pages for resources you'll find in Sonic games. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]] (Hedgehog Set Object Notation)
|Universal object placement representation format.
!<code>.hson</code>
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]] (Ninja CellSpriteDraw Project)
|Describes a user interface in most Hedgehog Engine games.
!<code>.xncp</code>

<code>.yncp</code>

<code>.gncp</code>

<code>.sncp</code>
|
* [[Kunai]]
* [[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format.
|
|
|}

== Animation ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[PXD|PXD Animation]]
|Skeleton and skeletal animation format in Hedgehog Engine 2 Games
!<code>.anm.pxd</code>

<code>.skl.pxd</code>
|[[Frontiers Animation Tools]]
|-
|[[PBA|PBA Skeleton]]
|Physics Based Animation Skeleton for Hedgehog Engine 2 Games
!<code>.pba</code>
|
|}

Documentation

2025-04-08T08:31:33Z

PTKay: Undo revision 478 by PTKay (talk)

This section lists documentation pages for resources you'll find in Sonic games. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]] (Hedgehog Set Object Notation)
|Universal object placement representation format.
|<code>.hson</code>
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]] (Ninja CellSpriteDraw Project)
|Describes a user interface in most Hedgehog Engine games.
|
* <code>.xncp</code>
* <code>.yncp</code>
* <code>.gncp</code>
* <code>.sncp</code>
|
* [[Kunai]]
* [[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format.
|
|
|}

== Animation ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[PXD|PXD Animation]]
|Skeleton and skeletal animation format in Hedgehog Engine 2 Games
|
* <code>.anm.pxd</code>
* <code>.skl.pxd</code>
|[[Frontiers Animation Tools]]
|-
|[[PBA|PBA Skeleton]]
|Physics Based Animation Skeleton for Hedgehog Engine 2 Games
|<code>.pba</code>
|
|}

Documentation

2025-04-08T08:30:25Z

PTKay:

This section lists documentation pages for resources you'll find in Sonic games. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]] (Hedgehog Set Object Notation)
|Universal object placement representation format.
|<code>.hson</code>
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]] (Ninja CellSpriteDraw Project)
|Describes a user interface in most Hedgehog Engine games.
|<code>.xncp</code>

<code>.yncp</code>

<code>.gncp</code>

<code>.sncp</code>
|
* [[Kunai]]
* [[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format.
|
|
|}

== Animation ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[PXD|PXD Animation]]
|Skeleton and skeletal animation format in Hedgehog Engine 2 Games
|
* <code>.anm.pxd</code>
* <code>.skl.pxd</code>
|[[Frontiers Animation Tools]]
|-
|[[PBA|PBA Skeleton]]
|Physics Based Animation Skeleton for Hedgehog Engine 2 Games
|<code>.pba</code>
|
|}

Sonic Frontiers

2025-04-08T07:52:26Z

PTKay:

== Tools ==

=== Animation ===
* [[Frontiers Animation Tools]]

== Guides ==
N/A

== Documentation ==

=== Game ===
* [[Sonic Frontiers DLCs|DLCs]]
* [[Sonic Frontiers Stage IDs|Stage IDs]]
* [[Sonic Frontiers Enemy Internal Names|Enemy Internal Names]]
* [[Sonic Frontiers Script Functions|Script Functions]]

=== File Formats ===
* [[Sonic Frontiers RFL|Reflection Data]] (.rfl)

=== Objects ===
* [[Sonic Frontiers Gismos|Gismos]]

== Discoveries ==
N/A

Sonic Frontiers

2025-04-08T07:51:29Z

PTKay:

== Tools ==

=== Animation ===
* [[Frontiers Animation Tools]]

== Guides ==
N/A

== Documentation ==

=== Game ===
* [[Sonic Frontiers DLCs|DLCs]]
* [[Sonic Frontiers Stage IDs|Stage IDs]]
* [[Sonic Frontiers Enemy Internal Names|Enemy Internal Names]]
* [[Sonic Frontiers Script Functions|Script Functions]]

=== File Formats ===
* [[Sonic Frontiers RFL|Reflection Data <code>.rfl</code>]]

=== Objects ===
* [[Sonic Frontiers Gismos|Gismos]]

== Discoveries ==
N/A

Sonic Unleashed

2025-04-08T07:51:13Z

PTKay:

== Tools ==

=== Lighting ===
* [[pfdpackUnleashed]] (*.pfd)

== Guides ==

=== Level Editing ===

* [[How To Use Sonic GLvl with Sonic Unleashed|Sonic GLvl]]

== Documentation ==

* [[Sonic Unleashed Stage IDs|Stage IDs]]
* [[Unleashed-Generations Havok Collision Attributes|Havok Collision Attributes]]

== Discoveries ==

=== PlayStation 3 ===

* [[Sonic Unleashed Install Screen|Install Screen]]

Sonic Generations

2025-04-08T07:51:03Z

PTKay:

== Tools ==

=== Animation ===
* [[evsxml]] (.evs)

=== Lighting ===
* [[cropGIA]]
* [[SeparateGIA]]
* [[FxPipelineResolutionChanger]]

=== Collision ===
* [[Collision2fbx (Sonic Generations)|collision2fbx]] (.phy.hkx)

=== Models ===
* [[Unleashed2Generations]] (*.model / *.terrain-model / *.material)
* [[slwModel2Gens]] (*.model)
* [[TuringFixer]]

=== Stages ===
* [[TransformGensStage]]
* [[Sonic GLvl]]

=== Text ===
* [[fcoEditor]] (.fco / .fte)

=== Other ===
* [[BscPack]]

== Guides ==

=== Level Editing ===

* [[How To Use Sonic GLvl with Sonic Generations|Sonic GLvl]]
* [[How To Import Custom Terrain in Sonic Generations|Importing Terrain]]
* [[How To Import Custom Collision in Sonic Generations|Importing Collision]]
* [[How To Specify Custom Rank Times for Sonic Generations|Custom Rank Times]]
* [[Troubleshooting Custom Level Issues in Sonic Generations|Troubleshooting]]

== Documentation ==

* [[Sonic Generations Stage IDs|Stage IDs]]
* [[Sonic Generations Event List|Set Object Event List]]
* [[Sonic Generations Camera Types|Camera Types]]
* [[Unleashed-Generations Havok Collision Attributes|Havok Collision Attributes]]
* [[Sound File Locations]]

== Discoveries ==

=== Common (2011/2024) ===

==== HUD ====

* [[Unused Time Eater Gauge]]

==== Code ====

* [[Leftover code from Unleashed in Generations|Unleashed Leftovers]]

=== 2024 ===

==== Stages ====

* [[TestCourse]]

HedgeDocs:About

2025-04-02T08:44:38Z

PTKay:

HedgeDocs is a MediaWiki powered webpage that contains several guides, tools and documentation pages meant to help users creating modifications for Sonic the Hedgehog games.

== Permissions ==
In order to prevent spam in the wiki, you need an registered account to be able to edit and create pages. In addition, the e-mail address associated with the account also needs to be verified. Please check your inbox for a confirmation e-mail, including your spam folder.

== Creating Pages ==
When creating pages in the wiki, please try to make it fit with the pages that already exist. Try to follow their style as closely as possible.

=== Templates ===
HedgeDocs provides you custom templates that help you when creating specific pages in the wiki. They are listed in the table below, alongside their purpose:

{| class="wikitable"
|+
!Name
!Description
|-
|[[Template:Notice|Notice]]
|Presents a warning, a note or a tip in a coloured container.
|-
|-
|[[Template:ToolInfobox|ToolInfoBox]]
|An information container used for tool pages.
|-
|}

NCP File Format

2025-03-26T09:25:23Z

PTKay:

{{Notice|type=info|content=This page is written as a guide on how to go through an NCP file using 010 Editor with the [https://github.com/tge-was-taken/010-Editor-Templates/blob/master/templates/sonic_xncp_yncp.bt XNCP Template]}}

'''NCP''' (Ninja CellSpriteDraw Project) is a file format used to specify user interfaces in most Hedgehog Engine games. There are several variants of this file format, each with it's own target platform:

* '''<u>X</u>'''NCP - Used on PC / Xbox
* '''<u>Y</u>'''NCP - Used on PlayStation 3
* '''<u>G</u>'''NCP - Used on GameCube / Wii
* '''<u>S</u>'''NCP - Used on PlayStation 2

In this page, you will read about how to open an NCP file in 010 editor and how this file is structured.

== Requirements ==
First of all, you will need to download the [https://www.sweetscape.com/010editor/ 010 Editor]. This program is used for hex editing, and in our case, to modify XNCP files. You'll also need to download the [https://github.com/tge-was-taken/010-Editor-Templates/blob/master/templates/sonic_xncp_yncp.bthttps://github.com/tge-was-taken/010-Editor-Templates/blob/master/templates/sonic_xncp_yncp.bt XNCP Template]. Essentially, this file will make it so that you can read and understand the XNCP file's contents, otherwise you'd only see hex numbers, and that's not exactly readable.

== Opening an XNCP file ==
After installing the 010 Editor, and downloaded the XNCP Template, it's time to open a file.

Open the 010 Editor and click on '''File > Open File...''', and open the file that you need to edit.
[[File:010 Editor open file.png|center|thumb|397x397px]]
After opening the file, you'll see a bunch of numbers. Don't get freaked out, this is normal. These are the contents of the XNCP file.
[[File:010 editor xncp hex.png|center|thumb|702x702px]]
Now, you need to go to '''Templates > Open Template...''', and open the file that we downloaded before. It's called '''sonic_xncp_yncp.bt'''.
[[File:010 Editor open template.png|center|thumb|343x343px]]
After opening the file, a window should pop up with the template's code. You can just ignore this window and hide it wherever you'd like, you won't need to modify this.

Now, go back to '''Templates''' and click on '''Run Template'''. This should now make the numbers have colorful backgrounds, and a new window will appear below the hex view.
[[File:010 Editor xncp template executed.png|center|thumb|944x944px]]
This new window that has appeared will be your workspace. This'll be the way in which you edit all aspects of a UI file. Click on the '''struct TFAPC File''' dropdown, then '''struct TFAPCEmbeddedRes Resources[0]''', then '''struct TNNNCPJChunk CsdmProject''', and then on '''struct TCSDNode Root'''. Now you'll have a few variables here; I'll explain what some of them mean!

== The structure of an XNCP file (Resource 0) ==
'''Scenes''' are essentially the containers for a specific group of UI elements, think of it like a folder inside a folder, and you'll need '''SceneIDTable''' to understand which Scene is what. This table contains the name and index of each Scene (e.g: Scene "gauge" in ui_gameplay.xncp is the "folder" that contains all elements of the boost bar in the HUD). Scenes also have a few variables that may be of interest, like:

* '''ZIndex''', this is essentially the layer in which the UI elements (known as '''Casts''') will render
* '''Groups''', are exactly what they are called, they are groups of '''Casts'''
* '''SubImages''', these are essentially textures that have been cut in specific portions to be used by Casts
* '''CastDictionary''', this will be one of the most useful variables when editing XNCP files, these contain all the names, indexes, and group indexes needed to find a specific Cast in the scene.
* '''AnimationKeyFrameDataList''', '''AnimationDictionary''', '''AnimationFrameDataList''', '''AnimationData2List''', all of these control animations. You can read more about them later on in this page.

'''And the most important one of all:'''

* '''Casts''', these are the UI elements of XNCP files, these contain the necessary data to display text, move other elements, or display an image.

== The structure of a Cast ==
The Cast has several variables that you can change:

* '''Field04''' controls the type of the cast, these types can be:

0 - No Draw (invisible)
1 - Sprite
2 - Font

* '''IsEnabled''' will enable and disable a cast. 0 for disabled and 1 for enabled
** '''NOTE''': If you're disabling a cast, make sure that it does not have children, or it might make the UI look weird!

* '''Field0C''', '''Field14''', '''Field1C''', '''Field24''' change the positions of the corners of the cast, Top Left, Bottom Left, Top Right, Bottom Right respectively. These only really affect casts that render sprites
* '''Offset''' changes the position of the element relative to its parent. This is useful for moving elements around, although it's not used much.
* '''Field30Data''' contains most of the fun things that you can edit in a Cast, like:

Translation
Rotation
Scale
Color - where the variable "Color" will change the main color of the image, and GradientTopLeft,BottomLeft,TopRight,BottomRight will change the colors of the corners of the image

* '''Field40Data''' contains data about a cast's subimages. If the cast is a nodraw or font type, this will be all set to -1 most of the time. Each of these variables is a holder for a specific index of a subimage. However, only the first one is used all the time, all of the other ones are for animations.

== The structure of an XNCP file (Resource 1) ==
Before, I wrote that you needed to go into Resource 0. This is because Resource 0 has most of the cool stuff that you can edit, while Resource 1 contains data about image file locations.

* '''TextureList''', this is a list of all the textures used by the UI... this is pretty much it. Each texture will have a name, and it's index will be the number specified next to the "Textures" name.
[[File:010 Editor xncp texture list.png|center|thumb|813x813px]]

== XNCP Animations ==
XNCP animations for a specific scene are listed in '''AnimationDictionary''', which behaves the same way as the CastDictionary:
[[File:XNCP Animation Dictionary.png|center|thumb|658x658px]]
In '''AnimationFrameDataList''', it’s possible to control the amount of keyframes that a specific animation has:
[[File:XNCP Animation Frame Data List.png|center|thumb|503x503px]]
To control the speed of these animations, we have a single field in the scene that controls the frame rate:
[[File:XNCP Animation Framerate.png|center|thumb|694x694px]]
'''AnimationKeyFrameDataList''' contains the information for all the keyframes in the animation, as well as the casts that belong in that animation.
[[File:XNCP Animation Key Frame Data List.png|center|thumb|628x628px]]
In the screenshot above, we’re seeing the data referring to Animation 0 ('''Intro_Anim''' when following the dictionary). XNCPs usually follow this naming scheme for animations:

* '''Intro_Anim''' - Animation that plays when the scene appears
* '''Usual_Anim''' - Normally a looping animation, is used during the scenes visible state
* '''Outro_Anim''' - Played before the scene disappears They can obviously store other animations, and those have their own names.

So, in Intro_Anim, we have several '''CastAnimationData'''. These control what happens to each cast in this animation. Let’s see what happens to Cast 0 (position, which usually is the parent of all casts in a scene and controls their position)...
[[File:XNCP Cast Animation Data.png|center|thumb|511x511px]]
Seems like we have flags! It’s a bitfield, and it controls what actually animates in this cast. Here’s the meaning of each bit:
0000 0000(0) - Nothing
0000 0001(1) - Hide Flag
0000 0010(2) - X Position
0000 0100(4) - Y Position
0000 1000(8) - Rotation
0001 0000(16) - X Scale
0010 0000(32) - Y Scale
0100 0000(64) - SubImage
1000 0000(128) - Colour Mask
So, with this info, we now know what animates in the position cast: It is its X Position. The '''CastAnimationDataSubData1List''' is what stores the actual animation data. The amount of entries in this list depends on the number of bits signaled in the '''Flags''' field. The first entry in the list is referring to the first bit signaled from right to left. So by that logic, the list only has one entry.
[[File:XNCP Cast Animation Data Sub Data 1 List.png|center|thumb|500x500px]]
And there we go. This entry is what stores the actual '''KeyFrames'''. Let’s open one up to see how it is.
[[File:XNCP Key Frame.png|center|thumb|410x410px]]
Scary right? I don’t understand much of what’s going on here, but here we go.

'''Frame''' defines which global frame this keyframe is in. Remember '''AnimationFrameDataList'''? Yeah, this animation has a total of 10 frames, and is played at 60 FPS. For each frame, you define the global frame that it refers to. So, since this cast controls the position of the entire scene, and this is the intro animation, maybe the other keyframe has the frame field set to 10? We’ll see about that shortly.

'''Data''' store the data of this keyframe. The meaning of data changes depending on the flags. Data can be:

* A position
* An angle (for rotation)
* A size (for X and Y scale)
* An index (for SubImage)
* A colour (for ColorMask)

According to the flags of this specific cast, these keyframes are supposed to control the X Position, which means that “Data” actually represents the X Position of the cast in this frame.

The '''Offset''' and '''Offset2''' fields control the casts' Offset position value, where "Offset" is X, while "Offset2" is Y. For example, the buttons in the title screen of Sonic Generations use these values to stay in place when they're clicked since they get scaled up and down. Let’s look at the second keyframe:
[[File:XNCP Key Frame 2.png|center|thumb|356x356px]]
As we suspected, the '''Frame''' field is now set to 10, meaning this is referring to the last frame in the animation. The value in '''Data''' has increased, so this means that '''this cast slides from left to right''' in this animation!

Looking at the remaining '''CastAnimationData''' entries, we can see that none of them animate, since their '''Flags''' field is set to 0. So we can conclude that '''Intro_Anim''' makes the '''position''' cast slide from '''left to right''', and since “position” controls the entire scene, every single cast from this scene slides from left to right in this animation!
[[File:XNCP Cast Animation Data No Anim.png|center|thumb|571x571px]]

== Additional Notes ==
An animation can only be looped using code, so that can't be controlled via the XNCP. However, '''Field00''' in '''CastAnimationDataSubData''' does seem to control how fast a loop occurs, where the value '''1''' seems to loop it with a delay, while '''2''' makes it loop smoother.

== Conclusion ==
Hope I explained XNCP animations well enough. Have fun!

''PS: there’s also AnimationData2List but...''
[[File:XNCP Animation Data 2 List.png|center|thumb|629x629px]]

Sonic Unleashed Stage IDs

2025-03-26T09:09:09Z

PTKay:

This page contains a list of all the Stage IDs<ref>Credits to archxe and Hedgeturd for making a list of all the stage IDs!</ref> used in Sonic Unleashed. Stages don't follow a strict format, but they're generally like this:<syntaxhighlight lang="text">Act{Day/Night}_{country}</syntaxhighlight>

== Daytime ==

=== Apotos ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Windmill Isle Act 1
|ActD_MykonosAct1
|
|
|-
|Windmill Isle Act 1-2
|ActD_SubMykonos_04
|X
|ActD_MykonosAct1
|-
|Windmill Isle Act 2
|ActD_MykonosAct2
|
|
|-
|Windmill Isle Act 2-2
|ActD_SubMykonos_05
|X
|ActD_MykonosAct2
|-
|Windmill Isle Act 3
|ActD_SubMykonos_01
|
|
|-
|Windmill Isle Act 4
|ActD_SubMykonos_02
|X
|
|-
|Town
|Town_Mykonos
|
|
|-
|Entrance Stage
|Town_MykonosETF
|
|
|}

=== Mazuri ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Savannah Citadel Act 1
|ActD_Africa
|
|
|-
|Savannah Citadel Act 1-2
|ActD_SubAfrica_05
|X
|ActD_Africa
|-
|Savannah Citadel Act 2
|ActD_SubAfrica_01
|
|
|-
|Savannah Citadel Act 3
|ActD_SubAfrica_03
|
|
|-
|Savannah Citadel Act 3-2
|ActD_SubAfrica_06
|X
|ActD_SubAfrica_03
|-
|Savannah Citadel Act 4
|ActD_SubAfrica_02
|X
|
|-
|Savannah Citadel Act 5
|ActD_SubAfrica_04
|X
|BossEggBeetle
|-
|Egg Beetle
|BossEggBeetle
|
|
|-
|Town
|Town_Africa
|
|
|-
|Entrance Stage
|Town_AfricaETF
|
|
|}

=== Spagonia ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Rooftop Run Act 1
|ActD_EU
|
|
|-
|Rooftop Run Act 1-2
|ActD_SubEU_05
|X
|ActD_EU
|-
|Rooftop Run Act 2
|ActD_SubEU_01
|
|
|-
|Rooftop Run Act 2-2
|ActD_SubEU_06
|X
|ActD_SubEU_01
|-
|Rooftop Run Act 3
|ActD_SubEU_02
|
|
|-
|Rooftop Run Act 4
|ActD_SubEU_03
|X
|
|-
|Rooftop Run Act 5
|ActD_SubEU_04
|X
|
|-
|Egg Devil Ray
|BossEggRayBird
|
|
|-
|Tornado Defence Act 1
|ExStageTails1
|
|
|-
|Town
|Town_EuropeanCity
|
|
|-
|Entrance Stage
|Town_EuropeanCityETF
|
|
|-
|Professor Pickle’s Lab
|Town_EULabo
|
|
|}

=== Chun-Nan ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Dragon Road Act 1
|ActD_China
|
|
|-
|Dragon Road Act 1-2
|ActD_SubChina_05
|X
|ActD_China
|-
|Dragon Road Act 2
|ActD_SubChina_03
|
|
|-
|Dragon Road Act 2-2
|ActD_SubChina_06
|X
|ActD_SubChina_03
|-
|Dragon Road Act 3
|ActD_SubChina_04
|
|
|-
|Dragon Road Act 4
|ActD_SubChina_01
|X
|
|-
|Dragon Road Act 5
|ActD_SubChina_02
|X
|
|-
|Town
|Town_China
|
|
|-
|Entrance Stage
|Town_ChinaETF
|
|
|}

=== Holoska ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Cool Edge Act 1
|ActD_Snow
|
|
|-
|Cool Edge Act 1-2
|ActD_SubSnow_04
|X
|ActD_Snow
|-
|Cool Edge Act 2
|ActD_SubSnow_01
|
|
|-
|Cool Edge Act 2-2
|ActD_SubSnow_05
|X
|ActD_SubChina_03
|-
|Cool Edge Act 3
|ActD_SubSnow_02
|X
|
|-
|Cool Edge Act 4
|ActD_SubSnow_03
|X
|
|-
|Town
|Town_Snow
|
|
|-
|Entrance Stage
|Town_SnowETF
|
|
|}

=== Shamar ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Arid Sands Act 1
|ActD_Petra
|
|
|-
|Arid Sands Act 1-2
|ActD_SubPetra_04
|X
|ActD_Petra
|-
|Arid Sands Act 2
|ActD_SubPetra_03
|
|
|-
|Arid Sands Act 3
|ActD_SubPetra_02
|X
|
|-
|Town
|Town_PetraCapital
|
|
|-
|Entrance Stage
|Town_PetraCapitalETF
|
|
|-
|Professor Pickle’s Lab
|Town_PetraLabo
|
|
|}

=== Empire City ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Skyscraper Scamper Act 1
|ActD_NY
|
|
|-
|Skyscraper Scamper Act 1-2
|ActD_SubNY_03
|X
|ActD_NY
|-
|Skyscraper Scamper Act 2
|ActD_SubNY_01
|
|
|-
|Skyscraper Scamper Act 3
|ActD_SubNY_02
|X
|
|-
|Town
|Town_NYCity
|
|
|-
|Entrance Stage
|Town_NYCityETF
|
|
|}

=== Adabat ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Jungle Joyride Act 1
|ActD_Beach
|
|
|-
|Jungle Joyride Act 1-2
|ActD_SubBeach_05
|X
|ActD_Beach
|-
|Jungle Joyride Act 2
|ActD_SubBeach_02
|
|
|-
|Jungle Joyride Act 3
|ActD_SubBeach_04
|
|
|-
|Jungle Joyride Act 4
|ActD_SubBeach_01
|X
|
|-
|Jungle Joyride Act 5
|ActD_SubBeach_03
|X
|
|-
|Egg Lancer
|BossEggLancer
|
|
|-
|Town
|Town_SouthEastAsia
|
|
|-
|Entrance Stage
|Town_SouthEastAsiaETF
|
|
|}

== Night ==

=== Apotos ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Windmill Isle Act 1
|ActN_MykonosEvil
|
|
|-
|Windmill Isle Act 1-2
|ActN_SubMykonos_03
|X
|ActN_MykonosEvil
|-
|Windmill Isle Act 1-3
|ActN_SubMykonos_04
|X
|ActN_MykonosEvil
|-
|Windmill Isle Act 2
|ActN_SubMykonos_01
|
|
|-
|Town
|Town_Mykonos_Night
|
|
|-
|Entrance Stage
|Town_MykonosETF_Night
|
|
|}

=== Mazuri ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Savannah Citadel Act 1
|ActN_AfricaEvil
|
|
|-
|Savannah Citadel Act 2
|ActN_SubAfrica_01
|
|
|-
|Savannah Citadel Act 3
|ActN_SubAfrica_02
|X
|
|-
|Savannah Citadel Act 4
|ActN_SubAfrica_03
|X
|
|-
|Town
|Town_Africa_Night
|
|
|-
|Entrance Stage
|Town_AfricaETF_Night
|
|
|}

=== Spagonia ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Rooftop Run Act 1
|ActN_EUEvil
|
|
|-
|Rooftop Run Act 1-2
|ActN_SubEU_02
|X
|ActN_EUEvil
|-
|Rooftop Run Act 2
|ActN_SubEU_01
|X
|
|-
|Town
|Town_EuropeanCity_Night
|
|
|-
|Entrance Stage
|Town_EuropeanCityETF_Night
|
|
|-
|Professor Pickle’s Lab
|Town_EULabo_Night
|
|
|}

=== Chun-Nan ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Dragon Road Act 1
|ActN_ChinaEvil
|
|
|-
|Dragon Road Act 1-2
|ActN_SubChina_03
|X
|ActN_ChinaEvil
|-
|Dragon Road Act 2
|ActN_SubChina_01
|
|
|-
|Dragon Road Act 3
|ActN_SubChina_02
|X
|
|-
|Dark Gaia Phoenix
|BossPhoenix
|
|
|-
|Town
|Town_China_Night
|
|
|-
|Entrance Stage
|Town_ChinaETF_Night
|
|
|}

=== Holoska ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Cool Edge Act 1
|ActN_SnowEvil
|
|
|-
|Cool Edge Act 2
|ActN_SubSnow_01
|X
|
|-
|Cool Edge Act 3
|ActN_SubSnow_02
|X
|
|-
|Dark Gaia Moray
|BossDarkGaiaMoray
|
|
|-
|Town
|Town_Snow_Night
|
|
|-
|Entrance Stage
|Town_SnowETF_Night
|
|
|}

=== Shamar ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Arid Sands Act 1
|ActN_PetraEvil
|
|
|-
|Arid Sands Act 2
|ActN_SubPetra_02
|X
|
|-
|Arid Sands Act 3
|ActN_SubPetra_03
|X
|ActN_PetraEvil
|-
|Dark Guardian
|BossPetra
|
|
|-
|Town
|Town_PetraCapital_Night
|
|
|-
|Entrance Stage
|Town_PetraCapitalETF_Night
|
|
|-
|Professor Pickle’s Lab
|Town_PetraLabo_Night
|
|
|}

=== Empire City ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Skyscraper Scamper Act 1
|ActN_NYEvil
|
|
|-
|Skyscraper Scamper Act 2
|ActN_SubNY_02
|X
|ActN_NYEvil
|-
|Skyscraper Scamper Act 3
|ActN_SubNY_01
|X
|
|-
|Town
|Town_NYCity_Night
|
|
|-
|Entrance Stage
|Town_NYCityETF_Night
|
|
|}

=== Adabat ===
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|Jungle Joyride Act 1
|ActN_BeachEvil
|
|
|-
|Jungle Joyride Act 1-2
|ActN_SubBeach_03
|X
|ActN_BeachEvil
|-
|Jungle Joyride Act 2
|ActN_SubBeach_01
|
|
|-
|Jungle Joyride Act 3
|ActN_SubBeach_02
|X
|
|-
|Town
|Town_SouthEastAsia_Night
|
|
|-
|Entrance Stage
|Town_SouthEastAsiaETF_Night
|
|
|}

== Eggmanland ==
{| class="wikitable sortable"
!Stage
!ID
!DLC
!Geometry ID
|-
|EggmanLand
|Act_EggmanLand
|
|
|-
|Egg Dragoon
|BossEggDragoon
|
|
|-
|Dark Gaia Colossus Sections
|BossDarkGaia1_1Air
|
|
|-
|Dark Gaia Sonic Section 1
|BossDarkGaia1_1Run
|
|
|-
|Dark Gaia Sonic Section 2
|BossDarkGaia1_2Run
|
|
|-
|Dark Gaia Sonic Section 3
|BossDarkGaia1_3Run
|
|
|-
|Perfect Dark Gaia
|BossFinalDarkGaia
|
|
|-
|Tornado Defence Act 2
|ExStageTails2
|
|
|-
|Town
|Town_EggManBase
|
|
|}
== Events ==
{| class="wikitable"
!Area
!ID
!Event ID
|-
|Spagonia Lab (Ransacked)
|Event_M2_01_professor_room_new
|M2_01
|-
|Eggman’s Base (Mazuri)
|Event_afr_hideout
|M2_02
|-
|Gaia Temple (Inside)
|Event_temple
|M3_03

M3_05

M6_02

M7_02

S1_05

S3_04

T0_01

T0_02
|-
|Eggman’s Base (Inside)
|Event_M4_01_egb_hideout
|M4_01

M5_02
|-
|Eggman’s Base (Outside)
|Event_egb_hidout_exterior
|M5_01

M8_13
|-
|Adabat Temple (Outside)
|Event_M6_01_temple
|M6_01
|-
|EggmanLand Ending Room
|Event_M8_02_egbHall
|M7_04

M8_02
|-
|Dummy Geometry Slot(?)
|Event_M8_03
|M8_03
|-
|Ending
|Event_M8_16_myk
|M8_16
|}

== Unused ==
These are IDs that are not used in the retail game. Some of these became pre-rendered, while some others come from the Sonic Unleashed Preview Builds.
{| class="wikitable"
!Stage/Area
!ID
!Type
!Notes
|-
|Savannah Citadel Act 1 (Day)
|ActD_Africa_20080621
|Stage
|Version from the leaked trailer and screenshots
|-
|Savannah Citadel Act 1 (Night)
|ActN_AfricaEvil_Dje_20080619
|Stage
|Version from leaked screenshots
|-
|Savannah Citadel Act 3 (Night)
|ActN_AfricaEvil_Bao_20080619
|Stage
|Version from leaked screenshots
|-
|Rooftop Run Act 1 (Night)
|ActN_EUEvil_20080604
|Stage
|Unknown early version
|-
|Dragon Road Act 1 (Night)
|ActN_ChinaEvil_20080609
|Stage
|Version from early trailer and leaked screenshots
|-
|Cool Edge Act 1 (Day)
|ActD_Snow_20080618
|Stage
|Unknown early version
|-
|Arid Sands Act 4 (Day)
|ActD_SubPetra_01
|Stage
|Scrapped stage, can be seen in a photo from the credits and an unused World Map thumbnail
|-
|Arid Sands Act 4 (Night)
|ActN_SubPetra_01
|Stage
|Scrapped stage, can be seen in an unused World Map thumbnail
|-
|Daytime Sonic Test Stage
|ActD_Test
|Testing
|Defined in arcinfo
|-
|Werehog Test Stage
|ActN_Test
|Testing
|Defined in arcinfo
|-
|
|TestEvilEnemy
|
|Defined in arcinfo
|-
|
|TestEvilLargeFloor
|
|Defined in arcinfo
|-
|
|TestEvilPathFinding_01
|
|Defined in arcinfo
|-
|
|ActN_Test_Dummy
|
|Defined in arcinfo
|-
|Windmill Isle Act 1 (Dawn)
|Event_M0_06_myk
|Event
|The start area of Windmill Isle Act 1 with the lighting from the first in-engine event baked into the stage, as opposed to being dynamically loaded by the event
|-
|Spagonia Lab (Ransacked)
|Event_M2_01_professor_room
|Event
|The ransacked Spagonia lab using the old terrain system
|-
|Eggman’s Base (Mazuri)
|Event_afr_hideout_main
|Event
|Eggman’s Mazuri base using the old terrain system
|-
|Chun-Nan Town - Cursed
|Event_M8_08_01chn
|Event
|The Chun-Nan scene from the “Dark World” event - the final game has this event pre-rendered.
|-
|Mazuri Town - Cursed
|Event_M8_08_02afr
|Event
|The Mazuri scene from the “Dark World” event - the final game has this event pre-rendered.
|-
|Spagonia Town - Cursed
|Event_M8_08_03EU
|Event
|The Spagonia scene from the “Dark World” event - the final game has this event pre-rendered.
|-
|Holoska Town - Cursed
|Event_M8_08_04snow
|Event
|The Holoska scene from the “Dark World” event - the final game has this event pre-rendered.
|-
|Chun-Nan Town - Cured
|Event_M8_12_01chn
|Event
|The Chun-Nan scene from the “Rekindled Light” event - the final game has this event pre-rendered.
|-
|Mazuri Town - Cured
|Event_M8_12_02afr
|Event
|The Mazuri scene from the “Rekindled Light” event - the final game has this event pre-rendered.
|-
|Spagonia Town - Cured
|Event_M8_12_03EU
|Event
|The Spagonia scene from the “Rekindled Light” event - the final game has this event pre-rendered.
|-
|Holoska Town - Cured
|Event_M8_12_04snow
|Event
|The Holoska scene from the “Rekindled Light” event - the final game has this event pre-rendered.
|}

MediaWiki:Vector-2022.css

2025-03-26T09:00:02Z

PTKay:

/* HEDDGEDOCS COLOR PALETTES */

:root {
--hedgedocs-accent-color: #3e7e9e;
--hedgedocs-accent-color-secondary: #4d9ec7;

--hedgedocs-base-border-color: #adb5c2;

--hedgedocs-frame-bg-color: #e9ebec;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #f0f3f4;
--hedgedocs-bg-color-secondary: #dddddd;

--hedgedocs-header-color: var(--hedgedocs-accent-color);
--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #333333;
--hedgedocs-fg-color: #202122;

--hedgedocs-link-color: #36c;
--hedgedocs-link-hover: #757575;
--hedgedocs-link-active-color: #00aedf;
--hedgedocs-new-link-color: #d73333;

--hedgedocs-input-bg-color: #ffffff;
--hedgedocs-input-fg-color: #202122;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #bbbbbb;
--hedgedocs-button-bg-color-hover: #999999;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-fg-color: #ffffff;
--hedgedocs-button-accent-bg-color-hover: var(--hedgedocs-accent-color-secondary);

--hedgedocs-table-header-bg-color: var(--hedgedocs-bg-color-secondary);
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #B2B2B2;

--hedgedocs-notice-note-header-color: rgba(68, 138, 255, 0.15);
--hedgedocs-notice-note-border-color: rgba(68, 138, 255, 0.75);
--hedgedocs-notice-info-header-color: rgba(0, 184, 212, 0.15);
--hedgedocs-notice-info-border-color: rgba(0, 184, 212, 0.75);
--hedgedocs-notice-warn-header-color: rgba(255, 145, 0, 0.15);
--hedgedocs-notice-warn-border-color: rgba(255, 145, 0, 0.75);
--hedgedocs-notice-example-header-color: rgba(118, 84, 250, 0.15);
--hedgedocs-notice-example-border-color: rgba(118, 84, 250, 0.75);
}

.skin-theme-clientpref-night {
--hedgedocs-accent-color: #0f3885;
--hedgedocs-accent-color-secondary: #0d2a5f;

--hedgedocs-base-border-color: #414658;

--hedgedocs-frame-bg-color: #1a1c24;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #151515;
--hedgedocs-bg-color-secondary: #272a35;

--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #e0e6e6;
--hedgedocs-fg-color: #d2d2d2;

--hedgedocs-link-color: #88a3e8;
--hedgedocs-link-hover: #4e67f0;
--hedgedocs-link-active-color: #5082dc;
--hedgedocs-new-link-color: #fd7865;

--hedgedocs-input-bg-color: #222222;
--hedgedocs-input-fg-color: #d2d2d2;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #333333;
--hedgedocs-button-bg-color-hover: #555555;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);

--hedgedocs-table-header-bg-color: #252833;
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #3A3A3A;
}

:root, .skin-theme-clientpref-night, html.skin-theme-clientpref-night {
--background-color-base: var(--hedgedocs-bg-color);
--background-color-interactive: var(--hedgedocs-bg-color-secondary);
--background-color-interactive-subtle: var(--hedgedocs-bg-color-secondary);
--background-color-neutral-subtle: var(--hedgedocs-bg-color);
--border-color-base: var(--hedgedocs-base-border-color);
}
body {
background-color: var(--hedgedocs-bg-color) !important;
color: var(--hedgedocs-fg-color) !important;
}
.mw-page-container {
background-color: transparent !important;
}
.mw-heading, h1, h2:not(.vector-pinnable-header-label), h3, h4, h5, h6 {
color: var(--hedgedocs-fg-color) !important;
}

/* HEDDGEDOCS DARK THEME TWEAKS */

html.skin-theme-clientpref-night, .skin-theme-clientpref-night * {
filter: none !important;
}

.skin-theme-clientpref-night {
.mw-page-container .vector-icon {
filter: invert() !important;
}

.vector-icon.mw-ui-icon-listBullet {
filter: none !important;
}

.vector-icon.mw-ui-icon-wikimedia-unStar, .vector-icon.mw-ui-icon-wikimedia-star, .vector-icon.mw-ui-icon-wikimedia-expand {
filter: none !important;
}

#vector-page-tools-dropdown-label {
color: var(--hedgedocs-fg-color);
transition: color 0s;
}

.vector-header-container .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: brightness(2) !important;
}

.ext-darkmode-link::after {
content: '\263C';
}

.mw-list-item span#skin-theme-beta-notice {
display: none !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}

.oo-ui-iconElement-icon:not(.oo-ui-checkboxInputWidget-checkIcon, .oo-ui-image-progressive, .oo-ui-icon-error), .oo-ui-indicatorElement-indicator {
filter: invert() !important;
}
}

.ext-darkmode-link::after {
content: '\263E';
display: inline-block;
}

span#skin-theme-beta-notice {
display: none !important;
}

#skin-client-prefs-skin-theme .cdx-radio:first-child {
display: none;
}

/* HEDDGEDOCS FONTS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
--font-size-medium: var(--hedgedocs-font-size);

--hedgedocs-font-size: 16px;
--hedgedocs-font-size-sidebars: 16px;
--hedgedocs-font-size-sidebars-pin-button: 13px;

--hedgedocs-font: 'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
--hedgedocs-code-font: 'Roboto Mono', SFMono-Regular, Consolas, Menlo, monospace;
}
body {
-webkit-font-smoothing: antialiased;
}

body, .mw-body, h1, h2, .mw-createacct-benefits-heading, .oo-ui-menuToolGroup-tools .oo-ui-tool-title, .vector-sticky-header-context-bar-primary, .mw-body-content .mw-number-text span {
font-family: var(--hedgedocs-font) !important;
}
body .oo-ui-tool-name-preformatted .oo-ui-tool-link .oo-ui-tool-title, pre, code, tt, kbd, samp, .mw-code {
font-family: var(--hedgedocs-code-font) !important;
}
h1 {
font-weight: bold;
}

/* HEDGEDOCS PAGE STYLING CSS */

.mw-logo-wordmark {
font-size: 17pt;
}
.mw-logo-icon {
font-size: 7pt;
padding-left: 1.5em;
}
.mw-logo {
transition: opacity .25s;
}
.mw-logo:hover {
opacity: 0.7;
}

div.vector-pinnable-header-label, h2.vector-pinnable-header-label {
background: var(--hedgedocs-header-color);
color: var(--hedgedocs-header-fg-color);
padding: 2px 10px 2px 10px;
cursor: default;
margin: 0em !important;
}
button.vector-pinnable-header-toggle-button {
width: 100%;
text-align: center;
font-size: var(--hedgedocs-font-size-sidebars-pin-button);
background-color: var(--hedgedocs-button-bg-color);
padding: 2px 10px 2px 10px;
transition: background-color 0.1s;
margin-bottom: 0.5rem;
}
button.vector-pinnable-header-toggle-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover);
}
div.vector-pinnable-header {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
display: flex;
flex-direction: column;
justify-content: center;
}
div.vector-pinnable-element div.vector-menu-heading {
color: var(--hedgedocs-fg-color-light);
font-weight: bold;
cursor: default;
padding: 6px 0;
border-bottom: none;
}
#vector-main-menu .vector-menu-content .mw-list-item:hover {
}
#vector-main-menu .vector-menu-content .mw-list-item a {
font-weight: bold;
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item a:hover {
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item {
margin-bottom: 0;
}
.mw-list-item a, .vector-toc-link {
color: var(--hedgedocs-fg-color) !important;
transition: color 125ms;
}
.mw-list-item a:hover, .vector-toc-link:hover {
color: var(--hedgedocs-link-hover) !important;
text-decoration: none;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link {
color: var(--hedgedocs-link-active-color) !important;
font-weight: inherit;
}
.vector-pinnable-element, .vector-pinnable-header-label {
font-size: var(--hedgedocs-font-size-sidebars) !important;
}
.vector-pinned-container {
background-color: var(--hedgedocs-bg-color) !important;
}
.vector-sticky-pinned-container::after {
background: linear-gradient(rgba(255, 255, 255, 0), var(--hedgedocs-bg-color)) !important;
}

#toc-mw-content-text {
display: none;
}
div.vector-toc-pinnable-header {
margin-bottom: .25rem;
}
.vector-toc .vector-toc-toggle {
top: 4px !important;
}
.vector-toc button.vector-pinnable-header-toggle-button {
display: none !important;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link span, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link span, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link span {
border-left: .25em solid;
padding-left: .5em;
}

.vector-page-titlebar .firstHeading {
padding-bottom: 6px !important;
}
.firstHeading.mw-first-heading {
font-size: 2.2rem;
}

.vector-menu-tabs .mw-list-item.vector-tab-noicon > a, #vector-page-tools-dropdown-label {
padding: 9px 0 7px 0 !important;
}

.vector-header-container header.mw-header, .vector-header-container div.vector-sticky-header {
background-color: transparent;
max-width: 99.75rem;
}
.vector-sticky-header-context-bar .mw-page-title-main {
font-weight: bold;
}
.vector-header-container {
background-color: var(--hedgedocs-header-color);
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3), 0 0.4rem 4rem rgba(0, 0, 0, 0.15);
align-items: center;
justify-content: center;
min-height: 5rem;
margin-bottom: 1rem;
}
.vector-header-container div.vector-sticky-header {
color: var(--hedgedocs-header-fg-color);
border: none;
}
.vector-header-container .vector-button-flush-left {
margin-right: -24px;
}
.vector-header-container .vector-header-start .vector-button-flush-right {
margin-right: -24px;
}
.vector-header-container .vector-header-end .vector-button-flush-right {
margin-right: -6px;
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer), .mw-header a:visited:not(.vector-menu-content a), .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a) {
color: var(--hedgedocs-header-fg-color) !important;
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer):hover, .mw-header a:visited:not(.vector-menu-content a):hover, .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a):hover {
color: var(--hedgedocs-header-fg-color) !important;
}
.vector-dropdown div.vector-dropdown-content {
background-color: var(--hedgedocs-bg-color);
}
.mw-header .vector-icon:not(.vector-dropdown-content .vector-icon ) {
filter: invert();
}
.vector-user-menu-logged-in .vector-dropdown-label::after {
background-color: var(--hedgedocs-header-fg-color) !important;
}
.vector-header-container .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: invert() brightness(2);
}
.vector-header .cdx-button.cdx-button--icon-only {
min-width: 32px !important;
}
@media screen and (max-width: calc(639px)) {
.vector-header {
flex-flow: row !important;
}
.mw-logo {
min-width: 11em !important;
}
}
.cdx-menu-item__text .cdx-search-result-title {
color: var(--hedgedocs-fg-color);
}

.cdx-menu {
color: var(--hedgedocs-fg-color);
}

.mw-footer li {
color: var(--hedgedocs-fg-color) !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background-color: var(--hedgedocs-input-bg-color);
color: var(--hedgedocs-fg-color);
}
.oo-ui-textInputWidget input.oo-ui-inputWidget-input{
background-color: var(--hedgedocs-input-bg-color);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--hedgedocs-input-bg-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue {
color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
span.cdx-text-input__icon.cdx-text-input__start-icon {
background-color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
textarea {
background-color: var(--hedgedocs-bg-color);
}
button.cdx-button, button.cdx-button:enabled, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-bg-color);
border: none;
transition: background-color 0.1s;
}
button.cdx-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
transition: background-color 0.1s;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover) !important;
}
.cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color) !important;
}
.cdx-radio:hover .cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-radio__input:enabled:checked+.cdx-radio__icon {
background-color: var(--hedgedocs-button-check-fg-color) !important;
border-color: var(--hedgedocs-button-check-bg-color) !important;
}
.cdx-radio__input:enabled+.cdx-radio__icon {
border-color: var(--hedgedocs-base-border-color) !important;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--hedgedocs-button-check-bg-color) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
color: var(--hedgedocs-button-accent-fg-color) !important;
}
.tdg-templateDataParamWidget-param-alias:first-child {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color-light) !important;
border-color: var(--hedgedocs-base-border-color);
}

.oo-ui-toolbar-bar {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color) !important;
}
.oo-ui-menuToolGroup, .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-color: var(--hedgedocs-bg-color) !important;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
color: var(--hedgedocs-header-fg-color) !important;
background-color: var(--hedgedocs-header-color) !important;
}
.editOptions {
background-color: var(--hedgedocs-bg-color-secondary);
color: var(--hedgedocs-fg-color);
}
.editCheckboxes {
margin-bottom: .5rem;
}

.oo-ui-panelLayout-framed {
border: none;
background-color: var(--hedgedocs-frame-bg-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: var(--hedgedocs-frame-bg-color) !important;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected .oo-ui-labelElement-label, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
border: none !important;
}

.approved-revision {
background-color: transparent !important;
border: 3px solid;
color: var(--hedgedocs-fg-color) !important;
}

#mw-content-text {
margin-top: 0 !important;
}
figure[typeof~='mw:File/Thumb'] {
background-color: transparent !important;
border: none !important;
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'].mw-halign-left {
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description > img {
background-color: transparent !important;
border: none !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description::after {
display: none !important;
}

figure[typeof~='mw:File/Thumb'] > figcaption {
background-color: transparent !important;
border: none !important;
padding: 5px !important;
}
.mw-body-content a {
color: var(--hedgedocs-link-color);
}
.mw-body-content a:visited, .mw-body-content a:visited:hover{
color: var(--hedgedocs-link-color);
}
.mw-body-content a.new {
color: var(--hedgedocs-new-link-color);
}
.mw-body-content a.new:visited, .mw-body-content a.new:visited:hover{
color: var(--hedgedocs-new-link-color);
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: var(--hedgedocs-table-header-bg-color) !important;
color: var(--hedgedocs-table-header-fg-color) !important;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
background-color: var(--hedgedocs-table-data-bg-color);
color: var(--hedgedocs-fg-color);
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid var(--hedgedocs-table-border-color) !important;
padding: 5px 9px;
}
code, pre {
background-color: var(--hedgedocs-frame-bg-color);
border-color: var(--hedgedocs-base-border-color);
color: var(--hedgedocs-fg-color-light);
scrollbar-color: var(--hedgedocs-scrollbar-color) transparent;
}
pre {
overflow: auto;
white-space: pre;
}
figure.embedvideo, figure.embedvideo video {
height: auto !important;
width: 640px !important;
}
figure.embedvideo[data-service="local-embed"] span.embedvideo-wrapper {
height: auto !important;
width: 640px !important;
}

/* HEDGEDOCS CUSTOM ELEMENTS */

.hedgedocs-card {
display: grid;
background-color: var(--hedgedocs-frame-bg-color);
padding: 5px 20px 25px 20px;
margin-bottom: 1rem;
border-radius: 2px;
}

.hedgedocs-card-header p {
margin: .5rem 0 0 0 !important;
font-weight: bolder;
font-size: 25px;
}

.hedgedocs-card-header {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}

.hedgedocs-card-description {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
text-align: justify;
}

.hedgedocs-card-button {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
text-align: right;
}

.hedgedocs-card-button a {
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 30px !important;
background-image: none !important;
transition: background-color 0.1s;
border-radius: 2px;
}

.hedgedocs-card-button a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-card-button p {
margin: 0 !important;
}

.hedgedocs-home-links {
display: flex;
flex-direction: column;
justify-content: center;
}

.hedgedocs-home-links a {
display: inline-block;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 0px 10px 0px !important;
text-align: center;
margin-bottom: 10px;
background-image: none !important;
transition: background-color 0.1s;
width: 100%;
margin-left: 0;
margin-right: 0;
border-radius: 2px;
}

.hedgedocs-home-links a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-home-links p {
margin: 0 0 1.5em 0 !important;
}

.hedgedocs-home-links a {
margin-left: 0;
margin-right: 0;
}

.hedgedocs-homepage-scripts {
display: none;
}

:root {
--imagePreview-finalScale: 1.75;
--imagePreview-finalScale-bounce: 1.765;
}

.imagePreview-background {
background: #000000;
visibility: visible;
display: inherit;
opacity: 85%;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
transition: opacity 2s;
animation: fadein 0.25s;
cursor: default;
}

.imagePreview {
text-align: center;
opacity: 0;
justify-content: center;
display: none;
z-index: 9;
position: fixed;
transition: opacity 0.25s;
}

.imagePreview-image {
flex-direction: column;
align-items: center;
display: none;
z-index: 9;
position: fixed;
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
}

.imagePreview-image-element {
display: block;
cursor: default !important;
object-fit: contain;
max-width: 20vw;
max-height: 15vw;
}

@media screen and (max-width: 76.25em) {
.imagePreview-image-element {
max-width: 50vw;
max-height: 45vw;
}
}

.imagePreview-image-caption {
display: block;
width: -moz-fit-content;
width: 100%;
color: #888888 !important;
margin-top: .5rem;
font-size: 10px;
line-height: 12px;
text-align: left;
}

.imagePreview-image-caption:hover {
color: #CCCCCC !important;
}

.scaleup {
animation: scaleup 0.25s forwards;
}

.scaledown {
animation: scaledown 0.3s forwards;
}

@keyframes scaleup {
0% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}

100% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}
}

@keyframes scaledown {
0% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}

80% {
opacity: 0%;
}

100% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}
}

.hedgedocs-infobox {
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid var(--hedgedocs-base-border-color);
background-color: var(--hedgedocs-frame-bg-color);
padding: 7px 13px 10px 13px;
margin-bottom: 1em;
font-size: 88%;
float: right;
clear: right;
width: 17rem;
margin-left: 1rem;
}

.hedgedocs-infobox tr {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}

.hedgedocs-infobox tbody {
display: block;
width: 100%;
}

@media screen and (max-width: 76.25em) {
.hedgedocs-infobox {
float: none;
clear: none;
margin: auto;
width: 20rem;
}
}

.hedgedocs-infobox-title {
font-size: 1.2em;
font-weight: bold;
text-align: center;
padding-bottom: 0.2rem;
}

.hedgedocs-infobox-image {
text-align: center;
padding-bottom: 0.75rem;
}

.hedgedocs-infobox-image img {
max-width: 100%;
height: auto;
}

.hedgedocs-infobox-label {
font-weight: bold;
width: 50%;
vertical-align: top;
}

.hedgedocs-infobox-data {
width: 50%;
}

.hedgedocs-infobox-website,
.hedgedocs-infobox-download {
padding-top: 0.25rem;
width: 100%;
}

.hedgedocs-infobox .hedgedocs-infobox-links a {
display: block;
padding: .5em !important;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
text-decoration: none;
background-image: none !important;
width: auto;
transition: background-color 125ms;
}

.hedgedocs-infobox a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
color: var(--hedgedocs-button-accent-fg-color);
text-decoration: none;
}

.hedgedocs-notice {
border: 1px solid;
border-radius: 2px;
color: var(--hedgedocs-fg-color);
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.051), 0 0 0.05rem rgba(0, 0, 0, 0.102);
margin: 1.5rem 0;
}

.hedgedocs-notice-note {
border-color: var(--hedgedocs-notice-note-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-note-header-color);
}
}
.hedgedocs-notice-info {
border-color: var(--hedgedocs-notice-info-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-info-header-color);
}
}
.hedgedocs-notice-warn {
border-color: var(--hedgedocs-notice-warn-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-warn-header-color);
}
}
.hedgedocs-notice-example {
border-color: var(--hedgedocs-notice-example-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-example-header-color);
}
}

.hedgedocs-notice .hedgedocs-notice-header {
font-weight: bold;
color: var(--hedgedocs-fg-color);
padding: 7px 15px;
}
.hedgedocs-notice-content {
padding: 15px;
background-color: var(--hedgedocs-frame-bg-color);
white-space: pre-wrap;
}
.hedgedocs-notice-content ul {
margin-top: 0 !important;
white-space: normal;
}
.hedgedocs-notice-content p {
display: inline-block;
padding: 0;
margin: 0 !important;
}

.vector-main-menu-action-opt-out {
display: none;
}
.vector-settings {
display: none;
}
li#ca-talk, li#ca-nstab-main {
display: none;
}
div.vector-page-toolbar-container {
box-shadow: none;
background-color: var(--hedgedocs-bg-color-secondary);
padding: 0 10px;
}
.vector-page-titlebar::after {
display: none !important;
}
.mw-portlet-skin-client-prefs-vector-feature-custom-font-size {
display: none;
}
.mw-editsection { display:none; }
li#footer-places-disclaimers {
display: none;
}

MediaWiki:Vector-2022.css

2025-03-26T08:54:59Z

PTKay:

/* HEDDGEDOCS COLOR PALETTES */

:root {
--hedgedocs-accent-color: #3e7e9e;
--hedgedocs-accent-color-secondary: #4d9ec7;

--hedgedocs-base-border-color: #adb5c2;

--hedgedocs-frame-bg-color: #e9ebec;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #f0f3f4;
--hedgedocs-bg-color-secondary: #dddddd;

--hedgedocs-header-color: var(--hedgedocs-accent-color);
--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #333333;
--hedgedocs-fg-color: #202122;

--hedgedocs-link-color: #36c;
--hedgedocs-link-hover: #757575;
--hedgedocs-link-active-color: #00aedf;
--hedgedocs-new-link-color: #d73333;

--hedgedocs-input-bg-color: #ffffff;
--hedgedocs-input-fg-color: #202122;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #bbbbbb;
--hedgedocs-button-bg-color-hover: #999999;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-fg-color: #ffffff;
--hedgedocs-button-accent-bg-color-hover: var(--hedgedocs-accent-color-secondary);

--hedgedocs-table-header-bg-color: var(--hedgedocs-bg-color-secondary);
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #B2B2B2;

--hedgedocs-notice-note-header-color: rgba(68, 138, 255, 0.15);
--hedgedocs-notice-note-border-color: rgba(68, 138, 255, 0.75);
--hedgedocs-notice-info-header-color: rgba(0, 184, 212, 0.15);
--hedgedocs-notice-info-border-color: rgba(0, 184, 212, 0.75);
--hedgedocs-notice-warn-header-color: rgba(255, 145, 0, 0.15);
--hedgedocs-notice-warn-border-color: rgba(255, 145, 0, 0.75);
--hedgedocs-notice-example-header-color: rgba(118, 84, 250, 0.15);
--hedgedocs-notice-example-border-color: rgba(118, 84, 250, 0.75);
}

.skin-theme-clientpref-night {
--hedgedocs-accent-color: #0f3885;
--hedgedocs-accent-color-secondary: #0d2a5f;

--hedgedocs-base-border-color: #414658;

--hedgedocs-frame-bg-color: #1a1c24;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #151515;
--hedgedocs-bg-color-secondary: #272a35;

--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #e0e6e6;
--hedgedocs-fg-color: #d2d2d2;

--hedgedocs-link-color: #88a3e8;
--hedgedocs-link-hover: #4e67f0;
--hedgedocs-link-active-color: #5082dc;
--hedgedocs-new-link-color: #fd7865;

--hedgedocs-input-bg-color: #222222;
--hedgedocs-input-fg-color: #d2d2d2;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #333333;
--hedgedocs-button-bg-color-hover: #555555;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);

--hedgedocs-table-header-bg-color: #252833;
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #3A3A3A;
}

:root, .skin-theme-clientpref-night, html.skin-theme-clientpref-night {
--background-color-base: var(--hedgedocs-bg-color);
--background-color-interactive: var(--hedgedocs-bg-color-secondary);
--background-color-interactive-subtle: var(--hedgedocs-bg-color-secondary);
--background-color-neutral-subtle: var(--hedgedocs-bg-color);
--border-color-base: var(--hedgedocs-base-border-color);
}
body {
background-color: var(--hedgedocs-bg-color) !important;
color: var(--hedgedocs-fg-color) !important;
}
.mw-page-container {
background-color: transparent !important;
}
.mw-heading, h1, h2:not(.vector-pinnable-header-label), h3, h4, h5, h6 {
color: var(--hedgedocs-fg-color) !important;
}

/* HEDDGEDOCS DARK THEME TWEAKS */

html.skin-theme-clientpref-night, .skin-theme-clientpref-night * {
filter: none !important;
}

.skin-theme-clientpref-night {
.mw-page-container .vector-icon {
filter: invert() !important;
}

.vector-icon.mw-ui-icon-listBullet {
filter: none !important;
}

.vector-icon.mw-ui-icon-wikimedia-unStar, .vector-icon.mw-ui-icon-wikimedia-star, .vector-icon.mw-ui-icon-wikimedia-expand {
filter: none !important;
}

#vector-page-tools-dropdown-label {
color: var(--hedgedocs-fg-color);
transition: color 0s;
}

.vector-header-container .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: brightness(2) !important;
}

.ext-darkmode-link::after {
content: '\263C';
}

.mw-list-item span#skin-theme-beta-notice {
display: none !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}

.oo-ui-iconElement-icon:not(.oo-ui-checkboxInputWidget-checkIcon, .oo-ui-image-progressive, .oo-ui-icon-error), .oo-ui-indicatorElement-indicator {
filter: invert() !important;
}
}

.ext-darkmode-link::after {
content: '\263E';
display: inline-block;
}

span#skin-theme-beta-notice {
display: none !important;
}

#skin-client-prefs-skin-theme .cdx-radio:first-child {
display: none;
}

/* HEDDGEDOCS FONTS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
--font-size-medium: var(--hedgedocs-font-size);

--hedgedocs-font-size: 16px;
--hedgedocs-font-size-sidebars: 16px;
--hedgedocs-font-size-sidebars-pin-button: 13px;

--hedgedocs-font: 'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
--hedgedocs-code-font: 'Roboto Mono', SFMono-Regular, Consolas, Menlo, monospace;
}
body {
-webkit-font-smoothing: antialiased;
}

body, .mw-body, h1, h2, .mw-createacct-benefits-heading, .oo-ui-menuToolGroup-tools .oo-ui-tool-title, .vector-sticky-header-context-bar-primary, .mw-body-content .mw-number-text span {
font-family: var(--hedgedocs-font) !important;
}
body .oo-ui-tool-name-preformatted .oo-ui-tool-link .oo-ui-tool-title, pre, code, tt, kbd, samp, .mw-code {
font-family: var(--hedgedocs-code-font) !important;
}
h1 {
font-weight: bold;
}

/* HEDGEDOCS PAGE STYLING CSS */

.mw-logo-wordmark {
font-size: 17pt;
}
.mw-logo-icon {
font-size: 7pt;
padding-left: 1.5em;
}
.mw-logo {
transition: opacity .25s;
}
.mw-logo:hover {
opacity: 0.7;
}

div.vector-pinnable-header-label, h2.vector-pinnable-header-label {
background: var(--hedgedocs-header-color);
color: var(--hedgedocs-header-fg-color);
padding: 2px 10px 2px 10px;
cursor: default;
margin: 0em !important;
}
button.vector-pinnable-header-toggle-button {
width: 100%;
text-align: center;
font-size: var(--hedgedocs-font-size-sidebars-pin-button);
background-color: var(--hedgedocs-button-bg-color);
padding: 2px 10px 2px 10px;
transition: background-color 0.1s;
margin-bottom: 0.5rem;
}
button.vector-pinnable-header-toggle-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover);
}
div.vector-pinnable-header {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
display: flex;
flex-direction: column;
justify-content: center;
}
div.vector-pinnable-element div.vector-menu-heading {
color: var(--hedgedocs-fg-color-light);
font-weight: bold;
cursor: default;
padding: 6px 0;
border-bottom: none;
}
#vector-main-menu .vector-menu-content .mw-list-item:hover {
}
#vector-main-menu .vector-menu-content .mw-list-item a {
font-weight: bold;
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item a:hover {
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item {
margin-bottom: 0;
}
.mw-list-item a, .vector-toc-link {
color: var(--hedgedocs-fg-color) !important;
transition: color 125ms;
}
.mw-list-item a:hover, .vector-toc-link:hover {
color: var(--hedgedocs-link-hover) !important;
text-decoration: none;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link {
color: var(--hedgedocs-link-active-color) !important;
font-weight: inherit;
}
.vector-pinnable-element, .vector-pinnable-header-label {
font-size: var(--hedgedocs-font-size-sidebars) !important;
}
.vector-pinned-container {
background-color: var(--hedgedocs-bg-color) !important;
}
.vector-sticky-pinned-container::after {
background: linear-gradient(rgba(255, 255, 255, 0), var(--hedgedocs-bg-color)) !important;
}

#toc-mw-content-text {
display: none;
}
div.vector-toc-pinnable-header {
margin-bottom: .25rem;
}
.vector-toc .vector-toc-toggle {
top: 4px !important;
}
.vector-toc button.vector-pinnable-header-toggle-button {
display: none !important;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link span, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link span, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link span {
border-left: .25em solid;
padding-left: .5em;
}

.vector-page-titlebar .firstHeading {
padding-bottom: 6px !important;
}
.firstHeading.mw-first-heading {
font-size: 2.2rem;
}

.vector-menu-tabs .mw-list-item.vector-tab-noicon > a, #vector-page-tools-dropdown-label {
padding: 9px 0 7px 0 !important;
}

.vector-header-container header.mw-header, .vector-header-container div.vector-sticky-header {
background-color: transparent;
max-width: 99.75rem;
}
.vector-sticky-header-context-bar .mw-page-title-main {
font-weight: bold;
}
.vector-header-container {
background-color: var(--hedgedocs-header-color);
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3), 0 0.4rem 4rem rgba(0, 0, 0, 0.15);
align-items: center;
justify-content: center;
min-height: 5rem;
margin-bottom: 1rem;
}
.vector-header-container div.vector-sticky-header {
color: var(--hedgedocs-header-fg-color);
border: none;
}
.vector-header-container .vector-button-flush-left {
margin-right: -24px;
}
.vector-header-container .vector-header-start .vector-button-flush-right {
margin-right: -24px;
}
.vector-header-container .vector-header-end .vector-button-flush-right {
margin-right: -6px;
}
.vector-header-container div.vector-sticky-header .vector-icon {
filter: invert();
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer), .mw-header a:visited:not(.vector-menu-content a), .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a) {
color: var(--hedgedocs-header-fg-color) !important;
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer):hover, .mw-header a:visited:not(.vector-menu-content a):hover, .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a):hover {
color: var(--hedgedocs-header-fg-color) !important;
}
.vector-dropdown div.vector-dropdown-content {
background-color: var(--hedgedocs-bg-color);
}
.mw-header .vector-icon:not(.vector-dropdown-content .vector-icon ) {
filter: invert();
}
.vector-user-menu-logged-in .vector-dropdown-label::after {
background-color: var(--hedgedocs-header-fg-color) !important;
}
.vector-header-container .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: invert() brightness(2);
}
.vector-header .cdx-button.cdx-button--icon-only {
min-width: 32px !important;
}
@media screen and (max-width: calc(639px)) {
.vector-header {
flex-flow: row !important;
}
.mw-logo {
min-width: 11em !important;
}
}
.cdx-menu-item__text .cdx-search-result-title {
color: var(--hedgedocs-fg-color);
}

.cdx-menu {
color: var(--hedgedocs-fg-color);
}

.mw-footer li {
color: var(--hedgedocs-fg-color) !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background-color: var(--hedgedocs-input-bg-color);
color: var(--hedgedocs-fg-color);
}
.oo-ui-textInputWidget input.oo-ui-inputWidget-input{
background-color: var(--hedgedocs-input-bg-color);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--hedgedocs-input-bg-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue {
color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
span.cdx-text-input__icon.cdx-text-input__start-icon {
background-color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
textarea {
background-color: var(--hedgedocs-bg-color);
}
button.cdx-button, button.cdx-button:enabled, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-bg-color);
border: none;
transition: background-color 0.1s;
}
button.cdx-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
transition: background-color 0.1s;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover) !important;
}
.cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color) !important;
}
.cdx-radio:hover .cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-radio__input:enabled:checked+.cdx-radio__icon {
background-color: var(--hedgedocs-button-check-fg-color) !important;
border-color: var(--hedgedocs-button-check-bg-color) !important;
}
.cdx-radio__input:enabled+.cdx-radio__icon {
border-color: var(--hedgedocs-base-border-color) !important;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--hedgedocs-button-check-bg-color) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
color: var(--hedgedocs-button-accent-fg-color) !important;
}
.tdg-templateDataParamWidget-param-alias:first-child {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color-light) !important;
border-color: var(--hedgedocs-base-border-color);
}

.oo-ui-toolbar-bar {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color) !important;
}
.oo-ui-menuToolGroup, .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-color: var(--hedgedocs-bg-color) !important;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
color: var(--hedgedocs-header-fg-color) !important;
background-color: var(--hedgedocs-header-color) !important;
}
.editOptions {
background-color: var(--hedgedocs-bg-color-secondary);
color: var(--hedgedocs-fg-color);
}
.editCheckboxes {
margin-bottom: .5rem;
}

.oo-ui-panelLayout-framed {
border: none;
background-color: var(--hedgedocs-frame-bg-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: var(--hedgedocs-frame-bg-color) !important;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected .oo-ui-labelElement-label, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
border: none !important;
}

.approved-revision {
background-color: transparent !important;
border: 3px solid;
color: var(--hedgedocs-fg-color) !important;
}

#mw-content-text {
margin-top: 0 !important;
}
figure[typeof~='mw:File/Thumb'] {
background-color: transparent !important;
border: none !important;
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'].mw-halign-left {
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description > img {
background-color: transparent !important;
border: none !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description::after {
display: none !important;
}

figure[typeof~='mw:File/Thumb'] > figcaption {
background-color: transparent !important;
border: none !important;
padding: 5px !important;
}
.mw-body-content a {
color: var(--hedgedocs-link-color);
}
.mw-body-content a:visited, .mw-body-content a:visited:hover{
color: var(--hedgedocs-link-color);
}
.mw-body-content a.new {
color: var(--hedgedocs-new-link-color);
}
.mw-body-content a.new:visited, .mw-body-content a.new:visited:hover{
color: var(--hedgedocs-new-link-color);
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: var(--hedgedocs-table-header-bg-color) !important;
color: var(--hedgedocs-table-header-fg-color) !important;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
background-color: var(--hedgedocs-table-data-bg-color);
color: var(--hedgedocs-fg-color);
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid var(--hedgedocs-table-border-color) !important;
padding: 5px 9px;
}
code, pre {
background-color: var(--hedgedocs-frame-bg-color);
border-color: var(--hedgedocs-base-border-color);
color: var(--hedgedocs-fg-color-light);
scrollbar-color: var(--hedgedocs-scrollbar-color) transparent;
}
pre {
overflow: auto;
white-space: pre;
}
figure.embedvideo, figure.embedvideo video {
height: auto !important;
width: 640px !important;
}
figure.embedvideo[data-service="local-embed"] span.embedvideo-wrapper {
height: auto !important;
width: 640px !important;
}

/* HEDGEDOCS CUSTOM ELEMENTS */

.hedgedocs-card {
display: grid;
background-color: var(--hedgedocs-frame-bg-color);
padding: 5px 20px 25px 20px;
margin-bottom: 1rem;
border-radius: 2px;
}

.hedgedocs-card-header p {
margin: .5rem 0 0 0 !important;
font-weight: bolder;
font-size: 25px;
}

.hedgedocs-card-header {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}

.hedgedocs-card-description {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
text-align: justify;
}

.hedgedocs-card-button {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
text-align: right;
}

.hedgedocs-card-button a {
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 30px !important;
background-image: none !important;
transition: background-color 0.1s;
border-radius: 2px;
}

.hedgedocs-card-button a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-card-button p {
margin: 0 !important;
}

.hedgedocs-home-links {
display: flex;
flex-direction: column;
justify-content: center;
}

.hedgedocs-home-links a {
display: inline-block;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 0px 10px 0px !important;
text-align: center;
margin-bottom: 10px;
background-image: none !important;
transition: background-color 0.1s;
width: 100%;
margin-left: 0;
margin-right: 0;
border-radius: 2px;
}

.hedgedocs-home-links a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-home-links p {
margin: 0 0 1.5em 0 !important;
}

.hedgedocs-home-links a {
margin-left: 0;
margin-right: 0;
}

.hedgedocs-homepage-scripts {
display: none;
}

:root {
--imagePreview-finalScale: 1.75;
--imagePreview-finalScale-bounce: 1.765;
}

.imagePreview-background {
background: #000000;
visibility: visible;
display: inherit;
opacity: 85%;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
transition: opacity 2s;
animation: fadein 0.25s;
cursor: default;
}

.imagePreview {
text-align: center;
opacity: 0;
justify-content: center;
display: none;
z-index: 9;
position: fixed;
transition: opacity 0.25s;
}

.imagePreview-image {
flex-direction: column;
align-items: center;
display: none;
z-index: 9;
position: fixed;
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
}

.imagePreview-image-element {
display: block;
cursor: default !important;
object-fit: contain;
max-width: 20vw;
max-height: 15vw;
}

@media screen and (max-width: 76.25em) {
.imagePreview-image-element {
max-width: 50vw;
max-height: 45vw;
}
}

.imagePreview-image-caption {
display: block;
width: -moz-fit-content;
width: 100%;
color: #888888 !important;
margin-top: .5rem;
font-size: 10px;
line-height: 12px;
text-align: left;
}

.imagePreview-image-caption:hover {
color: #CCCCCC !important;
}

.scaleup {
animation: scaleup 0.25s forwards;
}

.scaledown {
animation: scaledown 0.3s forwards;
}

@keyframes scaleup {
0% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}

100% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}
}

@keyframes scaledown {
0% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}

80% {
opacity: 0%;
}

100% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}
}

.hedgedocs-infobox {
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid var(--hedgedocs-base-border-color);
background-color: var(--hedgedocs-frame-bg-color);
padding: 7px 13px 10px 13px;
margin-bottom: 1em;
font-size: 88%;
float: right;
clear: right;
width: 17rem;
margin-left: 1rem;
}

.hedgedocs-infobox tr {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}

.hedgedocs-infobox tbody {
display: block;
width: 100%;
}

@media screen and (max-width: 76.25em) {
.hedgedocs-infobox {
float: none;
clear: none;
margin: auto;
width: 20rem;
}
}

.hedgedocs-infobox-title {
font-size: 1.2em;
font-weight: bold;
text-align: center;
padding-bottom: 0.2rem;
}

.hedgedocs-infobox-image {
text-align: center;
padding-bottom: 0.75rem;
}

.hedgedocs-infobox-image img {
max-width: 100%;
height: auto;
}

.hedgedocs-infobox-label {
font-weight: bold;
width: 50%;
vertical-align: top;
}

.hedgedocs-infobox-data {
width: 50%;
}

.hedgedocs-infobox-website,
.hedgedocs-infobox-download {
padding-top: 0.25rem;
width: 100%;
}

.hedgedocs-infobox .hedgedocs-infobox-links a {
display: block;
padding: .5em !important;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
text-decoration: none;
background-image: none !important;
width: auto;
transition: background-color 125ms;
}

.hedgedocs-infobox a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
color: var(--hedgedocs-button-accent-fg-color);
text-decoration: none;
}

.hedgedocs-notice {
border: 1px solid;
border-radius: 2px;
color: var(--hedgedocs-fg-color);
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.051), 0 0 0.05rem rgba(0, 0, 0, 0.102);
margin: 1.5rem 0;
}

.hedgedocs-notice-note {
border-color: var(--hedgedocs-notice-note-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-note-header-color);
}
}
.hedgedocs-notice-info {
border-color: var(--hedgedocs-notice-info-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-info-header-color);
}
}
.hedgedocs-notice-warn {
border-color: var(--hedgedocs-notice-warn-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-warn-header-color);
}
}
.hedgedocs-notice-example {
border-color: var(--hedgedocs-notice-example-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-example-header-color);
}
}

.hedgedocs-notice .hedgedocs-notice-header {
font-weight: bold;
color: var(--hedgedocs-fg-color);
padding: 7px 15px;
}
.hedgedocs-notice-content {
padding: 15px;
background-color: var(--hedgedocs-frame-bg-color);
white-space: pre-wrap;
}
.hedgedocs-notice-content ul {
margin-top: 0 !important;
white-space: normal;
}
.hedgedocs-notice-content p {
display: inline-block;
padding: 0;
margin: 0 !important;
}

.vector-main-menu-action-opt-out {
display: none;
}
.vector-settings {
display: none;
}
li#ca-talk, li#ca-nstab-main {
display: none;
}
div.vector-page-toolbar-container {
box-shadow: none;
background-color: var(--hedgedocs-bg-color-secondary);
padding: 0 10px;
}
.vector-page-titlebar::after {
display: none !important;
}
.mw-portlet-skin-client-prefs-vector-feature-custom-font-size {
display: none;
}
.mw-editsection { display:none; }
li#footer-places-disclaimers {
display: none;
}

MediaWiki:Vector-2022.css

2025-03-26T08:53:38Z

PTKay:

/* HEDDGEDOCS COLOR PALETTES */

:root {
--hedgedocs-accent-color: #3e7e9e;
--hedgedocs-accent-color-secondary: #4d9ec7;

--hedgedocs-base-border-color: #adb5c2;

--hedgedocs-frame-bg-color: #e9ebec;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #f0f3f4;
--hedgedocs-bg-color-secondary: #dddddd;

--hedgedocs-header-color: var(--hedgedocs-accent-color);
--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #333333;
--hedgedocs-fg-color: #202122;

--hedgedocs-link-color: #36c;
--hedgedocs-link-hover: #757575;
--hedgedocs-link-active-color: #00aedf;
--hedgedocs-new-link-color: #d73333;

--hedgedocs-input-bg-color: #ffffff;
--hedgedocs-input-fg-color: #202122;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #bbbbbb;
--hedgedocs-button-bg-color-hover: #999999;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-fg-color: #ffffff;
--hedgedocs-button-accent-bg-color-hover: var(--hedgedocs-accent-color-secondary);

--hedgedocs-table-header-bg-color: var(--hedgedocs-bg-color-secondary);
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #B2B2B2;

--hedgedocs-notice-note-header-color: rgba(68, 138, 255, 0.15);
--hedgedocs-notice-note-border-color: rgba(68, 138, 255, 0.75);
--hedgedocs-notice-info-header-color: rgba(0, 184, 212, 0.15);
--hedgedocs-notice-info-border-color: rgba(0, 184, 212, 0.75);
--hedgedocs-notice-warn-header-color: rgba(255, 145, 0, 0.15);
--hedgedocs-notice-warn-border-color: rgba(255, 145, 0, 0.75);
--hedgedocs-notice-example-header-color: rgba(118, 84, 250, 0.15);
--hedgedocs-notice-example-border-color: rgba(118, 84, 250, 0.75);
}

.skin-theme-clientpref-night {
--hedgedocs-accent-color: #0f3885;
--hedgedocs-accent-color-secondary: #0d2a5f;

--hedgedocs-base-border-color: #414658;

--hedgedocs-frame-bg-color: #1a1c24;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #151515;
--hedgedocs-bg-color-secondary: #272a35;

--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #e0e6e6;
--hedgedocs-fg-color: #d2d2d2;

--hedgedocs-link-color: #88a3e8;
--hedgedocs-link-hover: #4e67f0;
--hedgedocs-link-active-color: #5082dc;
--hedgedocs-new-link-color: #fd7865;

--hedgedocs-input-bg-color: #222222;
--hedgedocs-input-fg-color: #d2d2d2;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #333333;
--hedgedocs-button-bg-color-hover: #555555;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);

--hedgedocs-table-header-bg-color: #252833;
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #3A3A3A;
}

:root, .skin-theme-clientpref-night, html.skin-theme-clientpref-night {
--background-color-base: var(--hedgedocs-bg-color);
--background-color-interactive: var(--hedgedocs-bg-color-secondary);
--background-color-interactive-subtle: var(--hedgedocs-bg-color-secondary);
--background-color-neutral-subtle: var(--hedgedocs-bg-color);
--border-color-base: var(--hedgedocs-base-border-color);
}
body {
background-color: var(--hedgedocs-bg-color) !important;
color: var(--hedgedocs-fg-color) !important;
}
.mw-page-container {
background-color: transparent !important;
}
.mw-heading, h1, h2:not(.vector-pinnable-header-label), h3, h4, h5, h6 {
color: var(--hedgedocs-fg-color) !important;
}

/* HEDDGEDOCS DARK THEME TWEAKS */

html.skin-theme-clientpref-night, .skin-theme-clientpref-night * {
filter: none !important;
}

.skin-theme-clientpref-night {
.mw-page-container .vector-icon {
filter: invert() !important;
}

.vector-icon.mw-ui-icon-listBullet {
filter: none !important;
}

.vector-icon.mw-ui-icon-wikimedia-unStar, .vector-icon.mw-ui-icon-wikimedia-star, .vector-icon.mw-ui-icon-wikimedia-expand {
filter: none !important;
}

#vector-page-tools-dropdown-label {
color: var(--hedgedocs-fg-color);
transition: color 0s;
}

.mw-header .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: brightness(2) !important;
}

.ext-darkmode-link::after {
content: '\263C';
}

.mw-list-item span#skin-theme-beta-notice {
display: none !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}

.oo-ui-iconElement-icon:not(.oo-ui-checkboxInputWidget-checkIcon, .oo-ui-image-progressive, .oo-ui-icon-error), .oo-ui-indicatorElement-indicator {
filter: invert() !important;
}
}

.ext-darkmode-link::after {
content: '\263E';
display: inline-block;
}

span#skin-theme-beta-notice {
display: none !important;
}

#skin-client-prefs-skin-theme .cdx-radio:first-child {
display: none;
}

/* HEDDGEDOCS FONTS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
--font-size-medium: var(--hedgedocs-font-size);

--hedgedocs-font-size: 16px;
--hedgedocs-font-size-sidebars: 16px;
--hedgedocs-font-size-sidebars-pin-button: 13px;

--hedgedocs-font: 'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
--hedgedocs-code-font: 'Roboto Mono', SFMono-Regular, Consolas, Menlo, monospace;
}
body {
-webkit-font-smoothing: antialiased;
}

body, .mw-body, h1, h2, .mw-createacct-benefits-heading, .oo-ui-menuToolGroup-tools .oo-ui-tool-title, .vector-sticky-header-context-bar-primary, .mw-body-content .mw-number-text span {
font-family: var(--hedgedocs-font) !important;
}
body .oo-ui-tool-name-preformatted .oo-ui-tool-link .oo-ui-tool-title, pre, code, tt, kbd, samp, .mw-code {
font-family: var(--hedgedocs-code-font) !important;
}
h1 {
font-weight: bold;
}

/* HEDGEDOCS PAGE STYLING CSS */

.mw-logo-wordmark {
font-size: 17pt;
}
.mw-logo-icon {
font-size: 7pt;
padding-left: 1.5em;
}
.mw-logo {
transition: opacity .25s;
}
.mw-logo:hover {
opacity: 0.7;
}

div.vector-pinnable-header-label, h2.vector-pinnable-header-label {
background: var(--hedgedocs-header-color);
color: var(--hedgedocs-header-fg-color);
padding: 2px 10px 2px 10px;
cursor: default;
margin: 0em !important;
}
button.vector-pinnable-header-toggle-button {
width: 100%;
text-align: center;
font-size: var(--hedgedocs-font-size-sidebars-pin-button);
background-color: var(--hedgedocs-button-bg-color);
padding: 2px 10px 2px 10px;
transition: background-color 0.1s;
margin-bottom: 0.5rem;
}
button.vector-pinnable-header-toggle-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover);
}
div.vector-pinnable-header {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
display: flex;
flex-direction: column;
justify-content: center;
}
div.vector-pinnable-element div.vector-menu-heading {
color: var(--hedgedocs-fg-color-light);
font-weight: bold;
cursor: default;
padding: 6px 0;
border-bottom: none;
}
#vector-main-menu .vector-menu-content .mw-list-item:hover {
}
#vector-main-menu .vector-menu-content .mw-list-item a {
font-weight: bold;
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item a:hover {
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item {
margin-bottom: 0;
}
.mw-list-item a, .vector-toc-link {
color: var(--hedgedocs-fg-color) !important;
transition: color 125ms;
}
.mw-list-item a:hover, .vector-toc-link:hover {
color: var(--hedgedocs-link-hover) !important;
text-decoration: none;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link {
color: var(--hedgedocs-link-active-color) !important;
font-weight: inherit;
}
.vector-pinnable-element, .vector-pinnable-header-label {
font-size: var(--hedgedocs-font-size-sidebars) !important;
}
.vector-pinned-container {
background-color: var(--hedgedocs-bg-color) !important;
}
.vector-sticky-pinned-container::after {
background: linear-gradient(rgba(255, 255, 255, 0), var(--hedgedocs-bg-color)) !important;
}

#toc-mw-content-text {
display: none;
}
div.vector-toc-pinnable-header {
margin-bottom: .25rem;
}
.vector-toc .vector-toc-toggle {
top: 4px !important;
}
.vector-toc button.vector-pinnable-header-toggle-button {
display: none !important;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link span, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link span, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link span {
border-left: .25em solid;
padding-left: .5em;
}

.vector-page-titlebar .firstHeading {
padding-bottom: 6px !important;
}
.firstHeading.mw-first-heading {
font-size: 2.2rem;
}

.vector-menu-tabs .mw-list-item.vector-tab-noicon > a, #vector-page-tools-dropdown-label {
padding: 9px 0 7px 0 !important;
}

.vector-header-container header.mw-header, .vector-header-container div.vector-sticky-header {
background-color: transparent;
max-width: 99.75rem;
}
.vector-sticky-header-context-bar .mw-page-title-main {
font-weight: bold;
}
.vector-header-container {
background-color: var(--hedgedocs-header-color);
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3), 0 0.4rem 4rem rgba(0, 0, 0, 0.15);
align-items: center;
justify-content: center;
min-height: 5rem;
margin-bottom: 1rem;
}
.vector-header-container div.vector-sticky-header {
color: var(--hedgedocs-header-fg-color);
border: none;
}
.vector-header-container .vector-button-flush-left {
margin-right: -24px;
}
.vector-header-container .vector-header-start .vector-button-flush-right {
margin-right: -24px;
}
.vector-header-container .vector-header-end .vector-button-flush-right {
margin-right: -6px;
}
.vector-header-container div.vector-sticky-header .vector-icon {
filter: invert();
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer), .mw-header a:visited:not(.vector-menu-content a), .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a) {
color: var(--hedgedocs-header-fg-color) !important;
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer):hover, .mw-header a:visited:not(.vector-menu-content a):hover, .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a):hover {
color: var(--hedgedocs-header-fg-color) !important;
}
.vector-dropdown div.vector-dropdown-content {
background-color: var(--hedgedocs-bg-color);
}
.mw-header .vector-icon:not(.vector-dropdown-content .vector-icon ) {
filter: invert();
}
.vector-user-menu-logged-in .vector-dropdown-label::after {
background-color: var(--hedgedocs-header-fg-color) !important;
}
.vector-header-container .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: invert() brightness(2);
}
.vector-header .cdx-button.cdx-button--icon-only {
min-width: 32px !important;
}
@media screen and (max-width: calc(639px)) {
.vector-header {
flex-flow: row !important;
}
.mw-logo {
min-width: 11em !important;
}
}
.cdx-menu-item__text .cdx-search-result-title {
color: var(--hedgedocs-fg-color);
}

.cdx-menu {
color: var(--hedgedocs-fg-color);
}

.mw-footer li {
color: var(--hedgedocs-fg-color) !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background-color: var(--hedgedocs-input-bg-color);
color: var(--hedgedocs-fg-color);
}
.oo-ui-textInputWidget input.oo-ui-inputWidget-input{
background-color: var(--hedgedocs-input-bg-color);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--hedgedocs-input-bg-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue {
color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
span.cdx-text-input__icon.cdx-text-input__start-icon {
background-color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
textarea {
background-color: var(--hedgedocs-bg-color);
}
button.cdx-button, button.cdx-button:enabled, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-bg-color);
border: none;
transition: background-color 0.1s;
}
button.cdx-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
transition: background-color 0.1s;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover) !important;
}
.cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color) !important;
}
.cdx-radio:hover .cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-radio__input:enabled:checked+.cdx-radio__icon {
background-color: var(--hedgedocs-button-check-fg-color) !important;
border-color: var(--hedgedocs-button-check-bg-color) !important;
}
.cdx-radio__input:enabled+.cdx-radio__icon {
border-color: var(--hedgedocs-base-border-color) !important;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--hedgedocs-button-check-bg-color) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
color: var(--hedgedocs-button-accent-fg-color) !important;
}
.tdg-templateDataParamWidget-param-alias:first-child {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color-light) !important;
border-color: var(--hedgedocs-base-border-color);
}

.oo-ui-toolbar-bar {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color) !important;
}
.oo-ui-menuToolGroup, .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-color: var(--hedgedocs-bg-color) !important;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
color: var(--hedgedocs-header-fg-color) !important;
background-color: var(--hedgedocs-header-color) !important;
}
.editOptions {
background-color: var(--hedgedocs-bg-color-secondary);
color: var(--hedgedocs-fg-color);
}
.editCheckboxes {
margin-bottom: .5rem;
}

.oo-ui-panelLayout-framed {
border: none;
background-color: var(--hedgedocs-frame-bg-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: var(--hedgedocs-frame-bg-color) !important;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected .oo-ui-labelElement-label, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
border: none !important;
}

.approved-revision {
background-color: transparent !important;
border: 3px solid;
color: var(--hedgedocs-fg-color) !important;
}

#mw-content-text {
margin-top: 0 !important;
}
figure[typeof~='mw:File/Thumb'] {
background-color: transparent !important;
border: none !important;
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'].mw-halign-left {
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description > img {
background-color: transparent !important;
border: none !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description::after {
display: none !important;
}

figure[typeof~='mw:File/Thumb'] > figcaption {
background-color: transparent !important;
border: none !important;
padding: 5px !important;
}
.mw-body-content a {
color: var(--hedgedocs-link-color);
}
.mw-body-content a:visited, .mw-body-content a:visited:hover{
color: var(--hedgedocs-link-color);
}
.mw-body-content a.new {
color: var(--hedgedocs-new-link-color);
}
.mw-body-content a.new:visited, .mw-body-content a.new:visited:hover{
color: var(--hedgedocs-new-link-color);
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: var(--hedgedocs-table-header-bg-color) !important;
color: var(--hedgedocs-table-header-fg-color) !important;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
background-color: var(--hedgedocs-table-data-bg-color);
color: var(--hedgedocs-fg-color);
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid var(--hedgedocs-table-border-color) !important;
padding: 5px 9px;
}
code, pre {
background-color: var(--hedgedocs-frame-bg-color);
border-color: var(--hedgedocs-base-border-color);
color: var(--hedgedocs-fg-color-light);
scrollbar-color: var(--hedgedocs-scrollbar-color) transparent;
}
pre {
overflow: auto;
white-space: pre;
}
figure.embedvideo, figure.embedvideo video {
height: auto !important;
width: 640px !important;
}
figure.embedvideo[data-service="local-embed"] span.embedvideo-wrapper {
height: auto !important;
width: 640px !important;
}

/* HEDGEDOCS CUSTOM ELEMENTS */

.hedgedocs-card {
display: grid;
background-color: var(--hedgedocs-frame-bg-color);
padding: 5px 20px 25px 20px;
margin-bottom: 1rem;
border-radius: 2px;
}

.hedgedocs-card-header p {
margin: .5rem 0 0 0 !important;
font-weight: bolder;
font-size: 25px;
}

.hedgedocs-card-header {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}

.hedgedocs-card-description {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
text-align: justify;
}

.hedgedocs-card-button {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
text-align: right;
}

.hedgedocs-card-button a {
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 30px !important;
background-image: none !important;
transition: background-color 0.1s;
border-radius: 2px;
}

.hedgedocs-card-button a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-card-button p {
margin: 0 !important;
}

.hedgedocs-home-links {
display: flex;
flex-direction: column;
justify-content: center;
}

.hedgedocs-home-links a {
display: inline-block;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 0px 10px 0px !important;
text-align: center;
margin-bottom: 10px;
background-image: none !important;
transition: background-color 0.1s;
width: 100%;
margin-left: 0;
margin-right: 0;
border-radius: 2px;
}

.hedgedocs-home-links a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-home-links p {
margin: 0 0 1.5em 0 !important;
}

.hedgedocs-home-links a {
margin-left: 0;
margin-right: 0;
}

.hedgedocs-homepage-scripts {
display: none;
}

:root {
--imagePreview-finalScale: 1.75;
--imagePreview-finalScale-bounce: 1.765;
}

.imagePreview-background {
background: #000000;
visibility: visible;
display: inherit;
opacity: 85%;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
transition: opacity 2s;
animation: fadein 0.25s;
cursor: default;
}

.imagePreview {
text-align: center;
opacity: 0;
justify-content: center;
display: none;
z-index: 9;
position: fixed;
transition: opacity 0.25s;
}

.imagePreview-image {
flex-direction: column;
align-items: center;
display: none;
z-index: 9;
position: fixed;
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
}

.imagePreview-image-element {
display: block;
cursor: default !important;
object-fit: contain;
max-width: 20vw;
max-height: 15vw;
}

@media screen and (max-width: 76.25em) {
.imagePreview-image-element {
max-width: 50vw;
max-height: 45vw;
}
}

.imagePreview-image-caption {
display: block;
width: -moz-fit-content;
width: 100%;
color: #888888 !important;
margin-top: .5rem;
font-size: 10px;
line-height: 12px;
text-align: left;
}

.imagePreview-image-caption:hover {
color: #CCCCCC !important;
}

.scaleup {
animation: scaleup 0.25s forwards;
}

.scaledown {
animation: scaledown 0.3s forwards;
}

@keyframes scaleup {
0% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}

100% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}
}

@keyframes scaledown {
0% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}

80% {
opacity: 0%;
}

100% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}
}

.hedgedocs-infobox {
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid var(--hedgedocs-base-border-color);
background-color: var(--hedgedocs-frame-bg-color);
padding: 7px 13px 10px 13px;
margin-bottom: 1em;
font-size: 88%;
float: right;
clear: right;
width: 17rem;
margin-left: 1rem;
}

.hedgedocs-infobox tr {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}

.hedgedocs-infobox tbody {
display: block;
width: 100%;
}

@media screen and (max-width: 76.25em) {
.hedgedocs-infobox {
float: none;
clear: none;
margin: auto;
width: 20rem;
}
}

.hedgedocs-infobox-title {
font-size: 1.2em;
font-weight: bold;
text-align: center;
padding-bottom: 0.2rem;
}

.hedgedocs-infobox-image {
text-align: center;
padding-bottom: 0.75rem;
}

.hedgedocs-infobox-image img {
max-width: 100%;
height: auto;
}

.hedgedocs-infobox-label {
font-weight: bold;
width: 50%;
vertical-align: top;
}

.hedgedocs-infobox-data {
width: 50%;
}

.hedgedocs-infobox-website,
.hedgedocs-infobox-download {
padding-top: 0.25rem;
width: 100%;
}

.hedgedocs-infobox .hedgedocs-infobox-links a {
display: block;
padding: .5em !important;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
text-decoration: none;
background-image: none !important;
width: auto;
transition: background-color 125ms;
}

.hedgedocs-infobox a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
color: var(--hedgedocs-button-accent-fg-color);
text-decoration: none;
}

.hedgedocs-notice {
border: 1px solid;
border-radius: 2px;
color: var(--hedgedocs-fg-color);
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.051), 0 0 0.05rem rgba(0, 0, 0, 0.102);
margin: 1.5rem 0;
}

.hedgedocs-notice-note {
border-color: var(--hedgedocs-notice-note-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-note-header-color);
}
}
.hedgedocs-notice-info {
border-color: var(--hedgedocs-notice-info-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-info-header-color);
}
}
.hedgedocs-notice-warn {
border-color: var(--hedgedocs-notice-warn-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-warn-header-color);
}
}
.hedgedocs-notice-example {
border-color: var(--hedgedocs-notice-example-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-example-header-color);
}
}

.hedgedocs-notice .hedgedocs-notice-header {
font-weight: bold;
color: var(--hedgedocs-fg-color);
padding: 7px 15px;
}
.hedgedocs-notice-content {
padding: 15px;
background-color: var(--hedgedocs-frame-bg-color);
white-space: pre-wrap;
}
.hedgedocs-notice-content ul {
margin-top: 0 !important;
white-space: normal;
}
.hedgedocs-notice-content p {
display: inline-block;
padding: 0;
margin: 0 !important;
}

.vector-main-menu-action-opt-out {
display: none;
}
.vector-settings {
display: none;
}
li#ca-talk, li#ca-nstab-main {
display: none;
}
div.vector-page-toolbar-container {
box-shadow: none;
background-color: var(--hedgedocs-bg-color-secondary);
padding: 0 10px;
}
.vector-page-titlebar::after {
display: none !important;
}
.mw-portlet-skin-client-prefs-vector-feature-custom-font-size {
display: none;
}
.mw-editsection { display:none; }
li#footer-places-disclaimers {
display: none;
}

MediaWiki:Vector-2022.css

2025-03-25T10:56:43Z

PTKay:

/* HEDDGEDOCS COLOR PALETTES */

:root {
--hedgedocs-accent-color: #3e7e9e;
--hedgedocs-accent-color-secondary: #4d9ec7;

--hedgedocs-base-border-color: #adb5c2;

--hedgedocs-frame-bg-color: #e9ebec;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #f0f3f4;
--hedgedocs-bg-color-secondary: #dddddd;

--hedgedocs-header-color: var(--hedgedocs-accent-color);
--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #333333;
--hedgedocs-fg-color: #202122;

--hedgedocs-link-color: #36c;
--hedgedocs-link-hover: #757575;
--hedgedocs-link-active-color: #00aedf;
--hedgedocs-new-link-color: #d73333;

--hedgedocs-input-bg-color: #ffffff;
--hedgedocs-input-fg-color: #202122;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #bbbbbb;
--hedgedocs-button-bg-color-hover: #999999;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-bg-color: var(--hedgedocs-accent-color);
--hedgedocs-button-accent-fg-color: #ffffff;
--hedgedocs-button-accent-bg-color-hover: var(--hedgedocs-accent-color-secondary);

--hedgedocs-table-header-bg-color: var(--hedgedocs-bg-color-secondary);
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #B2B2B2;

--hedgedocs-notice-note-header-color: rgba(68, 138, 255, 0.15);
--hedgedocs-notice-note-border-color: rgba(68, 138, 255, 0.75);
--hedgedocs-notice-info-header-color: rgba(0, 184, 212, 0.15);
--hedgedocs-notice-info-border-color: rgba(0, 184, 212, 0.75);
--hedgedocs-notice-warn-header-color: rgba(255, 145, 0, 0.15);
--hedgedocs-notice-warn-border-color: rgba(255, 145, 0, 0.75);
--hedgedocs-notice-example-header-color: rgba(118, 84, 250, 0.15);
--hedgedocs-notice-example-border-color: rgba(118, 84, 250, 0.75);
}

.skin-theme-clientpref-night {
--hedgedocs-accent-color: #0f3885;
--hedgedocs-accent-color-secondary: #0d2a5f;

--hedgedocs-base-border-color: #414658;

--hedgedocs-frame-bg-color: #1a1c24;

--hedgedocs-scrollbar-color: #888888;

--hedgedocs-bg-color: #151515;
--hedgedocs-bg-color-secondary: #272a35;

--hedgedocs-header-fg-color: #f2f8f8;

--hedgedocs-fg-color-light: #e0e6e6;
--hedgedocs-fg-color: #d2d2d2;

--hedgedocs-link-color: #88a3e8;
--hedgedocs-link-hover: #4e67f0;
--hedgedocs-link-active-color: #5082dc;
--hedgedocs-new-link-color: #fd7865;

--hedgedocs-input-bg-color: #222222;
--hedgedocs-input-fg-color: #d2d2d2;
--hedgedocs-input-border-color: var(--hedgedocs-input-bg-color);

--hedgedocs-button-bg-color: #333333;
--hedgedocs-button-bg-color-hover: #555555;
--hedgedocs-button-check-fg-color: #ffffff;
--hedgedocs-button-check-bg-color: var(--hedgedocs-accent-color);

--hedgedocs-table-header-bg-color: #252833;
--hedgedocs-table-data-bg-color: var(--hedgedocs-frame-bg-color);
--hedgedocs-table-header-fg-color: var(--hedgedocs-fg-color);
--hedgedocs-table-border-color: #3A3A3A;
}

:root, .skin-theme-clientpref-night, html.skin-theme-clientpref-night {
--background-color-base: var(--hedgedocs-bg-color);
--background-color-interactive: var(--hedgedocs-bg-color-secondary);
--background-color-interactive-subtle: var(--hedgedocs-bg-color-secondary);
--background-color-neutral-subtle: var(--hedgedocs-bg-color);
--border-color-base: var(--hedgedocs-base-border-color);
}
body {
background-color: var(--hedgedocs-bg-color) !important;
color: var(--hedgedocs-fg-color) !important;
}
.mw-page-container {
background-color: transparent !important;
}
.mw-heading, h1, h2:not(.vector-pinnable-header-label), h3, h4, h5, h6 {
color: var(--hedgedocs-fg-color) !important;
}

/* HEDDGEDOCS DARK THEME TWEAKS */

html.skin-theme-clientpref-night, .skin-theme-clientpref-night * {
filter: none !important;
}

.skin-theme-clientpref-night {
.mw-page-container .vector-icon {
filter: invert() !important;
}

.vector-icon.mw-ui-icon-listBullet {
filter: none !important;
}

.vector-icon.mw-ui-icon-wikimedia-unStar, .vector-icon.mw-ui-icon-wikimedia-star, .vector-icon.mw-ui-icon-wikimedia-expand {
filter: none !important;
}

#vector-page-tools-dropdown-label {
color: var(--hedgedocs-fg-color);
transition: color 0s;
}

.mw-header .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: brightness(2) !important;
}

.ext-darkmode-link::after {
content: '\263C';
}

.mw-list-item span#skin-theme-beta-notice {
display: none !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}

.oo-ui-iconElement-icon:not(.oo-ui-checkboxInputWidget-checkIcon, .oo-ui-image-progressive, .oo-ui-icon-error), .oo-ui-indicatorElement-indicator {
filter: invert() !important;
}
}

.ext-darkmode-link::after {
content: '\263E';
display: inline-block;
}

span#skin-theme-beta-notice {
display: none !important;
}

#skin-client-prefs-skin-theme .cdx-radio:first-child {
display: none;
}

/* HEDDGEDOCS FONTS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
--font-size-medium: var(--hedgedocs-font-size);

--hedgedocs-font-size: 16px;
--hedgedocs-font-size-sidebars: 16px;
--hedgedocs-font-size-sidebars-pin-button: 13px;

--hedgedocs-font: 'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
--hedgedocs-code-font: 'Roboto Mono', SFMono-Regular, Consolas, Menlo, monospace;
}
body {
-webkit-font-smoothing: antialiased;
}

body, .mw-body, h1, h2, .mw-createacct-benefits-heading, .oo-ui-menuToolGroup-tools .oo-ui-tool-title, .vector-sticky-header-context-bar-primary, .mw-body-content .mw-number-text span {
font-family: var(--hedgedocs-font) !important;
}
body .oo-ui-tool-name-preformatted .oo-ui-tool-link .oo-ui-tool-title, pre, code, tt, kbd, samp, .mw-code {
font-family: var(--hedgedocs-code-font) !important;
}
h1 {
font-weight: bold;
}

/* HEDGEDOCS PAGE STYLING CSS */

.mw-logo-wordmark {
font-size: 17pt;
}
.mw-logo-icon {
font-size: 7pt;
padding-left: 1.5em;
}
.mw-logo {
transition: opacity .25s;
}
.mw-logo:hover {
opacity: 0.7;
}

div.vector-pinnable-header-label, h2.vector-pinnable-header-label {
background: var(--hedgedocs-header-color);
color: var(--hedgedocs-header-fg-color);
padding: 2px 10px 2px 10px;
cursor: default;
margin: 0em !important;
}
button.vector-pinnable-header-toggle-button {
width: 100%;
text-align: center;
font-size: var(--hedgedocs-font-size-sidebars-pin-button);
background-color: var(--hedgedocs-button-bg-color);
padding: 2px 10px 2px 10px;
transition: background-color 0.1s;
margin-bottom: 0.5rem;
}
button.vector-pinnable-header-toggle-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover);
}
div.vector-pinnable-header {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
display: flex;
flex-direction: column;
justify-content: center;
}
div.vector-pinnable-element div.vector-menu-heading {
color: var(--hedgedocs-fg-color-light);
font-weight: bold;
cursor: default;
padding: 6px 0;
border-bottom: none;
}
#vector-main-menu .vector-menu-content .mw-list-item:hover {
}
#vector-main-menu .vector-menu-content .mw-list-item a {
font-weight: bold;
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item a:hover {
text-decoration: none !important;
}
#vector-main-menu .vector-menu-content .mw-list-item {
margin-bottom: 0;
}
.mw-list-item a, .vector-toc-link {
color: var(--hedgedocs-fg-color) !important;
transition: color 125ms;
}
.mw-list-item a:hover, .vector-toc-link:hover {
color: var(--hedgedocs-link-hover) !important;
text-decoration: none;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link {
color: var(--hedgedocs-link-active-color) !important;
font-weight: inherit;
}
.vector-pinnable-element, .vector-pinnable-header-label {
font-size: var(--hedgedocs-font-size-sidebars) !important;
}
.vector-pinned-container {
background-color: var(--hedgedocs-bg-color) !important;
}
.vector-sticky-pinned-container::after {
background: linear-gradient(rgba(255, 255, 255, 0), var(--hedgedocs-bg-color)) !important;
}

#toc-mw-content-text {
display: none;
}
div.vector-toc-pinnable-header {
margin-bottom: .25rem;
}
.vector-toc .vector-toc-toggle {
top: 4px !important;
}
.vector-toc button.vector-pinnable-header-toggle-button {
display: none !important;
}
.vector-toc .vector-toc-list-item-active > a.vector-toc-link span, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > a.vector-toc-link span, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > a.vector-toc-link span {
border-left: .25em solid;
padding-left: .5em;
}

.vector-page-titlebar .firstHeading {
padding-bottom: 6px !important;
}
.firstHeading.mw-first-heading {
font-size: 2.2rem;
}

.vector-menu-tabs .mw-list-item.vector-tab-noicon > a, #vector-page-tools-dropdown-label {
padding: 9px 0 7px 0 !important;
}

.vector-header-container header.mw-header, .vector-header-container div.vector-sticky-header {
background-color: transparent;
max-width: 99.75rem;
}
.vector-sticky-header-context-bar .mw-page-title-main {
font-weight: bold;
}
.vector-header-container {
background-color: var(--hedgedocs-header-color);
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3), 0 0.4rem 4rem rgba(0, 0, 0, 0.15);
align-items: center;
justify-content: center;
min-height: 5rem;
margin-bottom: 1rem;
}
.vector-header-container div.vector-sticky-header {
color: var(--hedgedocs-header-fg-color);
border: none;
}
.vector-header-container .vector-button-flush-left {
margin-right: -24px;
}
.vector-header-container .vector-header-start .vector-button-flush-right {
margin-right: -24px;
}
.vector-header-container .vector-header-end .vector-button-flush-right {
margin-right: -6px;
}
.vector-header-container div.vector-sticky-header .vector-icon {
filter: invert();
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer), .mw-header a:visited:not(.vector-menu-content a), .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a) {
color: var(--hedgedocs-header-fg-color) !important;
}
.mw-header a:not(.vector-menu-content a, a.cdx-typeahead-search__search-footer):hover, .mw-header a:visited:not(.vector-menu-content a):hover, .user-links-collapsible-item a:not(.vector-dropdown-content .user-links-collapsible-item a):hover {
color: var(--hedgedocs-header-fg-color) !important;
}
.vector-dropdown div.vector-dropdown-content {
background-color: var(--hedgedocs-bg-color);
}
.mw-header .vector-icon:not(.vector-dropdown-content .vector-icon ) {
filter: invert();
}
.vector-user-menu-logged-in .vector-dropdown-label::after {
background-color: var(--hedgedocs-header-fg-color) !important;
}
.mw-header .vector-icon:not(.vector-dropdown-content .vector-icon) {
filter: invert() brightness(2);
}
.vector-header .cdx-button.cdx-button--icon-only {
min-width: 32px !important;
}
@media screen and (max-width: calc(639px)) {
.vector-header {
flex-flow: row !important;
}
.mw-logo {
min-width: 11em !important;
}
}
.cdx-menu-item__text .cdx-search-result-title {
color: var(--hedgedocs-fg-color);
}

.cdx-menu {
color: var(--hedgedocs-fg-color);
}

.mw-footer li {
color: var(--hedgedocs-fg-color) !important;
}

#searchInput, .cdx-text-input__input:enabled, .cdx-text-input__input {
background-color: var(--hedgedocs-input-bg-color) !important;
border-color: var(--hedgedocs-input-border-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background-color: var(--hedgedocs-input-bg-color);
color: var(--hedgedocs-fg-color);
}
.oo-ui-textInputWidget input.oo-ui-inputWidget-input{
background-color: var(--hedgedocs-input-bg-color);
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--hedgedocs-input-bg-color) !important;
color: var(--hedgedocs-input-fg-color) !important;
}
.cdx-text-input__input:enabled~.cdx-text-input__icon-vue {
color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
span.cdx-text-input__icon.cdx-text-input__start-icon {
background-color: var(--hedgedocs-input-fg-color) !important;
opacity: 0.5 !important;
}
textarea {
background-color: var(--hedgedocs-bg-color);
}
button.cdx-button, button.cdx-button:enabled, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-bg-color);
border: none;
transition: background-color 0.1s;
}
button.cdx-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
transition: background-color 0.1s;
}
.cdx-button.cdx-button--weight-primary.cdx-button--action-progressive:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover) !important;
}
.cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color) !important;
}
.cdx-radio:hover .cdx-radio__icon {
background-color: var(--hedgedocs-button-bg-color-hover) !important;
}
.cdx-radio__input:enabled:checked+.cdx-radio__icon {
background-color: var(--hedgedocs-button-check-fg-color) !important;
border-color: var(--hedgedocs-button-check-bg-color) !important;
}
.cdx-radio__input:enabled+.cdx-radio__icon {
border-color: var(--hedgedocs-base-border-color) !important;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--hedgedocs-button-check-bg-color) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: var(--hedgedocs-button-accent-bg-color) !important;
color: var(--hedgedocs-button-accent-fg-color) !important;
}
.tdg-templateDataParamWidget-param-alias:first-child {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color-light) !important;
border-color: var(--hedgedocs-base-border-color);
}

.oo-ui-toolbar-bar {
background-color: var(--hedgedocs-bg-color-secondary) !important;
color: var(--hedgedocs-fg-color) !important;
}
.oo-ui-menuToolGroup, .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-color: var(--hedgedocs-bg-color) !important;
}
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
color: var(--hedgedocs-header-fg-color) !important;
background-color: var(--hedgedocs-header-color) !important;
}
.editOptions {
background-color: var(--hedgedocs-bg-color-secondary);
color: var(--hedgedocs-fg-color);
}
.editCheckboxes {
margin-bottom: .5rem;
}

.oo-ui-panelLayout-framed {
border: none;
background-color: var(--hedgedocs-frame-bg-color);
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected {
background-color: var(--hedgedocs-frame-bg-color) !important;
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected .oo-ui-labelElement-label, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
border: none !important;
}

.approved-revision {
background-color: transparent !important;
border: 3px solid;
color: var(--hedgedocs-fg-color) !important;
}

#mw-content-text {
margin-top: 0 !important;
}
figure[typeof~='mw:File/Thumb'] {
background-color: transparent !important;
border: none !important;
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'].mw-halign-left {
margin-bottom: 0.5em !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description > img {
background-color: transparent !important;
border: none !important;
}

figure[typeof~='mw:File/Thumb'] > .mw-file-description::after {
display: none !important;
}

figure[typeof~='mw:File/Thumb'] > figcaption {
background-color: transparent !important;
border: none !important;
padding: 5px !important;
}
.mw-body-content a {
color: var(--hedgedocs-link-color);
}
.mw-body-content a:visited, .mw-body-content a:visited:hover{
color: var(--hedgedocs-link-color);
}
.mw-body-content a.new {
color: var(--hedgedocs-new-link-color);
}
.mw-body-content a.new:visited, .mw-body-content a.new:visited:hover{
color: var(--hedgedocs-new-link-color);
}
.wikitable > tr > th, .wikitable > * > tr > th {
background-color: var(--hedgedocs-table-header-bg-color) !important;
color: var(--hedgedocs-table-header-fg-color) !important;
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
background-color: var(--hedgedocs-table-data-bg-color);
color: var(--hedgedocs-fg-color);
}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
border: 1px solid var(--hedgedocs-table-border-color) !important;
padding: 5px 9px;
}
code, pre {
background-color: var(--hedgedocs-frame-bg-color);
border-color: var(--hedgedocs-base-border-color);
color: var(--hedgedocs-fg-color-light);
scrollbar-color: var(--hedgedocs-scrollbar-color) transparent;
}
pre {
overflow: auto;
white-space: pre;
}
figure.embedvideo, figure.embedvideo video {
height: auto !important;
width: 640px !important;
}
figure.embedvideo[data-service="local-embed"] span.embedvideo-wrapper {
height: auto !important;
width: 640px !important;
}

/* HEDGEDOCS CUSTOM ELEMENTS */

.hedgedocs-card {
display: grid;
background-color: var(--hedgedocs-frame-bg-color);
padding: 5px 20px 25px 20px;
margin-bottom: 1rem;
border-radius: 2px;
}

.hedgedocs-card-header p {
margin: .5rem 0 0 0 !important;
font-weight: bolder;
font-size: 25px;
}

.hedgedocs-card-header {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}

.hedgedocs-card-description {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 3;
text-align: justify;
}

.hedgedocs-card-button {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 4;
text-align: right;
}

.hedgedocs-card-button a {
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 30px !important;
background-image: none !important;
transition: background-color 0.1s;
border-radius: 2px;
}

.hedgedocs-card-button a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-card-button p {
margin: 0 !important;
}

.hedgedocs-home-links {
display: flex;
flex-direction: column;
justify-content: center;
}

.hedgedocs-home-links a {
display: inline-block;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
padding: 10px 0px 10px 0px !important;
text-align: center;
margin-bottom: 10px;
background-image: none !important;
transition: background-color 0.1s;
width: 100%;
margin-left: 0;
margin-right: 0;
border-radius: 2px;
}

.hedgedocs-home-links a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
text-decoration: none !important;
}

.hedgedocs-home-links p {
margin: 0 0 1.5em 0 !important;
}

.hedgedocs-home-links a {
margin-left: 0;
margin-right: 0;
}

.hedgedocs-homepage-scripts {
display: none;
}

:root {
--imagePreview-finalScale: 1.75;
--imagePreview-finalScale-bounce: 1.765;
}

.imagePreview-background {
background: #000000;
visibility: visible;
display: inherit;
opacity: 85%;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
transition: opacity 2s;
animation: fadein 0.25s;
cursor: default;
}

.imagePreview {
text-align: center;
opacity: 0;
justify-content: center;
display: none;
z-index: 9;
position: fixed;
transition: opacity 0.25s;
}

.imagePreview-image {
flex-direction: column;
align-items: center;
display: none;
z-index: 9;
position: fixed;
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
}

.imagePreview-image-element {
display: block;
cursor: default !important;
object-fit: contain;
max-width: 20vw;
max-height: 15vw;
}

@media screen and (max-width: 76.25em) {
.imagePreview-image-element {
max-width: 50vw;
max-height: 45vw;
}
}

.imagePreview-image-caption {
display: block;
width: -moz-fit-content;
width: 100%;
color: #888888 !important;
margin-top: .5rem;
font-size: 10px;
line-height: 12px;
text-align: left;
}

.imagePreview-image-caption:hover {
color: #CCCCCC !important;
}

.scaleup {
animation: scaleup 0.25s forwards;
}

.scaledown {
animation: scaledown 0.3s forwards;
}

@keyframes scaleup {
0% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}

100% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}
}

@keyframes scaledown {
0% {
opacity: 100%;
transform: translate(-50%, -50%) scale(var(--imagePreview-finalScale));
}

80% {
opacity: 0%;
}

100% {
opacity: 0%;
transform: translate(-50%, -50%) scale(0);
}
}

.hedgedocs-infobox {
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid var(--hedgedocs-base-border-color);
background-color: var(--hedgedocs-frame-bg-color);
padding: 7px 13px 10px 13px;
margin-bottom: 1em;
font-size: 88%;
float: right;
clear: right;
width: 17rem;
margin-left: 1rem;
}

.hedgedocs-infobox tr {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}

.hedgedocs-infobox tbody {
display: block;
width: 100%;
}

@media screen and (max-width: 76.25em) {
.hedgedocs-infobox {
float: none;
clear: none;
margin: auto;
width: 20rem;
}
}

.hedgedocs-infobox-title {
font-size: 1.2em;
font-weight: bold;
text-align: center;
padding-bottom: 0.2rem;
}

.hedgedocs-infobox-image {
text-align: center;
padding-bottom: 0.75rem;
}

.hedgedocs-infobox-image img {
max-width: 100%;
height: auto;
}

.hedgedocs-infobox-label {
font-weight: bold;
width: 50%;
vertical-align: top;
}

.hedgedocs-infobox-data {
width: 50%;
}

.hedgedocs-infobox-website,
.hedgedocs-infobox-download {
padding-top: 0.25rem;
width: 100%;
}

.hedgedocs-infobox .hedgedocs-infobox-links a {
display: block;
padding: .5em !important;
background-color: var(--hedgedocs-button-accent-bg-color);
color: var(--hedgedocs-button-accent-fg-color) !important;
text-decoration: none;
background-image: none !important;
width: auto;
transition: background-color 125ms;
}

.hedgedocs-infobox a:hover {
background-color: var(--hedgedocs-button-accent-bg-color-hover);
color: var(--hedgedocs-button-accent-fg-color);
text-decoration: none;
}

.hedgedocs-notice {
border: 1px solid;
border-radius: 2px;
color: var(--hedgedocs-fg-color);
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.051), 0 0 0.05rem rgba(0, 0, 0, 0.102);
margin: 1.5rem 0;
}

.hedgedocs-notice-note {
border-color: var(--hedgedocs-notice-note-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-note-header-color);
}
}
.hedgedocs-notice-info {
border-color: var(--hedgedocs-notice-info-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-info-header-color);
}
}
.hedgedocs-notice-warn {
border-color: var(--hedgedocs-notice-warn-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-warn-header-color);
}
}
.hedgedocs-notice-example {
border-color: var(--hedgedocs-notice-example-border-color);

.hedgedocs-notice-header {
background-color: var(--hedgedocs-notice-example-header-color);
}
}

.hedgedocs-notice .hedgedocs-notice-header {
font-weight: bold;
color: var(--hedgedocs-fg-color);
padding: 7px 15px;
}
.hedgedocs-notice-content {
padding: 15px;
background-color: var(--hedgedocs-frame-bg-color);
white-space: pre-wrap;
}
.hedgedocs-notice-content ul {
margin-top: 0 !important;
white-space: normal;
}
.hedgedocs-notice-content p {
display: inline-block;
padding: 0;
margin: 0 !important;
}

.vector-main-menu-action-opt-out {
display: none;
}
.vector-settings {
display: none;
}
li#ca-talk, li#ca-nstab-main {
display: none;
}
div.vector-page-toolbar-container {
box-shadow: none;
background-color: var(--hedgedocs-bg-color-secondary);
padding: 0 10px;
}
.vector-page-titlebar::after {
display: none !important;
}
.mw-portlet-skin-client-prefs-vector-feature-custom-font-size {
display: none;
}
.mw-editsection { display:none; }
li#footer-places-disclaimers {
display: none;
}

HedgeDocs:About

2025-03-25T10:52:50Z

PTKay: Protected "HedgeDocs:About" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

HedgeDocs is a MediaWiki powered webpage that contains several guides, tools and documentation pages meant to help users creating modifications for Sonic the Hedgehog games.

== Creating Pages ==
When creating new pages in the wiki, please try to make it fit with the pages that already exist. Try to follow their style as closely as possible.

=== Templates ===
HedgeDocs provides you custom templates that help you when creating specific pages in the wiki. They are listed in the table below, alongside their purpose:

{| class="wikitable"
|+
!Name
!Description
|-
|[[Template:Notice|Notice]]
|Presents a warning, a note or a tip in a coloured container.
|-
|-
|[[Template:ToolInfobox|ToolInfoBox]]
|An information container used for tool pages.
|-
|}

HedgeDocs:About

2025-03-25T10:52:43Z

PTKay:

HedgeDocs is a MediaWiki powered webpage that contains several guides, tools and documentation pages meant to help users creating modifications for Sonic the Hedgehog games.

== Creating Pages ==
When creating new pages in the wiki, please try to make it fit with the pages that already exist. Try to follow their style as closely as possible.

=== Templates ===
HedgeDocs provides you custom templates that help you when creating specific pages in the wiki. They are listed in the table below, alongside their purpose:

{| class="wikitable"
|+
!Name
!Description
|-
|[[Template:Notice|Notice]]
|Presents a warning, a note or a tip in a coloured container.
|-
|-
|[[Template:ToolInfobox|ToolInfoBox]]
|An information container used for tool pages.
|-
|}

HedgeDocs:About

2025-03-25T10:52:11Z

PTKay:

HedgeDocs is a MediaWiki powered webpage that contains several guides, tools and documentation pages meant to help users creating modifications for Sonic the Hedgehog games.

== Creating Pages ==
When creating new pages in the wiki, please try to make it fit with the pages that already exist. Try to follow their style as closely as possible.

=== Templates ===
HedgeDocs provides you custom templates that help you when creating specific pages in the wiki. They are listed in the table below, alongside their purpose

{| class="wikitable"
|+
!Name
!Description
|-
|[[Template:Notice|Notice]]
|Presents a warning, a note or a tip in a coloured container.
|-
|-
|[[Template:ToolInfobox|ToolInfoBox]]
|An information container used for tool pages.
|-
|}

HedgeDocs:About

2025-03-25T10:47:08Z

PTKay: Created page with "HedgeDocs is a MediaWiki powered webpage that contains several guides, tools and documentation pages meant to help users creating modifications for Sonic the Hedgehog games."

HedgeDocs is a MediaWiki powered webpage that contains several guides, tools and documentation pages meant to help users creating modifications for Sonic the Hedgehog games.

Documentation

2025-03-25T10:45:11Z

PTKay:

Documentation

2025-03-25T10:29:49Z

PTKay:

This section contains documentation that isn't specific to any game. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]] (Hedgehog Set Object Notation)
|Universal object placement representation format.
|.hson
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]] (Ninja CellSpriteDraw Project)
|Describes a user interface in most Hedgehog Engine games.
|.[x/y/g/s]ncp
|
* [[Kunai]]
* [[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format.
|
|
|}

Documentation

2025-03-25T10:28:50Z

PTKay:

This section contains documentation that isn't specific to any game. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]]
|Universal object placement representation format.
|.hson
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]]
|Describes a user interface in most Hedgehog Engine games.
|.[x/y/g/s]ncp
|
* [[Kunai]]
* [[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format.
|
|
|}

HedgeArchiveEditor

2025-03-25T10:27:38Z

PTKay:

{{ToolInfobox|title=HedgeArchiveEditor|author=Radfordhound, PTKay|download=https://github.com/HedgeDocs/HedgeDocs.github.io/releases/download/CompiledTools/HedgeArchiveEditor.7z}}

HedgeArchiveEditor is a user interface for [[HedgeArcPack]].

Documentation

2025-03-25T10:22:07Z

PTKay:

This section contains documentation that isn't specific to any game. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]]
|Universal object placement representation format.
|.hson
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]]
|Describes a user interface in most Hedgehog Engine games.
|.[x/y/g/s]ncp
|
* [[Kunai]]
* [[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format
|
|
|}

Documentation

2025-03-25T10:21:45Z

PTKay:

This section contains documentation that isn't specific to any game. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]]
|Universal object placement representation format.
|.hson
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]]
|Describes a user interface in most Hedgehog Engine games.
|.[x/y/g/s]ncp
|[[Kunai]]
[[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format
|
|
|}

Documentation

2025-03-25T10:21:37Z

PTKay:

This section contains documentation that isn't specific to any game. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]]
|Universal object placement representation format.
|.hson
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]]
|Describes a user interface in most Hedgehog Engine games.
|.[x/y/g/s]ncp
|[[Kunai]] [[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format
|
|
|}

Documentation

2025-03-25T10:17:47Z

PTKay:

This section contains documentation that isn't specific to any game. You'll find information about certain file formats and other general game resources.

== Set-Data ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[HSON Format|HSON]]
|Universal object placement representation format.
|.hson
|
|}

== User Interface ==
{| class="wikitable"
|+
!Name
!Description
!Extension
!Tools
|-
|[[NCP File Format|NCP]]
|Describes a user interface in most Hedgehog Engine games.
|.[x/y/g/s]ncp
|[[Kunai]]
[[Shuriken]]
|}

== Archives ==
{| class="wikitable"
!Name
!Description
!Extension
!Tools
|-
|[[NN Chunk Format|NN Chunk]]
|Generic container format
|
|
|}