vid-app-common/src/main/webapp/app/vid/styles/testEnvironments.css

   1 .body-content-jsp {
   2     margin-top: 35px;
   3     min-height: 500px;
   4     margin-left: 201px;
   5     margin-right: 0px;
   6     background-color: #f8f8f8;
   7     display: flex;
   8     flex-direction: column;
   9 }
  10
  11 .temporary-solution {
  12     display: none;
  13 }
  14
  15 .body-content-jsp > div.ng-scope {
  16     flex: 1;
  17     display: flex;
  18     flex-direction: column;
  19 }
  20
  21 .body-content-jsp > div.ng-scope > div {
  22     flex: 1;
  23     display: flex;
  24     flex-direction: column;
  25 }
  26
  27 .test-environments {
  28     background: white;
  29     font-family: "OpenSans-Regular";
  30     color: #797979;
  31     flex:1;
  32     display: flex;
  33     flex-direction: column;
  34 }
  35
  36 .test-environments .header {
  37     height: 70px;
  38     padding: 15px;
  39     background: #F8F8F8;
  40 }
  41 .test-environments .header .header-left {
  42     display: inline-flex;
  43     align-items: center;
  44 }
  45
  46 .test-environments .headline {
  47     color: #5A5A5A;
  48     font-size: 22px;
  49     text-align: left;
  50 }
  51
  52 .test-environments .separator {
  53     height: 40px;
  54     border-left: 1px solid #D2D2D2;
  55     margin: 0px 20px;
  56 }
  57
  58 .test-environments .header .button-container {
  59     display: flex;
  60     align-items: center;
  61     cursor: pointer;
  62 }
  63
  64 .test-environments .error-messages {
  65     margin: auto;
  66 }
  67
  68 .test-environments .error-messages .no-data svg path {
  69     fill: #D2D2D2;
  70 }
  71
  72 .test-environments .error-messages .no-data .secondaryMessage,
  73 .test-environments .error-messages .connect-error .secondaryMessage {
  74     color: #D2D2D2;
  75 }
  76
  77 .test-environments .error-messages .connect-error svg path {
  78     fill: red;
  79 }
  80
  81 .test-environments .error-messages .connect-error .primaryMessage {
  82     color: red;
  83 }
  84
  85 .test-environments .button-container svg {
  86     fill: #009FDB;
  87 }
  88
  89 .test-environments .button-container .button-text{
  90     color: #5A5A5A;
  91     padding-left: 10px;
  92 }
  93
  94 .test-environments .search-container {
  95     float: right;
  96     margin-right: 40px;
  97 }
  98
  99 .test-environments .refresh:focus {
 100     outline: none;
 101 }
 102
 103 .test-environments .refresh {
 104     float: right;
 105     width: 20px;
 106     height: 20px;
 107     border: none;
 108     background: none;
 109     padding: 0;
 110     margin-bottom: 15px;
 111 }
 112
 113 .test-environments .refresh svg{
 114     height: 20px;
 115     width: 20px;
 116 }
 117
 118 .test-environments .refresh svg path {
 119     fill: #5A5A5A;
 120 }
 121
 122 .test-environments .refresh:hover path {
 123     fill: #009FDB;
 124 }
 125
 126 .test-environments .error {
 127     text-align: center;
 128     color: red;
 129 }
 130
 131 .test-environments .environments-table {
 132     margin: 40px;
 133 }
 134
 135 .test-environments .environments-table .tablesorter-default {
 136     cursor: default;
 137 }
 138
 139 .test-environments .environments-table .tablesorter-default thead .tablesorter-header .tablesorter-header-inner {
 140     background-image: none;
 141     background-size: 8px;
 142 }
 143
 144 .test-environments .environments-table .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner {
 145     background-image: url('../images/sort_down.svg');
 146 }
 147
 148 .test-environments .environments-table .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner {
 149     background-image: url('../images/sort_up.svg');
 150 }
 151
 152 .test-environments .environments-table .thead-default tr th {
 153     background: #EAEAEA;
 154     color: #191919;
 155     font-size: 13px;
 156     font-weight: 600;
 157     vertical-align: middle;
 158 }
 159
 160 .test-environments .environments-table .thead-default tr th .tablesorter-header-inner {
 161     padding-right: 10px;
 162 }
 163
 164 .test-environments .environments-table .thead-default tr th span {
 165     white-space: nowrap;
 166     overflow: hidden;
 167     text-overflow: ellipsis;
 168 }
 169
 170 .test-environments .environments-table .thead-default tr th:first-child {
 171     min-width: 150px;
 172 }
 173
 174 /*.test-environments .environments-table .thead-default tr th:*/
 175
 176 .test-environments .environments-table .tablesorter-header-inner {
 177     padding: 0;
 178     width: 100%;
 179 }
 180
 181 .test-environments .environments-table .tablesorter-default tbody td {
 182     background: white;
 183     font-size: 14px;
 184     padding: 12px 8px;
 185 }
 186
 187 .test-environments .environments-table .tablesorter-default tbody tr:focus td {
 188     background: #E6F6FB;
 189 }
 190
 191 .test-environments .environments-table .tablesorter-default tbody tr:focus {
 192     border: none;
 193     outline: none;
 194 }
 195
 196 .attach-button {
 197     margin-left: 35px;
 198 }
 199
 200 .envActionBtn {
 201     width: 94px;
 202     height: 30px;
 203 }
 204
 205 #environments-table {
 206     margin-top: 0;
 207 }
 208
 209 .test-environments-table-container {
 210     overflow: auto;
 211     max-height: 50vh;
 212     width: 98%;
 213     margin-left: 15px;
 214     padding-left: 0;
 215 }