a grinnellplans stylesheet

gray.css

/**
* Gray Matter (grinnellplans stylesheet)
* (c) Tom Baldwin 2013
* License: WTFPL <http://www.wtfpl.net>
*/

@import url('//grinnellplans.com/styles/starter_defaults.css');

/* stop floating stuff before i get a headache */
.formitemset .form_prompt, .formitemset .formitemset_label {
    float: none;
    display: inline;
}
#autoreadadd .submitinput {
    float: none;
    display: inline;
}

/* try (and fail) to position footer at bottom */
html, body { height: 100%; }
#wrapper   { min-height: 100%; }

/* fonts and colors */
body {
    font-family: 'Georgia', serif;
    font-size: 17px;
    color: black;
    margin:0;
}
tt, a.planlove, #header li.username span.value, pre {
    font-family: 'Deja Vu Sans Mono', 'Menlo', 'Consolas', monospace!important;
    font-size: 15px;
}
hr { border-top: 3px solid #eee; }
a.planlove { color: blue; text-decoration: none; }

/* title bar stuff */
#nav, #footer { background: #eee; padding: 0em 1em 0em 1em; }
#nav { margin-bottom: 40px; }
#links, #finger { float: left; margin: 1em 0 0 0.2em; }
#links a { color: black; text-decoration: none; }
#autoread { clear: left; padding-top: 1em; } 

/* no bullets for these lists */
#links ul, #header ul, #autoread ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* display these lists on a single line */
#links li, #autoread li {
    display: inline;
    margin: 0.2em;
}

/* hiding things */
#logo, #links h2, #autoread h2 { display: none; }
div.autoreadname { display: none; }

/* content area */
#main {
    width: 800px;
    min-height: 100%;
    margin: auto;
    margin-bottom: 5em;
}

/* top and bottom of plan text */
#header, #autoreadadd { background: #eee; padding: 20px; }
#header .title        { font-weight: bold; margin-right: 0.5em; }
#autoreadadd          { text-align: center; }
.plan_text { margin-bottom: 3em; }

/* header styling */
#header    { min-height: 50px; }
#header li.username span.title { display: none; }
#header li.username span.value { font-size:24px;  }
#header li.planname span.title { display: none; }
#header li.lastupdated, #header li.lastlogin {
    float: right;
    clear: right; 
    max-width: 55%;
}
#header li.lastupdated { margin-top: -26px; }

/* footer stuff */
#footer { margin-top: 40px; background: #eee; padding: 20px; }
#footer div { font-size: 17px; margin-top: 1em; margin-bottom: 1em; }

/* alerts */
div.infomessage {
    border: 1px solid green;
    background-color: rgba(0, 255, 0, 0.1);
    margin: 1em 0em 1em 0em;
}
div.alertmessage {
    border: 1px solid red;
    background-color: rgba(255, 0, 0, 0.1);
    margin: 1em 0em 1em 0em;
}

/* forms */
label.prompt_label { font-weight: bold; margin-left: 0.5em; }

/* quicklove */
ul.result_sublist li { margin-bottom: 1em; }