Proposal

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;}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License