ecomp-portal-FE-os/client/src/styles/att-abs.less

   1 //portal abs table component
   2 .c-ecomp-portal-abs-table{
   3     width: 100%;
   4     height: 600px;
   5     overflow-x: auto;
   6     overflow-y: auto;
   7     background-color: @portalLightGray;
   8
   9     .tablesorter-default {
  10         //border: 1px solid @q;
  11
  12         th,
  13         thead td {
  14             .dGray16m;
  15             color: #333333;
  16             background-color: @portalLightGray;
  17             border-collapse: collapse;
  18             //border-top-style: none;
  19             border: 1px solid @q;
  20             padding: 0;
  21             font-weight: 700;
  22             height: 38px;
  23         }
  24
  25         tbody tr td {
  26             .dGray16m;
  27             border-left: 1px solid @portalLGray;
  28             background-color: @portalWhite;
  29             border-bottom: 1px solid @portalLGray;
  30             height: 32px;
  31             div {
  32                 line-height: 32px;
  33             }
  34         }
  35
  36         .td-first {
  37             border-left: none;
  38         }
  39
  40         .tablesorter-search-highlight {
  41             font-weight: bold;
  42         }
  43
  44
  45         tr:first-child {
  46             border-bottom: 1px solid @portalLGray;
  47         }
  48
  49         th:first-child{
  50             border-right: 1px solid @portalLGray;
  51         }
  52         th:nth-child(2){
  53             border-right: 1px solid @portalLGray;
  54         }
  55         th:nth-child(3){
  56             border-right: 1px solid @portalLGray;
  57         }
  58
  59         tr:last-child {
  60             td {
  61                 border-bottom-style:  none;
  62             }
  63         }
  64
  65
  66     }
  67 }
  68
  69 //portal abs select component
  70 .c-ecomp-portal-abs-select{
  71     width: @select-width;
  72     display: inline-block;
  73     margin-right: 10px;
  74     .select2-chosen{
  75         width: @select-width;
  76         line-height: 20px;
  77     }
  78     .select2-container .select2-choice {
  79         width: @select-width;
  80         border-radius: 6px;
  81         border-color: @portalLGray;
  82     }
  83
  84   .select2-results {
  85     width: @select-width;
  86     background-color: @portalWhite;
  87   }
  88
  89     .form-field, .form-field-input-container {
  90         width: @select-width;
  91     }
  92 }
  93
  94 // styles needed on Edit Functional Menu jqtree template
  95 .dropdown-menu{
  96         position:absolute;
  97         top:100%;
  98         left:0;
  99         z-index:1000;
 100         display:none;
 101         float:left;
 102         min-width:160px;
 103         padding:5px 0;
 104         margin:2px 0 0;
 105         list-style:none;
 106         font-size:14px;
 107         background-color:#fff;
 108         border:1px solid #ccc;
 109         border:1px solid rgba(0,0,0,.15);
 110         border-radius:6px;
 111         -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
 112         box-shadow:0 6px 12px rgba(0,0,0,.175);
 113         background-clip:padding-box
 114 }
 115
 116 .dropdown-menu .divider {
 117     height: 1px;
 118     margin: 9px 0;
 119     overflow: hidden;
 120     background-color: #e5e5e5;
 121 }
 122
 123 .dropdown-menu>li>a {
 124     display: block;
 125     padding: 3px 20px;
 126     clear: both;
 127     font-weight: 400;
 128     line-height: 1.428571429;
 129     color: #333;
 130     white-space: nowrap;
 131 }
 132