htsworkflow/frontend/static/css/app.css

   1 #header {
   2     background: #7F99BE url(/static/img/layout-browser-hd-bg.gif) repeat-x center;
   3 }
   4 #header h1 {
   5     font-size: 16px;
   6     color: #fff;
   7     font-weight: normal;
   8     padding: 5px 10px;
   9 }
  10
  11 #left_bar {
  12     position: absolute;
  13     top: 5px;
  14     left: 5px;
  15     width: 172px;
  16     height: auto;
  17     min-height: 600px;
  18 }
  19
  20 #main {
  21     position: relative;
  22     /* background: #BBBBFF; */
  23     width:auto;
  24     min-width:120px;
  25     padding: 10px;
  26     margin:0px 0px 0px 175px;
  27     min-height:600px;
  28 }
  29
  30 .icon_button {
  31    border-style: solid;
  32    border-width: 1px;
  33    padding: 1px;
  34    margin: 0px 0px -2px 2px;
  35 }
  36
  37 div.msg {
  38     color: white;
  39     background: #880000;
  40 }
  41
  42 div.htswdetail {
  43     clear: both;
  44     margin: 0;
  45     padding: 0;
  46 }
  47 div.htswdetail table, div.htswdetail td {
  48     border-style: solid;
  49 }
  50 div.htswdetail table {
  51     border-width: 0 0 1px 1px;
  52     border-spacing: 0;
  53     border-collapse: collapse;
  54 }
  55 div.htswdetail td {
  56     margin: 0;
  57     padding: 3px;
  58     border-width: 1px 1px 0 0;
  59 }
  60 div.htswdetail thead {
  61     text-align: center;
  62 }
  63 div.htswdetail tbody {
  64     text-align: left;
  65   }
  66 div.htswdetail h1,
  67 div.htswdetail h2
  68 {
  69     font-size: 150%;
  70 }
  71
  72 div.htswdetail h3 {
  73      font-size: 125%;
  74      margin: 0;
  75 }
  76
  77 div.htswdetail h4,
  78 div.htswdetail h5,
  79 div.htswdetail ul,
  80 div.htswdetail ol,
  81 div.htswdetail li
  82 {
  83   list-style: none;
  84   margin: 0;
  85 }
  86
  87 div.htswdetail ul,
  88 div.htswdetail ol
  89 {
  90   margin-bottom: .5em;
  91 }
  92
  93 /* style library detail headers */
  94 div#librarydetail {
  95   margin: 0;
  96   padding: 0;
  97 }
  98 div#librarydetail table, div#librarydetail td {
  99   border-style: solid;
 100 }
 101 div#librarydetail table {
 102   border-width: 0 0 1px 1px;
 103   border-spacing: 0;
 104   border-collapse: collapse;
 105 }
 106 div#librarydetail td {
 107   margin: 0;
 108   padding: 3px;
 109   border-width: 1px 1px 0 0;
 110 }
 111 div#librarydetail thead {
 112   text-align: center;
 113   }
 114 div#librarydetail tbody {
 115   text-align: right;
 116 }
 117 div#librarydetail h1,
 118 div#librarydetail h2
 119 {
 120   font-size: 150%;
 121 }
 122
 123 div#librarydetail h3 {
 124    font-size: 125%;
 125    margin: 0;
 126 }
 127
 128 div#librarydetail h4,
 129 div#librarydetail h5,
 130 div#librarydetail ul,
 131 div#librarydetail ol,
 132 div#librarydetail li
 133 {
 134   list-style: none;
 135   margin: 0;
 136 }
 137
 138 div#librarydetail ul,
 139 div#librarydetail ol
 140 {
 141   margin-bottom: .5em;
 142 }
 143
 144 div.library_identity {
 145   clear: left; float: left; margin: 5px; }
 146 div.library_sample_detail { float: left; margin: 5px; }
 147 div.library_library_detail { float: left; margin: 5px; }
 148 div.library_statistics { clear: both; border: 1px; }
 149
 150 div.flowcell_identity { clear: left; float: left; margin: 5px;}
 151 div.flowcell_lane_detail { float: left; margin: 5px; }