فهرست منبع

HUE-7893 [docs] Fix navbar overlap with the content

Enrico Berti 7 سال پیش
والد
کامیت
b960875
4فایلهای تغییر یافته به همراه90 افزوده شده و 57 حذف شده
  1. 9 2
      docs/admin-manual/manual.md
  2. 63 51
      docs/docbook.css
  3. 9 2
      docs/sdk/sdk.md
  4. 9 2
      docs/user-guide/user-guide.md

+ 9 - 2
docs/admin-manual/manual.md

@@ -2,8 +2,15 @@
 <link rel="stylesheet" href="bootplus.css" type="text/css" media="screen" title="no title" charset="utf-8"></link>
 <link rel="stylesheet" href="docbook.css" type="text/css" media="screen" title="no title" charset="utf-8"></link>
 
-
-<h1 class="fixed2"><a href=../index.html>Doc</a> > Hue Administration Guide</h1>
+<style>
+body {
+  padding: 75px 0 0 0 !important;
+}
+</style>
+
+<div class="row-fluid doc-title">
+  <h1><a href=../index.html>Doc</a> > Hue Administration Guide</h1>
+</div>
 
 
 <div class="row-fluid">

+ 63 - 51
docs/docbook.css

@@ -1,45 +1,45 @@
-
 /* ---------------------------------------------------------------------------
    Hue Docs styles
 --------------------------------------------------------------------------- */
 
+@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono:300,400,500,700');
+
 body {
   background-color: #FFFFFF;
-  border-top: 3px solid #287DBD;
   padding: 30px;
-  font-family: 'Open Sans',sans-serif;
+  font-family: 'Roboto', sans-serif;
   color: #333333;
-  margin:0;
+  margin: 0;
   line-height: 1.1em;
 }
 
 hr {
-    border-color: #EEEEEE -moz-use-text-color #FFFFFF;
-    border-bottom: 1px solid #FFFFFF;
-    border-top: 1px solid #CCCCCC;
-    border-image: none;
-    border-left: 0 none;
-    border-right: 0 none;
-    margin: 20px 0;
+  border-color: #EEEEEE;
+  border-bottom: 1px solid #FFFFFF;
+  border-top: 1px solid #CCCCCC;
+  border-image: none;
+  border-left: 0 none;
+  border-right: 0 none;
+  margin: 20px 0;
 }
 
 .section {
-    border: 1px solid #EEEEEE;
-    box-shadow: none;
-    color: #333333;
-    margin-bottom: 20px;
-    margin-top: 15px;
-    padding: 20px;
-    padding-top: 5px;
-    position: relative;
+  border: 1px solid #EEEEEE;
+  box-shadow: none;
+  color: #333333;
+  margin-bottom: 20px;
+  margin-top: 15px;
+  padding: 20px;
+  padding-top: 5px;
+  position: relative;
 }
 
 .title, h1, .toc p, h2 {
-    color: #0B7FAD;
-    font-size: 24px;
-    font-weight: 600;
-    margin-bottom: 15px;
-    margin-top: 15px;
+  color: #0B7FAD;
+  font-size: 24px;
+  font-weight: 600;
+  margin-bottom: 15px;
+  margin-top: 15px;
 }
 
 h2 {
@@ -52,13 +52,20 @@ h3 {
   font-weight: 600;
 }
 
+h1[id], h2[id], h3[id], h4[id], h5[id] {
+  margin-top: -75px;
+  padding-top: 75px;
+}
+
+
 a:link, a:visited {
-    color: #0B7FAD;
-    text-decoration: none;
+  color: #0B7FAD;
+  text-decoration: none;
 }
+
 a:hover {
-    color: #3799CA;
-    text-decoration: underline;
+  color: #3799CA;
+  text-decoration: underline;
 }
 
 .table {
@@ -66,7 +73,7 @@ a:hover {
 }
 
 table {
-  border: none!important;
+  border: none !important;
 }
 
 table {
@@ -122,14 +129,14 @@ table {
   *border-collapse: collapse;
   border-left: 0;
   -webkit-border-radius: 2px;
-     -moz-border-radius: 2px;
-          border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
 }
 
 table th,
 table td {
   border-left: 1px solid #e5e5e5;
-  border-bottom: 1px solid #FFFFFF!important;
+  border-bottom: 1px solid #FFFFFF !important;
 }
 
 table caption + thead tr:first-child th,
@@ -148,7 +155,7 @@ table thead:first-child tr:first-child > th:first-child,
 table tbody:first-child tr:first-child > td:first-child,
 table tbody:first-child tr:first-child > th:first-child {
   -webkit-border-top-left-radius: 2px;
-          border-top-left-radius: 2px;
+  border-top-left-radius: 2px;
   -moz-border-radius-topleft: 2px;
 }
 
@@ -156,7 +163,7 @@ table thead:first-child tr:first-child > th:last-child,
 table tbody:first-child tr:first-child > td:last-child,
 table tbody:first-child tr:first-child > th:last-child {
   -webkit-border-top-right-radius: 2px;
-          border-top-right-radius: 2px;
+  border-top-right-radius: 2px;
   -moz-border-radius-topright: 2px;
 }
 
@@ -166,7 +173,7 @@ table tbody:last-child tr:last-child > th:first-child,
 table tfoot:last-child tr:last-child > td:first-child,
 table tfoot:last-child tr:last-child > th:first-child {
   -webkit-border-bottom-left-radius: 2px;
-          border-bottom-left-radius: 2px;
+  border-bottom-left-radius: 2px;
   -moz-border-radius-bottomleft: 2px;
 }
 
@@ -176,19 +183,19 @@ table tbody:last-child tr:last-child > th:last-child,
 table tfoot:last-child tr:last-child > td:last-child,
 table tfoot:last-child tr:last-child > th:last-child {
   -webkit-border-bottom-right-radius: 2px;
-          border-bottom-right-radius: 2px;
+  border-bottom-right-radius: 2px;
   -moz-border-radius-bottomright: 2px;
 }
 
 table tfoot + tbody:last-child tr:last-child td:first-child {
   -webkit-border-bottom-left-radius: 0;
-          border-bottom-left-radius: 0;
+  border-bottom-left-radius: 0;
   -moz-border-radius-bottomleft: 0;
 }
 
 table tfoot + tbody:last-child tr:last-child td:last-child {
   -webkit-border-bottom-right-radius: 0;
-          border-bottom-right-radius: 0;
+  border-bottom-right-radius: 0;
   -moz-border-radius-bottomright: 0;
 }
 
@@ -197,7 +204,7 @@ table caption + tbody tr:first-child td:first-child,
 table colgroup + thead tr:first-child th:first-child,
 table colgroup + tbody tr:first-child td:first-child {
   -webkit-border-top-left-radius: 2px;
-          border-top-left-radius: 2px;
+  border-top-left-radius: 2px;
   -moz-border-radius-topleft: 2px;
 }
 
@@ -206,7 +213,7 @@ table caption + tbody tr:first-child td:last-child,
 table colgroup + thead tr:first-child th:last-child,
 table colgroup + tbody tr:first-child td:last-child {
   -webkit-border-top-right-radius: 2px;
-          border-top-right-radius: 2px;
+  border-top-right-radius: 2px;
   -moz-border-radius-topright: 2px;
 }
 
@@ -223,12 +230,12 @@ table tbody tr:hover > th {
 code,
 pre {
   padding: 0 3px 2px;
-  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+  font-family: 'Roboto Mono', Monaco, Menlo, Consolas, "Courier New", monospace;
   font-size: 11px;
   color: #444444;
   -webkit-border-radius: 3px;
-     -moz-border-radius: 3px;
-          border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
 }
 
 code {
@@ -253,8 +260,8 @@ pre {
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.15);
   -webkit-border-radius: 2px;
-     -moz-border-radius: 2px;
-          border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
 }
 
 .toc .section {
@@ -265,13 +272,9 @@ pre {
   background-color: #F6F6F6;
   padding: 10px;
   position: fixed;
-  top: 100px;
   overflow-y: auto;
-  height: 100%;
-}
-
-.fixed2 {
-	position: fixed;
+  height: calc(100% - 95px);
+  width: 22%;
 }
 
 .note {
@@ -280,3 +283,12 @@ pre {
   border-left-width: 5px;
   padding: 10px;
 }
+
+.doc-title {
+  border-top: 3px solid #287DBD;
+  position: fixed;
+  background-color: #FFF;
+  z-index: 1000;
+  padding-left: 30px;
+  top: 0;
+}

+ 9 - 2
docs/sdk/sdk.md

@@ -2,8 +2,15 @@
 <link rel="stylesheet" href="bootplus.css" type="text/css" media="screen" title="no title" charset="utf-8"></link>
 <link rel="stylesheet" href="docbook.css" type="text/css" media="screen" title="no title" charset="utf-8"></link>
 
-
-<h1 class="fixed2"><a href=../index.html>Doc</a> > Hue SDK Documentation</h1>
+<style>
+body {
+  padding: 75px 0 0 0 !important;
+}
+</style>
+
+<div class="row-fluid doc-title">
+  <h1><a href=../index.html>Doc</a> > Hue SDK Documentation</h1>
+</div>
 
 
 <div class="row-fluid">

+ 9 - 2
docs/user-guide/user-guide.md

@@ -2,8 +2,15 @@
 <link rel="stylesheet" href="bootplus.css" type="text/css" media="screen" title="no title" charset="utf-8"></link>
 <link rel="stylesheet" href="docbook.css" type="text/css" media="screen" title="no title" charset="utf-8"></link>
 
-
-<h1 class="fixed2"><a href=../index.html>Doc</a> > Hue User Guide</h1>
+<style>
+body {
+  padding: 75px 0 0 0 !important;
+}
+</style>
+
+<div class="row-fluid doc-title">
+  <h1><a href=../index.html>Doc</a> > Hue User Guide</h1>
+</div>
 
 
 <div class="row-fluid">