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 /* submit 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     height: 100%;
  88 }
  89
  90 #list {
  91     height: calc(100% - 55px);
  92     overflow: auto;
  93 }
  94
  95 .path.breadcrumb > li + li::before {
  96     content: "› ";
  97 }
  98
  99 #spinner-overlay {
 100     background: url('/static/filex/spinner.gif') white  center center no-repeat fixed;
 101     opacity: 0.5;
 102     position: absolute;
 103     top: 0;
 104     left: 0;
 105     height: 100%;
 106     width: 100%;
 107     display: none;
 108 }
 109
 110 .busy #spinner-overlay {
 111     display: initial;
 112 }
 113
 114 #filex nav {
 115     display: flex;
 116     flex-flow: row wrap;
 117 }
 118
 119 #host {
 120     flex: 1 auto;
 121     margin-right: 10px;
 122     white-space: nowrap;
 123 }
 124
 125 #controls {
 126     flex: 0 auto;
 127     margin-bottom: 5px;
 128     white-space: nowrap;
 129 }
 130
 131 #path {
 132     flex: 1 100%;
 133 }
 134
 135 @media (min-width: 768px) {
 136     #host {
 137         order: 1;
 138         flex: 0 auto;
 139         margin-right: 10px;
 140     }
 141
 142     #path {
 143         order: 2;
 144         flex: 10 auto;
 145         margin-top: -1px;
 146         margin-right: 10px;
 147     }
 148
 149     #controls {
 150         order: 3;
 151         flex: 0 auto;
 152     }
 153 }
 154
 155 #host .list {
 156     display: none;
 157 }
 158
 159 #host.edit .list {
 160     display: initial;
 161 }
 162
 163 #host.edit #btn-host {
 164     display: none;
 165 }
 166
 167 #host .selectize-control {
 168     min-width: 200px;
 169 }
 170
 171 #host .selectize-input {
 172     padding-right: 32px;
 173 }
 174
 175
 176
 177 /* task details view */
 178
 179 .working-dir {
 180     margin-top: 10px;
 181 }
 182
 183 @media (min-width: 768px) {
 184     .working-dir {
 185         position: absolute;
 186         right: 15px;
 187         top: 50%;
 188         margin-top: -17px;
 189         z-index: 1;
 190     }
 191 }
 192
 193
 194 /* better session alerts */
 195
 196 #better-sessions-warn,
 197 #better-sessions-expire {
 198     position: fixed;
 199     left: 15px;
 200     right: 15px;
 201     margin: 0 auto;
 202     max-width: 800px;
 203     z-index: 1050;
 204     top: 10px;
 205     text-align: center;
 206 }