| 1 | div[data-angular-treeview] {
|
|---|
| 2 | /* prevent user selection */
|
|---|
| 3 |
|
|---|
| 4 | -moz-user-select: -moz-none;
|
|---|
| 5 | -khtml-user-select: none;
|
|---|
| 6 | -webkit-user-select: none;
|
|---|
| 7 | -ms-user-select: none;
|
|---|
| 8 | user-select: none;
|
|---|
| 9 | font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
|
|---|
| 10 | /* default */
|
|---|
| 11 | font-size: 14px;
|
|---|
| 12 | font-weight:600;
|
|---|
| 13 | color: white;
|
|---|
| 14 | text-decoration: none;
|
|---|
| 15 | text-shadow:1px 1px black;
|
|---|
| 16 | }
|
|---|
| 17 |
|
|---|
| 18 | div[data-tree-model] ul {
|
|---|
| 19 |
|
|---|
| 20 | padding:5px;
|
|---|
| 21 | list-style: none;
|
|---|
| 22 | border: none;
|
|---|
| 23 | overflow: hidden;
|
|---|
| 24 | border-color: lightslategray;
|
|---|
| 25 | }
|
|---|
| 26 |
|
|---|
| 27 | div[data-tree-model] li {
|
|---|
| 28 | position: relative;
|
|---|
| 29 | padding: 0 0 0 20px;
|
|---|
| 30 | line-height: 20px;
|
|---|
| 31 | margin-top:3px;
|
|---|
| 32 | border: none;
|
|---|
| 33 | border-color: lightblue;
|
|---|
| 34 | border-radius:10px; |
|---|
| 35 | box-shadow: 2px 3px 5px rgba(0,0,0,0.6), inset 1px 10px 300px 51px rgba(33,151,184,1);
|
|---|
| 36 | }
|
|---|
| 37 |
|
|---|
| 38 | div[data-tree-model] li .expanded {
|
|---|
| 39 | padding: 1px 10px;
|
|---|
| 40 | background-image: url('../img/folder.png');
|
|---|
| 41 |
|
|---|
| 42 | background-repeat: no-repeat;
|
|---|
| 43 | }
|
|---|
| 44 |
|
|---|
| 45 | div[data-tree-model] li .collapsed {
|
|---|
| 46 | padding: 1px 10px;
|
|---|
| 47 | background-image: url('../img/folder-closed.png');
|
|---|
| 48 | background-repeat: no-repeat;
|
|---|
| 49 | }
|
|---|
| 50 |
|
|---|
| 51 | div[data-tree-model] li .normal {
|
|---|
| 52 | padding: 1px 10px;
|
|---|
| 53 | color:black;
|
|---|
| 54 | background-image: url('../img/file.png');
|
|---|
| 55 | background-repeat: no-repeat;
|
|---|
| 56 | }
|
|---|
| 57 |
|
|---|
| 58 | div[data-tree-model] li i, div[data-tree-model] li {
|
|---|
| 59 | cursor: pointer;
|
|---|
| 60 | }
|
|---|
| 61 |
|
|---|
| 62 | div[data-tree-model] li.selected {
|
|---|
| 63 | box-shadow: 2px 3px 5px rgba(0,0,0,0.6), inset 1px 10px 300px 51px rgba(143,201,58,1)!important;
|
|---|
| 64 | }
|
|---|
| 65 | div[data-tree-model] span.selected {
|
|---|
| 66 | color:white!important;
|
|---|
| 67 | text-shadow:1px 1px black!important;
|
|---|
| 68 | font-weight: bold;
|
|---|
| 69 | padding: 1px 5px;
|
|---|
| 70 | }
|
|---|
| 71 |
|
|---|
| 72 | div[data-tree-model] li.changed {
|
|---|
| 73 | box-shadow: 2px 3px 5px rgba(0,0,0,0.6), inset 1px 10px 300px 51px rgba(250,250,210,1);
|
|---|
| 74 | }
|
|---|
| 75 | div[data-tree-model] span.changed {
|
|---|
| 76 | color:black;
|
|---|
| 77 | text-shadow:1px 1px white;
|
|---|
| 78 | font-weight: bold;
|
|---|
| 79 | padding: 1px 5px;
|
|---|
| 80 | }
|
|---|
| 81 |
|
|---|
| 82 | div[data-tree-model] span.loaded {
|
|---|
| 83 | text-decoration: underline;
|
|---|
| 84 | font-style: oblique;
|
|---|
| 85 |
|
|---|
| 86 | }
|
|---|
