sync both themes with toolkit windows theme changes in Mozilla 55 cycle

[themes.git] / LCARStrek / global / aboutReaderControls.css

diff --git a/LCARStrek/global/aboutReaderControls.css b/LCARStrek/global/aboutReaderControls.css
index c3baba628c6e0e3be098e04eb4befd98cb1178e7..2a4b66e5414aa0766e3704bb738ffd9cae7a7e40 100644 (file)
--- a/LCARStrek/global/aboutReaderControls.css
+++ b/LCARStrek/global/aboutReaderControls.css
@@ -257,6 +257,19 @@
 }
 
 /* Font sizes are different per-platform, so we need custom CSS to line them up. */
+%ifdef XP_MACOSX
+#font-type-buttons > .sans-serif-button > .name {
+  margin-top: 10px;
+}
+
+#font-type-buttons > .sans-serif-button > .description {
+  margin-top: -4px;
+}
+
+#font-type-buttons > .serif-button > .name {
+  font-size: 63px;
+}
+%elifdef XP_WIN
 #font-type-buttons > .sans-serif-button > .name {
   margin-top: 2px;
 }
@@ -268,6 +281,19 @@
 #font-type-buttons > .serif-button > .name {
   font-size: 63px;
 }
+%else
+#font-type-buttons > .sans-serif-button > .name {
+  margin-top: 5px;
+}
+
+#font-type-buttons > .sans-serif-button > .description {
+  margin-top: -8px;
+}
+
+#font-type-buttons > .serif-button > .name {
+  font-size: 70px;
+}
+%endif
 
 .button:hover,
 #font-size-buttons > button:hover,
@@ -309,20 +335,21 @@
 /*======= Toolbar icons =======*/
 
 .close-button {
-  background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close");
+  background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg");
+  -moz-context-properties: fill;
+  fill: #808080;
   height: 68px;
   background-position: center 8px;
 }
 
 .close-button:hover {
-  background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
+  fill: #fff;
   background-color: #d94141;
   border-bottom: 1px solid #d94141;
   border-right: 1px solid #d94141;
 }
 
 .close-button:hover:active {
-  background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
   background-color: #AE2325;
   border-bottom: 1px solid #AE2325;
   border-right: 1px solid #AE2325;