.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;
}
/* 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;
}
#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,
/*======= 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;