[lucenenet-site] branch asf-site updated: Fixed issue with title being overlapped by breadcrumb

[nightowl888]

This is an automated email from the ASF dual-hosted git repository.

nightowl888 pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/lucenenet-site.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new 16f86c0  Fixed issue with title being overlapped by breadcrumb
16f86c0 is described below

commit 16f86c0f72e609ec1fbb0b735aeae3d70449865d
Author: Shad Storhaug <s...@shadstorhaug.com>
AuthorDate: Sat Oct 24 02:44:51 2020 +0700

    Fixed issue with title being overlapped by breadcrumb
---
 styles/site.css | 85 ++++++++++++++++-----------------------------------------
 1 file changed, 24 insertions(+), 61 deletions(-)

diff --git a/styles/site.css b/styles/site.css
index ce05225..407d7b5 100644
--- a/styles/site.css
+++ b/styles/site.css
@@ -112,10 +112,13 @@ pre.clean {
   margin: 0 0 10px;
   margin-bottom: 2rem;
 }
-/* hack for issue with padding disappearing in middle 2 sizes */
+/* hack for issue with padding disappearing in middle 2 sizes on home page */
 @media screen and (max-width: 1200px) {
   #intro .container {
-    padding-top: 50px;
+    margin-top: 80px;
+  }
+  #intro.home-section .container {
+    margin-top: 50px;
   }
 }
 @media screen and (max-width: 750px) {
@@ -123,8 +126,26 @@ pre.clean {
     margin-top: 0px;
   }
   #intro .container {
-    padding-top: 0px;
+    margin-top: 0px;
   }
+  #intro.home-section {
+    padding-top: 1px;
+  }
+}
+
+/* hack for issue with title being overlapped by breadcrumb in middle 2 sizes 
*/
+@media screen and (max-width: 1200px) {
+    div.body-content, div.contribution {
+        margin-top: 50px;
+    }
+}
+@media screen and (max-width: 750px) {
+    div.body-content, div.contribution {
+        margin-top: 0px;
+    }
+    div.body-content {
+        padding-bottom: 30px;
+    }
 }
 
 .project-links {
@@ -195,61 +216,3 @@ pre.clean {
     margin-top: 4rem;
   }
 }
-
-/* FORK ME ON GITHUB */
-#forkongithub a {
-  background: #1764aa;
-  color: #fff;
-  text-decoration: none;
-  font-family: arial, sans-serif;
-  text-align: center;
-  font-weight: bold;
-  padding: 5px 40px;
-  font-size: 1rem;
-  line-height: 2rem;
-  position: relative;
-  transition: 0.5s;
-}
-#forkongithub a:hover {
-  background: black;
-  color: #fff;
-}
-#forkongithub a::before,
-#forkongithub a::after {
-  content: "";
-  width: 100%;
-  display: block;
-  position: absolute;
-  top: 1px;
-  left: 0;
-  height: 1px;
-  background: #fff;
-}
-#forkongithub a::after {
-  bottom: 1px;
-  top: auto;
-}
-@media screen and (min-width: 768px) {
-  #forkongithub {
-    position: fixed;
-    display: block;
-    top: 0;
-    right: 0;
-    width: 200px;
-    overflow: hidden;
-    height: 200px;
-    z-index: 9999;
-  }
-  #forkongithub a {
-    width: 200px;
-    position: absolute;
-    top: 40px;
-    right: -40px;
-    transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    -moz-transform: rotate(45deg);
-    -o-transform: rotate(45deg);
-    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
-  }
-}