gerrit.onap Code Review - usecase-ui.git/blob

   1 .taskmodel_list{
   2     margin-top: 20px;
   3 }
   4 a{
   5     text-decoration: none;
   6 }
   7 .header{
   8     display: flex;
   9     justify-content: space-between;
  10     align-items: center;
  11     height: 40px;
  12     line-height: 40px;
  13     color:#000;
  14     margin:10px 80px;
  15 }
  16 .head_cn{
  17     margin-right: 8px;
  18 }
  19 .anImg{
  20     width: 76px;
  21     height: auto;
  22     margin-top: 20px;
  23 }
  24 .list-box{
  25     display: flex;
  26     justify-content:center;
  27     align-items: center;
  28     text-align: center;
  29
  30 }
  31 .list-box li{
  32     position: relative;
  33 }
  34 .clear{
  35     clear: both;
  36 }
  37 .online-vlan{
  38   width: 100px;
  39   height: 1px;
  40   background: #000;
  41 }
  42 .online-type{
  43   width: 180px;
  44   height: 3px;
  45   background: #1DA57A;
  46   margin: 0 15px;
  47 }
  48 .offline-type{
  49     width: 180px;
  50     height: 3px;
  51     background: #7e848a;
  52     margin: 0 15px;
  53 }
  54 .vLan-line{
  55     text-align: center;
  56     top:-20px;
  57 }
  58 .tnImg{
  59     width: 50px;
  60     height:auto;
  61 }
  62 .three-box{
  63   text-align: center;
  64     top:-20px;
  65 }
  66 .cnCloud{
  67     margin-left:10px;
  68     width: 88px;
  69     height: auto;
  70     margin-top: 20px;
  71 }
  72 // .ran_text{
  73 //     width: 200px;
  74 //     height:auto;
  75 //     background: rgba(0, 0, 0, .8);
  76 //     line-height: 40px;
  77 //     border-radius: 4px;
  78 //     position: absolute;
  79 //     right: -118px;
  80 //     top: 34px;
  81 //     color:#ffffff;
  82 //     z-index:99;
  83 // }
  84 // .detail-icon{
  85 //      position: absolute;
  86 //      right: -26px;
  87 //      bottom:-2px;
  88 //      width:20px;
  89 //      height:20px;
  90 //      cursor: pointer;
  91 //   }
  92 // .ran_text::before{
  93 //     content: '';
  94 //     display: block;
  95 //     position: absolute;
  96 //     right: 94px;
  97 //     bottom: -16px;
  98 //     border: 20px solid transparent;
  99 //     border: 8px solid transparent;
 100 //     border-top: 8px solid  rgba(0, 0, 0, .8);
 101 // }
 102 // .cor_text{
 103 //     width: 200px;
 104 //     height:auto;
 105 //     background: rgba(0, 0, 0, .8);
 106 //     line-height: 40px;
 107 //     border-radius: 4px;
 108 //     text-indent: 2em;
 109 //     position: absolute;
 110 //     right: -300px;
 111 //     top: -60px;
 112 //     color:#ffffff;
 113 // }
 114 // .core_icon{
 115 //     position: absolute;
 116 //     right: 22px;
 117 //     bottom:-10px;
 118 //     width:20px;
 119 //     height:20px;
 120 //     cursor: pointer;
 121 // }