Customizable CSS for E-Shuushuu

From Shuushuu
Revision as of 13:57, 1 October 2016 by Yong (talk | contribs) (Usage)
Jump to: navigation, search
Lato-cropped.png

Description

  • With this Custom stylesheet, user will be able to customize the image board, forum and wiki appearance, even with custom background and fonts, ect
  • The default setting for the main stylesheet generates same appearance as the Dark version, except the Dark version is Minified plus Oxygen font embedded inside the CSS.

Release Note

0.9 Oct 1, 2016

  • Latest

0.1 Sep 30, 2015

  • Initial release

Installation / Update

Usage

  • 1. Background
    • Replace the background with solid color.
  • 2. Custom Background Image
    • use the preset wallpapers from the list, only one can be enabled, else the solid color will override the custom background image.
  • 3. Provide your own
    • use the image you desire so userstyle.org will add the image URL into the CSS.
  • 4. Upload your own
    • Don't use this option, the website will attempt to encode the image into Base64 and embedding it into CSS, which will cause browser hang if the image file size is too large.
  • 5. Theme Visual Effect
    • on/off switch of the Rain drop/pedals effect, and custom background images from monthly themes.
  • 6. Quick Tagging menu color
    • Change the quick tagging dropdown menu color.
  • 7. Hypertext Color
    • Change the hypertext color
  • 8. Plaintext Color
    • same as above
  • 9. Color Scheme for Header/Title
    • same as above
  • 10. Secondary Color Scheme
    • Affect majority of the site appearance, including wiki and forum
  • 11. Border settings
    • Default or Borderless.
  • 12. Border Style
    • This setting has no effect if the Border setting is "Borderless"
  • 13. Optional, Remove background on Wiki/Forum
    • Improve text readability on Wiki/forum if custom background option is used
  • 14. Optional, Shuu Banner, App Banner, Wiki Banner, Forum Banner
    • Remove the banners, ect
  • 15. Elements Shadow Intensity
    • Change the Shadow thickness and blue radius, ect
  • 16. Border Color
    • Has no effect if the "Border Setting" is "Borderless"
  • 17. Admin username Color, Tagger username Color, Mod username Color, Regular username Color, Dropdown Menu Color, Text/Elements Shadow color
    • Change the default usergroup name to different color
  • 18. Optional, Custom Font
  • 19. Optional, Transparency effect on text/form fields
    • Increase the readability partially if user wish to keep the custom background image.
  • 20. **Optional, Images Transparency Filter
    • Decrease the image opacity, but restore when mouse hover over the images.
  • 21. **Optional, Opacity Filter, May cause hallucination
    • Decrease the imageboard overall opacity.

Support

For support, PM yong or post on the forum.

To Do

  • 1. TODO
  • 2. TODO
  • 3. TODO TODO TODO TODO TODOOO.

Future

  • Replace most of the raster icons with SVG?
  • Tampermoneky addon so user can switch option on-the-fly (another century may be)

Known issues

  • When user installed the Custom Stylesheet without Stylish browser Addon, Javascript will be installed and have some issue like text and elements color inconsistency,

Because not every value are appended with !important which will override the default CSS settings.