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     margin: 0;
  44     padding: 0;
  45 }
  46 div.htswdetail table, div.htswdetail td {
  47     border-style: solid;
  48 }
  49 div.htswdetail table {
  50     border-width: 0 0 1px 1px;
  51     border-spacing: 0;
  52     border-collapse: collapse;
  53 }
  54 div.htswdetail td {
  55     margin: 0;
  56     padding: 3px;
  57     border-width: 1px 1px 0 0;
  58 }
  59 div.htswdetail thead {
  60     text-align: center;
  61 }
  62 div.htswdetail tbody {
  63     text-align: left;
  64   }
  65 div.htswdetail h1,
  66 div.htswdetail h2
  67 {
  68     font-size: 150%;
  69 }
  70
  71 div.htswdetail h3 {
  72      font-size: 125%;
  73      margin: 0;
  74 }
  75
  76 div.htswdetail h4,
  77 div.htswdetail h5,
  78 div.htswdetail ul,
  79 div.htswdetail ol,
  80 div.htswdetail li
  81 {
  82   list-style: none;
  83   margin: 0;
  84 }
  85
  86 div.htswdetail ul,
  87 div.htswdetail ol
  88 {
  89   margin-bottom: .5em;
  90 }
  91
  92 /* style library detail headers */
  93 div#librarydetail {
  94   margin: 0;
  95   padding: 0;
  96 }
  97 div#librarydetail table, div#librarydetail td {
  98   border-style: solid;
  99 }
 100 div#librarydetail table {
 101   border-width: 0 0 1px 1px;
 102   border-spacing: 0;
 103   border-collapse: collapse;
 104 }
 105 div#librarydetail td {
 106   margin: 0;
 107   padding: 3px;
 108   border-width: 1px 1px 0 0;
 109 }
 110 div#librarydetail thead {
 111   text-align: center;
 112   }
 113 div#librarydetail tbody {
 114   text-align: right;
 115 }
 116 div#librarydetail h1,
 117 div#librarydetail h2
 118 {
 119   font-size: 150%;
 120 }
 121
 122 div#librarydetail h3 {
 123    font-size: 125%;
 124    margin: 0;
 125 }
 126
 127 div#librarydetail h4,
 128 div#librarydetail h5,
 129 div#librarydetail ul,
 130 div#librarydetail ol,
 131 div#librarydetail li
 132 {
 133   list-style: none;
 134   margin: 0;
 135 }
 136
 137 div#librarydetail ul,
 138 div#librarydetail ol
 139 {
 140   margin-bottom: .5em;
 141 }
 142
 143 div.library_identity {
 144   clear: left; float: left; margin: 5px; }
 145 div.library_sample_detail { float: left; margin: 5px; }
 146 div.library_library_detail { float: left; margin: 5px; }
 147 div.library_statistics { clear: both; border: 1px; }
 148
 149 div.flowcell_identity { clear: left; float: left; margin: 5px;}
 150 div.flowcell_lane_detail { float: left; margin: 5px; }