Changeset 10283

Timestamp:

08/19/07 08:33:32 (17 months ago)

Author:

dante

Message:

refs #4179 - adds dijit.Tree style updates and some css-cleanup

Location:

dijit/trunk/themes/soria

Files:

• images/arrows.png (modified) (previous)
• images/treeExpand_loading.gif (copied) (copied from dijit/trunk/themes/tundra/images/treeExpand_loading.gif)
• images/treeExpand_minus.gif (copied) (copied from dijit/trunk/themes/tundra/images/treeExpand_minus.gif)
• images/treeExpand_minus_rtl.gif (copied) (copied from dijit/trunk/themes/tundra/images/treeExpand_minus_rtl.gif)
• images/treeExpand_plus.gif (copied) (copied from dijit/trunk/themes/tundra/images/treeExpand_plus.gif)
• images/treeExpand_plus_rtl.gif (copied) (copied from dijit/trunk/themes/tundra/images/treeExpand_plus_rtl.gif)
• soria.css (modified) (10 diffs)

dijit/trunk/themes/soria/soria.css

@@ -808 +808 @@
 
 /* Accordion */
-
-/* .soria .dijitAccordionPane-selected { 
-        background-color: #666;
-}
-*/
 .soria .dijitAccordionPane .dijitAccordionTitle {
         background:#b7cdee url("images/gradientTopBg.png") repeat-x top left;
-        /* border: 1px solid #bfbfbf; */
-        /* border-top:1px solid #ccccff; */
         border-left:1px solid #8ab2ee;
         border-right:1px solid #8AB2EE; 
@@ -828 +821 @@
         border-left:1px solid #4f8ce5;
         border-right:1px solid #4f8ce5; 
-        /* border:1px solid #84a3d1; */
-        /* border: 1px solid #669; */
         padding: 5px 5px 2px 5px;
         font-weight: bold;
@@ -835 +826 @@
 
 .soria .dijitAccordionArrow { background:url("images/arrows.png") no-repeat center center; }
-.dj_ie6 .soria .dijitAccordionArrow { background:url("images/arrows.gif") no-repeat center center; } 
+/* .dj_ie6 .soria .dijitAccordionArrow { background:url("images/arrows.gif") no-repeat center center; }  */
 .soria .dijitAccordionPane .dijitAccordionArrow {
 /*      background:url("images/arrows.png") no-repeat; */
@@ -863 +854 @@
 
 /* Tree */
-
 .soria .dijitTreeNode {
-    background-image : url('images/i.gif');
-    background-position : top left;
-    background-repeat : repeat-y;
     margin-left: 19px;
-    zoom: 1;    /* MOW: what the heck is this doing in here? */
-}
+    cursor:pointer; 
+    zoom: 1;    
+}
+
 .soria .dijitTreeIsRoot {
-    margin-left: 0;
+    margin-left: 4px;
 }
  
 /* left vertical line (grid) for all nodes */
 .soria .dijitTreeIsLast {
-    background: url('images/i_half.gif') no-repeat;
-}
-
+    background: transparent; 
+} 
 .soria .dijitTreeExpando {
     width: 18px;
     height: 18px;
+    cursor:pointer;
 }
 
@@ -888 +877 @@
     min-height: 18px;
     min-width: 18px;
-    margin-left:18px;
+    margin-left:16px;
     padding-top:3px;
     padding-left:1px;
@@ -908 +897 @@
 /* don't use :focus due to opera and IE's lack of support on div's */
 .soria .dijitTreeLabelFocused {
-        outline: 1px invert dotted;
-}
-
-.soria .dijitTreeExpandoOpened {
-        background-image: url('images/treeExpand_minus.gif');
-}
- 
-.soria .dijitTreeExpandoClosed {
-        background-image: url('images/treeExpand_plus.gif');
-}
- 
-.soria .dijitTreeExpandoLeaf {
-        background-image: url('images/treeExpand_leaf.gif');
-}
-
-.soria .dijitTreeExpandoLoading {
-        background-image: url('images/treeExpand_loading.gif');
-}
+        outline:0;
+        border-top:0;
+        border-bottom:2px solid #4f8ce5;
+        background-color:#b7cdee; 
+}
+
+/* FIXME: convert to sprites */
+.soria .dijitTreeExpandoOpened { background-image: url('images/treeExpand_minus.gif'); }
+.soria .dijitTreeExpandoClosed { background-image: url('images/treeExpand_plus.gif'); }
+ .soria .dijitTreeExpandoLeaf { }
+.soria .dijitTreeExpandoLoading { background-image: url('images/treeExpand_loading.gif'); }
+
 
 
 /* Calendar*/
-
 
 .soria .dijitCalendarIncrementControl {
@@ -1108 +1090 @@
 
 /* spinner */
-
 .soria .dijitSpinner {}
 .soria .dijitSpinner input {
 }
 
-
-
-
-/****
-                dijit.ProgressBar
- ****/
- 
+/* dijit.ProgressBar */
 .soria .dijitProgressBar {
         margin:2px 0px 2px 0px;
@@ -1145 +1120 @@
 }
 
-/****
-        SLIDER
-****/
-
+/* dijit.Slider(s) */
 .soria .dijitHorizontalSliderProgressBar {
         border-color: #333;
@@ -1223 +1195 @@
 }
 
-/**** ICONS *****/
-
+/* ICONS */
 .soria .dijitEditorIcon {
         background-image: url('images/editor.gif'); /* editor icons sprite image */
@@ -1303 +1274 @@
 /* For now it uses a default set of rules. Some other DnD classes can be modified as well. */
 .soria .dojoDndAvatar                   {font-size: 75%; color: black;}
-.soria .dojoDndAvatarHeader td  {padding-left: 20px; padding-right: 4px;}
+.soria .dojoDndAvatarHeader td  {padding-left: 20px; padding-right: 4px; height:16px; width:16px; }
 .soria .dojoDndAvatarHeader     {background: #ccc;}
-.soria .dojoDndAvatarItem               {background: #eee;}
-.soria.dojoDndMove .dojoDndAvatarHeader {background-image: url(images/dndNoMove.png); background-repeat: no-repeat;}
-.soria.dojoDndCopy .dojoDndAvatarHeader {background-image: url(images/dndNoCopy.png); background-repeat: no-repeat;}
+.soria .dojoDndAvatarItem               { background: #eee;}
+.soria.dojoDndMove .dojoDndAvatarHeader { background-image: url(images/dndNoMove.png); background-repeat: no-repeat;}
+.soria.dojoDndCopy .dojoDndAvatarHeader { background-image: url(images/dndNoCopy.png); background-repeat: no-repeat;}
 .soria.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader   {background-image: url(images/dndMove.png); background-repeat: no-repeat;}
 .soria.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader   {background-image: url(images/dndCopy.png); background-repeat: no-repeat;}