AwesomeMod Config - Stylish

<< < (2/11) > >>

Heinel:
Also, serif fonts are easier to read than sans-serif

Anach:
Quote from: J. M. Pescado on 2009 June 26, 13:40:13

Persuade me that this is better than what I already have and tell me how to integrate this and I might consider it. Screenshots!


All you would have to do is change the background colour and possibly invert the font colours in whatever software you use to create the page. Colour choice is up to you. It's personal choice really. I simply dont like white pages. The only bright white light I wish to stare into is at the end of my days :P

The fancy buttons that are shown in the screenshot above are done by the theme used on firefox or the OS the poster uses, I didnt touch those.

J. M. Pescado:
Bleh, but I like my white page. It's traditional. It gives it that crisp, sterile, purely-functional look.

Anach:
Ok here is one that allows you to edit the font sizes of each section in percentages (saves messing with em or px). I've already set it to suit my own screen res, so adjust it for yourself, but this should take care of the small fonts on the descriptions. Change whatever you wish. However, keep in mind that with percentages, it will be a percentage of the parent setting, rather than a fixed size. If you dont want to use percentage, just change the % to px and specify the pixel size of the font.

Code:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://www.moreawesomethanyou.com/ts3/awesome/config.php") {

/* set background color */
html {
  background: #253960 !important;
}

/* body padding & fonts*/
body {
  color: #FFFFFF !important;
  font-family: Sans-Serif !important;
  padding: 0 2em !important;
  font-size:110%;
}

/* Selection titles */
table {
 font-size:115% !important;
}

/* Descriptions */
p {
 font-size:65% !important;
}

/* link colors */
a:link,
#Comments .CommentHeader span a {
  color: #82BDFF !important;
  text-decoration: none !important;
}
a:visited,
#Comments .CommentHeader span a:visited {
  color: #72DFAD !important;
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline !important;
}
}

SimDebster:
I am running Firefox and I do not find the page hard on the eyes at all.  I prefer the page white as it is and find your changes hard on the eyes.

Navigation

[0] Message Index

[#] Next page

[*] Previous page