:root{ /* ----------------------------------------------------------------------------------------------- */ /* !!!! DO NOT EDIT RULES IN THIS FILE !!!! MAKE EDITS IN THE THEME CSS FILES !!!! /* ----------------------------------------------------------------------------------------------- */ /* Global Layout Geometry */ --body_content_width: var(--theme_body_content_width); /* Practical content width */ --body_bg_color: var(--theme_body_bg_color); --nav_column_width: var(--theme_nav_column_width); --content-padding-left: var(--theme_content-padding-left); /* 50 for PlaneMaker */ --content_padding-right: var(--theme_content_padding-right); /* 50 for PlaneMaker */ --site_max_width: var(--theme_site_max_width); /* max width. */ --top_bar_height: var(--theme_top_bar_height); --site_title_color: var(--theme_site_title_color); --header_bar_bg_color: var(--theme_header_bar_bg_color); --toc_bg_color: var(--theme_toc_bg_color); --home_icon_size: var(--theme_home_icon_size); --content_panel_bg_color: var(--theme_content_panel_bg_color); --content_h1_color: var(--theme_h1_color); --content_h2_color: var(--theme_h2_color); --content_paragraph_color: var(--theme_paragraph_color); --border1_color: var(--theme_border1_color); --toc_idle_doc_icon_color: var(--theme_toc_idle_doc_icon_color); --toc_idle_doc_text_color: var(--theme_toc_idle_doc_text_color); --toc_idle_doc_bg_color: var(--theme_toc_idle_doc_bg_color); /* Nominally transparent/not used */ --toc_idle_grp_icon_color: var(--theme_toc_idle_grp_icon_color); --toc_idle_grp_text_color: var(--theme_toc_idle_grp_text_color); --toc_idle_grp_bg_color: var(--theme_toc_idle_grp_bg_color); /* Nominally transparent/not used */ --toc_idle_list_icon_color: var(--theme_toc_idle_list_icon_color); --toc_idle_list_text_color: var(--theme_toc_idle_list_text_color); --toc_hvr_doc_icon_color: var(--theme_toc_hvr_doc_icon_color); --toc_hvr_doc_text_color: var(--theme_toc_hvr_doc_text_color); --toc_hvr_doc_bg_color: var(--theme_toc_hvr_doc_bg_color); --toc_hvr_grp_icon_color: var(--theme_toc_hvr_grp_icon_color); --toc_hvr_grp_text_color: var(--theme_toc_hvr_grp_text_color); --toc_hvr_grp_bg_color: var(--theme_toc_hvr_grp_bg_color); --toc_hvr_lst_text_color: var(--theme_toc_hvr_lst_text_color); --toc_hvr_lst_bg_color: var(--theme_toc_hvr_lst_bg_color); --toc_sel_doc_icon_color: var(--theme_toc_sel_doc_icon_color); --toc_sel_doc_text_color: var(--theme_toc_sel_doc_text_color); --toc_sel_doc_bg_color: var(--theme_toc_sel_doc_bg_color); --toc_sel_grp_icon_color: var(--theme_toc_sel_grp_icon_color); --toc_sel_grp_text_color: var(--theme_toc_sel_grp_text_color); --toc_font_height: var(--theme_toc_font_height); --toc_lst_font_size: var(--theme_toc_lst_font_size); --toc_icons_size: var(--theme_toc_icons_size); --table_stripe_dark: var(--theme_table_stripe_dark); --table_stripe_light: var(--theme_table_stripe_light); --table_heading_bg_color: var(--theme_table_heading_bg_color); --table_border_color: var(--theme_table_border_color); --closed_group_icon: var(--theme_closed_grp_icon); --open_group_icon: var(--theme_open_grp_icon); --doc_icon: var(--theme_doc_icon); --pre_bg_color: var(--theme_pre_bg_color); --pre_border: var(--theme_pre_border); --pre_text_color: var(--theme_pre_text_color); } /* ----------------------------------------------------------------------------------------------- */ /* MKDOCS "LAMINAR-WINDMILL" CSS Rules. /* /* The rules below make JUDICIOUS USE of the variables above. Edit the LR_theme_.css files /* to control the layout and colors. This document should be considered non-editable. /* ----------------------------------------------------------------------------------------------- */ html{ scroll-behavior: smooth; } body { background: var(--body_bg_color); background-attachment: fixed; /* Ensure the gradient stays fixed when scrolling */ min-height: 100vh; /* Ensure the body always covers at least the viewport height */ color: var(--content_panel_text_color); } @font-face { font-family: "Lato"; src: url('../fonts/Lato-Regular.ttf'); } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "Stamp"; src: url("/extras/StampFont.ttf") format("truetype"); font-weight: normal; font-style: normal; } .stamp-font { font-family: "Stamp", sans-serif; color: red; font-size: 2em; padding-left: 40px; } /* ===================================================================================================================== TOP NAV BAR ====================================================================================================================== */ .navbar { position: relative; z-index: 2; height: var(--top_bar_height); min-height: var(--top_bar_height); } .wm-page-top-frame { display: none; background-color: var(--header_bar_bg_color); box-shadow: 0 4px 5px rgba(0,0,0,.24), 0 3px 8px rgba(0,0,0,.05); border-bottom: 1px solid gray; border-radius: 0; margin-bottom: 0; } .wm-top-container { height: 100%; } .wm-header-layout { display: flex; flex-wrap: nowrap; align-items: center; width: 100%; height: 100%; gap: 30px; } .wm-top-logo { position: static; display: block; width: var(--home_icon_size); margin-left: 25px; /* margin: 0; */ } .wm-header-title { flex: 0 0 auto; min-width: 0; font-size: 15px; } .wm-header-title .wm-top-link { display: flex; flex-direction: column; align-items: flex-start; } .wm-top-title { position: static; display: block; min-width: 0; font-family: Lato; font-size: 1.3em; line-height: 1.25; color: var(--site_title_color); white-space: normal; } .wm-top-version { display: inline-block; margin-top: 4px; border: 1px solid #ddd; border-radius: 5px; padding: 2px 8px; color: #ddd; font-size: 8pt; line-height: 1.2; } .wm-header-search { flex: 0 0 300px; /* or your current preferred width */ min-width: 300px; display: flex; align-items: center; } .wm-top-search { width: 100%; margin: 0; } .wm-header-tool, .wm-header-menu { flex: 0 0 auto; } #wm-search-form { width: 100%; margin: 0; } #wm-toc-button { margin: 0; } /* ===================================================================================================================== END OF TOP NAV BAR ======================================================================================================================*/ .wm-page-content { background: var(--content_panel_bg_color); width: var(--body_content_width); max-width: var(--site_max_width); position: relative; float: left; padding-top: 10px; padding-left: var(--content-padding-left); padding-right: var(--content_padding-right); } /* ===================================================================================================================== SIDE NAV TOC ======================================================================================================================*/ .wm-toc-pane { font-family: Lato; position: absolute; top: 0px; padding-top: calc(var(--top_bar_height) + 20px); height: 100%; min-width: var(--nav_column_width); max-width: 300px; width: auto; z-index: 1; background: var(--toc_bg_color); background-attachment: fixed; /* Ensure the gradient stays fixed when scrolling */ min-height: 100vh; /* Ensure the body always covers at least the viewport height */ border-right: 1px solid #e0e0e0; overflow: auto; padding-left: 1rem; padding-right: 1rem; padding-bottom: 2rem; transition: margin-left 0.3s; } .wm-content-pane { position: absolute; top: 0px; padding-top: var(--top_bar_height); height: 100%; width: 100%; z-index: 0; padding-left: var(--nav_column_width); transition: padding-left 0.3s; /* required for iPhone to scroll the contained iframe */ -webkit-overflow-scrolling: touch; } .wm-toc-pane.wm-toc-dropdown { position: absolute; display: block; top: 0; left: 0; margin-left: 0; height: auto; box-shadow: 2px 3px 4px 0 grey; } /*---------------------------------------------------------------------------------------------------------------------- -- GRP (Folder ICON) PROPERTIES FONT AWESOME ICONS CHEATSHEET: https://fontawesome.com/v4/icons/ ----------------------------------------------------------------------------------------------------------------------*/ /* CLOSED FOLDER icon */ .wm-toc-opener > .wm-toc-text::before { font-family: 'FontAwesome'; color: var(--toc_idle_grp_icon_color); /* content: "\f105 \00a0 \f114 \FE0E"; */ content: var(--closed_group_icon); margin-right: 23px; display: inline-block; vertical-align: middle; font-size: var(--toc_icons_size); } /* Idle GRP Icon */ .wm-toc-opener > .wm-toc-text:hover::before { color: var(--toc_hvr_grp_icon_color); margin-right: 23px; display: inline-block; vertical-align: middle; font-size: var(--toc_icons_size); } /* OPEN GRP Icon */ .wm-toc-opener.wm-toc-open > .wm-toc-text::before { font-size: 12px; color: var(--toc_sel_grp_icon_color); content: var(--open_group_icon); margin-right: 29px; margin-left: -5px; vertical-align: middle; font-size: var(--toc_icons_size); } /* this is the Nav panel Default Text Color */ .wm-toc-text { display: block; cursor: pointer; font-size: var(--toc_font_height); color: var(--toc_idle_grp_text_color); background: var(--toc_idle_grp_bg_color); padding: 10px 0px; } .wm-toc-text:hover { display: block; cursor: pointer; font-size: var(--toc_font_height); color: var(--toc_hvr_grp_text_color); padding: 10px 0px; margin-left: 1px; background-color: var(--toc_hvr_grp_bg_color); border-radius: 5px } .wm-toc-repo { margin-top: -15px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0; } .wm-toc-hidden > .wm-toc-pane { margin-left: -300px; } .wm-toc-hidden > .wm-content-pane { padding-left: 0px; } .wm-small-show { display: none; } @media (max-width: 600px) { .wm-toc-pane { display: none; } .wm-content-pane { padding-left: 0px; overflow: visible; min-width: 900px; } } /*---------------------------------------------------------------------------------------------------------------------- -- TOC TREE ENTRIES ----------------------------------------------------------------------------------------------------------------------*/ /* Global TOC settings. may be overriden below */ .wm-toctree { list-style-type: none; line-height: 7px; padding-left: 0px; } /* TOC DOC Text styling, nominal & visited. See .wm-toc-li.wm-current a { for 'currently selected link' */ .wm-toctree a, .wm-toctree a:visited { text-decoration: none; outline: none; color: var(--toc_idle_doc_text_color); background: var(--toc_idle_doc_bg_color); } /* this is the padding for the markdown document titles */ .wm-toc-lev1 > .wm-toc-text { padding-left: 10px; } .wm-toc-lev2 > .wm-toc-text { padding-left: 25px; } .wm-toc-lev3 > .wm-toc-text { padding-left: 40px; } .wm-toc-lev4 > .wm-toc-text { padding-left: 55px; } .wm-toc-lev5 > .wm-toc-text { padding-left: 70px; } .wm-toc-lev6 > .wm-toc-text { padding-left: 85px; } /* This is the margin for the markdown heading li */ /* .wm-toc-lev1 + .wm-page-toc { margin-left: 14px; } .wm-toc-lev2 + .wm-page-toc { margin-left: 29px; } .wm-toc-lev3 + .wm-page-toc { margin-left: 44px; } .wm-toc-lev4 + .wm-page-toc { margin-left: 59px; } .wm-toc-lev5 + .wm-page-toc { margin-left: 74px; } .wm-toc-lev6 + .wm-page-toc { margin-left: 89px; } */ /*---------------------------------------------------------------------------------------------------------------------- -- UNSELECTED MARKDOWN ----------------------------------------------------------------------------------------------------------------------*/ /* Document Icon */ a.wm-article-link.wm-toc-text::before{ font-family: 'FontAwesome'; content: var(--doc_icon); font-size: var(--toc_icons_size); color: var(--toc_idle_doc_icon_color); margin-right: 12px; } .wm-page-toc-opener > .wm-toc-text::after { font-family: 'FontAwesome'; content: "\f053"; display: inline-block; float: right; vertical-align: middle; font-size: var(--toc_font_height); padding-right: 6px; padding-left: 10px; } /*---------------------------------------------------------------------------------------------------------------------- -- SELECTED MARKDOWN FILES ----------------------------------------------------------------------------------------------------------------------*/ /* SELECTED DOC ICON styling */ .wm-toc-li.wm-current a{ color: var(--toc_sel_doc_text_color); } .wm-toc-li.wm-current a::before{ font-family: 'FontAwesome'; font-size: var(--toc_icons_size); color: var(--toc_sel_doc_icon_color); content: "\f0f6 \FE0E"; } /*---------------------------------------------------------------------------------------------------------------------- -- TOC MARKDOWN HOVER PROPERTIES ----------------------------------------------------------------------------------------------------------------------*/ /* DOC ICON - Hover Mode*/ a.wm-article-link.wm-toc-text:hover::before{ font-family: 'FontAwesome'; content: "\f0f6 \FE0E"; color: var(--toc_hvr_doc_icon_color); margin-right: 12px; } /* TOC Hover Style */ a.wm-article-link.wm-toc-text:hover{ color: var(--toc_hvr_doc_text_color); background-color: var(--toc_hvr_doc_bg_color); border-radius: 5px } /* CURRENT selected Markdown Document CONTAINER style */ .wm-toc-li.wm-current{ background-color: var(--toc_sel_doc_bg_color); border-radius: 5px; border: 1px solid #555; } .wm-toc-li.wm-current, .wm-toc-li.wm-current:hover { border-radius: 5px } /* CURRENT selected Markdown Document CONTAINER style on hover */ .wm-toc-li:hover { background-color: transparent; border-radius: 5px /* border-radius: 5px; */ /* border: 1px solid white; */ } /*---------------------------------------------------------------------------------------------------------------------- -- EXPANDED BULLET LIST ----------------------------------------------------------------------------------------------------------------------*/ /* The "container box" for the nested bullet list*/ .wm-toc-li-nested.wm-page-toc { border-left: 1px dashed var(--border1_color); /* background: rgb(100, 100, 100, 0.4); */ margin-right: 10px; border-radius: 0px 0px 5px 5px; } ul > .wm-toc-li-nested > .wm-toctree { border-top: 1px solid #888; border-bottom: 1px solid #888; background: var(--laminar_ink_dark); } ul ul > .wm-toc-li-nested > .wm-toctree { border: none; } /* bullet list Icon */ a.wm-article-link.wm-page-toc-text::before{ color: var(--toc_idle_list_icon_color); content: "•"; font-size: 1.5rem; margin-left: 5px; margin-right: 8px; } /* bullet list text */ a.wm-article-link.wm-page-toc-text{ color: var(--toc_idle_list_text_color); font-size: var(--toc_lst_font_size); padding: 4px 0px; margin-right: 10px; margin-bottom: 1px; } a.wm-article-link.wm-page-toc-text:hover{ color: var(--toc_hvr_lst_text_color); padding-left: 2px; background: var(--toc_hvr_lst_bg_color); } /* This is the color of the Text to the right of an 'active / open folder'*/ .wm-toc-opener.wm-toc-open > .wm-toc-text{ color: var(--toc_sel_grp_text_color); border-radius: 4px; } .wm-page-toc-opener.wm-page-toc-open > .wm-toc-text::after { font-family: 'FontAwesome'; content: "\f078"; font-size: var(--toc_font_height); } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #fff; border-color: #ccc; } .btn-default.greybtn { color: #888; } .wm-article-nav-buttons { margin: 1rem 0; } .wm-page-content img { max-width: 100%; display: inline-block; padding: 0px; line-height: 1.428571429; background-color: #fff; border: 0px solid #ddd; border-radius: 0px; margin: 0px } .wm-page-content a { color: #2fa4e7; } .wm-article-nav { display: inline-block; max-width: 48%; white-space: nowrap; color: #546e7a; text-align: right; } .wm-article-nav > .btn-link { display: block; padding-left: 0.5rem; padding-right: 0.5rem; overflow: hidden; text-overflow: ellipsis; } /*********************************************************************** * Dropdown search results ***********************************************************************/ #mkdocs-search-results.dropdown-menu { width: 40rem; overflow-y: auto; overflow-x: hidden; white-space: normal; max-height: calc(100vh - 60px); max-width: 90vw; } #mkdocs-search-results { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,FontAwesome; } .search-link { font-size: 1.2rem; } .search-title { font-weight: bold; color: #337ab7; padding-right: 1rem; } .search-text { color: #666; overflow: hidden; text-overflow: ellipsis; } .search-text > b { color: #000; } .wm-search-page { list-style: none; padding: 5px 0; } .wm-search-page > li { padding: 1rem 0; border-bottom: 1px solid #ccc; } .wm-search-page .search-link { font-size: inherit; } .wm-search-page .search-link:hover, .wm-search-page .search-link:active { text-decoration: none; } .wm-search-page .search-link:hover .search-title { text-decoration: underline; } /*********************************************************************** * The rest is taken from base.css from mkdocs. ***********************************************************************/ .source-links { float: right; } h1 { color: var(--content_h1_color); font-weight: 400; font-size: 42px; margin-left: -20px; } h2 { text-decoration: underline; } h2, h3, h4, h5, h6 { color: var(--content_h2_color); font-weight: 300; margin-left: -15px; } hr { border-top: 1px solid #aaa; } .wm-page-content ol{ margin-bottom: 40px; } .wm-page-content ul{ margin-bottom: 40px; color: var(--content_paragraph_color); } .wm-page-content ul ul{ margin-bottom: 0px; } p { margin: 0 0 20px; color: var(--content_paragraph_color); } pre, .rst-content tt { max-width: 100%; background: var(--pre_bg_color); border: var(--pre_border); color: var(--pre_text_color); overflow-x: auto; } code.code-large, .rst-content tt.code-large { font-size: 90%; } code { padding: 1px 5px; background: #E9E9E9; border: solid 1px #e1e4e5; color: #D04941; white-space: pre-wrap; word-wrap: break-word; } pre code { background: transparent; border: none; white-space: pre; word-wrap: normal; font-family: monospace,serif; font-size: 12px; } a code { color: #2FA4E7; } a:hover code, a:focus code { color: #157AB5; } footer { width: var(--body_content_width); margin-bottom: 7px; margin-left: 0px; text-align: left; font-weight: 200; font-size: smaller; border-top: 1px solid; } .modal-dialog { margin-top: 60px; } .headerlink { font-size: 14px; display: none; padding-left: .5em; } h1:hover .headerlink, h2:hover .headerlink, h3:hover .headerlink, h4:hover .headerlink, h5:hover .headerlink, h6:hover .headerlink{ display:inline-block; } /*---------------------------------------------------------------------------------------------------------------------- -- ADMONITION GLOBAL ----------------------------------------------------------------------------------------------------------------------*/ .admonition { text-align: left; border-radius: 10px; overflow: hidden; width: 90%; margin: 30px auto; padding: 0px 15px 8px 25px; color: red; } .admonition-paragraph { /* display: flex; */ padding-left: 20px; text-indent: -30px; } .admonition-title { padding: 3px 20px; margin: 0px -30px 15px -30px; } .admonition-paragraph:before { font-family: 'FontAwesome'; content: "\f0a4"; font-size: 1.2em; margin-right: 8px; } /*---------------------------------------------------------------------------------------------------------------------- -- ADMONITION NOTE ----------------------------------------------------------------------------------------------------------------------*/ div.admonition.note .admonition-title { color: #3880B5; font-weight: bold; text-align: left; background: #A0D3EB; border-bottom: 1px solid #3880B5; } /* .admonition.note{ background: #273D6D; } */ .admonition.note .admonition-title:before { /* csslint allow: adjoining-classes */ font-weight: normal; font-family: 'FontAwesome'; content: '\f044 \00a0 \00a0'; } .admonition.note { /* csslint allow: adjoining-classes */ border: 2px solid #58ACDC; } div.admonition.note > p.admonition-paragraph{ color: #3a87ad; } /*---------------------------------------------------------------------------------------------------------------------- -- ADMONITION WARNING ----------------------------------------------------------------------------------------------------------------------*/ div.admonition.warning .admonition-title { font-weight: bold; text-align: left; background: #EEBB7B; color: #C77C17; border-bottom: 1px solid #C77C17; } .admonition.warning .admonition-title:before { /* csslint allow: adjoining-classes */ font-weight: normal; font-family: 'FontAwesome'; content: '\f06a \00a0 \00a0'; } .admonition.warning { /* csslint allow: adjoining-classes */ border: 2px solid #BD9652; } div.admonition.warning > p.admonition-paragraph{ color: #C77C17; } /*---------------------------------------------------------------------------------------------------------------------- -- ADMONITION DANGER ----------------------------------------------------------------------------------------------------------------------*/ div.admonition.danger .admonition-title { font-weight: bold; text-align: left; background: #EA9493; color: white; border-bottom: 2px solid #EA8182; } .admonition.danger .admonition-title:before { /* csslint allow: adjoining-classes */ font-weight: normal; font-family: 'FontAwesome'; content: '\f071 \00a0 \00a0'; } .admonition.danger { /* csslint allow: adjoining-classes */ border: 2px solid #EA8182; } div.admonition.danger > p.admonition-paragraph{ color: #BA656A; } /*---------------------------------------------------------------------------------------------------------------------- -- ADMONITION TIP ----------------------------------------------------------------------------------------------------------------------*/ div.admonition.tip .admonition-title { color: green; font-weight: bold; text-align: left; background: #B5F4BC; border-bottom: 1px solid green; } .admonition.tip { /* csslint allow: adjoining-classes */ color: #438C44; background-color: #ECFEF3; /* padding: 0px 15px 10px 25px; */ border: 2px solid green; } .admonition.tip .admonition-title:before { /* csslint allow: adjoining-classes */ font-weight: normal; font-family: 'FontAwesome'; content: '\f12a \00a0 \00a0'; } /* TABLE STYLING */ .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--table_stripe_dark); } .table { width: auto; /* Let the table width be determined by its contents */ table-layout: auto; /* Use automatic table layout to adjust column widths based on cell content */ border-collapse: collapse; /* Ensure borders collapse (optional) */ white-space: pre-wrap; border: 2px solid var(--table_border_color); color: var(--content_paragraph_color); } .table td { padding-left: 20px; } th { background: var(--table_heading_bg_color); } tr { border-top: 1px solid black; } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid var(--table_border_color); } .table tbody tr td { padding: 5px 20px; vertical-align: middle; } /* The search box section */ input#mkdocs-search-query.form-control{ border: 1px solid #808080; border-bottom-left-radius: 8px; border-top-left-radius: 8px; background: black; height: 35px; color: white; } /* the magnifying glass section */ button#wm-search-go.btn.btn-default{ border: 1px solid #808080; border-bottom-right-radius: 10px; border-top-right-radius: 10px;; background: var(--laminar_blue); color: white; height: 35px; width: 70px; } .dropdown-menu-right{ margin-left: -230px; margin-top: 30px; right: unset; left: unset; } .tooltip-box img{ background-color: black; margin: 5px!important; border: 1px solid white; } ul { padding-inline-start: 20px; } p a.glightbox{ border-radius: 3px; border: 1px solid; padding: 0px 5px 0px 5px; } /* This is to make mathjax equations just a bit bigger font */ .MJX-TEX{ font-size: 120%; } video{ border: 1px solid white; } /* CSS styling for any tables embedded into popup tooltips. Enclose the element in a
with the id 'tooltip_table' You can control the table/column width by placing the following block just below the
tag. */ /* Style for the tooltip table */ #tooltip_table table { border-collapse: collapse; width: 100%; max-width: 300px; /* Adjust as needed */ font-family: Arial, sans-serif; font-size: 10px; background-color: #ffffff; border: 1px solid #ddd; table-layout: fixed; } /* Style for table headers */ #tooltip_table th { background-color: #333; color: white; padding: 5px; text-align: center; border: 1px solid #ddd; } /* Style for table data cells */ #tooltip_table td { color: black; padding: 3px 5px 3px 5px; text-align: left; border: 1px solid #ddd; } /* Alternating row colors for readability */ #tooltip_table tr:nth-child(even) { background-color: #f2f2f2; } /* This is to style a PDF Expanding Bar with embedded PDF */ .pdf-expanding-bar > summary { margin: 20px 0px; cursor: pointer; user-select: none; padding: 0.4rem 0.6rem; border: 1px solid rgba(0,0,0,0.15); border-radius: 8px; background: rgba(0,0,0,0.03); } .pdf-expanding-bar[open] > summary { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .pdf-expanding-bar iframe { width: 100%; height: 800px; border: 2px solid black; } /* This is for an expanding bar that contains a YouTube Video Link */ .video-expanding_bar > summary { margin: 5px 0px; cursor: pointer; user-select: none; padding: 0.4rem 0.6rem; border: 1px solid rgba(0,0,0,0.15); border-radius: 8px; background: rgba(0,0,0,0.03); } /* ------------------------------------------------------------------------------------------------------------------- -- FEEDBACK -moz-buttondefault -------------------------------------------------------------------------------------------------------------------*/ .feedback-button-wrapper { flex: 0 0 auto; width: 150px; padding: 2px; /* border thickness */ border-radius: 8px; background: linear-gradient( 180deg, #ffd01f 0%, #fe8345 40%, #ff9898 60%, #0092db 100% ); margin: 0 30px; } .feedback-button { width: 100%; display: block; padding: 6px 18px; border-radius: 6px; background: #2a2a2a; color: white; text-decoration: none; font-size: 1.5rem; font-weight: 400; white-space: nowrap; text-align: center; } .feedback-button:visited { color: white; } .feedback-button:hover { background: #333; color: white; }