Consolidating CSS into one file for general, one for Python API

apache · Apr 8, 2020 · 57a7a53 · 57a7a53
1 parent 371094d
commit 57a7a53
Show file tree

Hide file tree

Showing 4 changed files with 60 additions and 15 deletions.
diff --git a/docs/python_docs/themes/mx-theme/mxtheme/header_top.html b/docs/python_docs/themes/mx-theme/mxtheme/header_top.html
@@ -20,20 +20,20 @@
         <a class="page-link page-current" href="{{theme_relative_url}}api">Docs & Tutorials</a>
         <a class="page-link" href="https://github.com/apache/incubator-mxnet">GitHub</a>
         <div class="dropdown">
-          <span style="color:#FFFFFF;display:inline-flex;">master
-            <svg viewBox="0 0 32 32" class="icon icon-caret-bottom" aria-hidden="true" style="width: 18px;"><path d="M24 11.305l-7.997 11.39L8 11.305z" style="fill: white;"></path></svg>
+          <span class="dropdown-header">master
+            <svg class="dropdown-caret" viewBox="0 0 32 32" class="icon icon-caret-bottom" aria-hidden="true"><path class="dropdown-caret-path" d="M24 11.305l-7.997 11.39L8 11.305z"></path></svg>
           </span>
           <div class="dropdown-content">
-            <a style="color:#FF4500;font-weight: lighter;" href="/">master</a><br>
-            <a style="color:#000000;font-weight: lighter;" href="/versions/1.6/">1.6</a><br>
-            <a style="color:#000000;font-weight: lighter;" href="/versions/1.5.0/">1.5.0</a><br>
-            <a style="color:#000000;font-weight: lighter;" href="/versions/1.4.1/">1.4.1</a><br>
-            <a style="color:#000000;font-weight: lighter;" href="/versions/1.3.1/">1.3.1</a><br>
-            <a style="color:#000000;font-weight: lighter;" href="/versions/1.2.1/">1.2.1</a><br>
-            <a style="color:#000000;font-weight: lighter;" href="/versions/1.1.0/">1.1.0</a><br>
-            <a style="color:#000000;font-weight: lighter;" href="/versions/1.0.0/">1.0.0</a><br>
-            <a style="color:#000000;font-weight: lighter;" href="/versions/0.12.1/">0.12.1</a><br>
-            <a style="color:#000000;font-weight: lighter;" href="/versions/0.11.0/">0.11.0</a>
+            <a class="dropdown-option-active" href="/">master</a><br>
+            <a class="dropdown-option" href="/versions/1.6/">1.6</a><br>
+            <a class="dropdown-option" href="/versions/1.5.0/">1.5.0</a><br>
+            <a class="dropdown-option" href="/versions/1.4.1/">1.4.1</a><br>
+            <a class="dropdown-option" href="/versions/1.3.1/">1.3.1</a><br>
+            <a class="dropdown-option" href="/versions/1.2.1/">1.2.1</a><br>
+            <a class="dropdown-option" href="/versions/1.1.0/">1.1.0</a><br>
+            <a class="dropdown-option" href="/versions/1.0.0/">1.0.0</a><br>
+            <a class="dropdown-option" href="/versions/0.12.1/">0.12.1</a><br>
+            <a class="dropdown-option" href="/versions/0.11.0/">0.11.0</a>
           </div>
         </div>
       </div>

diff --git a/docs/python_docs/themes/mx-theme/mxtheme/layout.html b/docs/python_docs/themes/mx-theme/mxtheme/layout.html
@@ -27,6 +27,33 @@
     .dropdown:hover .dropdown-content {
         display: block;
     }
+
+    .dropdown-option:hover {
+        color: #FF4500;
+    }
+
+    .dropdown-option-active {
+        color: #FF4500;
+        font-weight: lighter;
+    }
+
+    .dropdown-option {
+        color: #000000;
+        font-weight: lighter;
+    }
+
+    .dropdown-header {
+        color: #FFFFFF;
+        display: inline-flex;
+    }
+
+    .dropdown-caret {
+        width: 18px;
+    }
+
+    .dropdown-caret-path {
+        fill: #FFFFFF;
+    }
     </style>
     {{ super() }}
 {% endblock %}

diff --git a/docs/static_site/src/_includes/head.html b/docs/static_site/src/_includes/head.html
@@ -16,6 +16,11 @@
   <script src="{{'/assets/js/clipboard.js'|relative_url}}"></script>
   <script src="{{'/assets/js/copycode.js'|relative_url}}"></script>
   <style>
+  .dropdown-option-active {
+      color: #FF4500 !important;
+      font-weight: lighter;
+  }
+
   .dropdown {
     position: relative;
     display: inline-block;
@@ -35,5 +40,18 @@
   .dropdown:hover .dropdown-content {
     display: block;
   }
+
+  .dropdown-header {
+      color: #FFFFFF;
+      display: inline-flex;
+  }
+
+  .dropdown-caret {
+      width: 18px;
+  }
+
+  .dropdown-caret-path {
+      fill: #FFFFFF;
+  }
   </style>
 </head>
diff --git a/docs/static_site/src/_includes/header.html b/docs/static_site/src/_includes/header.html
@@ -44,11 +44,11 @@
         <a class="page-link" href="{{'/api' | relative_url }}">Docs & Tutorials</a>
         <a class="page-link" href="https://github.com/apache/incubator-mxnet">GitHub</a>
         <div class="dropdown">
-          <span style="display:inline-flex;">master
-            <svg viewBox="0 0 32 32" class="icon icon-caret-bottom" aria-hidden="true" style="width: 18px;"><path d="M24 11.305l-7.997 11.39L8 11.305z" style="fill: white;"></path></svg>
+          <span class="dropdown-header">master
+            <svg class="dropdown-caret" viewBox="0 0 32 32" class="icon icon-caret-bottom" aria-hidden="true"><path class="dropdown-caret-path" d="M24 11.305l-7.997 11.39L8 11.305z"></path></svg>
           </span>
           <div class="dropdown-content">
-            <a style="color:#FF4500;" href="/">master</a>
+            <a class="dropdown-option-active" href="/">master</a>
             <a href="/versions/1.6/">1.6</a>
             <a href="/versions/1.5.0/">1.5.0</a>
             <a href="/versions/1.4.1/">1.4.1</a>