fix python3 support banner

change the position of banner from `fixed` to `absolute`, decrease line
spacing, fix the color of links, add padding to the message paragraph on
wide-screen devices

1 files changed, 12 insertions, 3 deletions

diff --git a/docs/_templates/python_2_eol.html b/docs/_templates/python_2_eol.html
index 9fc920d4..b5d0a8d6 100644
--- a/docs/_templates/python_2_eol.html
+++ b/docs/_templates/python_2_eol.html
@@ -20,7 +20,7 @@
   }
 
   #python27eol {
-    position: fixed;
+    position: absolute;
     top: 0;
     left: 0; right: 0;
     height:  auto;
@@ -28,10 +28,9 @@
     color: white;
     background-color: black;
     font-size: larger;
-    line-height: 3;
   }
 
-  #python27eol>* {
+  #python27eol * {
     color: white;
     background-color: black;
   }
@@ -39,6 +38,16 @@
   #python27eol>a {
     display: block;
   }
+
+  #python27eol>p {
+    padding: 0 100px;
+  }
+
+  @media screen and (max-width: 875px) {
+    #python27eol p {
+      padding: 0;
+    }
+  }
 </style>
 
 <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>