keeping up with Classic, making textboxes size and look better
authorrobert <robert>
Wed, 24 Apr 2002 20:46:51 +0000 (20:46 +0000)
committerrobert <robert>
Wed, 24 Apr 2002 20:46:51 +0000 (20:46 +0000)
18 files changed:
LCARStrek/communicator/alerts/alert.css
LCARStrek/communicator/formatting.css
LCARStrek/communicator/sidebar/sb-closed.gif [new file with mode: 0644]
LCARStrek/communicator/sidebar/sb-open.gif [new file with mode: 0644]
LCARStrek/communicator/sidebar/sidebar.css
LCARStrek/communicator/sidebar/sidebarBindings.xml
LCARStrek/communicator/tasksOverlay.css
LCARStrek/global/globalBindings.xml
LCARStrek/global/scrollbars.css
LCARStrek/global/tabbox.css
LCARStrek/global/textbox.css
LCARStrek/global/tree.css
LCARStrek/messenger/fakeAccount.css [new file with mode: 0644]
LCARStrek/messenger/smime/icons/hdrSignUnknown.gif [new file with mode: 0644]
LCARStrek/messenger/smime/icons/sbSignUnknown.gif [new file with mode: 0644]
LCARStrek/messenger/smime/msgHdrViewSMIMEOverlay.css
LCARStrek/messenger/smime/msgReadSMIMEOverlay.css
LCARStrek/navigator/navigator.css

index 07d4b5c1c53bea5b3c3f6cf20643e781d28b6831..839ba2709bdad63172482a8e515b3824a03ccba8 100644 (file)
@@ -40,6 +40,8 @@
   == Styles specific to the alerts dialog.
   ======================================================================= */
 
   == Styles specific to the alerts dialog.
   ======================================================================= */
 
+@import url("chrome://global/skin/");
+
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .alertBox {
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .alertBox {
   font-weight: bold;
 }
 
   font-weight: bold;
 }
 
+.alertText {
+  margin-right: 6px;
+}
+
 .alertText[clickable="true"] {
   cursor: pointer;
   color: #1455D6;
 .alertText[clickable="true"] {
   cursor: pointer;
   color: #1455D6;
@@ -69,4 +75,4 @@
 
 .alertText[clickable="true"]:hover:active {
   color: #424F63;
 
 .alertText[clickable="true"]:hover:active {
   color: #424F63;
-}
+}
\ No newline at end of file
index 732d4718fa09c09fbc6b6722ebd98def3ebc2917..b87c06ae0377c0957633c92b5ab848eb9a4df94a 100644 (file)
   text-decoration: underline;
 }
 
   text-decoration: underline;
 }
 
+.text-link:focus {
+  color: red;
+  -moz-outline: 1px dotted invert;
+}
+
 .text-link:hover {
   cursor: pointer;
 } 
 .text-link:hover {
   cursor: pointer;
 } 
@@ -53,4 +58,4 @@
 
 .text-link[visited="true"] {
   color: purple;
 
 .text-link[visited="true"] {
   color: purple;
-}
+}
\ No newline at end of file
diff --git a/LCARStrek/communicator/sidebar/sb-closed.gif b/LCARStrek/communicator/sidebar/sb-closed.gif
new file mode 100644 (file)
index 0000000..b3228dc
Binary files /dev/null and b/LCARStrek/communicator/sidebar/sb-closed.gif differ
diff --git a/LCARStrek/communicator/sidebar/sb-open.gif b/LCARStrek/communicator/sidebar/sb-open.gif
new file mode 100644 (file)
index 0000000..6385d2e
Binary files /dev/null and b/LCARStrek/communicator/sidebar/sb-open.gif differ
index a7f3edc63fa900ef79f75e31b311402b6fb48afe..286a8d73002938c57439a141fec309fc86b4d6ea 100644 (file)
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
+/* ::::: sidebar toggle button (on personal toolbar) ::::: */
+
+#sidebar-button[sbopen="true"] {
+  list-style-image: url("chrome://communicator/skin/sidebar/sb-open.gif");
+}
+
+#sidebar-button[sbopen="false"] {
+  list-style-image: url("chrome://communicator/skin/sidebar/sb-closed.gif");
+}
+
+/* ::::: sidebar container ::::: */
+
 #sidebar-box {
   border: none;
 }
 #sidebar-box {
   border: none;
 }
 
 .tab-back {
   list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
 
 .tab-back {
   list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
-}
+}
\ No newline at end of file
index e3441bfe6ef26b1e1e4922c3882b81010c08db54..80ab04b8df214c8bfa7a49a5c2e2b72446642888 100644 (file)
@@ -2,18 +2,18 @@
 
 <bindings id="sidebarBindings"
           xmlns="http://www.mozilla.org/xbl"
 
 <bindings id="sidebarBindings"
           xmlns="http://www.mozilla.org/xbl"
-          xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
-  
+          xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+          xmlns:xbl="http://www.mozilla.org/xbl">
+
   <binding id="sbtab" extends="xul:button">
     <content>
       <xul:hbox flex="1">
   <binding id="sbtab" extends="xul:button">
     <content>
       <xul:hbox flex="1">
-        <xul:image class="sbtab-twisty" inherits="selected"/>
-        <xul:label class="sbtab-label" inherits="value=label" crop="right"/>
+        <xul:image class="sbtab-twisty" xbl:inherits="selected"/>
+        <xul:label class="sbtab-label" xbl:inherits="value=label" crop="right"/>
         <xul:spacer flex="1"/>
         <xul:image class="sbtab-texture"/>
       </xul:hbox>
     </content>
   </binding>
 
         <xul:spacer flex="1"/>
         <xul:image class="sbtab-texture"/>
       </xul:hbox>
     </content>
   </binding>
 
-</bindings>
-
+</bindings>
\ No newline at end of file
index b573c18ea10b6ad7a1077c539417ab712ba5f524..74b9c14c96adf32a0229c323798cd1e9b65f3e8d 100644 (file)
@@ -45,6 +45,7 @@
 /* ::::: communicator product icons ::::: */
 
 .taskbutton,
 /* ::::: communicator product icons ::::: */
 
 .taskbutton,
+.taskbutton:hover,
 .taskbutton:hover:active {
   padding: 1px 3px;
   border: none;
 .taskbutton:hover:active {
   padding: 1px 3px;
   border: none;
@@ -98,4 +99,4 @@
 
 #component-bar {
   -moz-box-align: stretch;
 
 #component-bar {
   -moz-box-align: stretch;
-}
+}
\ No newline at end of file
index 3c047921c12b045a08a8346624640e3d23b84017..fcc647582501c9193fc2d93b29aa1259461df177 100755 (executable)
@@ -2,8 +2,8 @@
 
 <bindings id="globalBindings"
    xmlns="http://www.mozilla.org/xbl"
 
 <bindings id="globalBindings"
    xmlns="http://www.mozilla.org/xbl"
-   xmlns:xbl="http://www.mozilla.org/xbl"
-   xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
+   xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+   xmlns:xbl="http://www.mozilla.org/xbl">
 
   <binding id="radio" extends="chrome://global/content/bindings/radio.xml#radio">
     <content>
 
   <binding id="radio" extends="chrome://global/content/bindings/radio.xml#radio">
     <content>
@@ -58,4 +58,4 @@
     </content>
   </binding>
 
     </content>
   </binding>
 
-</bindings>
+</bindings>
\ No newline at end of file
index 91200383c42a54ae0815cdcd6587e10d5977eec5..01a564d55a481957e021c69b422575f9520cce3e 100644 (file)
@@ -36,6 +36,7 @@
  * ***** END LICENSE BLOCK ***** */
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  * ***** END LICENSE BLOCK ***** */
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
 
 /* ===== scrollbars.css =================================================
   == Styles used by XUL scrollbar-related elements.
 
 /* ===== scrollbars.css =================================================
   == Styles used by XUL scrollbar-related elements.
@@ -163,3 +164,95 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {
 scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
    background-image: url("chrome://global/skin/scrollbar/button-up-disabled.gif") !important;
 }
 scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
    background-image: url("chrome://global/skin/scrollbar/button-up-disabled.gif") !important;
 }
+
+/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
+/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
+/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
+@media print {
+  /* ::::: scrollbar ::::: */
+
+  html|div scrollbar {
+    -moz-appearance: scrollbartrack-horizontal;
+    -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
+    cursor: default;
+    background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
+  }
+
+  html|div scrollbar[orient="vertical"] 
+  {
+     -moz-appearance: scrollbartrack-vertical;
+  }
+
+  /* ::::: borders for thumb and buttons ::::: */
+
+  html|div thumb,
+  html|div scrollbarbutton {
+    border: 2px solid;
+    -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
+    -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
+    -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
+    -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
+    background-color: -moz-Dialog;
+  }
+
+  /* ::::: thumb (horizontal) ::::: */
+
+  html|div thumb {
+    -moz-appearance: scrollbarthumb-vertical;
+    min-height: 8px;
+  }
+
+  html|div thumb[orient="horizontal"] {
+    -moz-appearance: scrollbarthumb-horizontal;
+    min-width: 8px;
+  }
+
+  html|div thumb > gripper {
+    -moz-appearance: scrollbargripper-vertical;
+  }
+
+  html|div thumb[orient="horizontal"] > gripper {
+    -moz-appearance: scrollbargripper-horizontal;
+  }
+
+  /* ::::: scrollbar button ::::: */
+
+  html|div scrollbarbutton {
+    background: -moz-Dialog no-repeat 0px 1px;
+    min-width: 16px;
+    min-height: 16px;
+  }
+
+  html|div scrollbarbutton:hover:active {
+    -moz-border-top-colors: ThreeDShadow -moz-Dialog;
+    -moz-border-right-colors: ThreeDShadow -moz-Dialog;
+    -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
+    -moz-border-left-colors: ThreeDShadow -moz-Dialog;
+    background-position: 1px 2px;
+  }
+
+  /* ..... increment .... */
+
+  html|div scrollbarbutton[type="increment"] {
+    -moz-appearance: scrollbarbutton-right;
+    background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
+  }
+
+  html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
+    -moz-appearance: scrollbarbutton-down;
+    background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
+  }
+
+  /* ..... decrement .... */
+
+  html|div scrollbarbutton[type="decrement"] {
+    -moz-appearance: scrollbarbutton-left;
+     background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
+  }
+
+  html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
+    -moz-appearance: scrollbarbutton-up;
+     background-image: url("chrome://global/skin/arrow/arrow-up.gif")
+  }
+
+}
\ No newline at end of file
index d67f16ebeeecaf439180b1c9cd5f9e07b4900629..5557fd3290cb1c04c8d57b23e7c5708a83216d22 100644 (file)
@@ -122,4 +122,4 @@ tab[first-tab="true"][selected="true"] {
 .tabs-bottom > .tabs-right {
   border-top: 1px solid #9C9CFF;
   border-bottom: none;
 .tabs-bottom > .tabs-right {
   border-top: 1px solid #9C9CFF;
   border-bottom: none;
-}
+}
\ No newline at end of file
index 48707f7d2536217dfe7ebc068bfc3bdc0931b2d6..197fdef9a55299d76b07850c580d3d3e1c68e45c 100644 (file)
 textbox {
   -moz-border-radius: 3px;
   cursor: text;
 textbox {
   -moz-border-radius: 3px;
   cursor: text;
-  margin: 2px 4px;
-  border: 1px solid #9C9CFF;
+  margin: 1px 3px;
+  border: 2px solid;
+  -moz-border-top-colors: transparent #9C9CFF;
+  -moz-border-right-colors: transparent #9C9CFF;
+  -moz-border-bottom-colors: transparent #9C9CFF;
+  -moz-border-left-colors: transparent #9C9CFF;
   padding: 1px 0px 1px 2px;
   background-color: #000000;
   color: #E7ADE7;
   padding: 1px 0px 1px 2px;
   background-color: #000000;
   color: #E7ADE7;
+  min-height: 19px;
 }
 
 html|*.textbox-input, 
 }
 
 html|*.textbox-input, 
@@ -85,13 +90,18 @@ textbox[disabled="true"] {
 /* ..... focused state ..... */
 
 textbox[focused="true"] {
 /* ..... focused state ..... */
 
 textbox[focused="true"] {
-  border: 2px solid #FFCF00;
+  -moz-border-top-colors: #FFCF00 #FFCF00;
+  -moz-border-right-colors: #FFCF00 #FFCF00;
+  -moz-border-bottom-colors: #FFCF00 #FFCF00;
+  -moz-border-left-colors: #FFCF00 #FFCF00;
   margin: 1px 3px;
 }
 
 textbox[focused="true"][readonly="true"] {
   margin: 1px 3px;
 }
 
 textbox[focused="true"][readonly="true"] {
-  border: 1px solid #8050B0;
-  margin: 2px 4px;
+  -moz-border-top-colors: transparent #8050B0;
+  -moz-border-right-colors: transparent #8050B0;
+  -moz-border-bottom-colors: transparent #8050B0;
+  -moz-border-left-colors: transparent #8050B0;
 }
 
 /* ::::: plain textbox ::::: */
 }
 
 /* ::::: plain textbox ::::: */
@@ -100,4 +110,5 @@ textbox.plain {
   padding: 0px !important;
   margin: 0px !important;
   border: none !important;
   padding: 0px !important;
   margin: 0px !important;
   border: none !important;
-}
+  min-height: 0px;
+}
\ No newline at end of file
index ff40924c0f6670f2eef5b8ae5e3d7e1e2cc1ec82..8c188c3e12749415a93318f03af87863b2190e6c 100644 (file)
@@ -55,7 +55,8 @@ tree {
 
 treechildren:-moz-tree-row {
   border: 1px solid transparent;
 
 treechildren:-moz-tree-row {
   border: 1px solid transparent;
-  height: 18px;
+  min-height: 18px;
+  height: 1.3em;
 }
 
 treechildren:-moz-tree-row(selected) {
 }
 
 treechildren:-moz-tree-row(selected) {
@@ -133,6 +134,24 @@ treechildren:-moz-tree-drop-feedback(selected) {
   background-color: #FFCF00;
 }
 
   background-color: #FFCF00;
 }
 
+/* ::::: tree progress meter ::::: */
+
+treechildren:-moz-tree-progressmeter {
+  margin: 0px 0px;
+  border: 1px solid #FF9F00;
+  background-color: #000000;
+  color: #008484;
+}
+
+treechildren:-moz-tree-progressmeter(progressUndetermined) {
+  list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
+  background-color: #008484;
+}
+
+treechildren:-moz-tree-cell-text(progressmeter) {
+  margin: 2px 4px;
+}
+
 /* ::::: tree columns ::::: */
 
 treecol { 
 /* ::::: tree columns ::::: */
 
 treecol { 
@@ -239,17 +258,18 @@ treecolpicker:hover:active > .tree-columnpicker-icon {
 
 treechildren:-moz-tree-twisty {
   padding-right: 2px;
 
 treechildren:-moz-tree-twisty {
   padding-right: 2px;
-  width: 12px; /* The image's width is 12 pixels */
+  padding-top: 1px;
+  width: 11px; /* The image's width is 11 pixels */
   list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
 }
   
 treechildren:-moz-tree-twisty(open) {
   list-style-image: url("chrome://global/skin/tree/twisty-closed.gif");
 }
   
 treechildren:-moz-tree-twisty(open) {
-  width: 12px; /* The image's width is 12 pixels */
+  width: 11px; /* The image's width is 11 pixels */
   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
 }
 
 treechildren:-moz-tree-indentation {
   list-style-image: url("chrome://global/skin/tree/twisty-open.gif");
 }
 
 treechildren:-moz-tree-indentation {
-  width: 10px;
+  width: 11px;
 }
 
 /* ::::: gridline style ::::: */
 }
 
 /* ::::: gridline style ::::: */
@@ -261,4 +281,4 @@ treechildren.gridlines:-moz-tree-cell {
 
 treechildren.gridlines:-moz-tree-row {
   border: none;
 
 treechildren.gridlines:-moz-tree-row {
   border: none;
-}
+}
\ No newline at end of file
diff --git a/LCARStrek/messenger/fakeAccount.css b/LCARStrek/messenger/fakeAccount.css
new file mode 100644 (file)
index 0000000..3d287c5
--- /dev/null
@@ -0,0 +1,4 @@
+/* distributors / ISPs can override this to add hooks in the folder pane
+ * to create accounts 
+ * see http://www.mozilla.org/mailnews/arch/fakeaccounts.html
+ */
diff --git a/LCARStrek/messenger/smime/icons/hdrSignUnknown.gif b/LCARStrek/messenger/smime/icons/hdrSignUnknown.gif
new file mode 100644 (file)
index 0000000..79f6d17
Binary files /dev/null and b/LCARStrek/messenger/smime/icons/hdrSignUnknown.gif differ
diff --git a/LCARStrek/messenger/smime/icons/sbSignUnknown.gif b/LCARStrek/messenger/smime/icons/sbSignUnknown.gif
new file mode 100644 (file)
index 0000000..e91bffd
Binary files /dev/null and b/LCARStrek/messenger/smime/icons/sbSignUnknown.gif differ
index 7537a42117bab92f07e777dc58202fe5fe8724c9..aea639705e499b2e65bdd9ecb4e2e062c7f92608 100644 (file)
   visibility: visible;
 }
 
   visibility: visible;
 }
 
+#signedHdrIcon[signed="unknown"] {
+  list-style-image: url("chrome://messenger/skin/smime/icons/hdrSignUnknown.gif");
+  visibility: visible;
+}
+
 #signedHdrIcon[signed="notok"] {
   list-style-image: url("chrome://messenger/skin/smime/icons/hdrSignNotOk.gif");
   visibility: visible;
 #signedHdrIcon[signed="notok"] {
   list-style-image: url("chrome://messenger/skin/smime/icons/hdrSignNotOk.gif");
   visibility: visible;
@@ -66,4 +71,4 @@
 #encryptedHdrIcon[encrypted="notok"] {
   list-style-image: url("chrome://messenger/skin/smime/icons/hdrCryptoNotOk.gif");
   visibility: visible;
 #encryptedHdrIcon[encrypted="notok"] {
   list-style-image: url("chrome://messenger/skin/smime/icons/hdrCryptoNotOk.gif");
   visibility: visible;
-}
+}
\ No newline at end of file
index 0f9590bfe1101846d98e5e607a94b01a56d58e39..118942c053a7e2e65969d3dc10c858729b4a1e91 100644 (file)
   visibility: visible;
 }
 
   visibility: visible;
 }
 
+#status-bar[signed="unknown"] #signed-status {
+  list-style-image: url("chrome://messenger/skin/smime/icons/sbSignUnknown.gif");
+  visibility: visible;
+}
+
 #status-bar[signed="notok"] #signed-status {
   list-style-image: url("chrome://messenger/skin/smime/icons/sbSignNotOk.gif");
   visibility: visible;
 #status-bar[signed="notok"] #signed-status {
   list-style-image: url("chrome://messenger/skin/smime/icons/sbSignNotOk.gif");
   visibility: visible;
@@ -67,4 +72,4 @@
 #status-bar[encrypted="notok"] #encrypted-status {
   list-style-image: url("chrome://messenger/skin/smime/icons/sbCryptoNotOk.gif");
   visibility: visible;
 #status-bar[encrypted="notok"] #encrypted-status {
   list-style-image: url("chrome://messenger/skin/smime/icons/sbCryptoNotOk.gif");
   visibility: visible;
-}
+}
\ No newline at end of file
index e138e657987bdba4494652ee6db7db89034144a2..ef67fd953727b4511da17d4188ab5e6315dba4dd 100644 (file)
   list-style-image: url("chrome://global/skin/icons/print-disabled.gif") !important;
 }
 
   list-style-image: url("chrome://global/skin/icons/print-disabled.gif") !important;
 }
 
+#clear-button {
+  list-style-image: url("chrome://global/skin/icons/close-button.gif");
+}
+
 /* Hides text below the above buttons */
 .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text,
 .toolbarbutton-1 > .toolbarbutton-text {
 /* Hides text below the above buttons */
 .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text,
 .toolbarbutton-1 > .toolbarbutton-text {
@@ -215,7 +219,11 @@ toolbar[toolbarmode="small"] > toolbargrippy {
 
 #urlbar {
   -moz-border-radius: 5px;
 
 #urlbar {
   -moz-border-radius: 5px;
-  border: 1px solid #9C9CFF;
+  border: 1px solid;
+  -moz-border-top-colors: #9C9CFF;
+  -moz-border-right-colors: #9C9CFF;
+  -moz-border-bottom-colors: #9C9CFF;
+  -moz-border-left-colors: #9C9CFF;
   background-color: #000000;
   margin: 0px 7px 0px 0px;
 }
   background-color: #000000;
   margin: 0px 7px 0px 0px;
 }
@@ -333,4 +341,4 @@ toolbar[toolbarmode="small"] > toolbargrippy {
 #status-bar {
   border-top: none;
 }
 #status-bar {
   border-top: none;
 }
-*/
+*/
\ No newline at end of file