- WIP on lean-api visual

view/lean/layout/docs.phtml

@@ -21,7 +21,7 @@
                 ol{background: #eff4f2;padding-top:20px;padding-bottom:20px;border:1px solid #e3e3ec}
                 h4{background:#e0f7ed;padding:6px 12px; font-weight: bold!important;font-size:100%;margin-top:0}
                 h5{text-decoration: underline}
-                h3 {display: flex;align-items: center;height: 60px;padding: 0 15px 0 15px;font-variant: small-caps;}
+                h3 {display: flex;align-items: center;padding: 0 15px 0 15px;font-variant: small-caps;border-bottom: 5px solid #ccc;line-height: 60px;}
                 li.odd-even{border-top:1px solid #ccc;margin:10px 0;padding:15px 15px 10px 5px}
                 li.odd-even:first-child{border:0}
                 input, button {padding:5px; font-size:1em;margin:0}
@@ -39,7 +39,7 @@
                 .forms .form-name span {color: #284168;font-size:110%}
                 .forms .form-name .btn {background:rgba(50,50,50,0.5);padding:0 15px;border: 1px solid rgba(50,50,50,0.8);font-family: 'Déja Vu', 'Courier New', Courier, monospace, serif;font-size: 90%;color: #fff;text-decoration: underline;}
 
-                .routes-wrapper {padding:8px}
+                .routes-wrapper {padding:5px}
                 .routes-wrapper li {display:flex;border: 1px solid #ccc;align-items: stretch;cursor:pointer}
                 .routes-wrapper li:hover {filter: contrast(85%)}
                 .routes-wrapper li + li {margin-top: 5px;}
@@ -70,12 +70,15 @@
                 .routes-wrapper li.method-put .route-method {background:#d7bf3c;}
                 .routes-wrapper li.method-put .route-link a, .routes-wrapper li.method-put .route-name {color: #aa941c;}
 
+                .forms{background: #e8f7ff;padding: 5px;}
+
+                .entities {background: #f0e0e0;padding:5px;}
                 .entity-wrapper .entity-name {background:#eaa1af;color: #682828;font-size:110%}
-                .entity-wrapper ol {background: #f0ddcd;}
+                .entity-wrapper ol {background: #e3d0d0;}
                 .entity-wrapper li {border-color: #ae8585;}
 
                 .search-request-name {background: #b6e6ae;color: #395332;font-size:110%}
-                .search-request-wrapper {padding-left: 15px;border-left: 3px solid #72886a;}
+                .search-request-wrapper {padding: 15px;margin-top:5px;border-left: 3px solid #72886a;background: #eeffe6;}
                 .search-request-wrapper ol {background: #d8f0cd;}
                 .search-request-wrapper li {border-color: #72886a;}
             </style>