diff --git a/xpfe/global/resources/skin/global.css b/xpfe/global/resources/skin/global.css index c9d71a08ab4..a9784add5d6 100644 --- a/xpfe/global/resources/skin/global.css +++ b/xpfe/global/resources/skin/global.css @@ -917,6 +917,11 @@ tree { width: 100%; } +/* BEN: making dialog trees nicely inset */ +tree.inset { + border: 1px inset white; +} + treeitem[selected="true"] > treerow { color: white; background-color: #336699; @@ -934,6 +939,16 @@ treehead > treerow > treecell { padding-left: 5px; } +/* BEN: making dialog treehead cells outset */ +tree.inset > treehead > treerow > treecell { + border: 1px outset white; +} + +/* BEN: making sortable dialog treehead cells clickable */ +tree.inset > treehead > treerow > treecell.sortable:active { + border: 1px inset white; +} + treecell.image > titledbutton { border: 1px solid transparent; text-decoration: none; @@ -974,6 +989,13 @@ treecell { padding-left: 2px; } +/* BEN: make rule for property list cells */ +treecell.propertylist { + padding-left: 5px; + border-right: 1px solid #CCCCCC; + border-bottom: 1px solid #CCCCCC; +} + treeitem > treerow > treecell > .tree-icon > .twisty { border: none; padding: 0px; @@ -1009,6 +1031,8 @@ tab { border: 1px outset white; /* -moz-border-radius: 90; */ color:black; + padding-left: 7px; + padding-right: 7px; } tab:active { @@ -1108,6 +1132,12 @@ tab[selected="true"] { font-weight: bold; } +/* BEN - made tabpanel outset. */ +tabpanel { + border: 1px outset white; + padding: 10px; +} + /********************************** * HTML components in the window tag **********************************/ @@ -1115,7 +1145,7 @@ tab[selected="true"] { /** * removed 2px black border from iframe */ -window html|iframe { +html|iframe { min-width: 10px; min-height: 10px; width: 100px; @@ -1123,7 +1153,7 @@ window html|iframe { border: none; } -window html|div.separator[align="horizontal"] { +html|div.separator[align="horizontal"] { width: 100%; max-height: 2px; vertical-align: middle; @@ -1134,7 +1164,7 @@ window html|div.separator[align="horizontal"] { margin-right: 0.25em; } -window html|div.separator[align="vertical"] { +html|div.separator[align="vertical"] { height: 100%; max-width: 2px; border-right: 2px groove white; @@ -1146,7 +1176,7 @@ window html|div.separator[align="vertical"] { } -window html|fieldset { +html|fieldset { margin-bottom: 6px; margin-top: 5px; margin-left: 6px; @@ -1156,7 +1186,7 @@ window html|fieldset { } -window html|legend { +html|legend { border: none; margin-bottom: 5px; margin-top: 0px; @@ -1164,13 +1194,13 @@ window html|legend { margin-right: 3px; } -window html|label { +html|label { padding-bottom: 4px; background-color: transparent; white-space: nowrap; } -window html|textarea { +html|textarea { border: 1px inset #DDDDDD; padding-top: 1px; padding-bottom: 2px; @@ -1184,7 +1214,7 @@ window html|textarea { color: black; } -window html|input[type=text] { +html|input[type=text] { border: 1px inset rgb(192, 192, 192); padding-top: 1px; padding-bottom: 1px; @@ -1199,7 +1229,7 @@ window html|input[type=text] { min-height: 1.6em; } -window html|input[type=password] { +html|input[type=password] { border: 1px inset rgb(192, 192, 192); padding-top: 3px; padding-bottom: 2px; @@ -1214,13 +1244,24 @@ window html|input[type=password] { min-height: 1.75em; } -window html|input { +html|input { background-color: transparent; color: black; user-focus: normal; } -window html|input[type=radio] { +/** + * borderless cell for containing lengthy or variable length strings in a dialog + * where you want permanence (non-editability) but the ability to copy/paste, and + * fit long strings in a small space. + */ +html|input.scroll-label { + border: none; +} + + + +html|input[type=radio] { margin-left: 3px; margin-right: 5px; margin-top: 3px; @@ -1230,7 +1271,7 @@ window html|input[type=radio] { height:12px; } -window html|input[type=checkbox] { +html|input[type=checkbox] { margin-left: 3px; margin-right: 5px; margin-top: 3px; @@ -1239,19 +1280,19 @@ window html|input[type=checkbox] { color:black; } -window html|input[type=checkbox]:hover { +html|input[type=checkbox]:hover { border: 1px solid black; } -window html|input[type=checkbox][disabled] { +html|input[type=checkbox][disabled] { border: 1px solid; } -window html|input[type=checkbox][disabled]:hover { +html|input[type=checkbox][disabled]:hover { border: 1px solid rgb(153, 153, 153); } -window html|input[type=checkbox]:focus { +html|input[type=checkbox]:focus { border:1px dotted rgb(153, 153, 153); }