make HTML-based video controls work while keeping the XUL-based ones intact - this...

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

diff --git a/LCARStrek/global/aboutReaderContent.css b/LCARStrek/global/aboutReaderContent.css
index 8412751395944780199dbc930885f93aa92d8c67..633391d3720c39fbd408904d73d4a9da20aa503c 100644 (file)
--- a/LCARStrek/global/aboutReaderContent.css
+++ b/LCARStrek/global/aboutReaderContent.css
@@ -8,6 +8,56 @@
   line-height: 1.6em;
 }
 
+#moz-reader-content.line-height1 {
+  line-height: 1em;
+}
+
+#moz-reader-content.line-height2 {
+  line-height: 1.2em;
+}
+
+#moz-reader-content.line-height3 {
+  line-height: 1.4em;
+}
+
+#moz-reader-content.line-height4 {
+  line-height: 1.6em;
+}
+
+#moz-reader-content.line-height5 {
+  line-height: 1.8em;
+}
+
+#moz-reader-content.line-height6 {
+  line-height: 2.0em;
+}
+
+#moz-reader-content.line-height7 {
+  line-height: 2.2em;
+}
+
+#moz-reader-content.line-height8 {
+  line-height: 2.4em;
+}
+
+#moz-reader-content.line-height9 {
+  line-height: 2.6em;
+}
+
+@media print {
+  p,
+  code,
+  pre,
+  blockquote,
+  ul,
+  ol,
+  li,
+  figure,
+  .wp-caption {
+    margin: 0 0 10px 0 !important;
+  }
+}
+
 h1,
 h2,
 h3 {
@@ -29,18 +79,21 @@ h3 {
   line-height: 1.66em;
 }
 
-a {
+a:link {
   text-decoration: underline;
   font-weight: normal;
 }
 
-a,
-a:visited,
-a:hover,
-a:active {
+a:link,
+a:link:hover,
+a:link:active {
   color: #0095dd;
 }
 
+a:visited {
+  color: #c2e;
+}
+
 * {
   max-width: 100%;
   height: auto;
@@ -55,7 +108,18 @@ ol,
 li,
 figure,
 .wp-caption {
-  margin: 0 0 30px 0;
+  margin: -10px -10px 20px -10px;
+  padding: 10px;
+  border-radius: 5px;
+}
+
+li {
+  margin-bottom: 0;
+}
+
+li > ul,
+li > ol {
+  margin-bottom: -10px;
 }
 
 p > img:only-child,
@@ -85,7 +149,7 @@ pre {
 
 blockquote {
   padding: 0;
-  -moz-padding-start: 16px;
+  padding-inline-start: 16px;
 }
 
 ul,
@@ -94,12 +158,12 @@ ol {
 }
 
 ul {
-  -moz-padding-start: 30px;
+  padding-inline-start: 30px;
   list-style: disc;
 }
 
 ol {
-  -moz-padding-start: 30px;
+  padding-inline-start: 30px;
   list-style: decimal;
 }