qcg/static/qcg/main.css

   1 html {
   2   /* needed to push down footer */
   3   position: relative;
   4   min-height: 100%;
   5 }
   6
   7 body {
   8   /* space for footer */
   9   margin-bottom: 70px;
  10 }
  11
  12 footer.navbar-fixed-bottom {
  13   position: absolute;
  14 }
  15
  16 .page-header {
  17     margin-top: 0;
  18 }
  19
  20
  21 /* jobs list view */
  22
  23 .treegrid-expander {
  24     opacity: 0.5;
  25 }
  26
  27 .treegrid-expander:hover {
  28     opacity: 1;
  29 }
  30
  31
  32 /* new job view */
  33
  34 textarea {
  35     resize: vertical;
  36     min-height: 34px;
  37 }
  38
  39 .modal-body > *:first-child {
  40     margin-top: 0;
  41 }
  42
  43 .modal-body > *:last-child {
  44     margin-bottom: 0;
  45 }
  46
  47 #env-controls .form-group {
  48     display: inline-block;
  49     margin: 0;
  50     vertical-align: middle;
  51 }
  52
  53 #env-controls > div {
  54     margin-bottom: 7px;
  55 }
  56
  57 #env-controls > div:last-of-type {
  58     margin: 0;
  59 }
  60
  61 #env-controls input[type="text"] {
  62     width: 160px;
  63 }
  64
  65 #add-env-form {
  66     padding-top: 7px;
  67 }
  68
  69 .timerange input {
  70     display: inline-block;
  71     width: 67%;
  72     margin-right: 5px;
  73 }
  74
  75 .timerange select {
  76     display: inline-block;
  77     width: 30%;
  78     float: right;
  79 }
  80
  81
  82 /* GridFTP view */
  83
  84 #filex {
  85     /* needed for positioning spinner */
  86     position: relative;
  87 }
  88
  89 #filex input[type=checkbox] {
  90     margin: 0;
  91 }
  92
  93 .path.breadcrumb > li + li::before {
  94     content: "› ";
  95 }
  96
  97 #spinner-overlay {
  98     background: url('/static/filex/spinner.gif') white center 100px no-repeat;
  99     opacity: 0.5;
 100     position: absolute;
 101     top: 0;
 102     left: 0;
 103     height: 100%;
 104     width: 100%;
 105     display: none;
 106 }
 107
 108 .busy #spinner-overlay {
 109     display: initial;
 110 }
 111
 112 #filex nav {
 113     display: flex;
 114     flex-flow: row wrap;
 115 }
 116
 117 #host {
 118     flex: 1 auto;
 119     margin-right: 10px;
 120 }
 121
 122 #controls {
 123     flex: 0 auto;
 124     white-space: nowrap;
 125 }
 126
 127 #path {
 128     flex: 1 100%;
 129 }
 130
 131 @media (min-width: 768px) {
 132     #host {
 133         order: 1;
 134         flex: 1 auto;
 135         margin-right: 10px;
 136     }
 137
 138     #path {
 139         order: 2;
 140         flex: 10 auto;
 141         margin-top: -1px;
 142         margin-right: 10px;
 143     }
 144
 145     #controls {
 146         order: 3;
 147         flex: 0 auto;
 148     }
 149 }