X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=docs%2Fdocs.css;h=56f2b0f65aaf0ea8a1c546bcd62c4eac9fbaa7e3;hp=14b563700db1984492d0ae66f53ebbbdb7aa45c1;hb=75cbc4ce04c9c01ac47671cb01320ce699128d00;hpb=c1c0168c0e693c4262f3f744a82419f9d9b1807f

diff --git a/docs/docs.css b/docs/docs.css
index 14b563700d..56f2b0f65a 100644
--- a/docs/docs.css
+++ b/docs/docs.css
@@ -68,8 +68,12 @@ h6,
     padding: 12px 5px 12px 20px;
 }
 
-.left-menu-sidebar.sidebar .sidebar-menu>li>a, .sidebar .sidebar-menu li.open li.treeview-menu > a {
-    color: #16114C;
+
+ 
+
+.left-menu-sidebar.sidebar .sidebar-menu>li>a,
+.sidebar .sidebar-menu li.open li.treeview-menu > a {
+ /*   color: #16114C; */
 }
 
 .left-menu-sidebar.sidebar .left-menu-sidebar-options {
@@ -80,10 +84,6 @@ h6,
     color: #999;
 }
 
-.left-menu-sidebar.sidebar .sidebar-menu > li.active  {
-    background-color: #fff;
-    border-color: #eee;
-}
 
 .mobile-header-menu ul > li.active > a,
 .left-menu-sidebar.sidebar .sidebar-menu > li.active > a  {
@@ -91,8 +91,8 @@ h6,
 }
 
 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu > li.active {
-    background-color: #fff;
-    border-color: #eee;
+ /*  background-color: #fff;
+    border-color: #eee; */
 }
 
 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu > li.active > a  {
@@ -110,9 +110,16 @@ h6,
 
 .left-menu-sidebar.sidebar .sidebar-menu > li .treeview-menu a:hover,
 .left-menu-sidebar.sidebar .sidebar-menu > li a:hover {
-    color: #666;
+   /* color: #666; */
     font-weight: bold;
 }
+.left-menu-sidebar.sidebar .sidebar-menu>li.active>a, 
+.sidebar .sidebar-menu li.open li.treeview-menu.active>a
+{
+    color: #fff;
+}
+
+
 /* block the broken bit from sidbar... */
 .sidebar .sidebar-menu li.open li.treeview-menu>a  {
     display: none;
@@ -120,7 +127,8 @@ h6,
  
 /**-----subsubsub menuds... **/
 .left-menu-sidebar.sidebar .sidebar-menu .treeview-menu.dropdown-toggle > a.dropdown-item,
-.left-menu-sidebar.sidebar .sidebar-menu .treeview-menu.dropdown-toggle > li.treeview-menu
+.left-menu-sidebar.sidebar .sidebar-menu .treeview-menu.dropdown-toggle > li.treeview-menu,
+.left-menu-sidebar.sidebar .sidebar-menu ul.treeview-menu ul.treeview-menu 
 {
     display: none;
 }
@@ -194,10 +202,16 @@ h6,
 
 .left-menu-sidebar {
     position: fixed;
-    width: 250px; /*320px;*/
-    height: 100%;
     top: 0;
     left: 0;
+    bottom: 0px;
+    margin-top: 80px;
+    height: auto;
+    padding-bottom: 0;
+    margin-bottom: 0;
+    
+    width: 250px; /*320px;*/
+    
     z-index: 999;
     background-repeat: no-repeat;
     background-position: center center;
@@ -462,9 +476,23 @@ header-menu-options ul.socials > li:first-child,
     display:inline-table;
 }
 @media (max-width: 768px) {
-    .general-content-body,
-    .slide-container {
+    .general-content-body > .container,
+    .general-content-body > .container > .column
+    {
+        margin: 0;
+        padding: 10px;
+       
+    }
+    .general-content-intro > .container,
+    .general-content-body > .container > .column
+    {
+        padding: 0;
+    }
+    .general-content-body  > h1
+    {
         margin: 10px;
+        margin-top: 50px;
+       
     }
     roo-select2-container
     .services .main-content {
@@ -586,6 +614,7 @@ header-menu-options ul.socials > li:first-child,
     height: 34px;
     background-repeat: no-repeat;
     margin: 10px 10px 2px;
+        background-size: contain;
     
 }
  
@@ -901,4 +930,46 @@ pre code {
 }
  code.jsdoc-pretty {
     background-color: #fff;
+}
+
+/* optoional */
+.detailList dt i {
+    margin-left: 20px;
+    font-size: 10px;
+    font-weight: 100;
+}
+
+
+a.dropdown-toggle::before {
+    display: inline-block;
+    margin-right: .255em;
+    vertical-align: .255em;
+    content: "";
+    border-top: .3em solid;
+    border-right: .3em solid transparent;
+    border-bottom: 0;
+    border-left: .3em solid transparent;
+}
+.doc-implementors .panel-body {
+    max-height: 300px;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    padding-left: 0;
+}
+
+.doc-implementors .inheritance,
+.doc-implementors .inheritance ul,
+.doc-implementors .inheritance ul ul
+{
+    list-style: none;
+    padding-left: 5px;
+}
+.doc-implementors .inheritance li
+{
+    background: url('../images/default/tree/elbow-end.gif')  no-repeat left 2px;
+    padding-left: 20px;
+}
+.doc-children ul {
+    padding-left: 10px;
+
 }
\ No newline at end of file