The existing CSS stylesheets and my new one (maybe)#

So, there's an existing stylesheet that came from somewhere magical (Jekyll install??). It's got a bunch of sophistication in it and the net result is not what I like, so I'm gonna hammer it.

Before I do though, I'll investigate what all this junk is.

First off, it's this:

Slate Theme for GitHub Pages
by Jason Costello, @jsncostello

So, there's this "meyerweb reset" that makes everything horrible:

  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;

Thanks, whoever. I'll be dumping that, in favor of the client defaults, which I will assume are reasonable.

Then, there's stuff like this:

  transition: color 0.5s ease;
  transition: text-shadow 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -webkit-transition: text-shadow 0.5s ease;
  -moz-transition: color 0.5s ease;
  -moz-transition: text-shadow 0.5s ease;
  -o-transition: color 0.5s ease;
  -o-transition: text-shadow 0.5s ease;
  -ms-transition: color 0.5s ease;
  -ms-transition: text-shadow 0.5s ease;

and

  box-shadow: 0 0 5px #ebebeb;
  -webkit-box-shadow: 0 0 5px #ebebeb;
  -moz-box-shadow: 0 0 5px #ebebeb;
  -o-box-shadow: 0 0 5px #ebebeb;
  -ms-box-shadow: 0 0 5px #ebebeb;

and

  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;

and

#header_wrap {
  background: #212121;
  background: -moz-linear-gradient(top, #373737, #212121);
  background: -webkit-linear-gradient(top, #373737, #212121);
  background: -ms-linear-gradient(top, #373737, #212121);
  background: -o-linear-gradient(top, #373737, #212121);
  background: linear-gradient(top, #373737, #212121);
}

What is all this webkit stuff?

-webkit-border-radius

These things are called "vender prefixes" and they're supposed to be temporary features. I see all of the above have CSS standard definitions, so why are we bothering w/the vendor prefixes?

Also, they're basically non-essential. Rounded corners, animations and gradients? Yes, lovely, but non-essential. Gone.

I think I'll substitute my org-mode/wiki CSS, which is substantially simpler.

Yes, this is much better. I guess that's enough for today.

Header 2#

text

Header 3#

text

Header 4#

text

Header 5#

text

Header 6#

text

Header 7#

text

Header 8#

text