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

Timestamp:

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

Author:

jlodewyc

Message:

#2582 Resource Permissions added

Location:

branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Scripts/Styling

Files:

• StyleSheet.css (modified) (1 diff)
• angular.treeview.css (modified) (1 diff)

branches/WebJobManager/HeuristicLab.Clients.Hive.WebJobManager/Scripts/Styling/StyleSheet.css

@@ -138 +138 @@
 }
 
-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;
+
+[animate-on-change] {
+    transition: all 1s;
+    -webkit-transition: all 1s;
 }
 
-div[data-tree-model] ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-    border: none;
-    overflow: hidden;
-}
-
-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('../../wwwroot/img/computer_network-256.png');
-        background-repeat: no-repeat;
+    [animate-on-change].changed {
+        background-color: lightblue;
+        transition: none;
+        -webkit-transition: none;
     }
 
-    div[data-tree-model] li .collapsed {
-        padding: 1px 10px;
-        background-image: url('../../wwwroot/img/computer_network-256.png');
-        background-repeat: no-repeat;
+    [animate-on-change].changedshut {
+        background-color: lightsalmon;
+        transition: none;
+        -webkit-transition: none;
     }
 
-    div[data-tree-model] li .normal {
-        padding: 1px 10px;
-        background-image: url('../../wwwroot/img/plainicon.com-51131-512px-515.png');
-        background-repeat: no-repeat;
+    .panel-heading .nav-justified.nav-pills li.active>a{
+        background-color:#74a9d8 !important;
     }
-
-    div[data-tree-model] li i, div[data-tree-model] li span {
-        cursor: pointer;
-    }
-
-    div[data-tree-model] li .selected {
-        background-color: #aaddff;
-        font-weight: bold;
-        padding: 1px 5px;
-    }
-    div[data-tree-model] li .changed {
-        background-color: #ffff00;
-        font-weight: bold;
-        padding: 1px 5px;
-    }
-    div[data-tree-model] li .loaded{
-        text-decoration:underline;
-        font-style:oblique;
-    }
-    [animate-on-change] {
-  transition: all 1s;
-  -webkit-transition: all 1s;
-}
-[animate-on-change].changed {
-  background-color: lightblue;
-  transition: none;
-  -webkit-transition: none;
-}
-[animate-on-change].changedshut {
-  background-color: lightsalmon;
-  transition: none;
-  -webkit-transition: none;
-}

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;
+        
+    }