projects
/
themes.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
second part of syncing LCARStrek with Firefox 55 browser windows theme changes
[themes.git]
/
LCARStrek
/
global
/
aboutReaderControls.css
diff --git
a/LCARStrek/global/aboutReaderControls.css
b/LCARStrek/global/aboutReaderControls.css
index f70b0a06e4591b218093f72e5313cf93d6c1de45..2a4b66e5414aa0766e3704bb738ffd9cae7a7e40 100644
(file)
--- a/
LCARStrek/global/aboutReaderControls.css
+++ b/
LCARStrek/global/aboutReaderControls.css
@@
-63,11
+63,16
@@
.header > .credits {
font-size: 0.9em;
line-height: 1.48em;
.header > .credits {
font-size: 0.9em;
line-height: 1.48em;
- margin: 0 0
3
0px 0;
+ margin: 0 0
1
0px 0;
padding: 0;
font-style: italic;
}
padding: 0;
font-style: italic;
}
+.header > .meta-data {
+ font-size: 0.65em;
+ margin: 0 0 15px 0;
+}
+
/*======= Controls toolbar =======*/
.toolbar {
/*======= Controls toolbar =======*/
.toolbar {
@@
-134,7
+139,7
@@
border-radius: 4px;
border: 1px solid #b5b5b5;
border-bottom-width: 0;
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 {
}
.keep-open .dropdown-popup {
@@
-153,7
+158,7
@@
position: absolute;
top: 30px; /* offset arrow from top of popup */
left: -16px;
position: absolute;
top: 30px; /* offset arrow from top of popup */
left: -16px;
- width:
24
px;
+ width:
16
px;
height: 24px;
background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg");
display: block;
height: 24px;
background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg");
display: block;
@@
-252,6
+257,19
@@
}
/* Font sizes are different per-platform, so we need custom CSS to line them up. */
}
/* 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 > .sans-serif-button > .name {
margin-top: 2px;
}
@@
-263,6
+281,19
@@
#font-type-buttons > .serif-button > .name {
font-size: 63px;
}
#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,
.button:hover,
#font-size-buttons > button:hover,
@@
-304,20
+335,21
@@
/*======= Toolbar icons =======*/
.close-button {
/*======= 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 {
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-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;
background-color: #AE2325;
border-bottom: 1px solid #AE2325;
border-right: 1px solid #AE2325;