CSS URL in Cookie

Custom stylesheets may be usable with this website. (Although, maybe web browsers will tend to reject stylesheets with URLs that start with file:// when the website is accessed using HTTP(S)? Therefore, storing the CSS file online may be helpful.)

This means that third parties can create designs, which can then be used to affect how this website looks.

Unlike the instructions for site configuration that specify how to select a built-in theme, this capability take a bit of time to set up. (So, this process isn't intended for the average visitor to the website.) The good news is that this has successfully been done.

Making a stylesheet

First, create a stylesheet. It may say:

/*
01234567890123456789012345678901234567890123456789012345678901234567890123456789
01234567890123456789012345678901234567890123456789012345678901234567890123456789ExtraLong
*/
@import url("http://cyberpillar.com/dirsver/1/mainsite/base/css/common.css");

/* Some colors came from HYLIA.com's css/cssv4/colors.css */
/* Color: Might be Link body?
Background-color: Might be lake? */

  HTML { color:#ffe3ab;background-color:#0058f8; }
  BODY { color:#ffe3ab;background-color:#0058f8; }
  A { color:#ff7777; }
  A:visited { color:lime; }
Go to a main page

This may not matter as much on the publicly posted site, if cookies are saved domain-wide. If using a local copy of the site, cookies may be more prone to take affect for all pages that are more deeply nested than the page used to set a cookie. So, go to a top page, like Main page, so changes will affect all sub-pages.

Set cookies

Click “Update cookie data”. Do as needed to set the following cookies:

styleCustomURLPath1

e.g., file:///C:/temp/

DO end with a forward slash.

If using the public website, or any copy posted on an HTTP(S) mirror, then security limitations may prevent the CSS from being loaded with a URL that starts with “file://”. (However, using a different HTTP site has been known to work.)

styleCustomURLFile1

e.g., sample.css

styleCustomURLDesc1

This is simply a description.

e.g., Use sample.css

Reload the page
See if style appears integrated in website. (Check the list of styles. Look for a style named after the value you placed for styleCustomURLDesc1.)

Note: This support was tested once. The supporting JavaScript code does not look for multiple styles. The reason the cookie variables have the number one in their name was so support for multiple styles could be added in the future, while easily being able to support older cookies made while the website still supported only one custom style.