juggler/doc/doxygen-awesome-sidebar-only.css

0001 /**
0002
0003 Doxygen Awesome
0004 https://github.com/jothepro/doxygen-awesome-css
0005
0006 MIT License
0007
0008 Copyright (c) 2021 jothepro
0009
0010 Permission is hereby granted, free of charge, to any person obtaining a copy
0011 of this software and associated documentation files (the "Software"), to deal
0012 in the Software without restriction, including without limitation the rights
0013 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
0014 copies of the Software, and to permit persons to whom the Software is
0015 furnished to do so, subject to the following conditions:
0016
0017 The above copyright notice and this permission notice shall be included in all
0018 copies or substantial portions of the Software.
0019
0020 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
0021 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
0022 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
0023 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
0024 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
0025 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
0026 SOFTWARE.
0027
0028  */
0029
0030 html {
0031     /* side nav width. MUST be = `TREEVIEW_WIDTH`.
0032      * Make sure it is wide enought to contain the page title (logo + title + version)
0033      */
0034     --side-nav-fixed-width: 340px;
0035     --menu-display: none;
0036
0037     --top-height: 120px;
0038 }
0039
0040
0041 @media screen and (min-width: 768px) {
0042     html {
0043         --searchbar-background: var(--page-background-color);
0044     }
0045
0046     #side-nav {
0047         min-width: var(--side-nav-fixed-width);
0048         max-width: var(--side-nav-fixed-width);
0049         top: var(--top-height);
0050     }
0051
0052     #nav-tree, #side-nav {
0053         height: calc(100vh - var(--top-height)) !important;
0054     }
0055
0056     #nav-tree {
0057         padding: 0;
0058     }
0059
0060     #top {
0061         display: block;
0062         border-bottom: none;
0063         height: var(--top-height);
0064         margin-bottom: calc(0px - var(--top-height));
0065         max-width: var(--side-nav-fixed-width);
0066         background: var(--side-nav-background);
0067     }
0068     #main-nav {
0069         float: left;
0070         padding-right: 0;
0071     }
0072
0073     .ui-resizable-handle {
0074         cursor: default;
0075         width: 1px !important;
0076         box-shadow: 0 calc(-2 * var(--top-height)) 0 0 var(--separator-color);
0077     }
0078
0079     #nav-path {
0080         position: fixed;
0081         right: 0;
0082         left: var(--side-nav-fixed-width);
0083         bottom: 0;
0084         width: auto;
0085     }
0086
0087     #doc-content {
0088         height: calc(100vh - 31px) !important;
0089         padding-bottom: calc(3 * var(--spacing-large));
0090         padding-top: calc(var(--top-height) - 80px);
0091         box-sizing: border-box;
0092         margin-left: var(--side-nav-fixed-width) !important;
0093     }
0094
0095     #MSearchBox {
0096         width: calc(var(--side-nav-fixed-width) - calc(2 * var(--spacing-medium)));
0097     }
0098
0099     #MSearchField {
0100         width: calc(var(--side-nav-fixed-width) - calc(2 * var(--spacing-medium)) - 65px);
0101     }
0102
0103     #MSearchResultsWindow {
0104         left: var(--spacing-medium) !important;
0105         right: auto;
0106     }
0107 }