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