improve scrollbar display: smoothly rounded buttons, dark but visible slider backgrou...

[themes.git] / LCARStrek / editor / EditorDialog.css

diff --git a/LCARStrek/editor/EditorDialog.css b/LCARStrek/editor/EditorDialog.css
index 72b5f912eec40b2e2273e89042e5e8ad46428abf..b39ee00e387faf1225a08185492fe1ae2b855de0 100644 (file)
--- a/LCARStrek/editor/EditorDialog.css
+++ b/LCARStrek/editor/EditorDialog.css
@@ -127,7 +127,8 @@ groupbox {
   border: 2px outset #9C9CFF;
   width: 25px;
   height: 20px;
-  margin: 0px 3px 0px 0px;
+  margin: 0;
+  -moz-margin-end: 3px;
 }
 
 #ColorPickerSwatch[default="true"] {
@@ -139,22 +140,25 @@ groupbox {
   width: 17px;
   height: 13px; 
   border: 1px inset #9C9CFF;
-  margin: 1px 2px 2px 4px;
+  margin-top: 1px;
+  margin-bottom: 2px;
+  -moz-margin-start: 4px;
+  -moz-margin-end: 2px;
 }
 
 /* temporary -- we need a simple box-based list defined in XBL */
 tree.list {
   border: 1px inset #9C9CFF;
   /* same as in menulist.css */
-  margin: 1px 5px 2px 5px;
+  margin: 1px 5px 2px;
   /* use rows="#" in XUL to define height */
 }
 
 #ColorPreview {
   border: 1px inset #9C9CFF;
-  margin-left:    10px;
-  padding-left:    5px;
-  padding-right:   5px;
+  -moz-margin-start:    10px;
+  -moz-padding-start:    5px;
+  -moz-padding-end:   5px;
   min-width:     100px;
   min-height:     50px;
 }
@@ -175,7 +179,7 @@ tree.list {
 
 #alignTypeSelect,
 label#alignLabel {
-  margin-left: 5px;
+  -moz-margin-start: 5px;
 }
 
 /* ::::: table properties dialog ::::: */
@@ -227,7 +231,7 @@ label#alignLabel {
 .colorpicker {
   border: 1px outset #9C9CFF;
   /* This should be the same as for textbox */
-  margin-left: 4px;
+  -moz-margin-start: 4px;
   /* For a little extra space between buttons */
   margin-bottom: 2px;
 }
@@ -292,8 +296,8 @@ label#alignLabel {
   height: 52px;
   max-height: 52px;
   min-height: 52px;
-  margin: 6px 5px 6px 5px;
-  overflow: hidden;
+  margin: 6px 5px;
+  overflow: -moz-hidden-unscrollable;
 }
 
 #preview-image-holder {
@@ -320,11 +324,11 @@ tree.AttributesTree {
 
 /* ::::: select edit dialog ::::: */
 
-#SelectTreeChildren:-moz-tree-cell(SelectSelCol, checked-false) {
+#SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-false) {
   background: url("chrome://global/skin/checkbox/cbox.gif") 50% 50% no-repeat;
 }
 
-#SelectTreeChildren:-moz-tree-cell(SelectSelCol, checked-true) {
+#SelectTreeChildren::-moz-tree-cell(SelectSelCol, checked-true) {
   background: url("chrome://global/skin/checkbox/cbox-check.gif") 50% 50% no-repeat;
 }