floof/public/layout.css

   1 /*** Main layout ***/
   2 body { font-family: sans-serif; font-size: 12px; }
   3
   4 #header { overflow: hidden /* float context */; padding: 1em; background: #c0c0c0; }
   5 #header #user { float: right; }
   6 #header #user form p { margin: 0; }
   7
   8 #flash-messages { margin: 1em; padding: 1em; border: 3px double #c0c0c0; }
   9
  10 #body { padding: 1em; }
  11
  12 #footer { padding: 1em; background: #c0c0c0; }
  13
  14 .full {display:block;}
  15
  16
  17 .artwork-grid li {display:inline;}
  18
  19 /*** Common bits and pieces ***/
  20 h1 { margin: 0.5em 0 0.25em; font-size: 2em; border-bottom: 1px solid #404040; text-shadow: #a0a0a0 1px 1px 1px; }
  21 h2 { margin: 0.5em 0 0.25em; font-size: 1.5em; border-bottom: 1px dotted #606060; text-shadow: #a0a0a0 1px 1px 1px; }
  22
  23 a { color: #647cc4; font-weight: bold; text-decoration: none; pointer: cursor; }
  24 a:visited { color: #48598e; }
  25 a:hover { color: #8e4848; }
  26
  27 p { margin: 0.75em 0; line-height: 1.33; }
  28 p img { vertical-align: middle; }
  29
  30 code { font-family: monospace; }
  31 var { font-style: italic; background: #e8e8e8; }
  32
  33 input[type='button'], input[type='submit'], input[type='reset'] { cursor: pointer; }
  34
  35 /* Misc. classes */
  36 .error { color: #c00000; font-weight: bold; }
  37
  38 /* General form layout */
  39 dl.form { margin: 1em 0; padding-left: 1em; border-left: 0.5em solid gray; }
  40 dl.form dt { padding-bottom: 0.25em; font-style: italic; }
  41 dl.form dd { margin-bottom: 0.5em; }
  42
  43 .errors {color:red;}
  44
  45
  46 /* Comments */
  47 .comment {}
  48 .comment .header { background: #d8d8d8; }
  49
  50
  51
  52 /*** Individual page layout ***/
  53 .selected {color:red;}
  54
  55 /* Login */
  56 form#big-login { text-align: center; }
  57 form#big-login input { font-size: 2em; margin: 0 auto; }
  58 form#big-login input#identity-url { width: 20em; }
  59
  60 dl#openid_examples { overflow: hidden /* new float context */; }
  61 dl#openid_examples > dt { float: left; clear: left; width: 15.5em; margin-right: 0.5em; text-align: right; color: #2457a0; }
  62 dl#openid_examples > dt:after { content: ':'; }
  63 dl#openid_examples > dd { width: 32em; padding-left: 16em /* float width */; }
  64 dl#openid_examples > dd:after { content: 'float clear'; display: block; clear: both; height: 0; visibility: hidden; }
  65 dl#openid_examples > dt,
  66 dl#openid_examples > dd { line-height: 1.5; }