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

index 07d4b5c1c53bea5b3c3f6cf20643e781d28b6831..839ba2709bdad63172482a8e515b3824a03ccba8 100644 (file)
@@ -40,6 +40,8 @@
   == Styles specific to the alerts dialog.
   ======================================================================= */
 
+@import url("chrome://global/skin/");
+
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 .alertBox {
   font-weight: bold;
 }
 
+.alertText {
+  margin-right: 6px;
+}
+
 .alertText[clickable="true"] {
   cursor: pointer;
   color: #1455D6;
@@ -69,4 +75,4 @@
 
 .alertText[clickable="true"]:hover:active {
   color: #424F63;
-}
+}
\ No newline at end of file
index 2c5fc1657f901be5173c7c3256016cefab7e83c7..38138ea3bce52b2dd3a3f84fb1a7edc425acf698 100644 (file)
   text-decoration: underline;
 }
 
+.text-link:focus {
+  color: red;
+  -moz-outline: 1px dotted invert;
+}
+
 .text-link:hover {
   cursor: pointer;
 }
@@ -53,4 +58,4 @@
 
 .text-link[visited="true"] {
   color: purple;
-}
+}
\ No newline at end of file
diff --git a/EarlyBlue/communicator/sidebar/sb-closed.gif b/EarlyBlue/communicator/sidebar/sb-closed.gif
new file mode 100644 (file)
index 0000000..446bb55
Binary files /dev/null and b/EarlyBlue/communicator/sidebar/sb-closed.gif differ
diff --git a/EarlyBlue/communicator/sidebar/sb-open.gif b/EarlyBlue/communicator/sidebar/sb-open.gif
new file mode 100644 (file)
index 0000000..39ed6e4
Binary files /dev/null and b/EarlyBlue/communicator/sidebar/sb-open.gif differ
index f8168bb0c01c9c69d9ae9ed3d85d0872f0a503f8..b272d539a074f5692568ad7b996b6f001bc9de52 100644 (file)
 
 @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 {
   margin-top: 0px;
   border: none;
 
 .tab-back {
   list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
-}
+}
\ No newline at end of file
index b0029552bef809f52d05495891eb9683b0078ff7..04500f010e5d15dd2213a55395eeec958bc1c0b8 100644 (file)
@@ -2,15 +2,16 @@
 
 <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: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"/>
     </content>
   </binding>
 
-</bindings>
+</bindings>
\ No newline at end of file
index c5172e80e089d652eb0242df01e67b18c59568ad..39d77040809458587890264621ed75c60058d0b4 100644 (file)
@@ -45,6 +45,7 @@
 /* ::::: communicator product icons ::::: */
 
 .taskbutton,
+.taskbutton:hover,
 .taskbutton:hover:active {
   padding: 1px 3px;
   border: none;
@@ -98,4 +99,4 @@
 
 #component-bar {
   -moz-box-align: stretch;
-}
+}
\ No newline at end of file
index 160e163e44ffb6d671c6a19fce2c5e4683f0333c..3d1d0a0302932171dcda11350e0bb12b4515b181 100644 (file)
@@ -150,4 +150,4 @@ statusbarpanel {
 
 .toolbar-focustarget {
   -moz-user-focus: ignore !important;
-}
+}
\ No newline at end of file
index 98cae530435873ca39c50ecefe3ef89cb52f5ef7..deccdb6ec2e22cd976995cc94ff4d81120e4b234 100644 (file)
@@ -2,21 +2,21 @@
 
 <bindings id="globalBindings"
    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="radio"
-           extends="chrome://global/content/bindings/radio.xml#radio">
+  <binding id="radio" extends="chrome://global/content/bindings/radio.xml#radio">
     <content>
-      <xul:hbox class="radio-check-box1" inherits="selected,checked,disabled">
+      <xul:hbox class="radio-check-box1" xbl:inherits="selected,checked,disabled">
         <xul:hbox class="radio-check-box2" flex="1">
-          <xul:image class="radio-check" inherits="selected,checked,disabled"/>
+          <xul:image class="radio-check" xbl:inherits="selected,checked,disabled"/>
         </xul:hbox>
       </xul:hbox>
       <xul:hbox class="radio-label-box" flex="1">
-        <xul:image class="radio-icon" inherits="src"/>
-        <xul:label class="radio-label" inherits="xbl:text=label,accesskey,crop" flex="1"/>
+        <xul:image class="radio-icon" xbl:inherits="src"/>
+        <xul:label class="radio-label" xbl:inherits="xbl:text=label,accesskey,crop" flex="1"/>
       </xul:hbox>
     </content>
   </binding>
 
-</bindings>
+</bindings>
\ No newline at end of file
index cc59ec0872e33c0a5d0ff1bab8ebc33a0e10fd2d..209578d0c68b92c48c1f932cd837ff6f64ba2bfd 100644 (file)
@@ -36,6 +36,7 @@
  * ***** 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.
@@ -138,3 +139,95 @@ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
 scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
    background-image: url("chrome://global/skin/scrollbar/button-up-disabled.gif")
 }
+
+/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
+/* ::::::::::::::::::::: 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 c84a7200e56cb647db4d4572a032aa3d8b18dc8d..ee41d8fceabfbd100a7bb6e402505ae50b8abb05 100644 (file)
@@ -80,6 +80,11 @@ tab {
 
 tab[selected="true"]  {
   font-weight: bold;
+  background-color: #EDF1FF;
+}
+
+tab:hover {
+  color: #336699;
 }
 
 /*
@@ -108,4 +113,4 @@ tab[first-tab="true"][selected="true"] {
 .tabs-bottom > .tabs-right {
   border-top: 1px solid #666699;
   border-bottom: none;
-}
+}
\ No newline at end of file
index e5791898733f99ff5227364f1f18f88fd028076c..3d81480b2011682738ecd176a608f1cca85ecf26 100644 (file)
 
 textbox {
   cursor: text;
-  margin: 2px 4px;
-  border: 1px inset #CCD0DD;
+  margin: 1px 3px;
+  border: 2px solid;
+  -moz-border-top-colors: transparent #71737A;
+  -moz-border-right-colors: transparent #EFF0F4;
+  -moz-border-bottom-colors: transparent #EFF0F4;
+  -moz-border-left-colors: transparent #71737A;
   padding: 1px 0px 1px 2px;
   background-color: #FFFFFF;
   color: #000000;
+  min-height: 19px;
 }
 
 html|*.textbox-input, 
@@ -81,13 +86,18 @@ textbox[disabled="true"] {
 } 
 
 textbox[focused="true"] {
-  border: 2px solid #6699cc;
+  -moz-border-top-colors: #6699CC #6699CC;
+  -moz-border-right-colors: #6699CC #6699CC;
+  -moz-border-bottom-colors: #6699CC #6699CC;
+  -moz-border-left-colors: #6699CC #6699CC;
   margin: 1px 3px;
 }
 
 textbox[focused="true"][readonly="true"] {
-  border: 1px inset #CCCCCC;
-  margin: 2px 4px;
+  -moz-border-top-colors: transparent #717171;
+  -moz-border-right-colors: transparent #EFEFEF;
+  -moz-border-bottom-colors: transparent #EFEFEF;
+  -moz-border-left-colors: transparent #717171;
 }
 
 /* ::::: plain textbox ::::: */
@@ -96,4 +106,5 @@ textbox.plain {
   padding: 0px !important;
   margin: 0px !important;
   border: none !important;
-}
+  min-height: 0px;
+}
\ No newline at end of file
index 8eb3840c4f939ebe0721115c2647ec172b435387..1a9265f2c182681537a1526cb0682c851ad72f42 100644 (file)
@@ -64,10 +64,12 @@ toolbarbutton {
   text-align: center;
 }
 
+/*
 toolbarbutton:hover,
 toolbarbutton[buttonover="true"],
 toolbarbutton.toolbarbutton-menubutton-button[open="true"] {
 } 
+*/
 
 toolbarbutton:hover {
   border: 1px outset #CCD0DD;
index 545b125c604b26a0e92d9a2a59f4c712a6fa0521..45109d702fd94e16f144392f569817f50d6000bc 100644 (file)
@@ -55,7 +55,8 @@ tree {
 
 treechildren:-moz-tree-row {
   border: 1px solid transparent;
-  height: 18px;
+  min-height: 18px;
+  height: 1.3em;
 }
 
 treechildren:-moz-tree-row(selected) {
@@ -129,6 +130,24 @@ treechildren:-moz-tree-drop-feedback(selected) {
   background-color: #FFFFFF;
 }
 
+/* ::::: tree progress meter ::::: */
+
+treechildren:-moz-tree-progressmeter {
+  margin: 0px 0px;
+  border: 1px inset #CCD0DD;
+  background-color: #999999;
+  color: #6699CC;
+}
+
+treechildren:-moz-tree-progressmeter(progressUndetermined) {
+  list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
+  background-color: #CCD0DD;
+}
+
+treechildren:-moz-tree-cell-text(progressmeter) {
+  margin: 2px 4px;
+}
+
 /* ::::: tree columns ::::: */
 
 treecol { 
@@ -225,17 +244,18 @@ treechildren:-moz-tree-column(insertafter) {
 
 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) {
-  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 {
-  width: 10px;
+  width: 11px;
 }
 
 /* ::::: gridline style ::::: */
@@ -247,4 +267,4 @@ treechildren.gridlines:-moz-tree-cell {
 
 treechildren.gridlines:-moz-tree-row {
   border: none;
-}
+}
\ No newline at end of file
index d58a6dbdaf52c00ec4dc0152bccdafe93827d9f7..bc855f3ee52da14fe6edfab014e0ba500157abc2 100644 (file)
@@ -64,7 +64,7 @@
   border-bottom: 1px solid #CCD0DD;
   padding: 0px;
 }
-  
+
 .addressingWidgetCell:first-child {
   border-top: none;
 }
@@ -77,4 +77,4 @@
 .person-icon {
   margin: 0px 3px;
   list-style-image: url("chrome://messenger/skin/addressbook/icons/abcard.gif");
-}
+}
\ No newline at end of file
diff --git a/EarlyBlue/messenger/fakeAccount.css b/EarlyBlue/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/EarlyBlue/messenger/smime/icons/hdrSignUnknown.gif b/EarlyBlue/messenger/smime/icons/hdrSignUnknown.gif
new file mode 100644 (file)
index 0000000..0fb4756
Binary files /dev/null and b/EarlyBlue/messenger/smime/icons/hdrSignUnknown.gif differ
diff --git a/EarlyBlue/messenger/smime/icons/sbSignUnknown.gif b/EarlyBlue/messenger/smime/icons/sbSignUnknown.gif
new file mode 100644 (file)
index 0000000..59599ff
Binary files /dev/null and b/EarlyBlue/messenger/smime/icons/sbSignUnknown.gif differ
index 7537a42117bab92f07e777dc58202fe5fe8724c9..aea639705e499b2e65bdd9ecb4e2e062c7f92608 100644 (file)
   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;
@@ -66,4 +71,4 @@
 #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;
 }
 
+#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;
@@ -67,4 +72,4 @@
 #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 0b48ec7c2d9ce5155e90bc942d9af87f70abb6ad..8705452e44f8aee51340a0c262dd2ffbea96188d 100644 (file)
   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 {
@@ -165,11 +169,15 @@ toolbar[toolbarmode="small"] > toolbargrippy {
 #nav-bar-inner {
   padding-left: 0px;
   min-width: 0px;
-  margin: 7px 4px 8px 4px; 
+  margin: 7px 4px 8px 4px;
 }
   
 #urlbar {
-  border: 1px inset #CCD0DD;
+  border: 1px solid;
+  -moz-border-top-colors: #71737A;
+  -moz-border-right-colors: #EFF0F4;
+  -moz-border-bottom-colors: #EFF0F4;
+  -moz-border-left-colors: #71737A;
   margin: 0px 7px 0px 0px;
 }  
 
@@ -283,4 +291,4 @@ toolbar[toolbarmode="small"] > toolbargrippy {
 #status-bar {
   border-top: none;
 }
-*/
+*/
\ No newline at end of file