mirror of
				https://github.com/XRPLF/clio.git
				synced 2025-11-04 11:55:51 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			106 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			106 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
/* SPDX-License-Identifier: MIT */
 | 
						|
/**
 | 
						|
 | 
						|
Doxygen Awesome
 | 
						|
https://github.com/jothepro/doxygen-awesome-css
 | 
						|
 | 
						|
Copyright (c) 2021 - 2025 jothepro
 | 
						|
 | 
						|
 */
 | 
						|
 | 
						|
html {
 | 
						|
    /* side nav width. MUST be = `TREEVIEW_WIDTH`.
 | 
						|
     * Make sure it is wide enough to contain the page title (logo + title + version)
 | 
						|
     */
 | 
						|
    --side-nav-fixed-width: 335px;
 | 
						|
    --menu-display: none;
 | 
						|
 | 
						|
    --top-height: 120px;
 | 
						|
    --toc-sticky-top: -25px;
 | 
						|
    --toc-max-height: calc(100vh - 2 * var(--spacing-medium) - 25px);
 | 
						|
}
 | 
						|
 | 
						|
#projectname {
 | 
						|
    white-space: nowrap;
 | 
						|
}
 | 
						|
 | 
						|
 | 
						|
@media screen and (min-width: 768px) {
 | 
						|
    html {
 | 
						|
        --searchbar-background: var(--page-background-color);
 | 
						|
    }
 | 
						|
 | 
						|
    #side-nav {
 | 
						|
        min-width: var(--side-nav-fixed-width);
 | 
						|
        max-width: var(--side-nav-fixed-width);
 | 
						|
        top: var(--top-height);
 | 
						|
        overflow: visible;
 | 
						|
    }
 | 
						|
 | 
						|
    #nav-tree, #side-nav {
 | 
						|
        height: calc(100vh - var(--top-height)) !important;
 | 
						|
    }
 | 
						|
 | 
						|
    #top {
 | 
						|
        display: block;
 | 
						|
        border-bottom: none;
 | 
						|
        height: var(--top-height);
 | 
						|
        margin-bottom: calc(0px - var(--top-height));
 | 
						|
        max-width: var(--side-nav-fixed-width);
 | 
						|
        overflow: hidden;
 | 
						|
        background: var(--side-nav-background);
 | 
						|
    }
 | 
						|
 | 
						|
    #main-nav {
 | 
						|
        float: left;
 | 
						|
        padding-right: 0;
 | 
						|
    }
 | 
						|
 | 
						|
    .ui-resizable-handle {
 | 
						|
        display: none;
 | 
						|
    }
 | 
						|
 | 
						|
    .ui-resizable-e {
 | 
						|
        width: 0;
 | 
						|
    }
 | 
						|
 | 
						|
    #nav-path {
 | 
						|
        position: fixed;
 | 
						|
        right: 0;
 | 
						|
        left: calc(var(--side-nav-fixed-width) + 1px);
 | 
						|
        bottom: 0;
 | 
						|
        width: auto;
 | 
						|
    }
 | 
						|
 | 
						|
    #doc-content {
 | 
						|
        height: calc(100vh - 31px) !important;
 | 
						|
        padding-bottom: calc(3 * var(--spacing-large));
 | 
						|
        padding-top: calc(var(--top-height) - 80px);
 | 
						|
        box-sizing: border-box;
 | 
						|
        margin-left: var(--side-nav-fixed-width) !important;
 | 
						|
    }
 | 
						|
 | 
						|
    #MSearchBox {
 | 
						|
        width: calc(var(--side-nav-fixed-width) - calc(2 * var(--spacing-medium)));
 | 
						|
    }
 | 
						|
 | 
						|
    #MSearchField {
 | 
						|
        width: calc(var(--side-nav-fixed-width) - calc(2 * var(--spacing-medium)) - 65px);
 | 
						|
    }
 | 
						|
 | 
						|
    #MSearchResultsWindow {
 | 
						|
        left: var(--spacing-medium) !important;
 | 
						|
        right: auto;
 | 
						|
    }
 | 
						|
 | 
						|
    #nav-sync {
 | 
						|
        bottom: 4px;
 | 
						|
        right: auto;
 | 
						|
        left: 300px;
 | 
						|
        width: 35px;
 | 
						|
        top: auto !important;
 | 
						|
        user-select: none;
 | 
						|
        position: fixed
 | 
						|
    }
 | 
						|
}
 |