Proposal
Table of Contents
This page contains styling information and planning, as well as early thoughts and the vision for the Rough Guides project.
Color Palette
The color palette for the rough guide is as follows:
- Browns: #502d16#784421#c87137#deaa87#f4e3d7
- Greens: #2d5016#447821#71c837#aade87#e3f4d7
- Blues: #162d50#214478#3771c8#87aade#d7e3f4
- (rare) Reds: #50162d#782144#c83771#de87aa#f4d7e3
- (rare) Purples: #2d1650#442178#7137c8#aa87de#e3d7f4
Styles
Inline Links
I'd like to place some inline links within the text, but in a subtle fashion. Here's what I'd like to see:
- Regular: Hausdorff
- Hover: Hausdorff
- Click: Hausdorff (color drawn from palette)
#main-content a{text-decoration:none;border-bottom:1px dotted #ccc;}
#main-content a:hover{text-decoration:none;background:none;border-bottom:1px solid #777;}
#main-content a:active{text-decoration:none;background:none;border-bottom:1px solid #339;color:#339}
Text Blocks
CSS Definitions for Theorem/Definition Environments
Nav Boxes
Figures
CSS Definitions for Figures
/* ================================================================================= */
/* FIGURE STYLES */
/* ================================================================================= */
.figureleft, .figureright {width:220px; font-size:75%; background: white; border:solid silver 1px; padding:.5em; text-align:justify; font-style:italic;}
.figureleft {float:left; margin-right:1em;}
.figureright {float:right; margin-left:1em;}
page revision: 34, last edited: 24 Jul 2008 20:39