small style changes

The way the theme is working goes like this: there’s a base theme css that sits within each blog, it’s the absolute default theme and defines margins and sizes. No specific fonts, borders or colour. Within the mt-static>support>themes folder is a folder for the selected theme.

Both stylesheets are called by an index called Stylesheet – Main.

To add my own customisations I could have gone into the minimalist white css and made changes. I decided not to do that; instead I created a new css called base-custom, which I saved in the root directory. Appended the command in Stylesheet – Main:

@import url(http://www.invisiblecompany.com/base-custom.css);

This custom css contains all the personalised elements like float, box100, blockindent, copyright, disclaimer etc. It also holds any over-ride I want to implement.

For instance, the link behaviour goes through 3 iterations. First the default base theme tells it to underline links:

a {
text-decoration: underline;
outline: none;
}

then the imported theme tells it what colour, and adds hover:

a {
color: #000;
}

a:hover {
text-decoration: none;
}

I hate all of this, so in my custom css I tell it to do something else:

a, a:active, a:visited {
color: #008fd6;
text-decoration: none;
}

a:hover {
color: #006699;
text-decoration: underline
}

It’s kinda clunky to have one element go through 3 different behaviours, but it seems to work. Plus I’m not disturbing the default themes, meaning when (and I sincerely hope it happens) more themes become available I can switch easily. All I will need to change is the custom css.