From: Joel Rosdahl <joel@rosdahl.net>
Date: Mon, 26 Jul 2021 19:04:29 +0000 (+0200)
Subject: docs: Add styling of AsciiDoc documents similar to the ccache.dev site
X-Git-Tag: v4.4~76
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=f92f0948f9066cfd7e4ed67101368150fb22d94d;p=thirdparty%2Fccache.git

docs: Add styling of AsciiDoc documents similar to the ccache.dev site
---

diff --git a/doc/CMakeLists.txt b/doc/CMakeLists.txt
index 74c7fe2e6..f251a53d3 100644
--- a/doc/CMakeLists.txt
+++ b/doc/CMakeLists.txt
@@ -14,9 +14,11 @@ else()
           -a revnumber="${CCACHE_VERSION}"
           -a toc=left
           -a sectanchors
+          -a stylesheet="${CMAKE_CURRENT_SOURCE_DIR}/ccache-doc.css"
           -b "${backend}"
           "${CMAKE_SOURCE_DIR}/${adoc_file}"
       MAIN_DEPENDENCY "${CMAKE_SOURCE_DIR}/${adoc_file}"
+      DEPENDS "${CMAKE_CURRENT_SOURCE_DIR}/ccache-doc.css"
     )
     set(doc_files "${doc_files}" "${output_file}" PARENT_SCOPE)
   endfunction()
diff --git a/doc/ccache-doc.css b/doc/ccache-doc.css
new file mode 100644
index 000000000..ccd183e6d
--- /dev/null
+++ b/doc/ccache-doc.css
@@ -0,0 +1,50 @@
+@import url(//fonts.googleapis.com/css?family=Montserrat|Open+Sans);
+@import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */
+
+:root{
+--maincolor:#ffffff;
+--primarycolor:#294172;
+--secondarycolor:#5f646c;
+--tertiarycolor:#cccccc;
+--highlightcolor:#f5f5f5;
+--sidebarbackground:#f5f5f5;
+--linkcolor:#02a;
+--linkcoloralternate:#db3279;
+--white:#ffffff;
+--black:#000000;
+}
+
+/* Text styles */
+
+body{font-family: "Open Sans", sans-serif;background-color: var(--maincolor);color:var(--black);}
+
+h1{color:var(--primarycolor) !important;font-family:"Montserrat",sans-serif;}
+h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Montserrat",sans-serif;}
+.title{color:var(--black) !important;font-family:"Open Sans",sans-serif;font-style: normal; font-weight: normal;}
+a{text-decoration: none;}
+a:hover{color: #3958da; text-decoration: underline;}
+p{font-family: "Open Sans",sans-serif ! important}
+#toc.toc2 a:link{color:var(--linkcolor);}
+blockquote{color:var(--linkcoloralternate) !important}
+.quoteblock blockquote:before{color:var(--linkcoloralternate)}
+code{color:var(--black);background-color: var(--highlightcolor) !important}
+mark{background-color: var(--highlightcolor)} /* Text highlighting color */
+
+/* Table styles */
+th{background-color: var(--maincolor);color:var(--black) !important;}
+td{background-color: var(--maincolor);color: var(--black) !important}
+
+
+#toc.toc2{background-color:var(--sidebarbackground);}
+#toctitle{color:var(--black);}
+
+/* Responsiveness fixes */
+video {
+  max-width: 100%;
+}
+
+@media all and (max-width: 600px) {
+table {
+  width: 55vw!important;
+  font-size: 3vw;
+}