Assignment: CSS Hell

Part 1

I supplied screenshots of the changes done to these 3 documents:

http://www.gutenberg.org/files/76/76-h/76-h.htm

http://www.gutenberg.org/files/135/135-h/135-h.htm

http://www.gutenberg.org/files/844/844-h/844-h.htm

To apply these CSS changes, open each of the links above, and in your web developer tool's stylesheet editor, remove ALL Project Gutenberg styles and paste in the contents of gutenberg.css.

Project Gutenberg Main Changes:

Body

Uses an old yellowish patterned background image
All text uses Book Antiqua or falls back to a serif font
Slight margins on the top and bottom

Anchor

Hyperlink font color changed to fit color scheme

Paragraph

Centered box (not the same as centered text)
Added 1-line double spacing between paragraphs
Constrained to 42em width

Headers

Centered text
Greyish text shadow

Images

Constrained to 42em width
Ridge border

Tables

Centered box (not the same as centered text)
Added background color and padding to make text easier to read
Constrained to 42em width

Part 2

Simpler than Part 1, just open up good.html and bad.html and revel in their glory. Screenshots are also provided in the part2 directory.

Old Description

You will skin 3 project gutenberg stories with custom CSS.

You will skin 2 versions of a possible professional homepage for your self with 2 versions of CSS.

Read requirements.org

Read this comic http://theoatmeal.com/comics/design_hell

git clone https://github.com/abramhindle/CMPUT404-assignment-css-hell.git

License/Copyright

Background image used in Part 1 is copyright Atle Mo and Andreas Fohl (C) 2014 under the CC-BY-SA 3.0 unported license.
Attribution: http://subtlepatterns.com/

Textual content is copyright Aaron Yong and Abram Hindle (C) 2013 under the CC-BY-SA 4.0 unported license. Attribution should be a hyperlink to the repository and (C) 2013 Aaron Yong and Abram Hindle visible in the text.

All code in this repository is licensed under the Apache 2.0 license.