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 }
  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 center no-repeat fixed;
  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     white-space: nowrap;
 121 }
 122
 123 #controls {
 124     flex: 0 auto;
 125     margin-bottom: 5px;
 126     white-space: nowrap;
 127 }
 128
 129 #path {
 130     flex: 1 100%;
 131 }
 132
 133 @media (min-width: 768px) {
 134     #host {
 135         order: 1;
 136         flex: 0 auto;
 137         margin-right: 10px;
 138     }
 139
 140     #path {
 141         order: 2;
 142         flex: 10 auto;
 143         margin-top: -1px;
 144         margin-right: 10px;
 145     }
 146
 147     #controls {
 148         order: 3;
 149         flex: 0 auto;
 150     }
 151 }
 152
 153 #host .list {
 154     display: none;
 155 }
 156
 157 #host.edit .list {
 158     display: initial;
 159 }
 160
 161 #host.edit #btn-host {
 162     display: none;
 163 }
 164
 165 #host .selectize-control {
 166     min-width: 200px;
 167 }
 168
 169 #host .selectize-input {
 170     padding-right: 32px;
 171 }
 172
 173
 174
 175 /* task details view */
 176
 177 .working-dir {
 178     margin-top: 10px;
 179 }
 180
 181 @media (min-width: 768px) {
 182     .working-dir {
 183         position: absolute;
 184         right: 15px;
 185         top: 50%;
 186         margin-top: -17px;
 187         z-index: 1;
 188     }
 189 }