gerrit.onap Code Review - portal/sdk.git/blob

   1 .lds-ring {
   2   display: inline-block;
   3   position: relative;
   4   width: 64px;
   5   height: 64px;
   6 }
   7 .lds-ring div {
   8   box-sizing: border-box;
   9   display: block;
  10   position: absolute;
  11   width: 80px;
  12   height: 80px;
  13   margin: 6px;
  14   margin-top: 120px;
  15   border: 10px solid #006496;
  16   border-radius: 80%;
  17   animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  18   border-color: #006496 transparent transparent transparent;
  19 }
  20 .lds-ring div:nth-child(1) {
  21   animation-delay: -0.45s;
  22 }
  23 .lds-ring div:nth-child(2) {
  24   animation-delay: -0.3s;
  25 }
  26 .lds-ring div:nth-child(3) {
  27   animation-delay: -0.15s;
  28 }
  29 @keyframes lds-ring {
  30   0% {
  31     transform: rotate(0deg);
  32   }
  33   100% {
  34     transform: rotate(360deg);
  35   }
  36 }
  37
  38
  39
  40 /* .left {
  41   width: auto;
  42   float: left;
  43   text-align: right;
  44 }
  45 .right {
  46   width: auto;
  47
  48   float: left;
  49 } */
  50
  51 mat-icon{
  52   color: #006496;
  53   cursor: pointer;
  54 }
  55
  56 /* .tab-pane{
  57   padding-right: 130px;
  58   padding-left: 120px;
  59   color: rgba(0, 0, 0, 0.603)
  60 } */
  61
  62 .boxMargin{
  63
  64   width: auto;
  65 }
  66
  67 mat-button-toggle{
  68   display: block;
  69   width: 400px;
  70   border-radius: 5px;
  71 }
  72
  73 input {
  74   width: 400px;
  75   height: 20px;
  76 }
  77
  78 .tab-content{
  79   margin-right: 20px;
  80   /* background-color: #006496; */
  81   color: rgb(0, 0, 0);
  82 }
  83
  84 .stdForm{
  85   margin-left: 20px;
  86 }
  87
  88 .field-group {
  89   position: relative;
  90   display: block;
  91 }
  92
  93 label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
  94   margin-top: 5px;
  95 }
  96
  97 textarea {
  98   display: block;
  99   width: 400px;
 100   max-width: 50%;
 101   padding: 15px;
 102 }
 103
 104 select{
 105   display: block;
 106   width: 400px;
 107   max-width: 400px;
 108   padding: 15px;
 109   background-color: #cfcfcf7a
 110 }
 111
 112 .webform-component-my-select select {
 113   height: 200px;
 114 }
 115
 116 .checkbox .skin {
 117   background-color: #fff;
 118   border: 1px solid #d2d2d2;
 119   border-radius: 3px;
 120   display: inline-block;
 121   height: 24px;
 122   width: 24px;
 123   position: absolute;
 124   left: 0;
 125   top: 0;
 126 }
 127
 128 i, em {
 129   font-family: "Omnes-ECOMP-W02-Italic", Arial;
 130   font-style: normal;
 131 }
 132
 133
 134
 135 .card{
 136   border-radius: 5px;
 137 }
 138
 139 .card-header{
 140   height: 50px;
 141 }
 142
 143 .card-body{
 144   height: 150px;
 145 }
 146
 147 .card-footer{
 148   height: 50px;
 149 }
 150
 151 .dialog__close-btn {
 152   border: 0;
 153   background: #087ac2;
 154   color: #ffffff;
 155   position: absolute;
 156   top: 8px;
 157   right: 8px;
 158   font-size: 1.2em;
 159   display: block;
 160   border: #087ac2 2px solid;
 161 }
 162
 163 .modalTitle{
 164     font-size: 35px;
 165 }
 166
 167
 168 .full-width-table {
 169   width: 100%;
 170 }
 171
 172
 173 .app-data-table {
 174   margin-top: 80px;
 175   /* margin-left: 250px;
 176   margin-right: 250px; */
 177   /* overflow: scroll; */
 178 }
 179
 180 .app-data-table1 {
 181   margin-left: 150px;
 182   margin-right: 150px;
 183 }
 184
 185 th{
 186   background-color: #2125299c;
 187   color: rgb(255, 255, 255);
 188   font-size: 15px;
 189   border-radius: 2px;
 190   height: 35px;
 191 }
 192
 193 tr:nth-child(even) {
 194   background-color: #dddddd;
 195   font-size: 2px;
 196   height: 35px;
 197   border-radius: 4px;
 198
 199 }
 200
 201 tr:nth-child(odd) {
 202   font-size: 2px;
 203   height: 35px;
 204   border-radius: 4px;
 205 }
 206
 207
 208 .card{
 209   border-radius: 5px;
 210
 211 }
 212
 213 .card-header{
 214   height: 50px;
 215 }
 216
 217 .card-body{
 218   height: 150px;
 219 }
 220
 221 .card-footer{
 222   height: 50px;
 223   margin-right: 10px;
 224 }
 225
 226 .dialog__close-btn {
 227   border: 0;
 228   background: #087ac2;
 229   color: #ffffff;
 230   position: absolute;
 231   top: 8px;
 232   right: 8px;
 233   font-size: 1.2em;
 234   display: block;
 235   border: #087ac2 2px solid;
 236 }
 237
 238 .modalTitle{
 239     font-size: 35px;
 240 }