[lucenenet] 02/02: website: Fixed issue with title being overlapped by breadcrumb

[ni...@apache.org]

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

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

commit 7ceef1471d563321b31d190420618db69874142e
Author: Shad Storhaug <sh...@shadstorhaug.com>
AuthorDate: Sat Oct 24 02:36:02 2020 +0700

    website: Fixed issue with title being overlapped by breadcrumb
---
 websites/site/lucenetemplate/styles/site.css | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/websites/site/lucenetemplate/styles/site.css b/websites/site/lucenetemplate/styles/site.css
index 590935a..407d7b5 100644
--- a/websites/site/lucenetemplate/styles/site.css
+++ b/websites/site/lucenetemplate/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 {