Common Theme
scp_tt_logo-small.png
scp_tt_logo-small.png

Common Theme

Current version: 1.3.7

Sandbox Edition: 1.0


Key Features:

  • Bugfixes
  • Support of a variety of modifications
  • Support of CSS variables
  • Easy to use and modify
  • Regular updates in one place

Changelog:

  • 1.3.7: Added new classes: hyphens, justify, indent, no-indent, also several bugfixes
  • 1.3.6: Added a missing shadow.
  • 1.3.5: Added a missing variable.
  • 1.3.4: Fixed a bug in the mobile topbar.
  • 1.3.3: Fixed a bug in the header-text-scaling.
  • 1.3.2: Fixed a bug of the image-box.
  • 1.3.1: Fixed a bug of the social-media link icons in the sidebar.
  • 1.3: Added all bugfixes and support for all modifications
  • 1.1/1.2: Changed the height of the interwiki module, as it got a new line.
  • 1.0: Initial release, basically a copy of EN's theme Rev. 78 from 2019-04-11.

Users of the Common Theme
If you use the Common Theme, please add your wiki here.

See also: Common Theme Beta, Common Theme Hotfixes.


The actual code


Installation of the Common Theme

This theme contains all bugfixes and support for all mods, that can be applied without compatibility issues.

If after installing this theme you encounter any error or problem, ask Dr_GromDr_Grom to help you fix the issue or create a compatibility-fix, in case something on your wiki is incompatible with the Common-Theme. Even if you fix the problem yourself, please inform Dr_Grom.

How to install:

  • Go to the "Required changes" menu and follow the instructions.
  • Go to the "Optional Mods" menu and follow the instructions to activate the optional mods you want.
  • Go to the "Custom Themes" menu and follow the instructions in the "Sandbox Theme" tab. The other tabs you may or may not find there are optional.
  • Add yourself to the list of wikis using the Common Theme. You can add a contact responsible for your theme. This is to make sure that you will receive update-notices and will be asked for approval of new features.
  • It is recommended to use the Black Highlighter Theme Compatibilizer to make the BHL-Theme (former nuTheme) compatible with the modifications of the Common Theme.

Visible changes (without mods):

  • The mobile topbar is right-aligned
  • The search box no longer overlaps with the header text on narrow screens (unless your sub-header text is very wide)
  • Sidebar-elements with line-breaks are now indenting
  • On resolutions between 580px and 768px the normal topbar is still shown. The mobile topbar is only shown below 580px.
    • If your normal topbar is too wide for this you need the additional-topbar-variant mod.
  • Removed the font "Nanum Gothic", which was only used for the three lines-icon that opens the mobile sidebar.
  • Reduced overlapping of elements on very narrow screens.
  • Codeboxes and Blockquotes (this grey boxes) now have a white background in tabs.
  • The left row of the forum is a bit wider on screens < 979px width. (Copied from CN)

Known Issues:

  • You must still import the Credit-Module CSS of your preference separately, as there are at least two versions in circulation that are not compatible to each other.
  • Using the side- and topbar mods (or maybe using the Common Theme as such) may lead to issues with the Black Highlighter Theme (formerly known as nu-Theme) and its variants. A fix is in the making.
  • There should be no real issues with Sigma-9 variants, however they might need an update.

GDPR Info:
This Theme imports FontAwesome 4.3.0 from https://www.bootstrapcdn.com/ / their Privacy Policy. Due to some restrictions of Wikdiot, I have not yet been able to transfer to and load it from Wikidot's file servers.


Required changes


Optional Mods

When making changes to your topbar menus, remember to make the changes to all variants - normal and mobile topbar (at least if you want them in both)



Custom Themes

The Common Theme has a major advantage over the older Sigma-9 theme regarding customization: Variables. They can easily be changed without programming knowledge and can be named as desired. You could even create a translation table for your wiki so your users can find your variables easier (ask Grom for more details).

The only disadvantage: Variables are not compatible with very old browsers and the Internet Explorer; the amount of users using these should be very low though.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License