first part of syncing both themes with toolkit windows theme changes in Mozilla 53...
[themes.git] / EarlyBlue / global / aboutReaderControls.css
index 1a602d84e89962506ef5f994642e92581f153dd6..c3baba628c6e0e3be098e04eb4befd98cb1178e7 100644 (file)
 .header > .credits {
   font-size: 0.9em;
   line-height: 1.48em;
-  margin: 0 0 30px 0;
+  margin: 0 0 10px 0;
   padding: 0;
   font-style: italic;
 }
 
+.header > .meta-data {
+  font-size: 0.65em;
+  margin: 0 0 15px 0;
+}
+
 /*======= Controls toolbar =======*/
 
 .toolbar {
   border-radius: 4px;
   border: 1px solid #b5b5b5;
   border-bottom-width: 0;
-  box-shadow: 0 1px 12px #666;
+  box-shadow: 0 1px 3px #c1c1c1;
 }
 
 .keep-open .dropdown-popup {
   position: absolute;
   top: 30px; /* offset arrow from top of popup */
   left: -16px;
-  width: 24px;
+  width: 16px;
   height: 24px;
   background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg");
   display: block;
 .content-width-minus-button,
 .content-width-plus-button,
 .line-height-minus-button,
-.line-height-plus-button  {
+.line-height-plus-button {
   background-color: transparent;
   border: 0;
   background-size: 18px 18px;
   background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg");
 }
 
-#pocket-button {
-  background-image: url("chrome://global/skin/reader/pocket.svg#pocket-mark");
-}
-
-#pocket-button:hover:active {
-  background-image: url("chrome://global/skin/reader/pocket.svg#pocket-mark-added");
-}
-
 .content-width-minus-button {
   background-size: 42px 16px;
   background-image: url("chrome://global/skin/reader/RM-Content-Width-Minus-42x16.svg");