htsworkflow/frontend/static/css/layout.css

   1 /* PAGE STRUCTURE */
   2 #container { position:relative; width:100%; min-width:760px; padding:0; }
   3 #content { margin:10px 15px; }
   4 #header { width:100%; }
   5 #content-main { float:left; width:100%; }
   6 #content-related { float:right; width:18em; position:relative; margin-right:-19em; }
   7 #footer { clear:both; padding:10px; }
   8
   9 /*  COLUMN TYPES  */
  10 .colMS { margin-right:20em !important; }
  11 .colSM { margin-left:20em !important; }
  12 .colSM #content-related { float:left; margin-right:0; margin-left:-19em; }
  13 .colSM #content-main { float:right; }
  14 .popup .colM { width:95%; }
  15 .subcol { float:left; width:46%; margin-right:15px; }
  16 .dashboard #content { width:500px; }
  17
  18 /*  HEADER  */
  19 #header { background:#417690; color:#ffc; overflow:hidden; }
  20 #header a:link, #header a:visited { color:white; }
  21 #header a:hover { text-decoration:underline; }
  22 #branding h1 { padding:0 10px; font-size:18px; margin:8px 0; font-weight:normal; color:#f4f379; }
  23 #branding h2 { padding:0 10px; font-size:14px; margin:-8px 0 8px 0; font-weight:normal; color:#ffc; }
  24 #user-tools { position:absolute; top:0; right:0; padding:1.2em 10px; font-size:11px; text-align:right; }
  25
  26 /* SIDEBAR */
  27 #content-related h3 { font-size:12px; color:#666; margin-bottom:3px; }
  28 #content-related h4 { font-size:11px; }
  29 #content-related .module h2 { background:#eee url(../img/nav-bg.gif) bottom left repeat-x; color:#666; }