Bug 1228625 - Tweak some Today-pane styles. r=Fallen

--HG--
extra : rebase_source : 69b197a79ce0962281bdd13a4e124854cd6ef25a

calendar/base/content/today-pane.xul

@@ -84,7 +84,8 @@
                   <image id="mini-day-image" flex="1"/>
                   <hbox flex="1">
                     <stack id="dateContainer">
-                      <hbox pack="center">
+                      <hbox pack="center"
+                            align="center">
                         <label id="datevalue-label" class="dateValue"
                                ondblclick="TodayPane.onDoubleClick(event);"
                                onmousedown="TodayPane.onMousedown(event);"/>

calendar/base/themes/common/today-pane.css

@@ -3,7 +3,6 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 .today-subpane {
-  border-color: ThreeDShadow;
   border-style: solid;
   border-width: 1px 0;
   margin-bottom: 3px;
@@ -41,12 +40,6 @@
   background-color: -moz-Dialog;
 }
 
-#mini-day-image {
-  background-image: linear-gradient(transparent, transparent 48%,
-                    rgba(0, 0, 0, .02) 52%, rgba(0, 0, 0, .1));
-}
-
-#mini-day-box,
 #today-minimonth-box {
   background-color: -moz-field;
 }
@@ -59,13 +52,13 @@
 }
 
 .monthlabel {
-  -moz-margin-end: 0px;
+  margin-inline-end: 0;
 }
 
 .dateValue {
   font-family: Arial, Helvetica, Trebuchet MS, Lucida Grande, sans-serif;
-  margin-top: 0px;
-  padding-top: 0px;
+  margin-top: initial;
+  margin-bottom: initial;
   font-size: 36px;
   font-weight: bold;
   width: 1em;

calendar/base/themes/linux/today-pane.css

@@ -24,6 +24,14 @@
   z-index: 10;
 }
 
+.today-subpane {
+  border-color: ThreeDShadow;
+}
+
+#mini-day-image {
+  background-image: linear-gradient(transparent, rgba(0, 0, 0, .1));
+}
+
 .miniday-nav-buttons {
   max-width: 19px;
 }

calendar/base/themes/osx/today-pane.css

@@ -27,6 +27,18 @@
    display: none;
 }
 
+.today-subpane {
+  border-color: #b8b8b8;
+}
+
+.monthlabel {
+  margin-bottom: 1px;
+}
+
+#mini-day-image {
+  background: linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 83%));
+}
+
 #agenda-toolbar {
   background-color: -moz-dialog;
   color: -moz-dialogtext;
@@ -39,6 +51,23 @@
 }
 
 @media (-moz-mac-yosemite-theme) {
+  #today-pane-panel {
+    border-top: solid 1px rgba(0, 0, 0, 0.37);
+  }
+
+  #today-pane-panel:-moz-window-inactive {
+    border-top-color: rgba(0, 0, 0, 0.2);
+    background-color: hsl(0, 0%, 97%);
+  }
+
+  #mini-day-image:-moz-window-inactive {
+    background: linear-gradient(hsl(0, 0%, 97%), hsl(0, 0%, 95%));
+  }
+
+  #agenda-toolbar:-moz-window-inactive {
+    background-color: hsl(0, 0%, 97%);
+  }
+
   #todaypane-new-event-button {
     list-style-image: url(chrome://calendar-common/skin/calendar-toolbar.svg#newevent-flat);
   }

calendar/base/themes/windows/today-pane.css

@@ -8,6 +8,21 @@
   background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 19px);
 }
 
+.today-subpane {
+  border-color: ThreeDShadow;
+}
+
+#mini-day-image {
+  background-image: linear-gradient(transparent, rgba(0, 0, 0, .1));
+}
+
+@media (-moz-os-version: windows-win8),
+       (-moz-os-version: windows-win10) {
+  #mini-day-image {
+    background-image: none;
+  }
+}
+
 .miniday-nav-buttons {
   list-style-image: url("chrome://calendar-common/skin/widgets/nav-arrow.svg");
 }
@@ -47,6 +62,10 @@
 }
 
 @media not all and (-moz-os-version: windows-xp) {
+  #today-none-box {
+    border-top: 1px solid ThreeDShadow;
+  }
+
   #todaypane-new-event-button {
     list-style-image: url(chrome://calendar-common/skin/calendar-toolbar.svg#newevent);
   }