htsworkflow/frontend/static/css/changelists.css

   1 @import url('base.css');
   2
   3 /* CHANGELISTS */
   4 #changelist {  margin-bottom: 0pm; }
   5 #changelist table { display: block; }
   6 #changelist table.filtered { margin-right: 21em; overflow-y: scroll; }
   7 .change-list .filtered table { border-right:1px solid #ddd;  }
   8 .change-list .filtered { min-height:400px; }
   9 .change-list .filtered { background:white url(../img/changelist-bg.gif) top right repeat-y !important; }
  10 .change-list .filtered table, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull { width:auto !important; }
  11 .change-list .filtered table tbody th { padding-right:1em; }
  12 #changelist .toplinks { border-bottom:1px solid #ccc !important; }
  13 #changelist .paginator { color:#666; border-top:1px solid #eee; border-bottom:1px solid #eee; background:white url(../img/nav-bg.gif) 0 180% repeat-x; overflow:hidden; }
  14 .change-list .filtered .paginator { border-right:1px solid #ddd; }
  15
  16 /*  CHANGELIST TABLES  */
  17 #changelist table thead th { white-space:nowrap; }
  18 #changelist table tbody td { border-left: 1px solid #ddd;  }
  19 #changelist table tfoot { color: #666; }
  20 #changelist tbody { }
  21
  22 /*  TOOLBAR  */
  23 #changelist #toolbar { padding:3px; border-bottom:1px solid #ddd; background:#e1e1e1 url(../img/nav-bg.gif) top left repeat-x; color:#666; }
  24 #changelist #toolbar form input { font-size:11px; padding:1px 2px; }
  25 #changelist #toolbar form #searchbar { padding:2px; }
  26 #changelist #changelist-search img { vertical-align:middle; }
  27
  28 /*  FILTER COLUMN  */
  29 /*position:absolute; top:0; right:0; z-index:1000; */
  30 #changelist-filter { float: right;
  31                      width: 20em;
  32                      border-left:1px solid #ddd; margin:0;
  33                      background:#efefef;
  34                      overflow-y: scroll; }
  35 #changelist-filter h2 { font-size:11px; padding:2px 5px; border-bottom:1px solid #ddd; }
  36 #changelist-filter h3 { font-size:12px; margin-bottom:0; }
  37 #changelist-filter ul { padding-left:0;margin-left:10px; }
  38 #changelist-filter li { list-style-type:none; margin-left:0; padding-left:0; }
  39 #changelist-filter a { color:#999; }
  40 #changelist-filter a:hover { color:#036; }
  41 #changelist-filter li.selected { border-left:5px solid #ccc; padding-left:5px;margin-left:-10px; }
  42 #changelist-filter li.selected a { color:#5b80b2 !important; }
  43
  44 /*  DATE DRILLDOWN  */
  45 .change-list ul.toplinks { display:block; background:white url(../img/nav-bg-reverse.gif) 0 -10px repeat-x; border-top:1px solid white; float:left;  padding:0 !important;  margin:0 !important; width:100%; }
  46 .change-list ul.toplinks li { float: left; width: 9em; padding:3px 6px; font-weight: bold; list-style-type:none; }
  47 .change-list ul.toplinks .date-back a { color:#999; }
  48 .change-list ul.toplinks .date-back a:hover { color:#036; }
  49
  50 /* PAGINATOR */
  51 .paginator { font-size:11px; padding-top:10px; padding-bottom:10px; line-height:22px; margin:0; border-top:1px solid #ddd; }
  52 .paginator a:link, .paginator a:visited { padding:2px 6px; border:solid 1px #ccc; background:white; text-decoration:none; }
  53 .paginator a.showall { padding:0 !important; border:none !important; }
  54 .paginator a.showall:hover { color:#036 !important; background:transparent !important; }
  55 .paginator .end { border-width:2px !important; margin-right:6px; }
  56 .paginator .this-page { padding:2px 6px; font-weight:bold; font-size:13px; vertical-align:top; }
  57 .paginator a:hover { color:white; background:#5b80b2; border-color:#036; }