Simple Wide-screen UserStyle Theme for Mokum.place

If you’d like to maximize the space used on every page of Mokum.place, use this very simple CSS UserStyle theme to create a wide-screen version, just for your own viewing pleasure.

You can use this UserStyle with Stylus, in Chrome, Vivaldi, Opera, and Firefox, and in your usercontent.css file in Pale Moon, K-Meleon, and other browsers that support it.

Just copy the following code to the appropriate place for the plugin or method you are using.

  /* BEGIN Mokum.place tweaks */
  /* ==UserStyle==
@name           Widescreen for Mokum
@namespace url(http://www.w3.org/1999/xhtml);
@version        1.0.0
@description    An ultra simple widescreen theme for Mokum.place
@author         app103 url(https://mokum.place/app103);
==/UserStyle== */
  @-moz-document domain("mokum.place") {

      .container {
          width: 100% !important;
      }

      /* END mokum.place tweaks */
  }

What you’ll end up with will look something like this. Please be sure to remember to adjust your Youtube video quality settings, for the best viewing experience.

Feed pages – Before

Feed pages – After

Video post – Before

Video post – After

Credit: Video featured in the screenshots is from EmmyMadeInJapan. She has a great food related Youtube channel, where she posts videos on a wide range of food related topics, including vintage kitchen gadget reviews, food from all over the world, product taste tests, weird foods, retro recipe tests, recipes from times of food scarcity, and lots more. You should check it out!

Author: April

I like coding, cooking, crafting, collecting, chatting, cats, and a few other hobbies that don't begin with the letter C.

2 thoughts on “Simple Wide-screen UserStyle Theme for Mokum.place

Leave a Reply

Your email address will not be published. Required fields are marked *