/* Default css file for jemdoc. */ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 0; margin: 0; } div#main-container { min-height: 100vh; background: white; margin: auto; } div#header-container { width: 100%; height: 70px; } div#header { width: 100vw; height: 70px; background: #24292e; z-index: 1; position: fixed; display: inline-block; } div#header-icon-text-container { padding-left: 20px; padding-top: 8px; display: inline-block; vertical-align: middle; } div#header-icon-container { height: 45px; width: 45px; display: inline-block; vertical-align: middle; background-color: white; border-radius: 10px; } div#header-text-container { padding-left: 10px; height: 40px; display: inline-block; color: white; font-size: 28px; margin: 5px; vertical-align: middle; padding-top: 8px; } div#header-text-container a { color: white; } div#header-text-container a:hover { color: white; } div#layout { width: 100vw; min-height: calc(100vh - 70px); padding-bottom: 0; display: inline-block; } div#layout-menu-container {} div#layout-menu { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 25px; height: calc(100% - 97px); min-width: 280px; position: fixed; overflow: scroll; background: #f6f8fa; border-right: 0.8px solid #e1e4e8; } #layout-menu a { padding: 0px; line-height: 2; } div#layout-content-container { width: calc(100vw - 280.8px); min-height: calc(100vh - 70px); margin-left: 280.8px; background: none; text-align: left; display: inline-block; } div#layout-content { min-height: calc(100vh - 240px); padding-top: 140px; padding-bottom: 25px; padding-left: 35px; padding-right: 35px; min-width: 200px; max-width: 850px; margin: auto; } tt { background: #f3f5f7; color: black; } pre, tt { padding: 5px; padding-top: 2px; padding-bottom: 2px; font-size: 87.5%; font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; border-radius: 5px; line-height: 1.5; overflow: scroll; } a, a>tt { color: #0366d6; text-decoration: none; } a:hover, a:hover>tt { /*border-bottom: 1.25px #0366d6 dashed;*/ color: #ea4aaa; } #layout-menu a.current:link, #layout-menu a.current:visited { color: #586069; font-weight: 600; } #layout-menu a:link, #layout-menu a:visited, #layout-menu a:hover { color: #0366d6; text-decoration: none; } #layout-menu a:hover { color: #ea4aaa; text-decoration: none; } div.menu-category { margin-top: 16px; padding-top: 8px; padding-bottom: 0.1em; padding-left: 25px; padding-right: 25px; font-size: 18px; line-height: 2; border-top: 0.8px solid #e1e4e8; } div.menu-item { font-size: 16px; padding-left: 25px; padding-right: 25px; } div#toptitle { padding-bottom: 0.2em; margin-bottom: 1.5em; border-bottom: 1px solid #e1e4e8; } /* Reduce space if we begin the page with a title. */ div#toptitle+h2, div#toptitle+h3 { margin-top: -0.7em; } div#subtitle { margin-top: 0.0em; margin-bottom: 0.0em; padding-top: 0em; padding-bottom: 0.1em; } em { font-style: italic; } strong { font-weight: bold; } h1, h2, h3 { padding-bottom: 0.2em; line-height: 1.25; padding-top: 0.5em; border-bottom: 0.7px solid #e1e4e8; font-weight: 500; text-align: center; } h1 { font-size: 30px; } h2 { padding-top: 0.8em; margin-bottom: 16px; font-size: 24px; } h2+h3 { padding-top: 4px; } h3 { font-size: 20px; padding-top: 0px; margin-bottom: 0px; border-bottom: none; } p { font-size: 16px; line-height: 1.5; margin-top: 0.0em; margin-bottom: 0.8em; padding: 0; text-align: justify; } pre { padding: 0; margin: 0; } beam { font-size: 25px; } beams { font-size: 20px; font-style: italic; } div#footer-container {} div#footer { font-size: small; color: #c0c0c0; min-width: 200px; max-width: 850px; margin: auto; padding-top: 25px; padding-bottom: 25px; padding-left: 35px; padding-right: 35px; } div#footer a { color: #80a0b0; } div#footer a:hover { color: #ea4aaa; } div#footer-text { line-height: 30px; } ul, ol, dl { margin-top: 0.2em; padding-top: 0; margin-bottom: 0.8em; } dt { margin-top: 0.5em; margin-bottom: 0; } dl { margin-left: 20px; } dd { color: #222222; } dd>*:first-child { margin-top: 0; } ul { list-style-position: outside; list-style-type: square; } p+ul, p+ol { margin-top: -0.5em; } li ul, li ol { margin-top: -0.3em; } ol { list-style-position: outside; list-style-type: decimal; } li p, dd p { margin-bottom: 0.3em; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: lower-roman; } div.codeblock {} p+div.codeblock { margin-top: 0.6em; } div.codeblock, div.infoblock { margin-right: 0%; margin-top: 1.2em; margin-bottom: 1.3em; } div.blocktitle { color: #0366d6; font-size: 20px; line-height: 2; } div.blockcontent { padding: 10px; } div.infoblock>div.blockcontent { background: #fffbdd; border: 1px solid #f9c513; border-radius: 9px; color: #f9c513; } div.blockcontent p+ul, div.blockcontent p+ol { margin-top: 0.4em; } div.infoblock p { margin-bottom: 0em; } div.infoblock li p, div.infoblock dd p { margin-bottom: 0.5em; } div.infoblock p+p { margin-top: 0.8em; } div.codeblock>div.blockcontent { border: none; border-radius: 10px; background: #f6f8fa; } span.pycommand { color: #000070; } span.statement { color: #008800; } span.builtin { color: #000088; } span.special { color: #990000; } span.operator { color: #880000; } span.error { color: #aa0000; } span.comment, span.comment>*, span.string, span.string>* { color: #606060; } @media print { #layout-menu { display: none; } } #fwtitle { margin: 2px; } #fwtitle #toptitle { padding-left: 0.5em; margin-bottom: 0.5em; } #layout-content h1:first-child, #layout-content h2:first-child, #layout-content h3:first-child { margin-top: -0.7em; } div#toptitle h1, #layout-content div#toptitle h1 { margin-bottom: 0.0em; padding-bottom: 0.1em; padding-top: 0; margin-top: 0em; border-bottom: none; text-align: center } img { padding: 0px; margin-right: 20px; margin-bottom: 10px; border-radius: 10px; } /*table { border-collapse: collapse; } td { padding-left: 0.5em; padding-right: 0.5em; text-align: center; border: 1px solid #d1d5da; line-height: 2; } */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } table+table { margin-top: 1em; } #countries tr.r1 { font-weight: 600; } #countries tr:nth-child(even) { background-color: #f6f8fa; } table.dataintable { margin-top: 15px; border-collapse: collapse; border: 0px solid #aaa; width: 100%; line-height: 1.7; } table.dataintable th { vertical-align: baseline; padding: 5px 15px 5px 6px; background-color: #3F3F3F; border: 0px solid #3F3F3F; color: #fff; } table.dataintable td { vertical-align: middle; padding: 6px 15px 6px 6px; border: 0px solid #aaa; text-align: left; width: 15px; } table.dataintable tr:nth-child(odd) { background-color: #F5F5F5; } table.dataintable tr:nth-child(even) { background-color: #fff; } div#text-img-container { overflow: hidden; padding: 0; margin: 0; margin-bottom: 0px; text-align: center } div#img-container { float: left; padding-top: 0px; text-align: center; } div#text-container h1 { border-bottom: none; margin: 0px; padding: 0px; padding-top: 15px; } div#text-container h2 { border-bottom: none; margin: 0px; padding: 0px; padding-top: 15px; } div#text-container h3 { padding-top: 0px; margin-top: 0px; } div#text-container h1+h3 { padding-top: 0px; margin-top: 0px; } div#text-container h3+h1 { padding: 0px; margin: 0px; } div#text-container h2+h3 { padding-top: 0px; margin-top: 0px; } div#text-container p {} div#main { margin: auto; height: 45px; display: inline-block; vertical-align: middle; } .openbtn { font-size: 0; background: none; color: none; border: none; } .openbtn:hover {} div#layout-menu-container .closebtn { font-size: 0; } div#layout-menu-container .closebtn:hover { background: #fdaeb7; color: #cb2431; } /* Width to collapse sidebar */ @media screen and (max-width: 1200px) { /* div#header-text-container { visibility: hidden; width: 0; } */ div#layout-menu-container { width: 0; } div#layout-menu { padding-top: 20px; transition: 0.5s; min-width: 0px; width: 0px; box-shadow: 8px 0px 10px 0 rgba(0, 0, 0, 0.3); border: none; /*position: fixed;*/ } div#layout-content-container { transition: margin-left .5s; margin-left: 0px; width: 100%; } div#main { padding-left: calc(100vw - 150px); } .openbtn { font-size: 26px; cursor: pointer; background: none; color: white; padding: 8px 9px 8px 9px; border: none; width: 45px; } .openbtn:hover { background-color: #2f363d; } div#layout-menu-container .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; border: none; padding-left: 10px; padding-right: 10px; padding-top: 1.1px; padding-bottom: 5.3px; line-height: 1; margin-right: -25px; background: #ffdce0; color: #959da5; } div#layout-menu-container .closebtn:hover { background: #fdaeb7; color: #cb2431; } } /* Width to center image */ @media screen { img { margin-right: 0px; margin-top: 120px; } p { text-align: left; } div#layout-content { padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 15px; min-height: calc(100vh - 190px); } div#footer-container {} div#footer { padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 15px; } div#img-container { float: none; padding-top: 0px; text-align: center; } div#text-container h1 { text-align: center; } div#text-container h2 { text-align: center; } div#text-container h3 { text-align: center; } } div#beamer { text-align: center; } /* members */ div#member-container { text-align: center; } div#member { display: inline-block; vertical-align: top; width: 150px; text-align: center; margin-bottom: 15px; margin-right: 10px; } div#member img { width: 150px; height: 150px; object-fit: cover; margin: 0px; padding: 0px; border-radius: 50%; } div#member p { text-align: center; margin: 0px; padding: 0px; } /* Group Outings */ .row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 4px; } .column { -ms-flex: 23%; /* IE10 */ flex: 23%; max-width: 23%; padding: 0 4px; } .column img { margin-top: 8px; vertical-align: middle; width: 100%; } @media screen and (max-width: 800px) { .column { -ms-flex: 50%; flex: 50%; max-width: 50%; } } nav#style1 { width: 100%; height: 60px; display: flex; /* background-color: black; */ } ul#outer_list { display: flex; list-style: none; margin-left: -140px; font-size: 22px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } li#outer_li { width: 30px; margin-left: 100px; margin-top: -8px; } li#outer_li_year { width: 0px; margin-left: 100px; margin-top: -8px; } li#style2 { width: 100px; float: right; /* 设置文本行高 */ line-height: 50px; background-color: #24292e; } a#style3 { color: #008800; display: block; text-align: center; } a:hover#style3 { background-color: cadetblue; } /* 下拉菜单隐藏 */ ul#top_list { margin-left: -64px; margin-top: 0px; display: none; list-style: none; } /* 下拉菜单显示 */ li:hover>ul#top_list { display: grid; } div#menu-container { display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; align-items: center; background-color: white; padding: 20px; border-radius: 4px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } div:active#menu-item { background-color: #3e8e41; box-shadow: 0 2px #666; border-radius: 10px; transform: translateY(4px); } div#menu-item { width: 160px; margin: 0px; display: inline-block; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #bdbcbb; border: none; border-radius: 2px; box-shadow: 0 2px #999; } a#style6 { display: inline-block; padding: 10px 20px; width: 120px; /* background-color: #4CAF50;*/ background-color: #bdbcbb; color: white; text-decoration: none; border-radius: 2px; transition: background-color 0.3s ease; } div#menu-item1 { width: 120px; margin: 0px; display: inline-block; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #bdbcbb; border: none; border-radius: 2px; box-shadow: 0 2px #999; } a#style7 { display: inline-block; padding: 10px 10px; width: 100px; /* background-color: #4CAF50;*/ background-color: #bdbcbb; color: white; text-decoration: none; border-radius: 2px; transition: background-color 0.3s ease; } a:hover#style7 { background-color: #757574; } a:hover#style6 { background-color: #757574; } #outer_list>li>a#current_year { text-decoration: none; display: flex; align-items: center; /* gap: 10px; */ width: 10px; } #outer_list>li>a>span#arrow { border: solid #ffffff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; margin-left: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } /* #outer_list>li>a>span:hover#arrow { transform: rotate(-45deg); } */ .highlight { padding: 4px 6px 6px 6px; background-color: lightskyblue; border-radius: 2px; } ul#topicstyle1 { columns: 2; /* 将列表项分成两列 */ -webkit-columns: 2; /* 兼容性设置 */ -moz-columns: 2; /* 兼容性设置 */ margin-left: 20px; padding-left: 20px; margin-top: 6px; /* 给列表项加入左侧内边距，确保看起来对齐 */ line-height: 1.2; } ul>li#topicstyle2 { list-style-type: none; /* 取消默认的列表标记 */ position: relative; /* 设置为相对定位 */ margin-top: 5px; } ul>li#topicstyle2:before { content: "- "; /* 在每个列表项前加上 "-" */ position: absolute; left: -10px; /* 调整 "-" 的位置 */ } img#page { width: 36px; height: 36px; float: center; margin-left: 50px; cursor: pointer; border-radius: 18px; } img#page1 { width: 36px; height: 36px; float: center; /* margin-left: 50px; */ cursor: pointer; border-radius: 18px; } #sponsors { margin-top: 20px; /* 确保标题与顶部的距离 */ text-align: center; /* 标题居中 */ } .sponsors-container { display: flex; flex-wrap: wrap; /* 允许换行 */ justify-content: center; /* 图片居中显示 */ margin-top: 20px; /* 确保与标题的距离 */ } .sponsor-img { max-height: 64px; width: auto; height: auto; margin: 10px; /* 统一设置间距 */ } @media (max-width: 768px) { /* 针对手机和小屏幕 */ .sponsors-container { justify-content: center; /* 居中显示 */ } .sponsor-img { max-height: 50px; /* 根据需要调整尺寸 */ margin: 5px; /* 减小间距 */ } } .profile-border { border: 2px solid #000; }