\ No newline at end of file
diff --git a/acknowledgements/index.html b/acknowledgements/index.html
index ada86f5..ae96d95 100644
--- a/acknowledgements/index.html
+++ b/acknowledgements/index.html
@@ -1,7 +1,7 @@
-Acknowledgements :: Densha de GO! controller documentation
-
Acknowledgements
GMMan, who has provided the internal details of the DGOC-44U and has conducted extensive research on the Densha de GO! Plug and Play.
+
+
+
\ No newline at end of file
diff --git a/adapters/autotraintas/index.html b/adapters/autotraintas/index.html
index ef18ad4..72e8f33 100644
--- a/adapters/autotraintas/index.html
+++ b/adapters/autotraintas/index.html
@@ -1,7 +1,7 @@
-Converter tool by Autotraintas :: Densha de GO! controller documentation
-
Converter tool by Autotraintas
Autotraintas has created a tool that makes it possible to use nearly any Densha de GO! controller with the PC versions of the games. This includes classic console controllers (USB adapter required) and USB controllers. The tool patches the game memory on the fly to reflect the input from the controller.
+
+
+
\ No newline at end of file
diff --git a/adapters/cheats/index.html b/adapters/cheats/index.html
index 0eb9665..323318a 100644
--- a/adapters/cheats/index.html
+++ b/adapters/cheats/index.html
@@ -1,6 +1,6 @@
-PlayStation 2 cheat codes :: Densha de GO! controller documentation
-
PlayStation 2 cheat codes
Overview
While Densha de GO! 3 and Densha de GO! Shinkansen officially support the original (non-USB) PlayStation controllers, other games are only compatible with USB controllers. Via cheat codes, it is possible to use the original PlayStation controllers on real hardware, either with retail discs or via OPL.
The codes emulate a Type 2 controller. You will need to connect the controller as follows:
Port 1: Dualshock or Dualshock 2 (D-pad, SELECT)
Port 2: PlayStation controller (handles and buttons, SELECT is mapped to D)
Note
Other controllers may be used like this with an adapter (Titan One/Two + Brook/PADEMU). In this case, buttons are not remapped and the Dualshock on port 1 is not needed. More information
For retail discs, the codes can be loaded with ps2rd or Cheat Device. If you are using OPL, it already includes ps2rd and you just need to copy the codes and enable cheats.
Technical description
These cheat codes have become possible after disassembling and inspecting each game with Ghidra and the ghidra-emotionengine plugin. The format of cheat codes is described here.
Here you can find a commented version of the cheat code for Densha de GO! Professional 2 (Taito Best). Input data is copied to 0xFE000 (two bytes for button data and one byte for D-pad data) before processing.
202D3CAC 00000000 // By default, set number of connected USB devices to 0
+PlayStation 2 cheat codes :: Densha de GO! controller documentation
+
While Densha de GO! 3 and Densha de GO! Shinkansen officially support the original (non-USB) PlayStation controllers, other games are only compatible with USB controllers. Via cheat codes, it is possible to use the original PlayStation controllers on real hardware, either with retail discs or via OPL.
The codes emulate a Type 2 controller. You will need to connect the controller as follows:
Port 1: Dualshock or Dualshock 2 (D-pad, SELECT)
Port 2: PlayStation controller (handles and buttons, SELECT is mapped to D)
Note
Other controllers may be used like this with an adapter (Titan One/Two + Brook/PADEMU). In this case, buttons are not remapped and the Dualshock on port 1 is not needed. More information
For retail discs, the codes can be loaded with ps2rd or Cheat Device. If you are using OPL, it already includes ps2rd and you just need to copy the codes and enable cheats.
Technical description
These cheat codes have become possible after disassembling and inspecting each game with Ghidra and the ghidra-emotionengine plugin. The format of cheat codes is described here.
Here you can find a commented version of the cheat code for Densha de GO! Professional 2 (Taito Best). Input data is copied to 0xFE000 (two bytes for button data and one byte for D-pad data) before processing.
202D3CAC 00000000 // By default, set number of connected USB devices to 0
D02DBA32 58010001 // If there's a controller connected to P2, run the following 0x58 lines (everything)
502DB9C2 00000002 // Copy button data to 0xFE000
000FE000 00000000
@@ -100,9 +100,9 @@ D00FE000 01000100 // B1
003794C2 00000001
D00FE000 01000400 // B0
003794C2 00000000
-
Memory addresses
Professional 2 (Taito Best)
Professional 2
Ryojōhen
Final
Notes
USB mascon count (int32)
0x2D3CAC
0x2C852C
0x24B6DC
0x2C1464
USB mascon model (int32)
0x3790F0
0x36EAF0
0x2F24E0
0x3DEA10
0x40000202=Type 2
Type 2 brake notch (byte)
0x3794C2
0x36EEC2
0x2F28C2
0x3DF242
Preprocessed, 0 to 9
Type 2 power notch (byte)
0x3794C3
0x36EEC3
0x2F28C3
0x3DF243
Preprocessed, 0 to 5
Type 2 D-pad data (byte)
0x3794C5
0x36EEC5
0x2F28C5
0x3DF245
Raw USB data
Type 2 button data (byte)
0x3794C6
0x36EEC6
0x2F28C6
0x3DF246
Raw USB data
P2 controller connected (byte)
0x2DBA32
0x2D14F2
0x2548F2
0x2C8172
0x00=Disconnected, 0x01=Connected
P2 controller type (byte)
0x2DB9C1
0x2D1481
0x254881
0x2C8101
0x41=Digital, 0x73=Dualshock
P2 button input (int16)
0x2DB9C2
0x2D1482
0x254882
0x2C8102
P2 L-stick input (int16)
0x2DB9C6
0x2D1486
0x254886
0x2C8106
P1 button input (int16)
0x2DBAC2
0x2D1582
0x254982
0x2C8202
ASM patch
0x12BDC0
0x12CB60
0x135B90
0x148928
Leftover game code binds the C button to the horn and needs to be disabled.
+
+
+
\ No newline at end of file
diff --git a/adapters/index.html b/adapters/index.html
index ab643ee..9c49101 100644
--- a/adapters/index.html
+++ b/adapters/index.html
@@ -1,7 +1,7 @@
-Adapters and hacks :: Densha de GO! controller documentation
-
Besides official compatibility, it is possible to use unofficial adapters, tools and hacks to use controllers with software which does not normally support controllers.
+
+
+
\ No newline at end of file
diff --git a/adapters/plugins/index.html b/adapters/plugins/index.html
index 4c6918a..a098fdf 100644
--- a/adapters/plugins/index.html
+++ b/adapters/plugins/index.html
@@ -1,7 +1,7 @@
-Input plugins for BVE Trainsim/OpenBVE :: Densha de GO! controller documentation
-
OpenBVE includes built-in input plugins for all classic and USB Densha de GO! controllers, the MTC with P5/B8 cassette and the OHC-PC01. They can be enabled and configured in the program’s settings. Note that a USB adapter is required for classic console controllers.
+
+
+
\ No newline at end of file
diff --git a/adapters/titan/index.html b/adapters/titan/index.html
index ae2a42c..962f81e 100644
--- a/adapters/titan/index.html
+++ b/adapters/titan/index.html
@@ -1,7 +1,7 @@
-Titan One/Two adapters :: Densha de GO! controller documentation
-
ConsoleTuner sells the Titan One and Titan Two USB devices. They support scripts to remap buttons or change the behaviour of a controller entirely. There are many repositories available with scripts to make a Densha de GO! controller behave like a different one:
Before using a script, check whether it was designed for the Titan One or the Titan Two. They share the same extension (.GPC) but are different. The Titan Two is backwards compatible with many Titan One scripts, but not viceversa.
+
+
+
\ No newline at end of file
diff --git a/categories/index.html b/categories/index.html
index 3dabbe8..6e02bd3 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -1,7 +1,7 @@
-Categories :: Densha de GO! controller documentation
-
The following table lists the compatibility between each controller (first row) and each software (first column). Additional software compatible with the controllers is also listed. The column for the Multi Train Controller (MTC) specifies the supported cassettes. Scroll to the right to see the full table.
This section includes controllers for consoles which use a non-USB connector and usually pose as standard controllers from their corresponding console.
+
+
+
\ No newline at end of file
diff --git a/controllers/classic/slph00051/index.html b/controllers/classic/slph00051/index.html
index 838aa46..cf14fcd 100644
--- a/controllers/classic/slph00051/index.html
+++ b/controllers/classic/slph00051/index.html
@@ -1,8 +1,8 @@
-Two handle controller (Sony PlayStation) :: Densha de GO! controller documentation
-
The controller follows the same standard internal operation as other classic controllers.
To allow PlayStation software to distinguish the controller from a standard controller, UP and DOWN on the D-pad are pressed permanently. This combination is impossible on an unmodified digital gamepad or Dualshock.
+
+
+
\ No newline at end of file
diff --git a/controllers/classic/tc5175290/index.html b/controllers/classic/tc5175290/index.html
index f162ff4..bc1a0d9 100644
--- a/controllers/classic/tc5175290/index.html
+++ b/controllers/classic/tc5175290/index.html
@@ -1,8 +1,8 @@
-Two handle controller (Sega Saturn) :: Densha de GO! controller documentation
-
The controller follows the same standard internal operation as other classic controllers. As the controller only has one handle, brake and power cannot be set separately. In addition, only the first and fourth unmarked positions are available.
To allow PlayStation software to distinguish the controller from a standard controller, UP and DOWN on the D-pad are pressed permanently. This combination is impossible on an unmodified digital gamepad or Dualshock.
+
+
+
\ No newline at end of file
diff --git a/controllers/classic/tcpp20002/index.html b/controllers/classic/tcpp20002/index.html
index 7d49ac7..f5f1777 100644
--- a/controllers/classic/tcpp20002/index.html
+++ b/controllers/classic/tcpp20002/index.html
@@ -1,8 +1,8 @@
-Mamecon (Sony PlayStation) :: Densha de GO! controller documentation
-
The controller follows the same standard internal operation as other classic controllers. In addition, only the first and fourth unmarked positions are available.
To allow PlayStation software to distinguish the controller from a standard controller, UP and DOWN on the D-pad are pressed permanently. This combination is impossible on an unmodified digital gamepad or Dualshock.
+
+
+
\ No newline at end of file
diff --git a/controllers/classic/tcpp20003/index.html b/controllers/classic/tcpp20003/index.html
index 12a283b..5a37632 100644
--- a/controllers/classic/tcpp20003/index.html
+++ b/controllers/classic/tcpp20003/index.html
@@ -1,8 +1,8 @@
-Two handle controller (Nintendo 64) :: Densha de GO! controller documentation
-
Internally, these controllers use the same protocol as a standard controller for the corresponding console and input is reported in the data bytes corresponding to buttons (where each bit reports the state of a single button). Only the regular physical buttons have dedicated bits for them; the handles combine three and four bits for the power notches and brake notches, respectively (you can find an example with the Nintendo 64 here).
Power handle bit usage
The power handle uses a combination of three bits (buttons) to represent each notch.
Position
POWER 1
POWER 2
POWER 3
N
-
X
X
P1
X
-
X
P2
-
-
X
P3
X
X
-
P4
-
X
-
P5
X
-
-
Transition
-
-
-
Brake handle bit usage
The brake handle uses a combination of four bits (buttons) to represent each notch.
Position
BRAKE 1
BRAKE 2
BRAKE 3
BRAKE 4
Released
-
X
X
X
B1
X
-
X
X
B2
-
-
X
X
B3
X
X
-
X
B4
-
X
-
X
B5
X
-
-
X
B6
-
-
-
X
B7
X
X
X
-
B8
-
X
X
-
Unmarked 1
X
-
X
-
Unmarked 2
-
-
X
-
Unmarked 3
X
X
-
-
Unmarked 4
-
X
-
-
Unmarked 5
X
-
-
-
Emergency
-
-
-
-
Transition
X
X
X
X
The unmarked positions can be found between B8 and Emergency and produce no click when moving the handle.
Button mapping to a standard controller
Because they use the same data bytes, the input between a Densha de GO! controller and a standard controller for each console can be matched as follows:
Densha de GO!
Nintendo 64
Sony PlayStation 1
Sega Dreamcast
Sega Saturn
SELECT
R
SELECT
D
??
START
START
START
START
START
A
B
SQUARE
A
A
B
A
CROSS
??
B
C
L
CIRCLE
C
C
POWER 1
RIGHT
TRIANGLE
Z
X
POWER 2
UP
LEFT
Y
Y
POWER 3
Z
RIGHT
X
Z
BRAKE 1
C RIGHT
L1
UP
L
BRAKE 2
C LEFT
L2
DOWN
R
BRAKE 3
C DOWN
R1
LEFT
DOWN
BRAKE 4
C UP
R2
RIGHT
LEFT
This can be used with a USB adapter to read the controller input from a PC.
+
+
+
\ No newline at end of file
diff --git a/controllers/gameport/dgoc44/index.html b/controllers/gameport/dgoc44/index.html
index 03e387c..189b94d 100644
--- a/controllers/gameport/dgoc44/index.html
+++ b/controllers/gameport/dgoc44/index.html
@@ -1,8 +1,8 @@
-Two handle controller, game port (PC) :: Densha de GO! controller documentation
-
This is the original controller for the Microsoft Windows releases. This controller has two handles (5 power notches and 8+emergency brake notches) and 3 buttons (A, B, C).
The buttons and handles are mapped to game port buttons and axes, respectively, as follows:
Game port
Controller
B1
B
B2
A
B3
Unused
B4
C
X1
Brake
Y1
Power
X2
Unused
Y2
Unused
The controller needs to be calibrated before it can be used.
+
+
+
\ No newline at end of file
diff --git a/controllers/gameport/index.html b/controllers/gameport/index.html
index ded5b3b..492bf2f 100644
--- a/controllers/gameport/index.html
+++ b/controllers/gameport/index.html
@@ -1,7 +1,7 @@
-Game port :: Densha de GO! controller documentation
-
This section lists all the controllers compatible with software in the Densha de GO! series or other software. The controllers are grouped by type. You will also find technical details, if they are known.
+
+
+
\ No newline at end of file
diff --git a/controllers/standalone/index.html b/controllers/standalone/index.html
index 4f6bbee..5201cf0 100644
--- a/controllers/standalone/index.html
+++ b/controllers/standalone/index.html
@@ -1,7 +1,7 @@
-Standalone :: Densha de GO! controller documentation
-
This section includes self-contained controllers with software included in them. Instead of connecting to a PC or console, they can be connected directly to a TV via HDMI.
+
+
+
\ No newline at end of file
diff --git a/controllers/standalone/pnp/index.html b/controllers/standalone/pnp/index.html
index ce0ee15..c167878 100644
--- a/controllers/standalone/pnp/index.html
+++ b/controllers/standalone/pnp/index.html
@@ -1,8 +1,8 @@
-Densha de GO! Plug and Play :: Densha de GO! controller documentation
-
This controller is different from traditional controllers in the sense that it contains the game (an improved version of Densha de GO! Final) and does not connect to a PC or console. Externally, it looks similar to a TCPP-20009, except it does not include a pedal connection. Internally, it contains an ARM board running Linux. It requires a micro USB cable for power and a HDMI cable for video output.
The micro USB port supports USB OTG with a powered adapter and is used by Taito to install software updates.
It is possible to update the Linux kernel on the board to enable USB gadget mode and emulate traditional controllers, such as the DGOC-44U. This makes it possible to control other software. You can find more information here.
+
+
+
\ No newline at end of file
diff --git a/controllers/usb/cotm02001/index.html b/controllers/usb/cotm02001/index.html
index e09df27..cb998a7 100644
--- a/controllers/usb/cotm02001/index.html
+++ b/controllers/usb/cotm02001/index.html
@@ -1,8 +1,8 @@
-Train Mascon (Sony PlayStation 2) :: Densha de GO! controller documentation
-
This controller has one handle (5 power notches and 8+emergency brake notches), a D-Pad and 6 buttons (Select, Start, A, B, C, D).
Internally, it is a HID-compliant joystick with two axes, 6 buttons and a PoV hat switch (the handle positions are reported via axes).
Besides the PoV hat switch, it reports the same data as a DGOC-44U controller. The games check if the controller has a PoV hat switch to distinguish between a DGC-255 and a DGOC-44U.
+
+
+
\ No newline at end of file
diff --git a/controllers/usb/dgoc44u/index.html b/controllers/usb/dgoc44u/index.html
index 55c2290..2523cc8 100644
--- a/controllers/usb/dgoc44u/index.html
+++ b/controllers/usb/dgoc44u/index.html
@@ -1,8 +1,8 @@
-Two handle controller (PC) :: Densha de GO! controller documentation
-
The controller sends reports to the host (PC) formed by 6 bytes:
Byte 1
Byte 2
Byte 3
Byte 4
Byte 5
Byte 6
Brake
Power
Null
Buttons
Null
Null
The values for the brake notch byte are the following. There are 5 unmarked positions between B8 and Emergency, but unlike classic controllers, they are all report the value for Emergency.
Released
B1
B2
B3
B4
B5
B6
B7
B8
Emergency
Transition
0x79
0x8A
0x94
0x9A
0xA2
0xA8
0xAF
0xB2
0xB5
0xB9
0xFF
The values for the power notch byte are listed below.
N
P1
P2
P3
P4
P5
Transition
0x81
0x6D
0x54
0x3F
0x21
0x00
0xFF
The button byte uses six bits to represent the state of the physical buttons. 0 means that the button is released and 1 that it is pressed.
Button 1
Button 2
Button 3
Button 4
Button 5
Button 6
B
A
C
D
SELECT
START
+
+
+
\ No newline at end of file
diff --git a/controllers/usb/dyc288/index.html b/controllers/usb/dyc288/index.html
index 8845692..f3f1e33 100644
--- a/controllers/usb/dyc288/index.html
+++ b/controllers/usb/dyc288/index.html
@@ -1,8 +1,8 @@
-Ryojōhen controller (PC) :: Densha de GO! controller documentation
-
This section includes controllers for Microsoft Windows and consoles which use a USB-A connector.
+
+
+
\ No newline at end of file
diff --git a/controllers/usb/index.xml b/controllers/usb/index.xml
index af45bd2..379276e 100644
--- a/controllers/usb/index.xml
+++ b/controllers/usb/index.xml
@@ -1 +1 @@
-USB on Densha de GO! controller documentationhttps://marcriera.github.io/ddgo-controller-docs/controllers/usb/Recent content in USB on Densha de GO! controller documentationHugo -- gohugo.ioen-usMulti Train Controller (Sony PlayStation 2)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/sotp031201/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/sotp031201/Overview Name Multi Train Controller (Sony PlayStation 2) Release date December 18, 2003 Serial code SOTP-031201 Notes Released with 4 cassettes: P4-B7, P4-B7 (without B1), P5-B5 and P5-B8. Additional cassettes sold separately: P5-B7 and P13-B7. Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! 3 Tsūkin-hen (Sony PlayStation 2) Native P5/B8 cassette. Densha de GO! Final (Sony PlayStation 2) Native P5/B8 cassette. Densha de GO!One handle controller (Nintendo Switch)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/zkns001/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/zkns001/Overview Name One handle controller (Nintendo Switch) Release date August 5, 2021 Serial code ZKNS-001 Notes Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! Hashirō Yamanote‑sen (Nintendo Switch) Native Densha de GO! Hashirō Yamanote‑sen (Sony PlayStation 4) Unofficial Requires use of Titan One/Two device. Japanese Rail Sim: Akechi Railway (Nintendo Switch) Native Japanese Rail Sim: Journey to Kyoto (Sony PlayStation 4) Unofficial Requires use of Titan One/Two device.One handle controller (PC)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dgc255/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dgc255/Overview Name One handle controller (PC) Release date December 17, 2004 Serial code DGC-255 Notes Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! (PC) Native Only republished version. Densha de GO! 2 Kōsoku-hen (PC) Native Only republished version. Densha de GO! 3 Tsūkin-hen Daiya Kaisei (PC) Native Densha de GO! Final (PC) Native Densha de GO! Nagoya Tetsudō-hen (PC) Native Only republished version.Ryojōhen controller (PC)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dyc288/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dyc288/Overview Name Ryojōhen controller (PC) Release date June 5, 2003 Serial code DYC-288 Notes Also packaged with serial code DRC-184. Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! Final (PC) Native Densha de GO! Professional 2 (PC) Native Densha de GO! Ryojōhen (PC) Native OpenBVE (PC) Native Supported via input plugin. Technical details No details are available regarding internal functioning.Ryojōhen controller (Sony PlayStation 2)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20014/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20014/Overview Name Ryojōhen controller (Sony PlayStation 2) Release date July 25, 2002 Serial code TCPP-20014 Notes Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! Final (Sony PlayStation 2) Native Densha de GO! Professional 2 (Sony PlayStation 2) Native Densha de GO! Ryojōhen (Sony PlayStation 2) Native OpenBVE (PC) Native Supported via input plugin. Technical details This controller has two handles (4 power notches and an analogue brake handle with three areas), a D-Pad and 7 buttons (Select, Start, Horn, Announce, Camera, Left doors, Right doors).Sangying one handle controller (PC)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/ohcpc01/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/ohcpc01/Overview Name Sangying one handle controller (PC) Release date February 28, 2018 Serial code OHC-PC01 Notes Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! Hashirō Yamanote‑sen (Sony PlayStation 4) Unofficial Requires use of Titan One/Two device. Densha de GO! Hashirō Yamanote‑sen (Nintendo Switch) Unofficial Requires use of Titan One/Two device. Japanese Rail Sim: Akechi Railway (Nintendo Switch) Unofficial Requires use of Titan One/Two device.Shinkansen controller (Sony PlayStation 2)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20011/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20011/Overview Name Shinkansen controller (Sony PlayStation 2) Release date September 20, 2001 Serial code TCPP-20011 Notes Supported software (WIP) Software Support Notes Densha de GO! Final (Sony PlayStation 2) Native Densha de GO! Professional 2 (Sony PlayStation 2) Native Densha de GO! Ryojōhen (Sony PlayStation 2) Native Densha de GO! Shinkansen San'yō Shinkansen-hen (Sony PlayStation 2) Native OpenBVE (PC) Native Supported via input plugin. Technical details This controller has two handles (13 power notches and 7+emergency brake notches), a D-Pad and 6 buttons (Select, Start, A, B, C, D).Train Mascon (Sony PlayStation 2)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/cotm02001/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/cotm02001/Overview Name Train Mascon (Sony PlayStation 2) Release date October 31, 2002 Serial code COTM-02001 Notes Supported software (WIP) Software Support Notes Train Simulator Real: THE Keihin Electric Express Railway (Sony PlayStation 2) Native Train Simulator: Keisei, Toei Asakusa, Keikyu Lines (Sony PlayStation 2) Native Technical details No details are available regarding internal functioning.Two handle controller "Type 2" (Sony PlayStation 2)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20009/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20009/Overview Name Two handle controller "Type 2" (Sony PlayStation 2) Release date March 15, 2001 Serial code TCPP-20009 Notes Also available in purple skeleton colour (TCPP-20012). Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! 3 Tsūkin-hen (Sony PlayStation 2) Native Densha de GO! Final (Sony PlayStation 2) Native Densha de GO! Professional 2 (Sony PlayStation 2) Native Densha de GO! Ryojōhen (Sony PlayStation 2) Native Densha de GO!Two handle controller (PC)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dgoc44u/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dgoc44u/Overview Name Two handle controller (PC) Release date June 15, 2001 Serial code DGOC-44U Notes Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! (PC) Native Only republished version. Densha de GO! 2 Kōsoku-hen (PC) Native Only republished version. Densha de GO! 3 Tsūkin-hen Daiya Kaisei (PC) Native Densha de GO! Final (PC) Native Densha de GO! Hashirō Yamanote‑sen (Nintendo Switch) Unofficial Requires use of Titan One/Two device.
\ No newline at end of file
+USB on Densha de GO! controller documentationhttps://marcriera.github.io/ddgo-controller-docs/controllers/usb/Recent content in USB on Densha de GO! controller documentationHugo -- gohugo.ioen-usMulti Train Controller (Sony PlayStation 2)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/sotp031201/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/sotp031201/Overview Name Multi Train Controller (Sony PlayStation 2) Release date December 18, 2003 Serial code SOTP-031201 Notes Released with 4 cassettes: P4-B7, P4-B7 (without B1), P5-B5 and P5-B8. Additional cassettes sold separately: P5-B7 and P13-B7. Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! 3 Tsūkin-hen (Sony PlayStation 2) Native P5/B8 cassette. Densha de GO! Final (Sony PlayStation 2) Native P5/B8 cassette. Densha de GO!One handle controller (Nintendo Switch)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/zkns001/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/zkns001/Overview Name One handle controller (Nintendo Switch) Release date August 5, 2021 Serial code ZKNS-001 Notes Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! Hashirō Yamanote‑sen (Sony PlayStation 4) Unofficial Requires use of Titan One/Two device. Densha de GO! Hashirō Yamanote‑sen (Nintendo Switch) Native Japanese Rail Sim: Akechi Railway (Nintendo Switch) Native Japanese Rail Sim: Journey to Kyoto (Sony PlayStation 4) Unofficial Requires use of Titan One/Two device.One handle controller (PC)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dgc255/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dgc255/Overview Name One handle controller (PC) Release date December 17, 2004 Serial code DGC-255 Notes Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! (PC) Native Only republished version. Densha de GO! 2 Kōsoku-hen (PC) Native Only republished version. Densha de GO! 3 Tsūkin-hen Daiya Kaisei (PC) Native Densha de GO! Final (PC) Native Densha de GO! Nagoya Tetsudō-hen (PC) Native Only republished version.Ryojōhen controller (PC)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dyc288/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dyc288/Overview Name Ryojōhen controller (PC) Release date June 5, 2003 Serial code DYC-288 Notes Also packaged with serial code DRC-184. Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! Final (PC) Native Densha de GO! Professional 2 (PC) Native Densha de GO! Ryojōhen (PC) Native OpenBVE (PC) Native Supported via input plugin. Technical details No details are available regarding internal functioning.Ryojōhen controller (Sony PlayStation 2)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20014/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20014/Overview Name Ryojōhen controller (Sony PlayStation 2) Release date July 25, 2002 Serial code TCPP-20014 Notes Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! Final (Sony PlayStation 2) Native Densha de GO! Professional 2 (Sony PlayStation 2) Native Densha de GO! Ryojōhen (Sony PlayStation 2) Native OpenBVE (PC) Native Supported via input plugin. Technical details This controller has two handles (4 power notches and an analogue brake handle with three areas), a D-Pad and 7 buttons (Select, Start, Horn, Announce, Camera, Left doors, Right doors).Sangying one handle controller (PC)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/ohcpc01/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/ohcpc01/Overview Name Sangying one handle controller (PC) Release date February 28, 2018 Serial code OHC-PC01 Notes Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! Hashirō Yamanote‑sen (Sony PlayStation 4) Unofficial Requires use of Titan One/Two device. Densha de GO! Hashirō Yamanote‑sen (Nintendo Switch) Unofficial Requires use of Titan One/Two device. Japanese Rail Sim: Akechi Railway (Nintendo Switch) Unofficial Requires use of Titan One/Two device.Shinkansen controller (Sony PlayStation 2)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20011/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20011/Overview Name Shinkansen controller (Sony PlayStation 2) Release date September 20, 2001 Serial code TCPP-20011 Notes Supported software (WIP) Software Support Notes Densha de GO! Final (Sony PlayStation 2) Native Densha de GO! Professional 2 (Sony PlayStation 2) Native Densha de GO! Ryojōhen (Sony PlayStation 2) Native Densha de GO! Shinkansen San'yō Shinkansen-hen (Sony PlayStation 2) Native OpenBVE (PC) Native Supported via input plugin. Technical details This controller has two handles (13 power notches and 7+emergency brake notches), a D-Pad and 6 buttons (Select, Start, A, B, C, D).Train Mascon (Sony PlayStation 2)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/cotm02001/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/cotm02001/Overview Name Train Mascon (Sony PlayStation 2) Release date October 31, 2002 Serial code COTM-02001 Notes Supported software (WIP) Software Support Notes Train Simulator Real: THE Keihin Electric Express Railway (Sony PlayStation 2) Native Train Simulator: Keisei, Toei Asakusa, Keikyu Lines (Sony PlayStation 2) Native Technical details No details are available regarding internal functioning.Two handle controller "Type 2" (Sony PlayStation 2)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20009/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/tcpp20009/Overview Name Two handle controller "Type 2" (Sony PlayStation 2) Release date March 15, 2001 Serial code TCPP-20009 Notes Also available in purple skeleton colour (TCPP-20012). Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! 3 Tsūkin-hen (Sony PlayStation 2) Native Densha de GO! Final (Sony PlayStation 2) Native Densha de GO! Professional 2 (Sony PlayStation 2) Native Densha de GO! Ryojōhen (Sony PlayStation 2) Native Densha de GO!Two handle controller (PC)https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dgoc44u/Mon, 01 Jan 0001 00:00:00 +0000https://marcriera.github.io/ddgo-controller-docs/controllers/usb/dgoc44u/Overview Name Two handle controller (PC) Release date June 15, 2001 Serial code DGOC-44U Notes Supported software (WIP) Software Support Notes BVE Trainsim (PC) Native Supported via input plugin. Densha de GO! (PC) Native Only republished version. Densha de GO! 2 Kōsoku-hen (PC) Native Only republished version. Densha de GO! 3 Tsūkin-hen Daiya Kaisei (PC) Native Densha de GO! Final (PC) Native Densha de GO! Hashirō Yamanote‑sen (Sony PlayStation 4) Unofficial Requires use of Titan One/Two device.
\ No newline at end of file
diff --git a/controllers/usb/ohcpc01/index.html b/controllers/usb/ohcpc01/index.html
index e9673a7..afe1dc2 100644
--- a/controllers/usb/ohcpc01/index.html
+++ b/controllers/usb/ohcpc01/index.html
@@ -1,8 +1,8 @@
-Sangying one handle controller (PC) :: Densha de GO! controller documentation
-
This controller has two handles (5 power notches and 8+emergency brake notches), a D-Pad and 6 buttons (Select, Start, A, B, C, D). In addition, it provides a door lamp and a 3.5 mm jack connector to plug a horn pedal. There are two rumble motors, one in each handle.
Internally, it is a HID device with a vendor-specific class.
The controller sends reports to the host (PS2) formed by 6 bytes:
Byte 1
Byte 2
Byte 3
Byte 4
Byte 5
Byte 6
0x01
Brake
Power
Pedal
D-Pad
Buttons
The values for the brake notch byte are the following.
Released
B1
B2
B3
B4
B5
B6
B7
B8
Emergency
Transition
0x79
0x8A
0x94
0x9A
0xA2
0xA8
0xAF
0xB2
0xB5
0xB9
0xFF
The values for the power notch byte are listed below.
N
P1
P2
P3
P4
P5
Transition
0x81
0x6D
0x54
0x3F
0x21
0x00
0xFF
The pedal byte has two possible values depending on the state of the pedal.
Released
Pressed
0xFF
0x00
The D-pad byte represents the state of the arrow buttons. If two opposite directions are pressed simultaneously, the result is Center unless a third button is pressed.
N
NE
E
SE
S
SW
W
NW
None/Center
0x00
0x01
0x02
0x03
0x04
0x05
0x06
0x07
0x08
The button byte uses six bits to represent the state of the physical buttons. 0 means that the button is released and 1 that it is pressed. A bitmask can be used to retrieve the buttons.
Button 1
Button 2
Button 3
Button 4
Button 5
Button 6
B
A
C
D
SELECT
START
Output
The controller supports receiving data via a control transfer to turn on/off the door lamp and provide rumble. The setup packet is as follows:
bmRequestType
bRequest
wValue
wIndex
wLength
0x40
0x09
0x0301
0x0000
0x0002
The data sent to the controller follows the structure below.
Byte 1
Byte 2
Status
Function
Status: defines whether the function specified in byte 2 is Off (0x00) or On (0x01).
Function:0x01 is Left rumble, 0x02 is Right rumble, 0x03 is Door lamp.
+
+
+
\ No newline at end of file
diff --git a/controllers/usb/tcpp20011/index.html b/controllers/usb/tcpp20011/index.html
index d80e7a1..dbda887 100644
--- a/controllers/usb/tcpp20011/index.html
+++ b/controllers/usb/tcpp20011/index.html
@@ -1,8 +1,8 @@
-Shinkansen controller (Sony PlayStation 2) :: Densha de GO! controller documentation
-
This controller has two handles (13 power notches and 7+emergency brake notches), a D-Pad and 6 buttons (Select, Start, A, B, C, D). In addition, it provides a simple display, a door lamp and a 3.5 mm jack connector to plug a horn pedal. There are two rumble motors, one in each handle.
Internally, it is a HID device with a vendor-specific class.
The controller sends reports to the host (PS2) formed by 6 bytes:
Byte 1
Byte 2
Byte 3
Byte 4
Byte 5
Byte 6
Brake
Power
Pedal
D-Pad
Buttons
Null
The values for the brake notch byte are the following.
Released
B1
B2
B3
B4
B5
B6
B7
Emergency
Transition
0x1C
0x38
0x54
0x70
0x8B
0xA7
0xC3
0xDF
0xFB
0xFF
The values for the power notch byte are listed below.
N
P1
P2
P3
P4
P5
P6
P7
P8
P9
P10
P11
P12
P13
Transition
0x12
0x24
0x36
0x48
0x5A
0x6C
0x7E
0x90
0xA2
0xB4
0xC6
0xD7
0xE9
0xFB
0xFF
The pedal byte has two possible values depending on the state of the pedal.
Released
Pressed
0xFF
0x00
The D-pad byte represents the state of the arrow buttons. If two opposite directions are pressed simultaneously, the result is Center unless a third button is pressed.
N
NE
E
SE
S
SW
W
NW
None/Center
0x00
0x01
0x02
0x03
0x04
0x05
0x06
0x07
0x08
The button byte uses six bits to represent the state of the physical buttons. 0 means that the button is released and 1 that it is pressed. A bitmask can be used to retrieve the buttons.
Button 1
Button 2
Button 3
Button 4
Button 5
Button 6
D
C
B
A
SELECT
START
Output
The controller supports receiving data via a control transfer to update the screen, turn on/off the door lamp and provide rumble. The setup packet is as follows:
bmRequestType
bRequest
wValue
wIndex
wLength
0x40
0x09
0x0301
0x0000
0x0008
The data sent to the controller follows the structure below.
Byte 1
Byte 2
Byte 3
Byte 4
Bytes 5-6
Bytes 7-8
Left rumble
Right rumble
Door lamp + Limit approach
Speed gauge
Speedometer
ATC limit
Left/right rumble:0x00 is Off, 0x01 is On.
Door lamp:0x0? is Off, 0x8? is On.
Limit approach: values between 0x?0 and 0x?A representing the number of LEDs lit above the speedometer. In-game, these mark the 10 km/h right below the speed limit.
Speed gauge: values between 0x00 and 0x16 representing the number of LEDs lit on the speed gauge. LED #23 cannot be lit. In-game, these mark 15 km/h increments in the current speed, with one lit when speed is 1-15 km/h, two when 16-30 km/h, etc.
Speedometer: values between 0x0000 and 0x0999 representing the current speed. Values are encoded with BCD 8421 (i.e. 120 km/h should be represented as 0x0120, NOT 0x0078).
ATC limit: values between 0x0000 and 0x0999 representing the ATC speed limit. Values are encoded with BCD 8421 (i.e. 120 km/h should be represented as 0x0120, NOT 0x0078).
Multi-byte values should be stored in Little Endian.
+
+
+
\ No newline at end of file
diff --git a/controllers/usb/tcpp20014/index.html b/controllers/usb/tcpp20014/index.html
index 9a67dde..6b4eaf9 100644
--- a/controllers/usb/tcpp20014/index.html
+++ b/controllers/usb/tcpp20014/index.html
@@ -1,8 +1,8 @@
-Ryojōhen controller (Sony PlayStation 2) :: Densha de GO! controller documentation
-
This controller has two handles (4 power notches and an analogue brake handle with three areas), a D-Pad and 7 buttons (Select, Start, Horn, Announce, Camera, Left doors, Right doors). In addition, it provides a 3.5 mm jack connector to plug a horn pedal.
Internally, it is a HID device with a vendor-specific class.
The controller sends reports to the host (PS2) formed by 8 bytes:
Byte 1
Byte 2
Byte 3
Byte 4
Byte 5
Bytes 6-8
Brake
Power
Pedal
D-Pad
Buttons
Unused
Unlike traditional controllers, the brake handle is analogue and the brake byte reflects the position of the handle precisely. There are three areas with the ranges listed below, plus the emergency notch.
Reduce pressure
Keep pressure
Increase pressure
Emergency
0x23-0x64
0x65-0x89
0x8A-0xD6
0xD7
When using the controller with Densha de GO! Professional 2 or Densha de GO! Final, the brake handle is interpreted as having 6 brake notches + emergency. The aproximate byte range for each notch is listed below (taken from Densha de GO! Professional 2).
Released
B1
B2
B3
B4
B5
B6
Emergency
0x23-0x2A
0x2B-0x3C
0x3D-0x4E
0x4F-0x63
0x64-0x8A
0x8B-0xB0
0xB1-0xD6
0xD7
The values for the power notch byte are listed below.
N
P1
P2
P3
P4
Transition
0x00
0x3C
0x78
0xB4
0xF0
0xFF
The pedal byte has two possible values depending on the state of the pedal.
Released
Pressed
0xFF
0x00
The D-pad byte represents the state of the arrow buttons. If two opposite directions are pressed simultaneously, the result is Center unless a third button is pressed.
N
NE
E
SE
S
SW
W
NW
None/Center
0x00
0x01
0x02
0x03
0x04
0x05
0x06
0x07
0x08
The button byte uses seven bits to represent the state of the physical buttons. 0 means that the button is released and 1 that it is pressed. A bitmask can be used to retrieve the buttons.
Button 1
Button 2
Button 3
Button 4
Button 5
Button 6
Button 7
Horn
Announce
Camera
Right doors
Left doors
SELECT
START
+
+
+
\ No newline at end of file
diff --git a/controllers/usb/zkns001/index.html b/controllers/usb/zkns001/index.html
index 9b359c6..ad4796f 100644
--- a/controllers/usb/zkns001/index.html
+++ b/controllers/usb/zkns001/index.html
@@ -1,8 +1,8 @@
-One handle controller (Nintendo Switch) :: Densha de GO! controller documentation
-
This controller has one handle (5 power notches and 8+emergency brake notches) and 16 buttons (the same as a Nintendo Switch Pro Controller, except the stick buttons). Internally, it is a HID-compliant joystick mimicking a Nintendo Switch Pro Controller. The stick buttons and the right stick are unused, and only the Y axis of the left stick is used.
The power/brake handle notches are reported in the Y axis of the left stick. There are no transition values between notches. In addition, when the handle is set to Emergency, ZL is pressed.
Emergency
B8
B7
B6
B5
B4
B3
B2
B1
N
P1
P2
P3
P4
P5
0x00
0x05
0x13
0x20
0x2E
0x3C
0x49
0x57
0x65
0x80
0x9F
0xB7
0xCE
0xE6
0xFF
+
+
+
\ No newline at end of file
diff --git a/controllers/wii/index.html b/controllers/wii/index.html
index 334b8e8..b3129bf 100644
--- a/controllers/wii/index.html
+++ b/controllers/wii/index.html
@@ -1,7 +1,7 @@
-Nintendo Wii :: Densha de GO! controller documentation
-
This controller is similar externally to the PlayStation 2 version of the Shinkansen controller. However, the screen has been replaced by a sticker and there is no pedal, so the only functioning parts are the handles, the buttons and the door lamp. In addition, instead of USB, it connects to a Wiimote using its extension port, like other accessories made for the console. No details are available regarding internal functioning.
+
+
+
\ No newline at end of file
diff --git a/css/fonts.css b/css/fonts.css
new file mode 100644
index 0000000..e0962ae
--- /dev/null
+++ b/css/fonts.css
@@ -0,0 +1,39 @@
+@font-face {
+ font-family: 'Work Sans';
+ font-style: normal;
+ font-weight: 200;
+ src: url("../fonts/WorkSans-ExtraLight.woff") format("woff2"), url("../fonts/WorkSans-ExtraLight.woff") format("woff");
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Work Sans';
+ font-style: normal;
+ font-weight: 300;
+ src: url("../fonts/WorkSans-Light.woff2") format("woff2"), url("../fonts/WorkSans-Light.woff") format("woff");
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Work Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: url("../fonts/WorkSans-Regular.woff2") format("woff2"), url("../fonts/WorkSans-Regular.woff") format("woff");
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Work Sans';
+ font-style: normal;
+ font-weight: 500;
+ src: url("../fonts/WorkSans-Medium.woff2") format("woff2"), url("../fonts/WorkSans-Medium.woff") format("woff");
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'Work Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: url("../fonts/WorkSans-Bold.woff2") format("woff2"), url("../fonts/WorkSans-Bold.woff") format("woff");
+ font-display: swap;
+}
diff --git a/css/format-print.css b/css/format-print.css
new file mode 100644
index 0000000..6cebb66
--- /dev/null
+++ b/css/format-print.css
@@ -0,0 +1,181 @@
+@import "theme-relearn-light.css";
+
+#sidebar {
+ display: none;
+}
+#body {
+ margin-left: 0;
+ min-width: 100%;
+ max-width: 100%;
+ width: 100%;
+}
+#body #navigation {
+ display: none;
+}
+html,
+body #body{
+ font-size: 8.9pt;
+}
+body {
+ background-color: white;
+}
+pre code {
+ font-size: 8.3pt;
+}
+code.copy-to-clipboard-code {
+ border-bottom-right-radius: 2px;
+ border-top-right-radius: 2px;
+ border-right-width: 1px;
+}
+pre {
+ border: 1px solid #ccc;
+}
+#body #topbar{
+ background-color: #fff; /* avoid background bleeding*/
+ border-bottom: 1px solid #ddd;
+ border-radius: 0;
+ padding-left: 0; /* for print, we want to align with the footer to ease the layout */
+ color: #777;
+}
+.navigation,
+#top-print-link,
+#top-github-link {
+ /* we don't need this while printing */
+ display: none;
+}
+#body #breadcrumbs {
+ width: 100%;
+}
+#body #breadcrumbs .links {
+ overflow-x: hidden;
+ visibility: visible;
+}
+.copy-to-clipboard-button {
+ display: none;
+}
+
+#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 {
+ /* better contrast for colored elements */
+ color: black;
+}
+#body th, #body td,
+#body code, #body strong, #body b,
+#body li, #body dd, #body dt,
+#body p,
+#body a {
+ /* better contrast for colored elements */
+ color: black;
+}
+#body .anchor{
+ display: none;
+}
+#body pre,
+#body code {
+ background-color: white;
+ border-color: #ddd;
+}
+
+hr{
+ border-bottom: 1px solid #ddd;
+}
+body,
+#body,
+#body-inner {
+ overflow: visible !important; /* turn off limitations for perfect scrollbar */
+}
+#body #body-inner {
+ /* reset paddings for chapters in screen */
+ padding: 0 3.25rem 4rem 3.25rem;
+}
+
+#body #body-inner h1 {
+ border-bottom: 1px solid #ddd;
+ margin-bottom: 2rem;
+ padding-bottom: .75rem;
+}
+#body-inner .chapter h3:first-of-type {
+ margin-top: 2rem;
+}
+#body-inner .chapter p {
+ font-size: 1rem;
+}
+
+.footline {
+ /* in print mode show footer line to signal reader the end of document */
+ border-top: 1px solid #ddd;
+ color: #777;
+ margin-top: 1.5rem;
+ padding-top: .75rem;
+}
+#body #body-inner .footline a {
+ text-decoration: none;
+}
+#body #body-inner a {
+ /* in print we want to distinguish links in our content from
+ normal text even if printed black/white;
+ don't use a.highlight in selector to also get links that are
+ put as HTML into markdown */
+ text-decoration-line: underline;
+}
+#toc-menu {
+ /* we don't need this while printing */
+ display: none;
+}
+#body #sidebar-toggle-span {
+ /* we don't need this while printing */
+ display: none;
+}
+#breadcrumbs .links {
+ display: inline;
+}
+#topbar{
+ /* the header is sticky which is not suitable for print; */
+ position: inherit; /* IE11 doesn't know "initial" here */
+}
+#topbar > div {
+ background-color: #ffffff; /* IE11 doesn't know "initial" here */
+}
+#body .tab-nav-button:not(.active) {
+ opacity: .5;
+}
+#head-tags {
+ display: none;
+}
+mark {
+ background: inherit;
+ color: inherit;
+}
+.mermaid > svg:hover {
+ border-color: transparent;
+}
+div.box {
+ border: 1px solid #ddd;
+}
+div.box > .box-content {
+ background-color: white;
+}
+rapi-doc{
+ /* adjust rapi-doc internals to fill out available space */
+ font-size: 4pt;
+ margin-left: -12px;
+ width: calc( 100% + 12px + 8px );
+}
+.btn,
+#body .tab-nav-button {
+ color: black !important;
+}
+#body .tab-nav-button.active {
+ background-color: white !important;
+ border-bottom-color: white !important;
+ color: black;
+}
+#body .tab-nav-button:not(.active) {
+ opacity: 1;
+}
+
+article {
+ break-before: page;
+}
+#body-inner > * > article:first-of-type {
+ break-before: avoid;
+}
diff --git a/css/ie.css b/css/ie.css
new file mode 100644
index 0000000..274d43f
--- /dev/null
+++ b/css/ie.css
@@ -0,0 +1,449 @@
+@media all and (-ms-high-contrast:none) {
+ /* set default colors as in variant.css for IE11 */
+ body {
+ background-color: #ffffff; /* var(--MAIN-BG-color) */
+ color: #101010; /* var(--MAIN-TEXT-color) */
+ font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */
+ }
+
+ a,
+ .anchor,
+ #toc-menu,
+ #body a.highlight:after {
+ color: #486ac9; /* var(--MAIN-LINK-color) */
+ }
+
+ a:hover,
+ .anchor:hover,
+ #toc-menu:hover,
+ #body a.highlight:hover:after {
+ color: #202891; /* var(--MAIN-LINK-HOVER-color) */
+ }
+
+ #sidebar {
+ background: #282828; /* var(--MENU-SECTIONS-BG-color) */
+ }
+
+ #header-wrapper {
+ /* initially use section background to avoid flickering on load when a
+ non default variant is active */
+ background-color: rgba( 0, 0, 0, 0 ); /* var(--MENU-SECTIONS-BG-color) */
+ border-bottom-color: rgba( 0, 0, 0, 0 ); /* var(--MENU-SECTIONS-BG-color) */
+ color: #e0e0e0; /* var(--MENU-SEARCH-color) */
+ }
+
+ .searchbox {
+ border-color: #e0e0e0; /* var(--MENU-SEARCH-BORDER-color) */
+ background-color: #323232; /* var(--MENU-SEARCH-BG-color) */
+ }
+
+ #sidebar .collapsible-menu label:after,
+ #sidebar a {
+ color: #bababa; /* var(--MENU-SECTIONS-LINK-color) */
+ }
+
+ #sidebar select:hover,
+ #sidebar .collapsible-menu label:hover:after,
+ #sidebar a:hover {
+ color: #ffffff; /* var(--MENU-SECTIONS-LINK-HOVER-color) */
+ }
+
+ #sidebar ul.topics > li.parent,
+ #sidebar ul.topics > li.active {
+ background-color: rgba( 0, 0, 0, .166 ); /* var(--MENU-SECTIONS-ACTIVE-BG-color) */
+ }
+
+ #sidebar ul.topics li.active > label:after,
+ #sidebar ul.topics li.active > a {
+ background-color: #ffffff; /* var(--MENU-SECTION-ACTIVE-CATEGORY-BG-color) */
+ color: #444444; /* var(--MENU-SECTION-ACTIVE-CATEGORY-color) */
+ }
+
+ #sidebar ul li.visited > a .read-icon {
+ color: #486ac9; /* var(--MENU-VISITED-color) */
+ }
+
+ #sidebar .nav-title {
+ color: #ffffff; /* var(--MENU-SECTIONS-LINK-HOVER-color) */
+ }
+
+ #sidebar hr {
+ border-color: #606060; /* var(--MENU-SECTION-HR-color) */
+ }
+
+ #footer {
+ color: #bababa; /* var(--MENU-SECTIONS-LINK-color) */
+ }
+
+ h1 {
+ color: #101010; /* var(--MAIN-TEXT-color) */
+ font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */
+ }
+
+ h2, h3, .article-subheading, h4, h5, h6 {
+ color: #4a4a4a; /* var(--MAIN-TITLES-TEXT-color) */
+ font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-TITLES-TEXT-font) */
+ }
+
+ div.box {
+ background-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-NEUTRAL-color) */
+ }
+
+ div.box > .box-label {
+ color: rgba( 255, 255, 255, 1 ); /* var(--BOX-CAPTION-color) */
+ }
+
+ div.box > .box-content {
+ background-color: rgba( 255, 255, 255, .833 ); /* var(--BOX-BG-color) */
+ color: rgba( 16, 16, 16, 1 ); /* var(--BOX-TEXT-color) */
+ }
+
+ div.box.info {
+ background-color: rgba( 48, 117, 229, 1 ); /* var(--INTERNAL-BOX-INFO-color) */
+ }
+
+ div.box.info > .box-content {
+ color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-INFO-TEXT-color) */
+ }
+
+ div.box.warning {
+ background-color: rgba( 224, 62, 62, 1 ); /* var(--INTERNAL-BOX-WARNING-color) */
+ }
+
+ div.box.warning > .box-content {
+ color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-WARNING-TEXT-color) */
+ }
+
+ div.box.note {
+ background-color: rgba( 237, 153, 9, 1 ); /* var(--INTERNAL-BOX-NOTE-color) */
+ }
+
+ div.box.note > .box-content {
+ color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-NOTE-TEXT-color) */
+ }
+
+ div.box.tip {
+ background-color: rgba( 42, 178, 24, 1 ); /* var(--INTERNAL-BOX-TIP-color) */
+ }
+
+ div.box.tip > .box-content {
+ color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-TIP-TEXT-color) */
+ }
+
+ div.box.primary {
+ background-color: #7dc903; /* var(--INTERNAL-PRIMARY-color) */
+ }
+
+ div.box.primary > .box-content {
+ color: #101010; /* var(--INTERNAL-MAIN-TEXT-color) */
+ }
+
+ div.box.secondary {
+ background-color: #486ac9; /* var(--INTERNAL-SECONDARY-color) */
+ }
+
+ div.box.secondary > .box-content {
+ color: #101010; /* var(--INTERNAL-MAIN-TEXT-color) */
+ }
+
+ div.box.blue {
+ background-color: rgba( 48, 117, 229, 1 ); /* var(--INTERNAL-BOX-BLUE-color) */
+ }
+
+ div.box.blue > .box-content {
+ color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-BLUE-TEXT-color) */
+ }
+
+ div.box.green {
+ background-color: rgba( 42, 178, 24, 1 ); /* var(--INTERNAL-BOX-GREEN-color) */
+ }
+
+ div.box.green > .box-content {
+ color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-GREEN-TEXT-color) */
+ }
+
+ div.box.grey {
+ background-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-GREY-color) */
+ }
+
+ div.box.grey > .box-content {
+ color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-GREY-TEXT-color) */
+ }
+
+ div.box.orange {
+ background-color: rgba( 237, 153, 9, 1 ); /* var(--INTERNAL-BOX-ORANGE-color) */
+ }
+
+ div.box.orange > .box-content {
+ color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-ORANGE-TEXT-color) */
+ }
+
+ div.box.red {
+ background-color: rgba( 224, 62, 62, 1 ); /* var(--INTERNAL-BOX-RED-color) */
+ }
+
+ div.box.red > .box-content {
+ color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-RED-TEXT-color) */
+ }
+
+ div.box.transparent {
+ background-color: transparent;
+ }
+
+ div.box.transparent > .box-label {
+ color: #4a4a4a; /* var(--MAIN-TITLES-TEXT-color) */
+ }
+
+ div.box.transparent > .box-content {
+ background-color: transparent;
+ color: #101010; /* var(--MAIN-TEXT-color) */
+ }
+
+ code,
+ kbd,
+ pre,
+ samp {
+ font-family: "Consolas", menlo, monospace; /* var(--CODE-font) */
+ }
+
+ code {
+ background-color: #fffae9; /* var(--CODE-INLINE-BG-color) */
+ border-color: #f8e8c8; /* var(--CODE-INLINE-BORDER-color) */
+ color: #5e5e5e; /* var(--CODE-INLINE-color) */
+ }
+
+ pre {
+ background-color: #f8f8f8; /* var(--CODE-BLOCK-BG-color) */
+ border-color: #d8d8d8; /* var(--CODE-BLOCK-BORDER-color) */
+ color: #000000; /* var(--CODE-BLOCK-color) */
+ }
+
+ div.featherlight .featherlight-content{
+ background-color: #ffffff /* var(--INTERNAL-MAIN-BG-color); */
+ }
+
+ #topbar {
+ background-color: #ffffff; /* var(--MAIN-BG-color) */
+ }
+
+ #body a[aria-disabled="true"] {
+ color: #101010; /* var(--MAIN-TEXT-color) - inherit is not processed correctly in Chrome */
+ }
+
+ .copy-to-clipboard-button {
+ background-color: #fffae9; /* var(--CODE-INLINE-BG-color) */
+ border-color: #f8e8c8; /* var(--CODE-INLINE-BORDER-color) */
+ color: #5e5e5e; /* var(--CODE-INLINE-color) */
+ font-family: "Consolas", menlo, monospace; /* var(--CODE-font) */
+ }
+
+ .copy-to-clipboard-button:hover {
+ background-color: #5e5e5e; /* var(--CODE-INLINE-color) */
+ color: #fffae9; /* var(--CODE-INLINE-BG-color) */
+ }
+
+ pre .copy-to-clipboard-button {
+ border-color: #d8d8d8; /* var(--CODE-BLOCK-BORDER-color) */
+ color: #486ac9; /* var(--MAIN-LINK-color) */
+ }
+
+ pre .copy-to-clipboard-button:hover {
+ background-color: #486ac9; /* var(--MAIN-LINK-color) */
+ border-color: #486ac9; /* var(--MAIN-LINK-color) */
+ color: #f8f8f8; /* var(--CODE-BLOCK-BG-color) */
+ }
+
+ #homelinks {
+ background-color: #7dc903; /* var(--MENU-HEADER-BORDER-color) */
+ border-color: #7dc903; /* var(--MENU-HEADER-BORDER-color) */
+ }
+
+ #homelinks a {
+ color: #323232 /* var(--MENU-HOME-LINK-color) */
+ }
+
+ #homelinks a:hover {
+ color: #808080 /* var(--MENU-HOME-LINK-HOVER-color) */;
+ }
+
+ #body a.highlight:after {
+ background-color: #486ac9; /* var(--MAIN-LINK-color) */
+ }
+
+ #body a.highlight:hover:after {
+ background-color: #202891; /* var(--MAIN-LINK-HOVER-color) */
+ }
+
+ .progress {
+ background-color: #ffffff; /* var(--MAIN-BG-color) */
+ }
+
+ .btn {
+ background-color: rgba( 128, 128, 128, 1 ); /* var(--BOX-NEUTRAL-color) */
+ }
+
+ .btn a {
+ border-color: rgba( 128, 128, 128, 1 ); /* var(--BOX-NEUTRAL-color) */
+ color: rgba( 255, 255, 255, 1 ); /* var(--BOX-CAPTION-color) */
+ }
+
+ .btn a:hover,
+ .btn a:focus,
+ .btn a:active {
+ background-color: rgba( 255, 255, 255, .833 ); /* var(--BOX-BG-color) */
+ color: rgba( 16, 16, 16, 1 ); /* var(--BOX-NEUTRAL-TEXT-color) */
+ }
+
+ .btn.cstyle.info {
+ background-color: rgba( 48, 117, 229, 1 ); /* var(--BOX-INFO-color) */
+ }
+
+ .btn.cstyle.info a {
+ border-color: rgba( 48, 117, 229, 1 ); /* var(--BOX-INFO-color) */
+ }
+
+ .btn.cstyle.note {
+ background-color: rgba( 237, 153, 9, 1 ); /* var(--BOX-NOTE-color) */
+ }
+
+ .btn.cstyle.note a {
+ border-color: rgba( 237, 153, 9, 1 ); /* var(--BOX-NOTE-color) */
+ }
+
+ .btn.cstyle.tip {
+ background-color: rgba( 42, 178, 24, 1 ); /* var(--BOX-TIP-color) */
+ }
+
+ .btn.cstyle.tip a {
+ border-color: rgba( 42, 178, 24, 1 ); /* var(--BOX-TIP-color) */
+ }
+
+ .btn.cstyle.warning {
+ background-color: rgba( 224, 62, 62, 1 ); /* var(--BOX-WARNING-color) */
+ }
+
+ .btn.cstyle.warning a {
+ border-color: rgba( 224, 62, 62, 1 ); /* var(--BOX-WARNING-color) */
+ }
+
+ .btn.cstyle.primary {
+ background-color: #7dc903; /* var(--PRIMARY-color) */
+ }
+
+ .btn.cstyle.primary a {
+ border-color: #7dc903; /* var(--PRIMARY-color) */
+ }
+
+ .btn.cstyle.secondary {
+ background-color: #486ac9; /* var(--SECONDARY-color) */
+ }
+
+ .btn.cstyle.secondary a {
+ border-color: #486ac9; /* var(--SECONDARY-color) */
+ }
+
+ .btn.cstyle.blue {
+ background-color: rgba( 48, 117, 229, 1 ); /* var(--BOX-BLUE-color) */
+ }
+
+ .btn.cstyle.blue a {
+ border-color: rgba( 48, 117, 229, 1 ); /* var(--BOX-BLUE-color) */
+ }
+
+ .btn.cstyle.green {
+ background-color: rgba( 42, 178, 24, 1 ); /* var(--BOX-GREEN-color) */
+ }
+
+ .btn.cstyle.green a {
+ border-color: rgba( 42, 178, 24, 1 ); /* var(--BOX-GREEN-color) */
+ }
+
+ .btn.cstyle.grey {
+ background-color: rgba( 128, 128, 128, 1 ); /* var(--BOX-GREY-color) */
+ }
+
+ .btn.cstyle.grey a {
+ border-color: rgba( 128, 128, 128, 1 ); /* var(--BOX-GREY-color) */
+ }
+
+ .btn.cstyle.orange {
+ background-color: rgba( 237, 153, 9, 1 ); /* var(--BOX-ORANGE-color) */
+ }
+
+ .btn.cstyle.orange a {
+ border-color: rgba( 237, 153, 9, 1 ); /* var(--BOX-ORANGE-color) */
+ }
+
+ .btn.cstyle.red {
+ background-color: rgba( 224, 62, 62, 1 ); /* var(--BOX-RED-color) */
+ }
+
+ .btn.cstyle.red a {
+ border-color: rgba( 224, 62, 62, 1 ); /* var(--BOX-RED-color) */
+ }
+
+ .btn.cstyle.transparent {
+ background-color: transparent;
+ color: #101010; /* var(--MAIN-TEXT-color) */
+ }
+
+ .btn.cstyle.transparent:hover,
+ .btn.cstyle.transparent:focus,
+ .btn.cstyle.transparent:active {
+ background-color: rgba( 128, 128, 128, 1 ); /* var(--BOX-NEUTRAL-color) */
+ }
+
+ .btn.cstyle.transparent a {
+ color: #4a4a4a; /* var(--MAIN-TITLES-TEXT-color) */
+ }
+
+ #body .tags a.tag-link {
+ background-color: #7dc903; /* var(--TAG-BG-color) */
+ color: #ffffff; /* var(--MAIN-BG-color) */
+ }
+
+ #body .tags a.tag-link:before {
+ border-right-color: #7dc903; /* var(--TAG-BG-color) */
+ }
+
+ #body .tags a.tag-link:after {
+ background: #ffffff; /* var(--MAIN-BG-color) */
+ }
+
+ #body .tab-nav-button.active {
+ background-color: #ffffff !important; /* var(--MAIN-BG-color) */
+ border-bottom-color: #ffffff !important; /* var(--MAIN-BG-color) */
+ }
+}
+
+@media all and (-ms-high-contrast:none) {
+ /* set further styles to fix broken stuff in IE11 */
+
+ /* turn off animiation in IE because this causes the menu
+ to move in from the left on every page load */
+ .default-animation{
+ transition: none;
+ }
+
+ /* our silly dinosaur browser wants to have the real colors */
+ #header-wrapper {
+ background-color: #7dc903; /* var(--MENU-HEADER-BG-color) */
+ border-bottom-color: #7dc903; /* var(--MENU-HEADER-BORDER-color) */
+ }
+
+ /* clears the 'X' from Internet Explorer's search input */
+ input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
+ input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
+
+ /* turn off variant selector as it uses modern stuff; don't change
+ order with block below */
+ .showVariantSwitch{
+ display: getamodernbrowser;
+ }
+ /* dumb IE11 doesn't understand initial, so we force a fallback here */
+ .showLangSwitch,
+ .showVisitedLinks,
+ .showFooter {
+ display: block;
+ }
+}
diff --git a/css/nucleus.css b/css/nucleus.css
index f03efd7..2418241 100644
--- a/css/nucleus.css
+++ b/css/nucleus.css
@@ -180,7 +180,7 @@ body {
font-size: 1rem;
line-height: 1.5; }
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, .article-subheading, h4, h5, h6 {
margin: 0.85rem 0 1rem 0;
text-rendering: optimizeLegibility; }
@@ -190,7 +190,7 @@ h1 {
h2 {
font-size: 2.55rem; }
-h3 {
+h3, .article-subheading {
font-size: 2.15rem; }
h4 {
diff --git a/css/print.css b/css/print.css
index 76911af..9b3d92a 100644
--- a/css/print.css
+++ b/css/print.css
@@ -1,179 +1 @@
-@import "theme-relearn-light.css";
-
-#sidebar {
- display: none;
-}
-#body {
- margin-left: 0;
- min-width: 100%;
- max-width: 100%;
- width: 100%;
-}
-#body #navigation {
- display: none;
-}
-html,
-body #body{
- font-size: 8.9pt;
-}
-body {
- background-color: white;
-}
-pre code {
- font-size: 8.3pt;
-}
-code.copy-to-clipboard-code {
- border-bottom-right-radius: 2px;
- border-top-right-radius: 2px;
- border-right-width: 1px;
-}
-pre {
- border: 1px solid #ccc;
-}
-#body #topbar{
- background-color: #fff; /* avoid background bleeding*/
- border-bottom: 1px solid #ddd;
- border-radius: 0;
- padding-left: 0; /* for print, we want to align with the footer to ease the layout */
- color: #777;
-}
-.navigation,
-#top-print-link,
-#top-github-link {
- /* we don't need this while printing */
- display: none;
-}
-#body #breadcrumbs {
- width: 100%;
-}
-#body #breadcrumbs .links {
- overflow-x: hidden;
- visibility: visible;
-}
-.copy-to-clipboard-button {
- display: none;
-}
-
-#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 {
- /* better contrast for colored elements */
- color: black;
-}
-#body th, #body td,
-#body code, #body strong, #body b,
-#body li, #body dd, #body dt,
-#body p,
-#body .anchor,
-#body a {
- /* better contrast for colored elements */
- color: black;
-}
-#body pre,
-#body code {
- background-color: white;
- border-color: #ddd;
-}
-
-hr{
- border-bottom: 1px solid #ddd;
-}
-body,
-#body,
-#body-inner {
- overflow: visible !important; /* turn off limitations for perfect scrollbar */
-}
-#body #body-inner {
- /* reset paddings for chapters in screen */
- padding: 0 3rem 4rem 3rem;
-}
-
-#body #body-inner h1 {
- border-bottom: 1px solid #ddd;
- margin-bottom: 2rem;
- padding-bottom: .75rem;
-}
-#body-inner .chapter h3:first-of-type {
- margin-top: 2rem;
-}
-#body-inner .chapter p {
- font-size: 1rem;
-}
-
-.footline {
- /* in print mode show footer line to signal reader the end of document */
- border-top: 1px solid #ddd;
- color: #777;
- margin-top: 1.5rem;
- padding-top: .75rem;
-}
-#body #body-inner .footline a {
- text-decoration: none;
-}
-#body #body-inner a {
- /* in print we want to distinguish links in our content from
- normal text even if printed black/white;
- don't use a.highlight in selector to also get links that are
- put as HTML into markdown */
- text-decoration-line: underline;
-}
-#toc-menu {
- /* we don't need this while printing */
- display: none;
-}
-#body #sidebar-toggle-span {
- /* we don't need this while printing */
- display: none;
-}
-#breadcrumbs .links {
- display: inline;
-}
-#topbar{
- /* the header is sticky which is not suitable for print; */
- position: inherit; /* IE11 doesn't know "initial" here */
-}
-#topbar > div {
- background-color: #ffffff; /* IE11 doesn't know "initial" here */
-}
-#body .tab-nav-button:not(.active) {
- opacity: .5;
-}
-#head-tags {
- display: none;
-}
-mark {
- background: inherit;
- color: inherit;
-}
-.mermaid > svg:hover {
- border-color: transparent;
-}
-div.box {
- border: 1px solid #ddd;
-}
-div.box > .box-content {
- background-color: white;
-}
-rapi-doc{
- /* adjust rapi-doc internals to fill out available space */
- font-size: 4pt;
- margin-left: -12px;
- width: calc( 100% + 12px + 8px );
-}
-.btn-default,
-#body .tab-nav-button {
- color: black !important;
-}
-#body .tab-nav-button.active {
- background-color: white !important;
- border-bottom-color: white !important;
- color: black;
-}
-#body .tab-nav-button:not(.active) {
- opacity: 1;
-}
-
-article {
- break-before: page;
-}
-#body-inner article:first-of-type {
- break-before: avoid;
-}
+@import "format-print.css";
diff --git a/css/tabs.css b/css/tabs.css
index 2d82593..da83089 100644
--- a/css/tabs.css
+++ b/css/tabs.css
@@ -1,26 +1,27 @@
#body .tab-nav-button {
- background-color: rgba( 134, 134, 134, .166 ) !important;
- border-color: rgba( 134, 134, 134, .333 ) !important;
- border-radius: 4px 4px 0 0 !important;
- border-width: 1px 1px 1px 1px !important;
+ background-color: rgba( 134, 134, 134, .166 );
+ border-color: rgba( 134, 134, 134, .333 );
+ border-radius: 4px 4px 0 0;
+ border-style: solid;
+ border-width: 1px;
bottom: -1px;
-webkit-print-color-adjust: exact;
color-adjust: exact;
display: block;
float: left;
+ font-size: .9rem;
+ font-weight: 500;
+ line-height: 1.42857143;
margin-left: 4px;
+ padding: 6px 12px;
position: relative;
}
#body .tab-nav-button:first-child {
margin-left: 9px;
}
-#body .tab-nav-button.active {
- background-color: #ffffff !important; /* var(--MAIN-BG-color) */
- border-bottom-color: #ffffff !important; /* var(--MAIN-BG-color) */
-}
#body .tab-nav-button:not(.active) {
- border-bottom-color: rgba( 134, 134, 134, .1 ) !important;
- margin-top: 7px;
+ border-bottom-color: rgba( 134, 134, 134, .1 );
+ margin-top: 8px;
padding-bottom: 2px !important;
padding-top: 2px !important;
}
diff --git a/css/tags.css b/css/tags.css
index dd3da7a..dc68a44 100644
--- a/css/tags.css
+++ b/css/tags.css
@@ -6,11 +6,9 @@
}
#body .tags a.tag-link {
- background: #7dc903; /* var(--TAG-BG-color) */
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
- color: #ffffff; /* var(--MAIN-BG-color) */
display: inline-block;
font-size: 0.8em;
font-weight: 400;
@@ -21,7 +19,7 @@
}
#body .tags a.tag-link:before {
- border-color: transparent #7dc903 transparent transparent; /* var(--TAG-BG-color) */
+ border-color: transparent;
border-style: solid;
border-width: 1em 1em 1em 0;
content: "";
@@ -33,7 +31,6 @@
}
#body .tags a.tag-link:after {
- background: #ffffff; /* var(--MAIN-BG-color) */
border-radius: 100%;
content: "";
left: 1px;
diff --git a/css/theme-blue.css b/css/theme-blue.css
index fca96ff..595523f 100644
--- a/css/theme-blue.css
+++ b/css/theme-blue.css
@@ -8,9 +8,8 @@
:root {
--MAIN-TEXT-color: #323232; /* Color of text by default */
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
- --MAIN-LINK-color: #1C90F3; /* Color of links */
+ --MAIN-LINK-color: #1c90f3; /* Color of links */
--MAIN-LINK-HOVER-color: #167ad0; /* Color of hovered links */
- --MAIN-ANCHOR-color: #1C90F3; /* color of anchors on titles */
--MAIN-BG-color: #ffffff; /* color of text by default */
/* adjusted to base16-snazzy chroma style */
@@ -25,7 +24,7 @@
--MENU-HOME-LINK-color: #323232; /* Color of the home button text */
--MENU-HOME-LINK-HOVER-color: #5e5e5e; /* Color of the hovered home button text */
- --MENU-HEADER-BG-color: #1C90F3; /* Background color of menu header */
+ --MENU-HEADER-BG-color: #1c90f3; /* Background color of menu header */
--MENU-HEADER-BORDER-color: #33a1ff; /*Color of menu header border */
--MENU-SEARCH-color: #ffffff; /* Color of search field text */
@@ -39,7 +38,7 @@
--MENU-SECTION-ACTIVE-CATEGORY-color: #777; /* Color of active category text */
--MENU-SECTION-ACTIVE-CATEGORY-BG-color: #fff; /* Color of background for the active category (only) */
- --MENU-VISITED-color: #33a1ff; /* Color of 'page visited' icons in menu */
+ --MENU-VISITED-color: #1c90f3; /* Color of 'page visited' icons in menu */
--MENU-SECTION-HR-color: #20272b; /* Color of separator in menu */
/* base styling for boxes */
diff --git a/css/theme-green.css b/css/theme-green.css
index 0dac7b7..eacee1e 100644
--- a/css/theme-green.css
+++ b/css/theme-green.css
@@ -10,7 +10,6 @@
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
--MAIN-LINK-color: #599a3e; /* Color of links */
--MAIN-LINK-HOVER-color: #3f6d2c; /* Color of hovered links */
- --MAIN-ANCHOR-color: #599a3e; /* color of anchors on titles */
--MAIN-BG-color: #ffffff; /* color of text by default */
/* adjusted to base16-snazzy chroma style */
diff --git a/css/theme-learn.css b/css/theme-learn.css
index 1a00336..75a1afd 100644
--- a/css/theme-learn.css
+++ b/css/theme-learn.css
@@ -10,7 +10,6 @@
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
--MAIN-LINK-color: #00bdf3; /* Color of links */
--MAIN-LINK-HOVER-color: #0082a7; /* Color of hovered links */
- --MAIN-ANCHOR-color: #00bdf3; /* color of anchors on titles */
--MAIN-BG-color: #ffffff; /* color of text by default */
/* adjusted to base16-snazzy chroma style */
@@ -47,3 +46,14 @@
--BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
}
+
+body a#logo,
+body #logo svg,
+body #logo svg * {
+ color: var(--INTERNAL-MENU-SEARCH-color);
+ fill: var(--INTERNAL-MENU-SEARCH-color) !important;
+}
+
+body a#logo:hover {
+ color: var(--INTERNAL-MENU-SEARCH-color);
+}
diff --git a/css/theme-neon.css b/css/theme-neon.css
index ef9b8c8..fcec0e8 100644
--- a/css/theme-neon.css
+++ b/css/theme-neon.css
@@ -6,88 +6,81 @@
@import "chroma-neon.css";
:root {
- --MAIN-TEXT-color: #e0e0e0; /* Color of text by default */
- --MAIN-TITLES-TEXT-color: #f300b2; /* Color of titles h2-h3-h4-h5-h6 */
+ --PRIMARY-color: #f300b2; /* brand primary color */
+ --SECONDARY-color: #1c90f3; /* brand secondary color */
+
+ --MAIN-TEXT-color: #e0e0e0; /* text color of content and h1 titles */
+ --MAIN-LINK-HOVER-color: #4cabff; /* hoverd link color of content */
+ --MAIN-BG-color: #202020; /* background color of content */
/* optional overwrites for specific headers */
- --MAIN-TITLES-H3-color: #00f3d3; /* Color of h3 headlines */
- --MAIN-TITLES-H4-color: #ffff00; /* Color of h4 headlines */
-
- --MAIN-LINK-color: #1c90f3; /* Color of links */
- --MAIN-LINK-HOVER-color: #4cabff; /* Color of hovered links */
- --MAIN-ANCHOR-color: #4cabff; /* color of anchors on titles */
- --MAIN-BG-color: #202020; /* color for code background */
+ --MAIN-TITLES-TEXT-color: #f300b2; /* text color of h2-h6 titles and transparent box titles */
+ --MAIN-TITLES-H3-color: #00f3d3; /* text color of h3-h6 titles */
+ --MAIN-TITLES-H4-color: #ffff00; /* text color of h4-h6 titles */
/* adjusted to neon chroma style */
- --CODE-BLOCK-color: #f8f8f2; /* fallback color for block code text */
- --CODE-BLOCK-BG-color: #000000; /* fallback color for block code background */
- --CODE-BLOCK-BORDER-color: #000000; /* color of block code border */
+ --CODE-BLOCK-color: #f8f8f2; /* fallback text color of block code; should be adjusted to your selected chroma style */
+ --CODE-BLOCK-BG-color: #000000; /* fallback background color of block code; should be adjusted to your selected chroma style */
- --CODE-INLINE-color: #82e550; /* color for inline code text */
- --CODE-INLINE-BG-color: #282a36; /* color for inline code background */
- --CODE-INLINE-BORDER-color: #464646; /* color of inline code border */
+ --CODE-INLINE-color: #82e550; /* text color of inline code */
+ --CODE-INLINE-BG-color: #282a36; /* background color of inline code */
+ --CODE-INLINE-BORDER-color: #464646; /* border color of inline code */
--MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */
--SWAGGER-theme: dark; /* name of the default Swagger theme for this variant, can be overridden in config.toml */
- --TAG-BG-color: #04d1b5; /* Background color of menu header */
+ --MENU-HEADER-BG-color: rgba( 0, 0, 0, 0 ); /* background color of menu header */
- --MENU-HOME-LINK-color: #323232; /* Color of the home button text */
- --MENU-HOME-LINK-HOVER-color: #5e5e5e; /* Color of the hovered home button text */
+ --MENU-HOME-LINK-color: #323232; /* home button color if configured */
+ --MENU-HOME-LINK-HOVER-color: #5e5e5e; /* hoverd home button color if configured */
- --MENU-HEADER-BG-color: rgba( 0, 0, 0, 0 ); /* Background color of menu header */
- --MENU-HEADER-BORDER-color: rgba( 0, 0, 0, 0 ); /*Color of menu header border */
+ --MENU-SEARCH-color: #e0e0e0; /* text and icon color of search box */
+ --MENU-SEARCH-BG-color: #323232; /* background color of search box */
+ --MENU-SEARCH-BORDER-color: #e0e0e0; /* border color of search box */
- --MENU-SEARCH-color: #e0e0e0; /* Color of search field text */
- --MENU-SEARCH-BG-color: #323232; /* Search field background color (by default borders + icons) */
- --MENU-SEARCH-BORDER-color: #e0e0e0; /* Override search field border color */
+ --MENU-SECTIONS-BG-color: linear-gradient( 165deg, #f300b2d3 0%, #1c90f3b3 65%, #00e3d3b3 100% ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
+ --MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* background color of the active menu section */
+ --MENU-SECTIONS-LINK-color: #ffffff; /* link color of menu topics */
+ --MENU-SECTIONS-LINK-HOVER-color: #d0d0d0; /* hoverd link color of menu topics */
+ --MENU-SECTION-ACTIVE-CATEGORY-color: #56ffe8; /* text color of the displayed menu topic */
+ --MENU-SECTION-HR-color: #bababa; /* separator color of menu footer */
- --MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* Background color of the active section and its children */
- --MENU-SECTIONS-BG-color: linear-gradient( 165deg, #f300b2d3 0%, #1c90f3b3 65%, #00e3d3b3 100% ); /* Background color of side bar */
- --MENU-SECTIONS-LINK-color: #ffffff; /* Color of links in menu */
- --MENU-SECTIONS-LINK-HOVER-color: #d0d0d0; /* Color of links in menu, when hovered */
- --MENU-SECTION-ACTIVE-CATEGORY-color: #56ffe8; /* Color of active category text */
- --MENU-SECTION-ACTIVE-CATEGORY-BG-color: #202020; /* Color of background for the active category (only) */
-
- --MENU-VISITED-color: #33a1ff; /* Color of 'page visited' icons in menu */
- --MENU-SECTION-HR-color: #bababa; /* Color of separator in menu */
+ --MENU-VISITED-color: #33a1ff; /* icon color of visited menu topics if configured */
/* base styling for boxes */
- --BOX-CAPTION-color: rgba( 240, 240, 240, 1 ); /* color of the title text */
- --BOX-BG-color: rgba( 20, 20, 20, 1 ); /* color of the content background */
- --BOX-TEXT-color: initial; /* automatic color of the content text */
+ --BOX-CAPTION-color: rgba( 240, 240, 240, 1 ); /* text color of colored box titles */
+ --BOX-BG-color: rgba( 20, 20, 20, 1 ); /* background color of colored boxes */
+ --BOX-TEXT-color: initial; /* text color of colored box content */
/* optional base colors for colored boxes as in attachments and notice shortcode */
- --BOX-BLUE-color: rgba( 48, 117, 229, 1 );
- --BOX-GREEN-color: rgba( 42, 178, 24, 1 );
- --BOX-GREY-color: rgba( 128, 128, 128, 1 );
- --BOX-ORANGE-color: rgba( 237, 153, 9, 1 );
- --BOX-RED-color: rgba( 224, 62, 62, 1 );
-
- --BOX-BLUE-TEXT-color: var(--BOX-BLUE-color);
- --BOX-GREEN-TEXT-color: var(--BOX-GREEN-color);
- --BOX-GREY-TEXT-color: var(--BOX-GREY-color);
- --BOX-ORANGE-TEXT-color: var(--BOX-ORANGE-color);
- --BOX-RED-TEXT-color: var(--BOX-RED-color);
+ --BOX-BLUE-color: rgba( 48, 117, 229, 1 ); /* background color of blue boxes */
+ --BOX-BLUE-TEXT-color: var( --BOX-BLUE-color ); /* text color of blue boxes */
+ --BOX-GREEN-color: rgba( 42, 178, 24, 1 ); /* background color of green boxes */
+ --BOX-GREEN-TEXT-color: var( --BOX-GREEN-color ); /* text color of green boxes */
+ --BOX-GREY-color: rgba( 128, 128, 128, 1 ); /* background color of grey boxes */
+ --BOX-GREY-TEXT-color: var( --BOX-GREY-color ); /* text color of grey boxes */
+ --BOX-ORANGE-color: rgba( 237, 153, 9, 1 ); /* background color of orange boxes */
+ --BOX-ORANGE-TEXT-color: var( --BOX-ORANGE-color ); /* text color of orange boxes */
+ --BOX-RED-color: rgba( 224, 62, 62, 1 ); /* background color of red boxes */
+ --BOX-RED-TEXT-color: var( --BOX-RED-color ); /* text color of red boxes */
}
body a#logo,
body #logo svg,
body #logo svg * {
- color: var(--INTERNAL-MENU-SEARCH-BORDER-color);
- fill: var(--INTERNAL-MENU-SEARCH-BORDER-color) !important;
+ color: var(--INTERNAL-MENU-SEARCH-color);
+ fill: var(--INTERNAL-MENU-SEARCH-color) !important;
}
body a#logo{
- color: #fff;
+ color: var(--INTERNAL-MENU-SEARCH-color);
text-shadow:
- 0 0 1px #fff,
- 0 0 2px #fff,
- 0 0 4px #c0c0c0,
+ 0 0 1px var(--INTERNAL-MENU-SEARCH-color),
+ 0 0 2px var(--INTERNAL-MENU-SEARCH-color),
+ 0 0 4px var(--INTERNAL-MENU-SEARCH-color),
0 0 8px #808080,
0 0 4px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color),
- 0 0 8px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color),
- 0 0 12px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
+ 0 0 8px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
}
body h1 {
@@ -113,7 +106,7 @@ body h2 {
0 0 10px var(--INTERNAL-MAIN-TITLES-H2-color);
}
-body h3 {
+body h3, body .article-subheading {
color: #fff;
text-shadow:
0 0 1px #fff,
@@ -157,7 +150,7 @@ body h6 {
0 0 10px var(--INTERNAL-MAIN-TITLES-H5-color);
}
-body #sidebar ul.topics li.active > label,
+body #sidebar ul.topics li.active > label:after,
body #sidebar ul.topics li.active > a {
color: #fff;
text-shadow:
@@ -190,37 +183,58 @@ body .anchor {
text-shadow: none;
}
+body .btn,
body div.box {
box-shadow:
0 0 1px #fff,
0 0 2px #fff,
0 0 4px #808080,
- 0 0 4px var(--VARIABLE-BOX-color),
- 0 0 8px var(--VARIABLE-BOX-color);
+ 0 0 4px var(--VARIABLE-BOX-color);
}
+body .btn,
body div.box > .box-label {
text-shadow:
0 0 1px #fff,
0 0 2px #fff,
0 0 4px #808080,
- 0 0 4px var(--VARIABLE-BOX-CAPTION-color),
- 0 0 8px var(--VARIABLE-BOX-CAPTION-color);
+ 0 0 4px var(--VARIABLE-BOX-CAPTION-color);
}
-body div.box.transparent {
+body .btn.cstyle {
+ --VARIABLE-BOX-TEXT-color: var(--VARIABLE-BOX-CAPTION-color);
+}
+
+body .btn.cstyle.transparent {
+ --VARIABLE-BOX-BG-color: var(--INTERNAL-BOX-BG-color);
+}
+
+body .btn.cstyle.transparent a {
+ border-color: var(--VARIABLE-BOX-color);
+ color: var(--VARIABLE-BOX-CAPTION-color);
+}
+
+body .btn.cstyle.transparent a:hover,
+body .btn.cstyle.transparent a:focus,
+body .btn.cstyle.transparent a:active {
+ background-color: var(--INTERNAL-MAIN-TITLES-TEXT-color);
+ color: var(--INTERNAL-MAIN-TEXT-color);
+}
+
+body .box.cstyle.transparent {
box-shadow: none;
}
@media print {
#body h1,
#body h2,
- #body h3,
+ #body h3, #body .article-subheading,
#body h4,
#body h5,
#body h6 {
text-shadow: none;
}
+ #body .btn,
#body div.box,
#body div.box > .box-label {
box-shadow: none;
@@ -232,12 +246,13 @@ body div.box.transparent {
above will not apply, so we have to repeat it here */
.print #body h1,
.print #body h2,
-.print #body h3,
+.print #body h3, .print #body .article-subheading,
.print #body h4,
.print #body h5,
.print #body h6 {
text-shadow: none;
}
+.print #body .btn,
.print #body div.box,
.print #body div.box > .box-label {
box-shadow: none;
diff --git a/css/theme-red.css b/css/theme-red.css
index fdbad32..79abc73 100644
--- a/css/theme-red.css
+++ b/css/theme-red.css
@@ -10,7 +10,6 @@
--MAIN-TITLES-TEXT-color: #5e5e5e; /* Color of titles h2-h3-h4-h5-h6 */
--MAIN-LINK-color: #f31c1c; /* Color of links */
--MAIN-LINK-HOVER-color: #d01616; /* Color of hovered links */
- --MAIN-ANCHOR-color: #f31c1c; /* color of anchors on titles */
--MAIN-BG-color: #ffffff; /* color of text by default */
/* adjusted to base16-snazzy chroma style */
@@ -39,7 +38,7 @@
--MENU-SECTION-ACTIVE-CATEGORY-color: #777; /* Color of active category text */
--MENU-SECTION-ACTIVE-CATEGORY-BG-color: #fff; /* Color of background for the active category (only) */
- --MENU-VISITED-color: #ff3333; /* Color of 'page visited' icons in menu */
+ --MENU-VISITED-color: #f31c1c; /* Color of 'page visited' icons in menu */
--MENU-SECTION-HR-color: #2b2020; /* Color of separator in menu */
/* base styling for boxes */
diff --git a/css/theme-relearn-dark.css b/css/theme-relearn-dark.css
index d8050bd..d36c8a8 100644
--- a/css/theme-relearn-dark.css
+++ b/css/theme-relearn-dark.css
@@ -6,47 +6,42 @@
@import "chroma-relearn-dark.css";
:root {
- --MAIN-TEXT-color: #e0e0e0; /* Color of text by default */
- --MAIN-TITLES-TEXT-color: #ffffff; /* Color of titles h2-h3-h4-h5-h6 */
- --MAIN-LINK-color: #1c90f3; /* Color of links */
- --MAIN-LINK-HOVER-color: #4cabff; /* Color of hovered links */
- --MAIN-ANCHOR-color: #4cabff; /* color of anchors on titles */
- --MAIN-BG-color: #202020; /* color for code background */
+ --PRIMARY-color: #7dc903; /* brand primary color */
+ --SECONDARY-color: #6c8ce3; /* brand secondary color */
+
+ --MAIN-TEXT-color: #e0e0e0; /* text color of content and h1 titles */
+ --MAIN-LINK-HOVER-color: #93b0ff; /* hoverd link color of content */
+ --MAIN-BG-color: #202020; /* background color of content */
+ --MAIN-TITLES-TEXT-color: #ffffff; /* text color of h2-h6 titles and transparent box titles */
/* adjusted to relearn-dark chroma style */
- --CODE-BLOCK-color: #f8f8f8; /* fallback color for block code text */
- --CODE-BLOCK-BG-color: #2b2b2b; /* fallback color for block code background */
- --CODE-BLOCK-BORDER-color: #2b2b2b; /* color of block code border */
+ --CODE-BLOCK-color: #f8f8f8; /* fallback text color of block code; should be adjusted to your selected chroma style */
+ --CODE-BLOCK-BG-color: #2b2b2b; /* fallback background color of block code; should be adjusted to your selected chroma style */
- --CODE-INLINE-color: #82e550; /* color for inline code text */
- --CODE-INLINE-BG-color: #2d2d2d; /* color for inline code background */
- --CODE-INLINE-BORDER-color: #464646; /* color of inline code border */
+ --CODE-INLINE-color: #82e550; /* text color of inline code */
+ --CODE-INLINE-BG-color: #2d2d2d; /* background color of inline code */
+ --CODE-INLINE-BORDER-color: #464646; /* border color of inline code */
--MERMAID-theme: dark; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */
--SWAGGER-theme: dark; /* name of the default Swagger theme for this variant, can be overridden in config.toml */
- --MENU-HOME-LINK-color: #323232; /* Color of the home button text */
- --MENU-HOME-LINK-HOVER-color: #5e5e5e; /* Color of the hovered home button text */
+ --MENU-HOME-LINK-color: #323232; /* home button color if configured */
+ --MENU-HOME-LINK-HOVER-color: #5e5e5e; /* hoverd home button color if configured */
- --MENU-HEADER-BG-color: #7dc903; /* Background color of menu header */
- --MENU-HEADER-BORDER-color: #7dc903; /*Color of menu header border */
+ --MENU-SEARCH-color: #e0e0e0; /* text and icon color of search box */
+ --MENU-SEARCH-BG-color: #323232; /* background color of search box */
+ --MENU-SEARCH-BORDER-color: #e0e0e0; /* border color of search box */
- --MENU-SEARCH-color: #e0e0e0; /* Color of search field text */
- --MENU-SEARCH-BG-color: #323232; /* Search field background color (by default borders + icons) */
- --MENU-SEARCH-BORDER-color: #e0e0e0; /* Override search field border color */
+ --MENU-SECTIONS-BG-color: #2b2b2b; /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
+ --MENU-SECTIONS-LINK-color: #bababa; /* link color of menu topics */
+ --MENU-SECTIONS-LINK-HOVER-color: #ffffff; /* hoverd link color of menu topics */
+ --MENU-SECTIONS-ACTIVE-BG-color: #323232; /* background color of the active menu section */
+ --MENU-SECTION-ACTIVE-CATEGORY-color: #82e550; /* text color of the displayed menu topic */
+ --MENU-SECTION-HR-color: #606060; /* separator color of menu footer */
- --MENU-SECTIONS-ACTIVE-BG-color: #323232; /* Background color of the active section and its children */
- --MENU-SECTIONS-BG-color: #2b2b2b; /* Background color of other sections */
- --MENU-SECTIONS-LINK-color: #bababa; /* Color of links in menu */
- --MENU-SECTIONS-LINK-HOVER-color: #ffffff; /* Color of links in menu, when hovered */
- --MENU-SECTION-ACTIVE-CATEGORY-color: #82e550; /* Color of active category text */
- --MENU-SECTION-ACTIVE-CATEGORY-BG-color: #202020; /* Color of background for the active category (only) */
+ --MENU-VISITED-color: #486ac9; /* icon color of visited menu topics if configured */
- --MENU-VISITED-color: #569cd8; /* Color of 'page visited' icons in menu */
- --MENU-SECTION-HR-color: #606060; /* Color of separator in menu */
-
- /* base styling for boxes */
- --BOX-CAPTION-color: rgba( 240, 240, 240, 1 ); /* color of the title text */
- --BOX-BG-color: rgba( 20, 20, 20, 1 ); /* color of the content background */
- --BOX-TEXT-color: #e0e0e0; /* automatic color of the content text */
+ --BOX-CAPTION-color: rgba( 240, 240, 240, 1 ); /* text color of colored box titles */
+ --BOX-BG-color: rgba( 20, 20, 20, 1 ); /* background color of colored boxes */
+ --BOX-TEXT-color: #e0e0e0; /* text color of colored box content */
}
diff --git a/css/theme-relearn-light.css b/css/theme-relearn-light.css
index 6025f1c..1fac8ba 100644
--- a/css/theme-relearn-light.css
+++ b/css/theme-relearn-light.css
@@ -6,44 +6,41 @@
@import "chroma-relearn-light.css";
:root {
- --MAIN-TEXT-color: #101010; /* Color of text by default */
- --MAIN-TITLES-TEXT-color: #4a4a4a; /* Color of titles h2-h3-h4-h5-h6 */
- --MAIN-LINK-color: #486ac9; /* Color of links */
- --MAIN-LINK-HOVER-color: #134fbf; /* Color of hovered links */
- --MAIN-ANCHOR-color: #134fbf; /* color of anchors on titles */
- --MAIN-BG-color: #ffffff; /* color of text by default */
+ --PRIMARY-color: #7dc903; /* brand primary color */
+ --SECONDARY-color: #486ac9; /* brand secondary color */
+
+ --MAIN-TEXT-color: #101010; /* text color of content and h1 titles */
+ --MAIN-LINK-HOVER-color: #202891; /* hoverd link color of content */
+ --MAIN-BG-color: #ffffff; /* background color of content */
+ --MAIN-TITLES-TEXT-color: #4a4a4a; /* text color of h2-h6 titles and transparent box titles */
/* adjusted to relearn-light chroma style */
- --CODE-BLOCK-color: #000000; /* fallback color for block code text */
- --CODE-BLOCK-BG-color: #f8f8f8; /* fallback color for block code background */
- --CODE-BLOCK-BORDER-color: #d8d8d8; /* color of block code border */
+ --CODE-BLOCK-color: #000000; /* fallback text color of block code; should be adjusted to your selected chroma style */
+ --CODE-BLOCK-BG-color: #f8f8f8; /* fallback background color of block code; should be adjusted to your selected chroma style */
+ --CODE-BLOCK-BORDER-color: #d8d8d8; /* border color of block code */
- --CODE-INLINE-color: #5e5e5e; /* color for inline code text */
- --CODE-INLINE-BG-color: #fffae9; /* color for inline code background */
- --CODE-INLINE-BORDER-color: #f8e8c8; /* color of inline code border */
+ --CODE-INLINE-color: #5e5e5e; /* text color of inline code */
+ --CODE-INLINE-BG-color: #fffae9; /* background color of inline code */
+ --CODE-INLINE-BORDER-color: #f8e8c8; /* border color of inline code */
- --MENU-HOME-LINK-color: #323232; /* Color of the home button text */
- --MENU-HOME-LINK-HOVER-color: #808080; /* Color of the hovered home button text */
+ --MERMAID-theme: default; /* name of the default Mermaid theme for this variant, can be overridden in config.toml */
+ --SWAGGER-theme: light; /* name of the default Swagger theme for this variant, can be overridden in config.toml */
- --MENU-HEADER-BG-color: #7dc903; /* Background color of menu header */
- --MENU-HEADER-BORDER-color: #7dc903; /*Color of menu header border */
+ --MENU-HOME-LINK-color: #323232; /* home button color if configured */
+ --MENU-HOME-LINK-HOVER-color: #808080; /* hoverd home button color if configured */
- --MENU-SEARCH-color: #e0e0e0; /* Color of search field text */
- --MENU-SEARCH-BG-color: #323232; /* Search field background color (by default borders + icons) */
- --MENU-SEARCH-BORDER-color: #e0e0e0; /* Override search field border color */
+ --MENU-SEARCH-color: #e0e0e0; /* text and icon color of search box */
+ --MENU-SEARCH-BG-color: #323232; /* background color of search box */
+ --MENU-SEARCH-BORDER-color: #e0e0e0; /* border color of search box */
- --MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* Background color of the active section and its children */
- --MENU-SECTIONS-BG-color: #282828; /* Background color of other sections */
- --MENU-SECTIONS-LINK-color: #bababa; /* Color of links in menu */
- --MENU-SECTIONS-LINK-HOVER-color: #ffffff; /* Color of links in menu, when hovered */
- --MENU-SECTION-ACTIVE-CATEGORY-color: #444444; /* Color of active category text */
- --MENU-SECTION-ACTIVE-CATEGORY-BG-color: #ffffff; /* Color of background for the active category (only) */
+ --MENU-SECTIONS-BG-color: #282828; /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
+ --MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* background color of the active menu section */
+ --MENU-SECTIONS-LINK-color: #bababa; /* link color of menu topics */
+ --MENU-SECTIONS-LINK-HOVER-color: #ffffff; /* hoverd link color of menu topics */
+ --MENU-SECTION-ACTIVE-CATEGORY-color: #444444; /* text color of the displayed menu topic */
+ --MENU-SECTION-HR-color: #606060; /* separator color of menu footer */
- --MENU-VISITED-color: #506397; /* Color of 'page visited' icons in menu */
- --MENU-SECTION-HR-color: #606060; /* Color of separator in menu */
-
- /* base styling for boxes */
- --BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* color of the title text */
- --BOX-BG-color: rgba( 255, 255, 255, .833 ); /* color of the content background */
- --BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
+ --BOX-CAPTION-color: rgba( 255, 255, 255, 1 ); /* text color of colored box titles */
+ --BOX-BG-color: rgba( 255, 255, 255, .833 ); /* background color of colored boxes */
+ --BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of colored box content */
}
diff --git a/css/theme.css b/css/theme.css
index 9a4b335..b8ef512 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -3,90 +3,37 @@
@import "tags.css";
@import "tabs.css";
-@font-face {
- font-family: 'Work Sans';
- font-style: normal;
- font-weight: 200;
- src: url("../fonts/WorkSans-ExtraLight.woff") format("woff2"), url("../fonts/WorkSans-ExtraLight.woff") format("woff");
- font-display: swap;
-}
-
-@font-face {
- font-family: 'Work Sans';
- font-style: normal;
- font-weight: 300;
- src: url("../fonts/WorkSans-Light.woff2") format("woff2"), url("../fonts/WorkSans-Light.woff") format("woff");
- font-display: swap;
-}
-
-@font-face {
- font-family: 'Work Sans';
- font-style: normal;
- font-weight: 400;
- src: url("../fonts/WorkSans-Regular.woff2") format("woff2"), url("../fonts/WorkSans-Regular.woff") format("woff");
- font-display: swap;
-}
-
-@font-face {
- font-family: 'Work Sans';
- font-style: normal;
- font-weight: 500;
- src: url("../fonts/WorkSans-Medium.woff2") format("woff2"), url("../fonts/WorkSans-Medium.woff") format("woff");
- font-display: swap;
-}
-
-@font-face {
- font-family: 'Work Sans';
- font-style: normal;
- font-weight: 600;
- src: url("../fonts/WorkSans-Bold.woff2") format("woff2"), url("../fonts/WorkSans-Bold.woff") format("woff");
- font-display: swap;
-}
-
html {
width: 100%;
height: 100%;
}
body {
- background-color: #ffffff; /* var(--MAIN-BG-color) */
- color: #101010; /* var(--MAIN-TEXT-color) */
display: flex;
- flex-direction: row-reverse; /* IE11 to allow body to have initial focus for PS */
- font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */
+ flex-direction: row-reverse; /* IE11 to allow body to have initial focus for PS and better SEO and a11y */
font-size: 16.25px;
font-weight: 300;
height: 100%;
justify-content: flex-end;
line-height: 1.574;
- overflow: hidden; /* to avoid browser scrollbar to flicker before we create our own */
+ /* overflow: hidden; PSC removed for #242 #243 #244; to avoid browser scrollbar to flicker before we create our own */
width: 100%;
}
-body #body-inner .chapter h1 {
+body #body-inner.narrow h1 {
font-size: 3.5rem;
}
@media only screen and (min-width: 48em) and (max-width: 59.938em) {
- body #body-inner .chapter h1 {
+ body #body-inner.narrow h1 {
font-size: 2.8rem;
}
}
@media only screen and (max-width: 47.938em) {
- body #body-inner .chapter h1 {
- font-size: 2rem;
+ body #body-inner.narrow h1 {
+ font-size: 2.5rem;
}
}
-a,
-#toc-menu {
- color: #486ac9; /* var(--MAIN-LINK-color) */
-}
-
-a:hover,
-#toc-menu:hover {
- color: #134fbf; /* var(--MAIN-LINK-HOVER-color) */
-}
-
pre {
position: relative;
}
@@ -103,7 +50,6 @@ th {
}
#sidebar {
- background: #282828; /* var(--MENU-SECTIONS-BG-color) */
display: flex;
flex-basis: auto;
flex-direction: column;
@@ -118,15 +64,12 @@ th {
max-width: 300px;
position: fixed;
width: 300px;
- z-index: 310;
+ z-index: 80;
}
#header-wrapper {
- /* initially use section background to avoid flickering on load when a
- non default variant is active */
- background-color: rgba( 0, 0, 0, 0 ); /* var(--MENU-SECTIONS-BG-color) */
- border-bottom: 4px solid rgba( 0, 0, 0, 0 ); /* var(--MENU-SECTIONS-BG-color) */
- color: #e0e0e0; /* var(--MENU-SEARCH-color) */
+ border-bottom-style: solid;
+ border-bottom-width: 4px;
text-align: center;
padding: 1rem;
position: relative;
@@ -136,9 +79,9 @@ th {
}
.searchbox {
- border: 1px solid #e0e0e0; /* var(--MENU-SEARCH-BORDER-color) */
border-radius: 4px;
- background-color: #323232; /* var(--MENU-SEARCH-BG-color) */
+ border-style: solid;
+ border-width: 1px;
position: relative;
margin-top: 1rem;
}
@@ -187,18 +130,7 @@ th {
flex: 1; /* fill rest of vertical space */
overflow: hidden;
position: relative; /* PS */
- z-index: 410;
-}
-
-#sidebar .collapsible-menu label:after,
-#sidebar a {
- color: #bababa; /* var(--MENU-SECTIONS-LINK-color) */
-}
-
-#sidebar select:hover,
-#sidebar .collapsible-menu label:hover:after,
-#sidebar a:hover {
- color: #ffffff; /* var(--MENU-SECTIONS-LINK-HOVER-color) */
+ z-index: 100;
}
#sidebar a.padding {
@@ -209,10 +141,6 @@ th {
margin: 0 1rem;
}
-#sidebar ul.topics.searched ul {
- display: block;
-}
-
#sidebar ul.topics ul {
display: none;
}
@@ -262,10 +190,6 @@ th {
padding-right: 1rem;
}
-#sidebar ul.topics > li.parent {
- background-color: rgba( 0, 0, 0, .166 ); /* var(--MENU-SECTIONS-ACTIVE-BG-color) */
-}
-
#sidebar ul.topics li > a {
margin-left: -1rem;
margin-right: -1rem;
@@ -273,11 +197,6 @@ th {
padding-right: 1rem;
}
-#sidebar ul.topics li.active > a {
- background-color: #ffffff; /* var(--MENU-SECTION-ACTIVE-CATEGORY-BG-color) */
- color: #444444; /* var(--MENU-SECTION-ACTIVE-CATEGORY-color) */
-}
-
#sidebar ul {
list-style: none;
padding: 0;
@@ -331,12 +250,10 @@ th {
}
#sidebar ul li.visited > a .read-icon {
- color: #506397; /* var(--MENU-VISITED-color) */
display: inline;
}
#sidebar .nav-title {
- color: #ffffff; /* var(--MENU-SECTIONS-LINK-HOVER-color) */
font-size: 2rem;
font-weight: 200;
letter-spacing: -1px;
@@ -352,14 +269,11 @@ th {
}
#sidebar hr {
- border-bottom: 1px solid #606060; /* var(--MENU-SECTION-HR-color) */
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
margin: 1.5rem 1rem 1rem 1rem;
}
-#footer {
- color: #bababa; /* var(--MENU-SECTIONS-LINK-color) */
-}
-
#body {
display: flex;
flex-basis: 100%;
@@ -374,7 +288,7 @@ th {
overflow-wrap: break-word; /* avoid x-scrolling of body if it is to large to fit */
position: relative; /* PS */
width: calc( 100% - 300px);
- z-index: 300;
+ z-index: 70;
}
#body img,
@@ -403,9 +317,10 @@ th {
#body-inner {
display: flex;
- flex: 1; /* fill rest of vertical space */
+ flex: auto;
flex-direction: column;
- padding: 0 3rem 4rem 3rem;
+ overflow-y: auto;
+ padding: 0 3.25rem 4rem 3.25rem;
position: relative; /* PS */
}
@media screen and (max-width: 59.938em) {
@@ -415,10 +330,15 @@ th {
}
@media screen and (max-width: 47.938em) {
#body-inner {
- padding: 0 1rem 5px 1rem;
+ padding: 0 1.25rem 5px 1.25rem;
}
}
+#body-inner:focus-visible{
+ /* remove focus indicator for programatically set focus */
+ outline: none;
+}
+
#body h1 + hr {
margin-bottom: 2rem;
margin-top: -1rem;
@@ -429,53 +349,55 @@ th {
#body .flex-block-wrapper {
margin-left: auto;
margin-right: auto;
- max-width: 1000px;
+ min-width: calc( 1300px - 300px - 2 * 3.25rem );
+ width: calc( 1300px - 300px - 2 * 3.25rem );
+ max-width: calc( 1300px - 300px - 2 * 3.25rem );
+ }
+ #body .narrow .flex-block-wrapper {
+ min-width: calc( 1300px - 300px - 2 * 9.75rem );
+ width: calc( 1300px - 300px - 2 * 9.75rem );
+ max-width: calc( 1300px - 300px - 2 * 9.75rem );
}
}
-#body-inner.chapter {
- margin-left: auto;
- margin-right: auto;
- padding: 2rem 9rem;
+#body-inner.narrow {
+ padding: 2rem 9.75rem;
}
@media screen and (max-width: 59.938em) {
- #body-inner.chapter {
- padding: 15px 4rem 15px 4rem;
+ #body-inner.narrow {
+ padding: 15px 6.5rem;
}
}
@media screen and (max-width: 47.938em) {
- #body-inner.chapter {
- padding: 5px 2rem 5px 2rem;
+ #body-inner.narrow {
+ padding: 5px 3.25rem;
}
}
-#body-inner .chapter h3:first-of-type {
+#body-inner div.article-subheading,
+#body-inner .chapter.deprecated h3:first-of-type {
font-weight: 200;
margin-top: 0;
text-align: center;
}
-#body-inner .chapter h1 {
+#body-inner.narrow h1 {
border-bottom: 4px solid rgba( 134, 134, 134, .125 );
font-size: 5rem;
}
-#body-inner .chapter p {
+#body-inner.narrow p {
font-size: 1.2rem;
text-align: justify;
}
h1 {
- color: #101010; /* var(--MAIN-TEXT-color) */
- font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-font) */
font-weight: 200;
text-align: center;
text-transform: uppercase;
}
-h2, h3, h4, h5, h6 {
- color: #4a4a4a; /* var(--MAIN-TITLES-TEXT-color) */
- font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-TITLES-TEXT-font) */
+h2, h3, .article-subheading, h4, h5, h6 {
letter-spacing: -1px;
text-rendering: optimizeLegibility;
}
@@ -503,143 +425,34 @@ blockquote cite {
div.box {
--VARIABLE-BOX-color: var(--INTERNAL-BOX-NEUTRAL-color);
- --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-NEUTRAL-TEXT-color);
--VARIABLE-BOX-CAPTION-color: var(--INTERNAL-BOX-CAPTION-color);
- background-color: #808080; /* var(--INTERNAL-BOX-NEUTRAL-color) */
+ --VARIABLE-BOX-BG-color: var(--INTERNAL-BOX-BG-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-NEUTRAL-TEXT-color);
-webkit-print-color-adjust: exact;
color-adjust: exact;
margin: 1.5rem 0;
}
div.box > .box-label {
- color: rgba( 255, 255, 255, 1 ); /* var(--BOX-CAPTION-color) */
font-weight: 500;
padding: .2rem .6rem;
}
div.box > .box-content {
- background-color: rgba( 255, 255, 255, .833 ); /* var(--BOX-BG-color) */
- color: rgba( 16, 16, 16, 1 ); /* var(--BOX-TEXT-color) */
padding-bottom: .1rem;
padding-left: 1rem;
padding-right: 1rem;
}
-div.box > .box-content > :first-child {
+#body div.box > .box-content > :first-child {
margin-top: 0;
padding-top: 1rem;
}
-div.box > .box-content > :last-child {
+#body div.box > .box-content > :last-child {
margin-bottom: 1rem;
}
-div.box.info {
- --VARIABLE-BOX-color: var(--INTERNAL-BOX-INFO-color);
- --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-INFO-TEXT-color);
- background-color: rgba( 48, 117, 229, 1 ); /* var(--INTERNAL-BOX-INFO-color) */
-}
-
-div.box.info > .box-content {
- color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-INFO-TEXT-color) */
-}
-
-div.box.warning {
- --VARIABLE-BOX-color: var(--INTERNAL-BOX-WARNING-color);
- --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-WARNING-TEXT-color);
- background-color: rgba( 224, 62, 62, 1 ); /* var(--INTERNAL-BOX-WARNING-color) */
-}
-
-div.box.warning > .box-content {
- color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-WARNING-TEXT-color) */
-}
-
-div.box.note {
- --VARIABLE-BOX-color: var(--INTERNAL-BOX-NOTE-color);
- --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-NOTE-TEXT-color);
- background-color: rgba( 237, 153, 9, 1 ); /* var(--INTERNAL-BOX-NOTE-color) */
-}
-
-div.box.note > .box-content {
- color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-NOTE-TEXT-color) */
-}
-
-div.box.tip {
- --VARIABLE-BOX-color: var(--INTERNAL-BOX-TIP-color);
- --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-TIP-TEXT-color);
- background-color: rgba( 42, 178, 24, 1 ); /* var(--INTERNAL-BOX-TIP-color) */
-}
-
-div.box.tip > .box-content {
- color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-TIP-TEXT-color) */
-}
-
-div.box.blue {
- --VARIABLE-BOX-color: var(--INTERNAL-BOX-BLUE-color);
- --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-BLUE-TEXT-color);
- background-color: rgba( 48, 117, 229, 1 ); /* var(--INTERNAL-BOX-BLUE-color) */
-}
-
-div.box.blue > .box-content {
- color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-BLUE-TEXT-color) */
-}
-
-div.box.green {
- --VARIABLE-BOX-color: var(--INTERNAL-BOX-GREEN-color);
- --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-GREEN-TEXT-color);
- background-color: rgba( 42, 178, 24, 1 ); /* var(--INTERNAL-BOX-GREEN-color) */
-}
-
-div.box.green > .box-content {
- color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-GREEN-TEXT-color) */
-}
-
-div.box.grey {
- --VARIABLE-BOX-color: var(--INTERNAL-BOX-GREY-color);
- --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-GREY-TEXT-color);
- background-color: #808080; /* var(--INTERNAL-BOX-GREY-color) */
-}
-
-div.box.grey > .box-content {
- color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-GREY-TEXT-color) */
-}
-
-div.box.orange {
- --VARIABLE-BOX-color: var(--INTERNAL-BOX-ORANGE-color);
- --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-WARNING-ORANGE-color);
- background-color: rgba( 237, 153, 9, 1 ); /* var(--INTERNAL-BOX-ORANGE-color) */
-}
-
-div.box.orange > .box-content {
- color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-ORANGE-TEXT-color) */
-}
-
-div.box.red {
- --VARIABLE-BOX-color: var(--INTERNAL-BOX-RED-color);
- --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-RED-TEXT-color);
- background-color: rgba( 224, 62, 62, 1 ); /* var(--INTERNAL-BOX-RED-color) */
-}
-
-div.box.red > .box-content {
- color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-BOX-RED-TEXT-color) */
-}
-
-div.box.transparent {
- --VARIABLE-BOX-color: transparent;
- --VARIABLE-BOX-TEXT-color: var(--INTERNAL-MAIN-TEXT-color);
- --VARIABLE-BOX-CAPTION-color: var(--INTERNAL-MAIN-TITLES-TEXT-color);
- background-color: transparent;
-}
-
-div.box.transparent > .box-label {
- color: #4a4a4a; /* var(--MAIN-TITLES-TEXT-color) */
-}
-
-div.box.transparent > .box-content {
- background-color: transparent;
- color: #101010; /* var(--MAIN-TEXT-color) */
-}
-
/* attachments shortcode */
div.attachments .box-content {
@@ -695,16 +508,14 @@ code,
kbd,
pre,
samp {
- font-family: "Consolas", menlo, monospace; /* var(--CODE-font) */
font-size: 92%;
vertical-align: baseline;
}
code {
- background-color: #fffae9; /* var(--CODE-INLINE-BG-color) */
- border: 1px solid #f8e8c8; /* var(--CODE-INLINE-BORDER-color) */
border-radius: 2px;
- color: #5e5e5e; /* var(--CODE-INLINE-color) */
+ border-style: solid;
+ border-width: 1px;
-webkit-print-color-adjust: economy;
color-adjust: economy;
padding-left: 2px;
@@ -723,10 +534,9 @@ code.copy-to-clipboard-code {
}
pre {
- background-color: #f8f8f8; /* var(--CODE-BLOCK-BG-color) */
- border: 1px solid #d8d8d8; /* var(--CODE-BLOCK-BORDER-color) */
border-radius: 2px;
- color: #000000; /* var(--CODE-BLOCK-color) */
+ border-style: solid;
+ border-width: 1px;
-webkit-print-color-adjust: economy;
color-adjust: economy;
line-height: 1.15;
@@ -758,7 +568,8 @@ hr {
#body-inner h3,
#body-inner h4,
#body-inner h5,
-#body-inner h6 {
+#body-inner h6,
+#body-inner .article-subheading {
/* big titles cause a horizontal scrollbar - fixing this by wrapping text */
overflow-wrap: break-word;
overflow-x: hidden;
@@ -808,7 +619,7 @@ td {
text-transform: none;
white-space: pre;
word-wrap: break-word;
- z-index: 450;
+ z-index: 140;
}
.tooltipped:before {
@@ -820,7 +631,7 @@ td {
pointer-events: none;
position: absolute;
width: 0;
- z-index: 460;
+ z-index: 150;
}
.tooltipped:hover:before,
@@ -938,10 +749,9 @@ td {
}
#topbar {
- background-color: #ffffff; /* var(--MAIN-BG-color) */
min-height: 3rem;
position: relative;
- z-index: 480;
+ z-index: 170;
}
#topbar > div {
@@ -1048,7 +858,6 @@ span.nav i{
}
#body a[aria-disabled="true"] {
- color: #101010; /* var(--MAIN-TEXT-color) - inherit is not processed correctly in Chrome */
pointer-events: none;
text-decoration: none;
}
@@ -1067,7 +876,7 @@ span.nav i{
}
}
@media screen and (max-width: 47.938em) {
- /* we don't support sidebar flyout in IE */
+ /* we don't support sidebar flyout in mobile */
.mobile-support #sidebar {
left: -230px;
}
@@ -1085,7 +894,7 @@ span.nav i{
}
.mobile-support.sidebar-flyout #sidebar {
left: 0;
- z-index: 400;
+ z-index: 90;
}
.mobile-support.sidebar-flyout #body {
margin-left: 230px;
@@ -1099,17 +908,15 @@ span.nav i{
position: absolute;
right: 0;
top: 0;
- z-index: 500;
+ z-index: 190;
}
}
.copy-to-clipboard-button {
- background-color: #fffae9; /* var(--CODE-INLINE-BG-color) */
- border: 1px solid #f8e8c8; /* var(--CODE-INLINE-BORDER-color) */
border-radius: 0 2px 2px 0;
- color: #5e5e5e; /* var(--CODE-INLINE-color) */
+ border-style: solid;
+ border-width: 1px;
cursor: pointer;
- font-family: "Consolas", menlo, monospace; /* var(--CODE-font) */
font-size: 92%;
padding-left: 22px;
}
@@ -1125,42 +932,33 @@ span.nav i{
padding-right: 5px;
}
-.copy-to-clipboard-button:hover {
- background-color: #5e5e5e; /* var(--CODE-INLINE-color) */
- color: #fffae9; /* var(--CODE-INLINE-BG-color) */
-}
-
pre .copy-to-clipboard-button {
background-color: rgba( 160, 160, 160, .2 );
- border: 1px solid #d8d8d8; /* var(--CODE-BLOCK-BORDER-color) */
border-radius: 2px;
- color: #486ac9; /* var(--MAIN-LINK-color) */
+ border-style: solid;
+ border-width: 1px;
padding: 5px 3px 5px 25px;
position: absolute;
right: 4px;
top: 4px;
}
-pre .copy-to-clipboard-button:hover {
- background-color: #486ac9; /* var(--MAIN-LINK-color) */
- border-color: #486ac9; /* var(--MAIN-LINK-color) */
- color: #f8f8f8; /* var(--CODE-BLOCK-BG-color) */
+.disableInlineCopyToClipboard :not(pre) > code.copy-to-clipboard-code + span.copy-to-clipboard-button {
+ display: none;
+}
+
+.disableInlineCopyToClipboard :not(pre) > code.copy-to-clipboard-code {
+ border-bottom-right-radius: 2px;
+ border-top-right-radius: 2px;
+ border-right-width: 1px;
}
#homelinks {
- background-color: #7dc903; /* var(--MENU-HEADER-BORDER-color) */
- border-bottom: 4px solid #7dc903; /* var(--MENU-HEADER-BORDER-color) */
+ border-bottom-style: solid;
+ border-bottom-width: 4px;
padding: 7px 0;
}
-#homelinks a {
- color: #323232 /* var(--MENU-HOME-LINK-color) */
-}
-
-#homelinks a:hover {
- color: #808080 /* var(--MENU-HOME-LINK-HOVER-color) */;
-}
-
option {
color: initial;
}
@@ -1278,7 +1076,6 @@ option {
}
#body a.highlight:after {
- background-color: #486ac9; /* var(--MAIN-LINK-color) */
content: "";
display: block;
height: 1px;
@@ -1291,7 +1088,7 @@ option {
width: 100%;
}
-#body .navigation a.highlight:after,
+#body #topbar .navigation a.highlight:after,
#body #sidebar-toggle-span a.highlight:after,
#body #top-print-link a.highlight:after,
#body #top-github-link a.highlight:after {
@@ -1307,11 +1104,10 @@ option {
position: absolute;
right: 0;
top: 0;
- z-index: 470;
+ z-index: 160;
}
.progress {
- background-color: #ffffff; /* var(--MAIN-BG-color) */
border: 0px solid rgba( 134, 134, 134, .166 );
box-shadow: 1px 2px 5px 1px rgba( 134, 134, 134, .2 );
height: 0;
@@ -1319,7 +1115,7 @@ option {
overflow: hidden;
position: absolute;
width: 0;
- z-index: 490;
+ z-index: 180;
}
.toc-flyout .progress {
@@ -1341,9 +1137,10 @@ option {
#TableOfContents {
font-size: 13px !important;
- max-height: 85%;
- overflow: auto;
+ max-height: 90vh;
+ overflow: hidden;
padding: 15px 5px !important;
+ position: relative; /* PS */
}
#TableOfContents > ul > li > a {
@@ -1351,59 +1148,59 @@ option {
}
.btn {
- background-image: none !important;
- border: 1px solid transparent !important;
- border-radius: 4px !important;
- cursor: pointer !important;
- display: inline-block !important;
- font-size: 14px !important;
+ --VARIABLE-BOX-color: var(--INTERNAL-BOX-NEUTRAL-color);
+ --VARIABLE-BOX-CAPTION-color: var(--INTERNAL-BOX-CAPTION-color);
+ --VARIABLE-BOX-BG-color: var(--INTERNAL-BOX-BG-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-NEUTRAL-TEXT-color);
+ border-radius: 4px;
+ -webkit-print-color-adjust: exact;
+ color-adjust: exact;
+ cursor: pointer;
+ display: inline-block;
+ font-size: .9rem;
font-weight: 500;
- line-height: 1.42857143 !important;
- padding: 6px 12px !important;
- margin-bottom: 0 !important;
- text-align: center !important;
- touch-action: manipulation !important;
- transition: all 0.15s !important;
- -ms-user-select: none !important;
- -webkit-user-select: none !important;
- user-select: none !important;
- white-space: nowrap !important;
+ line-height: 1.42857143;
+ margin-bottom: 0;
+ touch-action: manipulation;
+ -ms-user-select: none;
+ -webkit-user-select: none;
+ user-select: none;
}
-.btn:focus {
- outline: none !important;
-}
-
-.btn:hover,
-.btn:focus {
- text-decoration: none !important;
-}
-
-.btn-default {
- color: #101010 !important; /* var(--MAIN-TEXT-color) */
+.btn a {
+ border-radius: 4px;
+ border-style: solid;
+ border-width: 1px;
+ padding: 6px 12px;
+ text-align: center;
+ touch-action: manipulation;
+ -ms-user-select: none;
+ -webkit-user-select: none;
+ user-select: none;
+ white-space: nowrap;
background-color: transparent;
- border-color: rgba( 134, 134, 134, .333 ) !important;
}
-.btn-default:hover,
-.btn-default:focus,
-.btn-default:active {
- color: #ffffff !important; /* var(--MAIN-BG-color) */
- background-color: rgba( 134, 134, 134, .75 ) !important;
- border-color: rgba( 134, 134, 134, .75 ) !important;
+#body #body-inner .btn a.highlight:after {
+ background-color: transparent;
}
-.btn-default:active {
- background-image: none !important;
+.btn a:focus {
+ outline: none;
+}
+
+.btn a:hover,
+.btn a:focus {
+ text-decoration: none;
}
/* anchors */
.anchor {
- color: #134fbf; /* var(--MAIN-ANCHOR-color) */
cursor: pointer;
font-size: .5em;
margin-left: .66em;
- vertical-align: middle;
+ margin-top: .9em;
+ position: absolute;
visibility: hidden;
}
@@ -1412,7 +1209,7 @@ h3:hover .anchor,
h4:hover .anchor,
h5:hover .anchor,
h6:hover .anchor {
- visibility:visible;
+ visibility: visible;
}
/* Redfines headers style */
@@ -1432,7 +1229,7 @@ h6 a {
margin-top: 2rem;
}
-#body h3 {
+#body h3, #body .article-subheading {
font-size: 1.8rem;
font-weight: 500;
margin-top: 2rem;
@@ -1543,42 +1340,16 @@ rapi-doc {
display: initial;
}
+.footerVisitedLinks a {
+ cursor: pointer;
+}
+
@media screen and (max-width: 47.938em) {
#breadcrumbs .links {
display: none;
}
}
-@media all and (-ms-high-contrast:none) {
- /* turn off animiation in IE because this causes the menu
- to move in from the left on every page load */
- .default-animation{
- transition: none;
- }
-
- /* our silly dinosaur browser wants to have the real colors */
- #header-wrapper {
- background-color: #7dc903; /* var(--MENU-HEADER-BG-color) */
- border-bottom: 4px solid #7dc903; /* var(--MENU-HEADER-BORDER-color) */
- }
-
- /* clears the 'X' from Internet Explorer's search input */
- input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
- input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
-
- /* turn off variant selector as it uses modern stuff; don't change
- order with block below */
- .showVariantSwitch{
- display: getamodernbrowser;
- }
- /* dumb IE11 doesn't understand initial, so we force a fallback here */
- .showLangSwitch,
- .showVisitedLinks,
- .showFooter {
- display: block;
- }
-}
-
/* clears the 'X' from Chrome's search input */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
@@ -1600,17 +1371,23 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
display: inline;
height: 1rem;
left: 0;
- margin-top: .25em;
+ margin-top: .2em;
position: absolute;
width: 1rem;
}
#sidebar .collapsible-menu input.toggle + label:after {
- content: "▸";
+ content: "\f054";
+ font-family: "Font Awesome 5 Free";
+ font-size: .8rem;
+ font-weight: 900;
}
#sidebar .collapsible-menu input.toggle:checked + label:after {
- content: "▾";
+ content: "\f078";
+ font-family: "Font Awesome 5 Free";
+ font-size: .8rem;
+ font-weight: 900;
}
#sidebar .collapsible-menu input.toggle + label + a + ul {
@@ -1620,3 +1397,24 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
#sidebar .collapsible-menu input.toggle:checked + label + a + ul {
display: inline;
}
+
+.math.align-center > mjx-container{
+ text-align: center !important;
+}
+
+.math.align-left > mjx-container{
+ text-align: left !important;
+}
+
+.math.align-right > mjx-container{
+ text-align: right !important;
+}
+
+.scrollbar-measure {
+ /* https://davidwalsh.name/detect-scrollbar-width */
+ height: 100px;
+ overflow: scroll;
+ position: absolute;
+ width: 100px;
+ top: -9999px;
+}
diff --git a/css/variant.css b/css/variant.css
index f67dcd6..8090e9c 100644
--- a/css/variant.css
+++ b/css/variant.css
@@ -1,9 +1,13 @@
:root {
+ /* initially use section background to avoid flickering on load when a non default variant is active;
+ this is only possible because every color variant defines this variable, otherwise we would have been lost */
+ --INTERNAL-PRIMARY-color: var(--PRIMARY-color, var(--MENU-HEADER-BG-color, rgba( 0, 0, 0, 0 ))); /* not --INTERNAL-MENU-HEADER-BG-color */
+ --INTERNAL-SECONDARY-color: var(--SECONDARY-color, var(--MAIN-LINK-color, #486ac9)); /* not --INTERNAL-MAIN-LINK-color */
+
--INTERNAL-MAIN-TEXT-color: var(--MAIN-TEXT-color, #101010);
--INTERNAL-MAIN-TITLES-TEXT-color: var(--MAIN-TITLES-TEXT-color, #4a4a4a);
- --INTERNAL-MAIN-LINK-color: var(--MAIN-LINK-color, #486ac9);
+ --INTERNAL-MAIN-LINK-color: var(--MAIN-LINK-color, var(--SECONDARY-color, #486ac9)); /* not --INTERNAL-SECONDARY-color */
--INTERNAL-MAIN-LINK-HOVER-color: var(--MAIN-LINK-HOVER-color, var(--INTERNAL-MAIN-LINK-color));
- --INTERNAL-MAIN-ANCHOR-color: var(--MAIN-ANCHOR-color, var(--INTERNAL-MAIN-LINK-HOVER-color));
--INTERNAL-MAIN-BG-color: var(--MAIN-BG-color, #ffffff);
--INTERNAL-MAIN-TITLES-H1-color: var(--MAIN-TITLES-H1-color, var(--INTERNAL-MAIN-TEXT-color));
@@ -33,14 +37,12 @@
--INTERNAL-CODE-font: var(--CODE-font, "Consolas", menlo, monospace);
- --INTERNAL-MERMAID-theme: var(--CONFIG-MERMAID-theme, var(--MERMAID-theme, default));
- --INTERNAL-SWAGGER-theme: var(--CONFIG-SWAGGER-theme, var(--SWAGGER-theme, light));
+ --INTERNAL-MERMAID-theme: var(--CONFIG-MERMAID-theme, var(--MERMAID-theme, var(--INTERNAL-PRINT-MERMAID-theme)));
+ --INTERNAL-SWAGGER-theme: var(--CONFIG-SWAGGER-theme, var(--SWAGGER-theme, var(--INTERNAL-PRINT-SWAGGER-theme)));
- --INTERNAL-TAG-BG-color: var(--TAG-BG-color, var(--INTERNAL-MENU-HEADER-BG-color));
+ --INTERNAL-TAG-BG-color: var(--TAG-BG-color, var(--INTERNAL-PRIMARY-color));
- /* initially use section background to avoid flickering on load when a non default variant is active;
- this is only possible because every color variant defines this variable, otherwise we would have been lost */
- --INTERNAL-MENU-HEADER-BG-color: var(--MENU-HEADER-BG-color, rgba( 0, 0, 0, 0 ));
+ --INTERNAL-MENU-HEADER-BG-color: var(--MENU-HEADER-BG-color, var(--PRIMARY-color, rgba( 0, 0, 0, 0 ))); /* not --INTERNAL-PRIMARY-color */
--INTERNAL-MENU-HEADER-BORDER-color: var(--MENU-HEADER-BORDER-color, var(--INTERNAL-MENU-HEADER-BG-color));
--INTERNAL-MENU-HOME-LINK-color: var(--MENU-HOME-LINK-color, #323232);
@@ -57,7 +59,7 @@
--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color: var(--MENU-SECTION-ACTIVE-CATEGORY-color, #444444);
--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-BG-color: var(--MENU-SECTION-ACTIVE-CATEGORY-BG-color, var(--INTERNAL-MAIN-BG-color));
- --INTERNAL-MENU-VISITED-color: var(--MENU-VISITED-color, #506397);
+ --INTERNAL-MENU-VISITED-color: var(--MENU-VISITED-color, var(--INTERNAL-SECONDARY-color));
--INTERNAL-MENU-SECTION-HR-color: var(--MENU-SECTION-HR-color, #606060);
--INTERNAL-BOX-CAPTION-color: var(--BOX-CAPTION-color, rgba( 255, 255, 255, 1 ));
@@ -87,6 +89,15 @@
--INTERNAL-BOX-NOTE-TEXT-color: var(--BOX-NOTE-TEXT-color, var(--INTERNAL-BOX-ORANGE-TEXT-color));
--INTERNAL-BOX-TIP-TEXT-color: var(--BOX-TIP-TEXT-color, var(--INTERNAL-BOX-GREEN-TEXT-color));
--INTERNAL-BOX-WARNING-TEXT-color: var(--BOX-WARNING-TEXT-color, var(--INTERNAL-BOX-RED-TEXT-color));
+
+ /* print style, values taken from relearn-light as it is used as a default print style */
+ --INTERNAL-PRINT-MERMAID-theme: var(--PRINT-MERMAID-theme, default);
+ --INTERNAL-PRINT-MAIN-BG-color: var(--PRINT-MAIN-BG-color, #ffffff);
+ --INTERNAL-PRINT-CODE-font: var(--PRINT-CODE-font, "Consolas", menlo, monospace);
+ --INTERNAL-PRINT-TAG-BG-color: var(--PRINT-TAG-BG-color, #7dc903);
+ --INTERNAL-PRINT-MAIN-font: var(--PRINT-MAIN-font, "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif);
+ --INTERNAL-PRINT-MAIN-TEXT-color: var(--PRINT-MAIN-TEXT-color, #101010);
+ --INTERNAL-PRINT-SWAGGER-theme: var(--PRINT-SWAGGER-theme, light);
}
body {
@@ -96,13 +107,16 @@ body {
}
a,
-#toc-menu {
+.anchor,
+#toc-menu,
+#body a.highlight:after {
color: var(--INTERNAL-MAIN-LINK-color);
}
a:hover,
+.anchor:hover,
#toc-menu:hover,
-#body a.highlight:after {
+#body a.highlight:hover:after {
color: var(--INTERNAL-MAIN-LINK-HOVER-color);
}
@@ -137,6 +151,7 @@ a:hover,
background-color: var(--INTERNAL-MENU-SECTIONS-ACTIVE-BG-color);
}
+#sidebar ul.topics li.active > label:after,
#sidebar ul.topics li.active > a {
background-color: var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-BG-color);
color: var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color);
@@ -168,7 +183,7 @@ h2 {
font-family: var(--INTERNAL-MAIN-TITLES-H2-font);
}
-h3 {
+h3, .article-subheading {
color: var(--INTERNAL-MAIN-TITLES-H3-color);
font-family: var(--INTERNAL-MAIN-TITLES-H3-font);
}
@@ -188,6 +203,88 @@ h6 {
font-family: var(--INTERNAL-MAIN-TITLES-H6-font);
}
+div.box {
+ background-color: var(--VARIABLE-BOX-color);
+}
+
+div.box > .box-label {
+ color: var(--VARIABLE-BOX-CAPTION-color);
+}
+
+div.box > .box-content {
+ background-color: var(--VARIABLE-BOX-BG-color);
+ color: var(--VARIABLE-BOX-TEXT-color);
+}
+
+.cstyle.info {
+ --VARIABLE-BOX-color: var(--INTERNAL-BOX-INFO-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-INFO-TEXT-color);
+}
+
+.cstyle.warning {
+ --VARIABLE-BOX-color: var(--INTERNAL-BOX-WARNING-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-WARNING-TEXT-color);
+}
+
+.cstyle.note {
+ --VARIABLE-BOX-color: var(--INTERNAL-BOX-NOTE-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-NOTE-TEXT-color);
+}
+
+.cstyle.tip {
+ --VARIABLE-BOX-color: var(--INTERNAL-BOX-TIP-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-TIP-TEXT-color);
+}
+
+.cstyle.primary {
+ --VARIABLE-BOX-color: var(--INTERNAL-PRIMARY-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-MAIN-TEXT-color);
+}
+
+.cstyle.secondary {
+ --VARIABLE-BOX-color: var(--INTERNAL-SECONDARY-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-MAIN-TEXT-color);
+}
+
+.cstyle.blue {
+ --VARIABLE-BOX-color: var(--INTERNAL-BOX-BLUE-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-BLUE-TEXT-color);
+}
+
+.cstyle.green {
+ --VARIABLE-BOX-color: var(--INTERNAL-BOX-GREEN-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-GREEN-TEXT-color);
+}
+
+.cstyle.grey {
+ --VARIABLE-BOX-color: var(--INTERNAL-BOX-GREY-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-GREY-TEXT-color);
+}
+
+.cstyle.orange {
+ --VARIABLE-BOX-color: var(--INTERNAL-BOX-ORANGE-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-ORANGE-TEXT-color);
+}
+
+.cstyle.red {
+ --VARIABLE-BOX-color: var(--INTERNAL-BOX-RED-color);
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-RED-TEXT-color);
+}
+
+.cstyle.transparent {
+ --VARIABLE-BOX-color: transparent;
+ --VARIABLE-BOX-CAPTION-color: var(--INTERNAL-MAIN-TITLES-TEXT-color);
+ --VARIABLE-BOX-BG-color: transparent;
+ --VARIABLE-BOX-TEXT-color: var(--INTERNAL-MAIN-TEXT-color);
+}
+
+code,
+kbd,
+pre,
+samp {
+ font-family: var(--INTERNAL-CODE-font);
+}
+
code {
background-color: var(--INTERNAL-CODE-INLINE-BG-color);
border-color: var(--INTERNAL-CODE-INLINE-BORDER-color);
@@ -204,7 +301,7 @@ div.featherlight .featherlight-content{
background-color: var(--INTERNAL-MAIN-BG-color);
}
-body #topbar {
+#topbar {
background-color: var(--INTERNAL-MAIN-BG-color);
}
@@ -216,6 +313,7 @@ body #topbar {
background-color: var(--INTERNAL-CODE-INLINE-BG-color);
border-color: var(--INTERNAL-CODE-INLINE-BORDER-color);
color: var(--INTERNAL-CODE-INLINE-color);
+ font-family: var(--INTERNAL-CODE-font);
}
.copy-to-clipboard-button:hover {
@@ -236,7 +334,7 @@ pre .copy-to-clipboard-button:hover {
#homelinks {
background-color: var(--INTERNAL-MENU-HEADER-BORDER-color);
- border-bottom-color: var(--INTERNAL-MENU-HEADER-BORDER-color);
+ border-color: var(--INTERNAL-MENU-HEADER-BORDER-color);
}
#homelinks a {
@@ -251,22 +349,43 @@ pre .copy-to-clipboard-button:hover {
background-color: var(--INTERNAL-MAIN-LINK-color);
}
+#body a.highlight:hover:after {
+ background-color: var(--INTERNAL-MAIN-LINK-HOVER-color);
+}
+
.progress {
background-color: var(--INTERNAL-MAIN-BG-color);
}
-.btn-default {
- color: var(--INTERNAL-MAIN-TEXT-color) !important;
+.btn {
+ background-color: var(--VARIABLE-BOX-color);
}
-.btn-default:hover,
-.btn-default:focus,
-.btn-default:active {
- color: var(--INTERNAL-MAIN-BG-color) !important;
+.btn a {
+ border-color: var(--VARIABLE-BOX-color);
+ color: var(--VARIABLE-BOX-CAPTION-color);
}
-.anchor {
- color: var(--INTERNAL-MAIN-ANCHOR-color);
+.btn a:hover,
+.btn a:focus,
+.btn a:active {
+ background-color: var(--VARIABLE-BOX-BG-color);
+ color: var(--VARIABLE-BOX-TEXT-color);
+}
+
+.btn.cstyle.transparent {
+ --VARIABLE-BOX-BG-color: var(--INTERNAL-BOX-BG-color);
+}
+
+.btn.cstyle.transparent:hover,
+.btn.cstyle.transparent:focus,
+.btn.cstyle.transparent:active {
+ background-color: var(--INTERNAL-BOX-NEUTRAL-color);
+}
+
+.btn.cstyle.transparent a {
+ --VARIABLE-BOX-color: var(--INTERNAL-BOX-NEUTRAL-color);
+ --VARIABLE-BOX-TEXT-color: var(--VARIABLE-BOX-CAPTION-color);
}
#body .tags a.tag-link {
@@ -286,107 +405,3 @@ pre .copy-to-clipboard-button:hover {
background-color: var(--INTERNAL-MAIN-BG-color) !important;
border-bottom-color: var(--INTERNAL-MAIN-BG-color) !important;
}
-
-div.box {
- background-color: var(--INTERNAL-BOX-NEUTRAL-color);
-}
-
-div.box > .box-label {
- color: var(--INTERNAL-BOX-CAPTION-color);
-}
-
-div.box > .box-content {
- background-color: var(--INTERNAL-BOX-BG-color);
- color: var(--INTERNAL-BOX-NEUTRAL-TEXT-color);
-}
-
-div.box.info {
- background-color: var(--INTERNAL-BOX-INFO-color);
-}
-
-div.box.info > .box-content {
- color: var(--INTERNAL-BOX-INFO-TEXT-color);
-}
-
-div.box.warning {
- background-color: var(--INTERNAL-BOX-WARNING-color);
-}
-
-div.box.warning > .box-content {
- color: var(--INTERNAL-BOX-WARNING-TEXT-color);
-}
-
-div.box.note {
- background-color: var(--INTERNAL-BOX-NOTE-color);
-}
-
-div.box.note > .box-content {
- color: var(--INTERNAL-BOX-NOTE-TEXT-color);
-}
-
-div.box.tip {
- background-color: var(--INTERNAL-BOX-TIP-color);
-}
-
-div.box.tip > .box-content {
- color: var(--INTERNAL-BOX-TIP-TEXT-color);
-}
-
-div.box.blue {
- background-color: var(--INTERNAL-BOX-BLUE-color);
-}
-
-div.box.blue > .box-content {
- color: var(--INTERNAL-BOX-BLUE-TEXT-color);
-}
-
-div.box.green {
- background-color: var(--INTERNAL-BOX-GREEN-color);
-}
-
-div.box.green > .box-content {
- color: var(--INTERNAL-BOX-GREEN-TEXT-color);
-}
-
-div.box.grey {
- background-color: var(--INTERNAL-BOX-GREY-color);
-}
-
-div.box.grey > .box-content {
- color: var(--INTERNAL-BOX-GREY-TEXT-color);
-}
-
-div.box.orange {
- background-color: var(--INTERNAL-BOX-ORANGE-color);
-}
-
-div.box.orange > .box-content {
- color: var(--INTERNAL-BOX-ORANGE-TEXT-color);
-}
-
-div.box.red {
- background-color: var(--INTERNAL-BOX-RED-color);
-}
-
-div.box.red > .box-content {
- color: var(--INTERNAL-BOX-RED-TEXT-color);
-}
-
-div.box.transparent > .box-label {
- color: var(--INTERNAL-MAIN-TITLES-TEXT-color);
-}
-
-div.box.transparent > .box-content {
- color: var(--INTERNAL-MAIN-TEXT-color);
-}
-
-code,
-kbd,
-pre,
-samp {
- font-family: var(--INTERNAL-CODE-font);
-}
-
-.copy-to-clipboard-button {
- font-family: var(--INTERNAL-CODE-font);
-}
diff --git a/index.html b/index.html
index 2c1f49d..0f09a9f 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
-Densha de GO! controller documentation
-
Here you will find a collection of technical information for the various controllers of the Densha de GO! series of games. The information has been gathered from my actual experience and the references mentioned on this site.