ecomp-portal-FE/client/bower_components/jqTree/jqtree.scss

   1 ul.jqtree-tree {
   2     list-style: none outside;
   3     margin-left: 0;
   4     margin-bottom: 0;
   5     padding: 0;
   6
   7     ul.jqtree_common {
   8         list-style: none outside;
   9         margin-left: 12px;
  10         margin-right: 0;
  11         margin-bottom: 0;
  12         padding: 0;
  13         display: block;
  14     }
  15
  16     li.jqtree-closed > ul.jqtree_common {
  17         display: none;
  18     }
  19
  20     li.jqtree_common {
  21         clear: both;
  22         list-style-type: none;
  23     }
  24
  25     .jqtree-toggler {
  26         border-bottom: none;
  27         color: #333;
  28         text-decoration: none;
  29         vertical-align: middle;
  30
  31         &:hover {
  32             color: #000;
  33             text-decoration: none;
  34         }
  35
  36         &.jqtree-closed {
  37             background-position: 0 0;
  38         }
  39
  40         &.jqtree-toggler-left {
  41             margin-right: 0.5em;
  42         }
  43
  44         &.jqtree-toggler-right {
  45             margin-left: 0.5em;
  46         }
  47     }
  48
  49     .jqtree-element {
  50         cursor: pointer;
  51         position: relative;
  52     }
  53
  54     .jqtree-title {
  55         color: #1C4257;
  56         vertical-align: middle;
  57         margin-left: 1.5em;
  58
  59         &.jqtree-title-folder {
  60             margin-left: 0;
  61         }
  62     }
  63
  64     li.jqtree-folder {
  65         margin-bottom: 4px;
  66
  67         &.jqtree-closed {
  68             margin-bottom: 1px;
  69         }
  70     }
  71
  72     li.jqtree-ghost {
  73         position: relative;
  74         z-index: 10;
  75         margin-right: 10px;
  76
  77         /* todo: add classes to span? */
  78         span {
  79             display: block;
  80         }
  81
  82         span.jqtree-circle {
  83             border: solid 2px #0000ff;
  84             -webkit-border-radius: 100px;
  85             -moz-border-radius: 100px;
  86             border-radius: 100px;
  87             height: 8px;
  88             width: 8px;
  89             position: absolute;
  90             top: -4px;
  91             left: -6px;
  92             -webkit-box-sizing: border-box;
  93             -moz-box-sizing: border-box;
  94             box-sizing: border-box;
  95         }
  96
  97         span.jqtree-line {
  98             background-color: #0000ff;
  99             height: 2px;
 100             padding: 0;
 101             position: absolute;
 102             top: -1px;
 103             left: 2px;
 104             width: 100%;
 105         }
 106
 107         &.jqtree-inside {
 108             margin-left: 48px;
 109         }
 110     }
 111
 112     span.jqtree-border {
 113         position: absolute;
 114         display: block;
 115         left: -2px;
 116         top: 0;
 117         border: solid 2px #0000ff;
 118         border-radius: 6px;
 119         margin: 0;
 120         box-sizing: content-box;
 121     }
 122
 123     li.jqtree-selected > .jqtree-element,
 124     li.jqtree-selected > .jqtree-element:hover {
 125         background-color: #97BDD6;
 126         background: -webkit-gradient(linear, left top, left bottom, from(#BEE0F5), to(#89AFCA));
 127         background: -moz-linear-gradient(top, #BEE0F5, #89AFCA);
 128         background: -ms-linear-gradient(top, #BEE0F5, #89AFCA);
 129         background: -o-linear-gradient(top, #BEE0F5, #89AFCA);
 130         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
 131     }
 132
 133     .jqtree-moving > .jqtree-element .jqtree-title {
 134         outline: dashed 1px #0000ff;
 135     }
 136 }
 137
 138 ul.jqtree-tree.jqtree-rtl {
 139     direction: rtl;
 140
 141     ul.jqtree_common {
 142         margin-left: 0;
 143         margin-right: 12px;
 144     }
 145
 146     .jqtree-toggler {
 147         margin-left: 0.5em;
 148         margin-right: 0;
 149     }
 150
 151     .jqtree-title {
 152         margin-left: 0;
 153         margin-right: 1.5em;
 154
 155         &.jqtree-title-folder {
 156             margin-right: 0;
 157         }
 158     }
 159
 160     li.jqtree-ghost {
 161         margin-right: 0;
 162         margin-left: 10px;
 163
 164         span.jqtree-circle {
 165             right: -6px;
 166         }
 167
 168         span.jqtree-line {
 169             right: 2px;
 170         }
 171
 172         &.jqtree-inside {
 173             margin-left: 0;
 174             margin-right: 48px;
 175         }
 176     }
 177
 178     span.jqtree-border {
 179         right: -2px;
 180     }
 181 }
 182
 183 span.jqtree-dragging {
 184     color: #fff;
 185     background: #000;
 186     opacity: 0.6;
 187     cursor: pointer;
 188     padding: 2px 8px;
 189 }
 190
 191 /* IE 6, 7, 8 */
 192 @media \0screen\,screen\9  {
 193     ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
 194         background: url(jqtree-circle.png) no-repeat;
 195         border: 0 none;
 196     }
 197 }