From 9e9a1b5864a925153d3670eeea33ba042cb0cf7d Mon Sep 17 00:00:00 2001
From: Papoteur <papoteur@mageia.org>
Date: Sun, 11 Jun 2023 15:31:35 +0200
Subject: Adding or refreshing draklive in nl
---
draklive/9/nl/content/webhelp-custom.css | 369 +++++++++++++++++++++++++++++++
1 file changed, 369 insertions(+)
create mode 100644 draklive/9/nl/content/webhelp-custom.css
(limited to 'draklive/9/nl/content/webhelp-custom.css')
diff --git a/draklive/9/nl/content/webhelp-custom.css b/draklive/9/nl/content/webhelp-custom.css
new file mode 100644
index 00000000..1d695ea5
--- /dev/null
+++ b/draklive/9/nl/content/webhelp-custom.css
@@ -0,0 +1,369 @@
+/* ====== Title page ====== */
+div.book > div.titlepage h1 {
+ text-align: center;
+ color: #f09100;
+ font-size: 200%;
+}
+
+div.book > div.titlepage h2.subtitle {
+ font-style: normal;
+ text-align: center;
+}
+
+/* ====== Titles ====== */
+div.titlepage {
+ font-family: sans-serif;
+}
+
+div.titlepage h2, div.titlepage h3, div.titlepage h4,
+div.titlepage h5, div.titlepage h6 {
+ font-style: italic;
+}
+
+div.chapter div.titlepage h2,
+div.appendix div.titlepage h2,
+div.preface div.titlepage h2 {
+ font-size: 180%;
+ color: #f09100;
+}
+
+#content div.section div.titlepage h2 {
+ font-size: 160%;
+ color: darkgreen;
+}
+
+div.section div.titlepage h3 {
+ font-size: 140%;
+ color: #656567;
+}
+
+div.section div.titlepage h4 {
+ font-size: 120%;
+ color: #656567;
+}
+
+div.section div.titlepage h5 {
+ font-size: 100%;
+ color: #656567;
+}
+@media screen and (max-width: 700px) {
+ #leftnavigation {
+ position: fixed;
+ z-index: 2;
+ display: none;
+ top: 0px;
+ width: 100%;
+ }
+
+ #content {
+ position: relative;
+ z-index: 1;
+ top: 0px;
+ padding-bottom: 32px;
+ margin: 0;
+ }
+
+ #header {
+ position: relative;
+ z-index: 1;
+ height: auto;
+ padding: 10px 0px;
+ }
+
+ #navheader {
+ position:relative;
+ top: 0px;
+ margin-right: 10px;
+ }
+
+ #header h1 {
+ margin-right: 10px;
+ margin-left: 10px;
+ }
+
+ .pointRight {
+ background: url("loupe.svg") 0px 0 no-repeat;
+ width: 28px;
+ }
+ .pointLeft {
+ background: url("loupe.svg") 0px 0 no-repeat;
+ width: 28px;
+ }
+
+ .loupe{
+ height: 28px;
+ width: 28px;
+ }
+}
+
+@media screen and (min-width: 701px) {
+ #leftnavigation {
+ width: 315px;
+ }
+
+ #content {
+ padding-bottom: 32px;
+ }
+
+ #header {
+ height: auto;
+ border-bottom: 2px solid #8B8B8B;
+ }
+
+ #navheader {
+ position: static;
+ right: 20px;
+ top: 0px;
+ }
+
+ #header h1 {
+ margin: 4px 0 0 5px;
+ }
+
+ .pointLeft {
+ background: url("../common/images/showHideTreeIcons.png") 0px 0 no-repeat;
+ }
+
+ .pointRight {
+ background: url("../common/images/showHideTreeIcons.png") -15px 0 no-repeat;
+ }
+
+ .loupe{
+ height: 28px;
+ width: 16px;
+ }
+}
+
+div.section div.titlepage h6 {
+ font-size: 100%;
+ color: #656567;
+}
+
+#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
+ margin-top: 16px;
+}
+
+#content h1, #content h2 {
+ color: #f09100;
+ font-family: sans-serif;
+}
+
+/* ====== Header, Footer ====== */
+#header {
+ background: none;
+}
+
+#navheader {
+ position: static;
+ float: left;
+ padding-top: 13px;
+}
+
+#headerlogo {
+ float: right;
+ padding: 5px 5px 0px 0px;
+}
+
+#headerlogo img {
+ max-height: 40px;
+ height: auto;
+ margin-top: 10%;
+}
+
+#pagetitle {
+ padding-top: 6px;
+ font: bold 12px sans-serif;
+ color: #656567;
+ text-align: center;
+}
+
+.navfooter a, #navheader a {
+ color: #d07100;
+}
+
+/* ====== Tree ====== */
+.treeview .hover {
+ color: #d07100;
+}
+
+/* ====== TOCs ====== */
+.toc > p, .list-of-figures > p, .list-of-tables > p, .list-of-examples > p {
+ font-size: 120%;
+ color: #f09100;
+ font-family: sans-serif;
+ font-style: italic;
+}
+
+#content .toc > p, #content .list-of-figures > p, #content .list-of-tables > p,
+#content .list-of-examples > p {
+ font-size: 120%;
+ color: #f09100;
+ font-family: sans-serif;
+ font-style: italic;
+}
+
+.toc a:visited, .list-of-figures a:visited, .list-of-tables a:visited,
+.list-of-examples a:visited {
+ color: #555557;
+ font-family: sans-serif;
+}
+
+.toc a:link, .list-of-figures a:link, .list-of-tables a:link,
+.list-of-examples a:link {
+ color: #252527;
+ font-family: sans-serif;
+}
+
+/* ====== Content ====== */
+#content p, #content ul, #content ol, #content li {
+ font: 12px serif;
+ color: black;
+}
+
+li p {
+ margin: 4px 0px 4px 0px;
+}
+
+div.revhistory table {
+ border-collapse: collapse;
+}
+
+div.revhistory th {
+ text-align: center;
+}
+
+.programlisting {
+ background-color: #eeeeee;
+ padding: 4px;
+}
+
+.screen {
+ background-color: #000000;
+ color: #ffffff;
+ padding: 4px;
+}
+
+.informaltable, .table {
+ margin-bottom: 12px;
+}
+
+.informaltable table, .table table {
+ border-collapse: collapse;
+}
+
+.informaltable th, .table th,
+.informaltable td, .table td {
+ padding: 5px;
+}
+
+.informaltable th, .table th {
+ background-color: #eeeeee;
+ font-family: sans-serif;
+}
+
+.informaltable th p, .table th p,
+.informaltable td p, .table td p {
+ margin: 2px 0px 2px 0px;
+}
+
+.note, .tip, .important, .warning, .caution {
+ border-top: 2px solid #CCCCCC;
+ border-bottom: 2px solid #CCCCCC;
+ padding-top: 6px;
+ padding-bottom: 6px;
+ margin: 12px 0px 12px 0px;
+}
+
+.admon-content p {
+ margin: 0px 0px 6px 0px;
+}
+
+#content dt {
+ font-family: sans-serif;
+}
+
+span.term {
+ font-weight: bold;
+ font-size: 90%;
+}
+
+div.mediaobject
+{
+ margin-bottom: 12px;
+ text-align: center;
+ overflow : auto ;
+}
+
+#content img {
+ max-width: 95%;
+}
+
+/* == Formal Titles == */
+#content p.title, #content p.legalnotice-title {
+ font-family: sans-serif;
+ font-size: 85%;
+}
+
+#content p.legalnotice-title {
+ color: #f09100;
+}
+
+div.figure {
+ text-align: center;
+}
+
+#content div.figure p.title {
+ font-style: italic;
+}
+
+span.clickable {
+ position: relative;
+ display: inline-block;
+}
+
+#content span.clickable img {
+ max-width: none;
+}
+
+span.clickable a {
+ display: block;
+ position: absolute;
+ box-sizing: border-box;
+ text-decoration: none;
+}
+
+span.clickable a:hover {
+ border: 2px dotted #f00;
+}
+
+div.clicked {
+ box-sizing: border-box;
+ position: absolute;
+ border: 1px solid #f00;
+}
+
+.note, .tip, .important, .warning, .caution {
+ padding-left: 4em;
+ background-repeat: no-repeat;
+ background-position: left 50%;
+}
+
+.note {
+ background-image: url("cco-note.png");
+}
+
+.tip {
+ background-image: url("cco-tip.png");
+}
+
+.important {
+ background-image: url("cco-important.png");
+}
+
+.warning {
+ background-image: url("cco-warning.png");
+}
+
+.caution {
+ background-image: url("cco-caution.png");
+}
--
cgit v1.2.1