Changeset 13795 for branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Scripts/Styling/angular.treeview.css

Timestamp:

04/26/16 11:30:46 (8 years ago)

Author:

jlodewyc

Message:

#2582 Resource Permissions added

File:

• branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Scripts/Styling/angular.treeview.css (modified) (1 diff)

branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Scripts/Styling/angular.treeview.css

@@ -1 +1 @@
 div[data-angular-treeview] {
-  /* prevent user selection */
-  -moz-user-select: -moz-none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-
-  /* default */
-  font-family: Tahoma;
-  font-size:13px;
-  color: #555;
-  text-decoration: none;
+    /* prevent user selection */
+    
+    -moz-user-select: -moz-none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
+    /* default */
+    font-size: 14px;
+    font-weight:600;
+    color: white;
+    text-decoration: none;
+    text-shadow:1px 1px black;
 }
 
 div[data-tree-model] ul {
-  margin: 0;
-  padding: 0;
-  list-style: none; 
-  border: none;
-  overflow: hidden;
+   
+    padding:5px;
+    list-style: none;
+    border: none;
+    overflow: hidden;
+    border-color: lightslategray;
+}   
+
+div[data-tree-model] li {
+    position: relative;
+    padding: 0 0 0 20px;
+    line-height: 20px;
+    margin-top:3px;
+    border: none;
+    border-color: lightblue;
+    border-radius:10px;
+    box-shadow:  2px 3px 5px rgba(0,0,0,0.6), inset 1px 10px 300px 51px rgba(33,151,184,1);
 }
 
-div[data-tree-model] li {
-  position: relative;
-  padding: 0 0 0 20px;
-  line-height: 20px;
-}
+    div[data-tree-model] li .expanded {
+        padding: 1px 10px;
+        background-image: url('../img/folder.png');
+        
+        background-repeat: no-repeat;
+    }
 
-div[data-tree-model] li .expanded {
-  padding: 1px 10px;
-  background-image: url("../img/folder.png");
-  background-repeat: no-repeat;
-}
+    div[data-tree-model] li .collapsed {
+        padding: 1px 10px;
+        background-image: url('../img/folder-closed.png');
+        background-repeat: no-repeat;
+    }
 
-div[data-tree-model] li .collapsed {
-  padding: 1px 10px;
-  background-image: url("../img/folder-closed.png");
-  background-repeat: no-repeat;
-}
+    div[data-tree-model] li .normal {
+        padding: 1px 10px;
+        color:black;
+        background-image: url('../img/file.png');
+        background-repeat: no-repeat;
+    }
 
-div[data-tree-model] li .normal {
-  padding: 1px 10px;
-  background-image: url("../img/file.png");
-  background-repeat: no-repeat;
-}
+    div[data-tree-model] li i, div[data-tree-model] li {
+        cursor: pointer;
+    }
 
-div[data-tree-model] li i, div[data-tree-model] li span {
-  cursor: pointer;
-}
+    div[data-tree-model] li.selected {
+        box-shadow:  2px 3px 5px rgba(0,0,0,0.6), inset 1px 10px 300px 51px rgba(143,201,58,1)!important;
+    }
+    div[data-tree-model] span.selected {
+        color:white!important;
+        text-shadow:1px 1px black!important;
+        font-weight: bold;
+        padding: 1px 5px;
+    }
 
-div[data-tree-model] li .selected {
-  background-color: #aaddff;
-  font-weight: bold;
-  padding: 1px 5px;
-}
+    div[data-tree-model] li.changed {
+        box-shadow:  2px 3px 5px rgba(0,0,0,0.6), inset 1px 10px 300px 51px rgba(250,250,210,1);
+    }
+     div[data-tree-model] span.changed {
+        color:black;
+        text-shadow:1px 1px white;
+        font-weight: bold;
+        padding: 1px 5px;
+    }
+
+    div[data-tree-model] span.loaded {
+        text-decoration: underline;
+        font-style: oblique;
+        
+    }