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

   1 /*-\r
   2  * ============LICENSE_START=======================================================\r
   3  * VID\r
   4  * ================================================================================\r
   5  * Copyright (C) 2017 - 2019 AT&T Intellectual Property. All rights reserved.\r
   6  * ================================================================================\r
   7  * Licensed under the Apache License, Version 2.0 (the "License");\r
   8  * you may not use this file except in compliance with the License.\r
   9  * You may obtain a copy of the License at\r
  10  * \r
  11  *      http://www.apache.org/licenses/LICENSE-2.0\r
  12  * \r
  13  * Unless required by applicable law or agreed to in writing, software\r
  14  * distributed under the License is distributed on an "AS IS" BASIS,\r
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
  16  * See the License for the specific language governing permissions and\r
  17  * limitations under the License.\r
  18  * ============LICENSE_END=========================================================\r
  19  */\r
  20 \r
  21 .btn {\r
  22     margin-right: 8px;\r
  23 }\r
  24 \r
  25 .angular-ui-tree-handle {\r
  26     background: #f8faff;\r
  27     border: 1px solid #dae2ea;\r
  28     color: #7c9eb2;\r
  29     padding: 10px 10px;\r
  30 }\r
  31 \r
  32 .angular-ui-tree-handle:hover {\r
  33     color: #438eb9;\r
  34     background: #f4f6f7;\r
  35     border-color: #dce2e8;\r
  36 }\r
  37 \r
  38 .angular-ui-tree-placeholder {\r
  39     background: #f0f9ff;\r
  40     border: 2px dashed #bed2db;\r
  41     -webkit-box-sizing: border-box;\r
  42     -moz-box-sizing: border-box;\r
  43     box-sizing: border-box;\r
  44 }\r
  45 \r
  46 tr.angular-ui-tree-empty {\r
  47     height:100px\r
  48 }\r
  49 \r
  50 .group-title {\r
  51     background-color: #687074 !important;\r
  52     color: #FFF !important;\r
  53 }\r
  54 \r
  55 \r
  56 /* --- Tree --- */\r
  57 .tree-node {\r
  58     border: 1px solid #dae2ea;\r
  59     background: #f8faff;\r
  60     color: #7c9eb2;\r
  61 }\r
  62 \r
  63 .nodrop {\r
  64     background-color: #f2dede;\r
  65 }\r
  66 \r
  67 .tree-node-content {\r
  68     margin: 10px;\r
  69 }\r
  70 .tree-handle {\r
  71     padding: 10px;\r
  72     background: #428bca;\r
  73     color: #FFF;\r
  74     margin-right: 10px;\r
  75 }\r
  76 \r
  77 .angular-ui-tree-handle:hover {\r
  78 }\r
  79 \r
  80 .angular-ui-tree-placeholder {\r
  81     background: #f0f9ff;\r
  82     border: 2px dashed #bed2db;\r
  83     -webkit-box-sizing: border-box;\r
  84     -moz-box-sizing: border-box;\r
  85     box-sizing: border-box;\r
  86 }\r
  87 \r
  88 .pull-right .dropdown-menu {\r
  89     background-color: transparent;\r
  90 }\r