|
|
| Line 1: |
Line 1: |
| | {{Tsinghua-A}} | | {{Tsinghua-A}} |
| | + | {{Tsinghua-A/baseCSS}} |
| | <html> | | <html> |
| − | <head> | + | <p> |
| − | <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'>
| + | hello world for css config |
| − | <title>igem</title><style type='text/css'>html {overflow-x: initial !important;}:root { --bg-color:#ffffff; --text-color:#333333; --select-text-bg-color:#B5D6FC; --select-text-font-color:auto; --monospace:"Lucida Console",Consolas,"Courier",monospace; }
| + | </p> |
| − | html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
| + | |
| − | body { margin: 0px; padding: 0px; height: auto; bottom: 0px; top: 0px; left: 0px; right: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; background: inherit; }
| + | |
| − | iframe { margin: auto; }
| + | |
| − | a.url { word-break: break-all; }
| + | |
| − | a:active, a:hover { outline: 0px; }
| + | |
| − | .in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color); }
| + | |
| − | #write { margin: 0px auto; height: auto; width: inherit; word-break: normal; word-wrap: break-word; position: relative; white-space: normal; padding-bottom: 70px; overflow-x: visible; }
| + | |
| − | .first-line-indent #write div, .first-line-indent #write li, .first-line-indent #write p { text-indent: 2em; }
| + | |
| − | .first-line-indent #write div :not(p):not(div), .first-line-indent #write div.md-htmlblock-container, .first-line-indent #write p *, .first-line-indent pre { text-indent: 0px; }
| + | |
| − | .for-image #write { padding-left: 8px; padding-right: 8px; }
| + | |
| − | body.typora-export { padding-left: 30px; padding-right: 30px; }
| + | |
| − | @media screen and (max-width: 500px) {
| + | |
| − | body.typora-export { padding-left: 0px; padding-right: 0px; }
| + | |
| − | .CodeMirror-sizer { margin-left: 0px !important; }
| + | |
| − | .CodeMirror-gutters { display: none !important; }
| + | |
| − | }
| + | |
| − | #write > blockquote:first-child, #write > div:first-child, #write > figure:first-child, #write > ol:first-child, #write > p:first-child, #write > pre:first-child, #write > ul:first-child { margin-top: 30px; }
| + | |
| − | #write li > figure:first-child { margin-top: -20px; }
| + | |
| − | #write ol, #write ul { position: relative; }
| + | |
| − | img { max-width: 100%; vertical-align: middle; }
| + | |
| − | button, input, select, textarea { color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; }
| + | |
| − | input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0px; }
| + | |
| − | *, ::after, ::before { box-sizing: border-box; }
| + | |
| − | #write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p, #write pre { width: inherit; }
| + | |
| − | #write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p { position: relative; }
| + | |
| − | h1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; orphans: 2; }
| + | |
| − | p { orphans: 4; }
| + | |
| − | h1 { font-size: 2rem; }
| + | |
| − | h2 { font-size: 1.8rem; }
| + | |
| − | h3 { font-size: 1.6rem; }
| + | |
| − | h4 { font-size: 1.4rem; }
| + | |
| − | h5 { font-size: 1.2rem; }
| + | |
| − | h6 { font-size: 1rem; }
| + | |
| − | .md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }
| + | |
| − | .hidden { display: none; }
| + | |
| − | .md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }
| + | |
| − | a { cursor: pointer; }
| + | |
| − | sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgb(85, 85, 85); border-radius: 4px; cursor: pointer; }
| + | |
| − | sup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }
| + | |
| − | #write input[type="checkbox"] { cursor: pointer; width: inherit; height: inherit; }
| + | |
| − | figure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }
| + | |
| − | figure > table { margin: 0px !important; }
| + | |
| − | tr { break-inside: avoid; break-after: auto; }
| + | |
| − | thead { display: table-header-group; }
| + | |
| − | table { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }
| + | |
| − | table.md-table td { min-width: 80px; }
| + | |
| − | .CodeMirror-gutters { border-right: 0px; background-color: inherit; }
| + | |
| − | .CodeMirror { text-align: left; }
| + | |
| − | .CodeMirror-placeholder { opacity: 0.3; }
| + | |
| − | .CodeMirror pre { padding: 0px 4px; }
| + | |
| − | .CodeMirror-lines { padding: 0px; }
| + | |
| − | div.hr:focus { cursor: none; }
| + | |
| − | #write pre { white-space: pre-wrap; }
| + | |
| − | #write.fences-no-line-wrapping pre { white-space: pre; }
| + | |
| − | #write pre.ty-contain-cm { white-space: normal; }
| + | |
| − | .CodeMirror-gutters { margin-right: 4px; }
| + | |
| − | .md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background: inherit; position: relative !important; }
| + | |
| − | .md-diagram-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }
| + | |
| − | #write .md-fences.mock-cm { white-space: pre-wrap; }
| + | |
| − | .md-fences.md-fences-with-lineno { padding-left: 0px; }
| + | |
| − | #write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }
| + | |
| − | .md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }
| + | |
| − | .CodeMirror-line, twitterwidget { break-inside: avoid; }
| + | |
| − | .footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }
| + | |
| − | .footnotes + .footnotes { margin-top: 0px; }
| + | |
| − | .md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; background: 0px 0px; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; }
| + | |
| − | li div { padding-top: 0px; }
| + | |
| − | blockquote { margin: 1rem 0px; }
| + | |
| − | li .mathjax-block, li p { margin: 0.5rem 0px; }
| + | |
| − | li { margin: 0px; position: relative; }
| + | |
| − | blockquote > :last-child { margin-bottom: 0px; }
| + | |
| − | blockquote > :first-child, li > :first-child { margin-top: 0px; }
| + | |
| − | .footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }
| + | |
| − | #write .footnote-line { white-space: pre-wrap; }
| + | |
| − | @media print {
| + | |
| − | body, html { border: 1px solid transparent; height: 99%; break-after: avoid; break-before: avoid; }
| + | |
| − | #write { margin-top: 0px; border-color: transparent !important; }
| + | |
| − | .typora-export * { -webkit-print-color-adjust: exact; }
| + | |
| − | html.blink-to-pdf { font-size: 13px; }
| + | |
| − | .typora-export #write { padding-left: 1cm; padding-right: 1cm; padding-bottom: 0px; break-after: avoid; }
| + | |
| − | .typora-export #write::after { height: 0px; }
| + | |
| − | @page { margin: 20mm 0px; }
| + | |
| − | }
| + | |
| − | .footnote-line { margin-top: 0.714em; font-size: 0.7em; }
| + | |
| − | a img, img a { cursor: pointer; }
| + | |
| − | pre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background: rgb(204, 204, 204); display: block; overflow-x: hidden; }
| + | |
| − | p > img:only-child { display: block; margin: auto; }
| + | |
| − | p > .md-image:only-child { display: inline-block; width: 100%; text-align: center; }
| + | |
| − | #write .MathJax_Display { margin: 0.8em 0px 0px; }
| + | |
| − | .md-math-block { width: 100%; }
| + | |
| − | .md-math-block:not(:empty)::after { display: none; }
| + | |
| − | [contenteditable="true"]:active, [contenteditable="true"]:focus { outline: 0px; box-shadow: none; }
| + | |
| − | .md-task-list-item { position: relative; list-style-type: none; }
| + | |
| − | .task-list-item.md-task-list-item { padding-left: 0px; }
| + | |
| − | .md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); }
| + | |
| − | .math { font-size: 1rem; }
| + | |
| − | .md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-radius: 10px; }
| + | |
| − | .md-toc-content { position: relative; margin-left: 0px; }
| + | |
| − | .md-toc-content::after, .md-toc::after { display: none; }
| + | |
| − | .md-toc-item { display: block; color: rgb(65, 131, 196); }
| + | |
| − | .md-toc-item a { text-decoration: none; }
| + | |
| − | .md-toc-inner:hover { }
| + | |
| − | .md-toc-inner { display: inline-block; cursor: pointer; }
| + | |
| − | .md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }
| + | |
| − | .md-toc-h2 .md-toc-inner { margin-left: 2em; }
| + | |
| − | .md-toc-h3 .md-toc-inner { margin-left: 4em; }
| + | |
| − | .md-toc-h4 .md-toc-inner { margin-left: 6em; }
| + | |
| − | .md-toc-h5 .md-toc-inner { margin-left: 8em; }
| + | |
| − | .md-toc-h6 .md-toc-inner { margin-left: 10em; }
| + | |
| − | @media screen and (max-width: 48em) {
| + | |
| − | .md-toc-h3 .md-toc-inner { margin-left: 3.5em; }
| + | |
| − | .md-toc-h4 .md-toc-inner { margin-left: 5em; }
| + | |
| − | .md-toc-h5 .md-toc-inner { margin-left: 6.5em; }
| + | |
| − | .md-toc-h6 .md-toc-inner { margin-left: 8em; }
| + | |
| − | }
| + | |
| − | a.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }
| + | |
| − | .footnote-line a:not(.reversefootnote) { color: inherit; }
| + | |
| − | .md-attr { display: none; }
| + | |
| − | .md-fn-count::after { content: "."; }
| + | |
| − | code, pre, samp, tt { font-family: var(--monospace); }
| + | |
| − | kbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; }
| + | |
| − | .md-comment { color: rgb(162, 127, 3); opacity: 0.8; font-family: var(--monospace); }
| + | |
| − | code { text-align: left; vertical-align: initial; }
| + | |
| − | a.md-print-anchor { white-space: pre !important; border-width: initial !important; border-style: none !important; border-color: initial !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; background: 0px 0px !important; text-decoration: initial !important; text-shadow: initial !important; }
| + | |
| − | .md-inline-math .MathJax_SVG .noError { display: none !important; }
| + | |
| − | .md-math-block .MathJax_SVG_Display { text-align: center; margin: 0px; position: relative; text-indent: 0px; max-width: none; max-height: none; min-height: 0px; min-width: 100%; width: auto; overflow-y: hidden; display: block !important; }
| + | |
| − | .MathJax_SVG_Display, .md-inline-math .MathJax_SVG_Display { width: auto; margin: inherit; display: inline-block !important; }
| + | |
| − | .MathJax_SVG .MJX-monospace { font-family: var(--monospace); }
| + | |
| − | .MathJax_SVG .MJX-sans-serif { font-family: sans-serif; }
| + | |
| − | .MathJax_SVG { display: inline; font-style: normal; font-weight: 400; line-height: normal; zoom: 90%; text-indent: 0px; text-align: left; text-transform: none; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; direction: ltr; max-width: none; max-height: none; min-width: 0px; min-height: 0px; border: 0px; padding: 0px; margin: 0px; }
| + | |
| − | .MathJax_SVG * { transition: none; }
| + | |
| − | .MathJax_SVG_Display svg { vertical-align: middle !important; margin-bottom: 0px !important; }
| + | |
| − | .os-windows.monocolor-emoji .md-emoji { font-family: "Segoe UI Symbol", sans-serif; }
| + | |
| − | .md-diagram-panel > svg { max-width: 100%; }
| + | |
| − | [lang="mermaid"] svg, [lang="flow"] svg { max-width: 100%; }
| + | |
| − | [lang="mermaid"] .node text { font-size: 1rem; }
| + | |
| − | table tr th { border-bottom: 0px; }
| + | |
| − | video { max-width: 100%; display: block; margin: 0px auto; }
| + | |
| − | iframe { max-width: 100%; width: 100%; border: none; }
| + | |
| − | .highlight td, .highlight tr { border: 0px; }
| + | |
| − | | + | |
| − | | + | |
| − | :root { --side-bar-bg-color: #fff; --control-text-color: #777; }
| + | |
| − | @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url("vue/L0x5DF4xlVMF-BfR8bXMIjhGq3-cXbKDO1w.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
| + | |
| − | @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url("vue/L0x5DF4xlVMF-BfR8bXMIjhPq3-cXbKDO1w.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
| + | |
| − | @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url("vue/L0x5DF4xlVMF-BfR8bXMIjhHq3-cXbKDO1w.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
| + | |
| − | @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url("vue/L0x5DF4xlVMF-BfR8bXMIjhIq3-cXbKDO1w.woff2") format("woff2"); unicode-range: U+370-3FF; }
| + | |
| − | @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url("vue/L0x5DF4xlVMF-BfR8bXMIjhEq3-cXbKDO1w.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; }
| + | |
| − | @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url("vue/L0x5DF4xlVMF-BfR8bXMIjhFq3-cXbKDO1w.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
| + | |
| − | @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 400; src: local("Roboto Mono"), local("RobotoMono-Regular"), url("vue/L0x5DF4xlVMF-BfR8bXMIjhLq3-cXbKD.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2") format("woff2"); unicode-range: U+370-3FF; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2") format("woff2"); unicode-range: U+370-3FF; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("vue/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2") format("woff2"); unicode-range: U+370-3FF; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
| + | |
| − | @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
| + | |
| − | html { font-size: 16px; }
| + | |
| − | body { color: rgb(52, 73, 94); -webkit-font-smoothing: antialiased; line-height: 1.6rem; letter-spacing: 0px; margin: 0px; overflow-x: hidden; font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif !important; }
| + | |
| − | #write { max-width: 860px; margin: 0px auto; padding: 20px 30px 100px; }
| + | |
| − | #write p { line-height: 1.6rem; word-spacing: 0.05rem; }
| + | |
| − | #write ol li { padding-left: 0.5rem; }
| + | |
| − | #write > ul:first-child, #write > ol:first-child { margin-top: 30px; }
| + | |
| − | body > :first-child { margin-top: 0px !important; }
| + | |
| − | body > :last-child { margin-bottom: 0px !important; }
| + | |
| − | a { color: rgb(66, 185, 131); font-weight: 600; padding: 0px 2px; text-decoration: none; }
| + | |
| − | h1, h2, h3, h4, h5, h6 { position: relative; margin-top: 1rem; margin-bottom: 1rem; font-weight: bold; line-height: 1.4; cursor: text; }
| + | |
| − | h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { text-decoration: none; }
| + | |
| − | h1 tt, h1 code { font-size: inherit; }
| + | |
| − | h2 tt, h2 code { font-size: inherit; }
| + | |
| − | h3 tt, h3 code { font-size: inherit; }
| + | |
| − | h4 tt, h4 code { font-size: inherit; }
| + | |
| − | h5 tt, h5 code { font-size: inherit; }
| + | |
| − | h6 tt, h6 code { font-size: inherit; }
| + | |
| − | h2 a, h3 a { color: rgb(52, 73, 94); }
| + | |
| − | h3 a::before { content: "#"; color: rgb(66, 185, 131); position: absolute; left: -0.7em; margin-top: -0.05em; padding-right: 0.5em; font-size: 1.2em; line-height: 1; font-weight: bold; }
| + | |
| − | h1 { padding-bottom: 0.4rem; font-size: 2.2rem; line-height: 1.3; }
| + | |
| − | h2 { font-size: 1.75rem; line-height: 1.225; margin: 35px 0px 15px; padding-bottom: 0.5em; border-bottom: 1px solid rgb(221, 221, 221); }
| + | |
| − | h3 { font-size: 1.4rem; line-height: 1.43; margin: 20px 0px 7px; }
| + | |
| − | h4 { font-size: 1.2rem; }
| + | |
| − | h5 { font-size: 1rem; }
| + | |
| − | h6 { font-size: 1rem; color: rgb(119, 119, 119); }
| + | |
| − | p, blockquote, ul, ol, dl, table { margin: 0.8em 0px; }
| + | |
| − | li > ol, li > ul { margin: 0px; }
| + | |
| − | hr { height: 2px; padding: 0px; margin: 16px 0px; background-color: rgb(231, 231, 231); border: 0px none; overflow: hidden; box-sizing: content-box; }
| + | |
| − | body > h2:first-child { margin-top: 0px; padding-top: 0px; }
| + | |
| − | body > h1:first-child { margin-top: 0px; padding-top: 0px; }
| + | |
| − | body > h1:first-child + h2 { margin-top: 0px; padding-top: 0px; }
| + | |
| − | body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child { margin-top: 0px; padding-top: 0px; }
| + | |
| − | a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 { margin-top: 0px; padding-top: 0px; }
| + | |
| − | h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { margin-top: 0px; }
| + | |
| − | li p.first { display: inline-block; }
| + | |
| − | ul, ol { padding-left: 30px; }
| + | |
| − | ul:first-child, ol:first-child { margin-top: 0px; }
| + | |
| − | ul:last-child, ol:last-child { margin-bottom: 0px; }
| + | |
| − | blockquote { border-left: 4px solid rgb(66, 185, 131); padding: 10px 0px 10px 15px; color: rgb(119, 119, 119); background-color: rgba(66, 185, 131, 0.1); }
| + | |
| − | table { padding: 0px; word-break: initial; }
| + | |
| − | table tr { border-top: 1px solid rgb(223, 226, 229); margin: 0px; padding: 0px; }
| + | |
| − | table tr:nth-child(2n), thead { background-color: rgb(250, 250, 250); }
| + | |
| − | table tr th { font-weight: bold; border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(223, 226, 229); border-right-color: rgb(223, 226, 229); border-left-color: rgb(223, 226, 229); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; text-align: left; margin: 0px; padding: 6px 13px; }
| + | |
| − | table tr td { border: 1px solid rgb(223, 226, 229); text-align: left; margin: 0px; padding: 6px 13px; }
| + | |
| − | table tr th:first-child, table tr td:first-child { margin-top: 0px; }
| + | |
| − | table tr th:last-child, table tr td:last-child { margin-bottom: 0px; }
| + | |
| − | #write strong { padding: 0px 1px; }
| + | |
| − | #write em { padding: 0px 5px 0px 2px; }
| + | |
| − | #write table thead th { background-color: rgb(242, 242, 242); }
| + | |
| − | #write .CodeMirror-gutters { border-right: none; }
| + | |
| − | #write .md-fences { border: 1px solid rgb(244, 244, 244); -webkit-font-smoothing: initial; line-height: 1.43rem; border-radius: 2px; font-size: 0.85rem; word-wrap: normal; margin: 0.8rem 0px !important; padding: 0.3rem 0rem !important; background-color: rgb(248, 248, 248) !important; font-family: "Roboto Mono", "Source Sans Pro", Monaco, courier, monospace !important; }
| + | |
| − | #write .CodeMirror-wrap .CodeMirror-code pre { padding-left: 12px; }
| + | |
| − | #write code, tt { margin: 0px 2px; padding: 2px 4px; border-radius: 2px; font-size: 0.92rem; color: rgb(233, 105, 0); background-color: rgb(248, 248, 248); font-family: "Source Sans Pro", "Roboto Mono", Monaco, courier, monospace !important; }
| + | |
| − | #write .md-footnote { background-color: rgb(248, 248, 248); color: rgb(233, 105, 0); }
| + | |
| − | #write mark { background-color: rgb(235, 255, 235); border-radius: 2px; padding: 2px 4px; margin: 0px 2px; color: rgb(34, 34, 34); font-weight: 500; }
| + | |
| − | #write del { padding: 1px 2px; }
| + | |
| − | .cm-s-inner .cm-link, .cm-s-inner.cm-link { color: rgb(34, 162, 201); }
| + | |
| − | .cm-s-inner .cm-string { color: rgb(34, 162, 201); }
| + | |
| − | .md-task-list-item > input { margin-left: -1.3em; }
| + | |
| − | @media screen and (min-width: 914px) {
| + | |
| − | }
| + | |
| − | @media print {
| + | |
| − | html { font-size: 13px; }
| + | |
| − | table, pre { break-inside: avoid; }
| + | |
| − | pre { word-wrap: break-word; }
| + | |
| − | }
| + | |
| − | .md-fences { background-color: rgb(248, 248, 248); }
| + | |
| − | #write pre.md-meta-block { padding: 1rem; font-size: 85%; line-height: 1.45; background-color: rgb(247, 247, 247); border: 0px; border-radius: 3px; color: rgb(119, 119, 119); margin-top: 0px !important; }
| + | |
| − | .mathjax-block > .code-tooltip { bottom: 0.375rem; }
| + | |
| − | #write > h3.md-focus::before { left: -1.5625rem; top: 0.375rem; }
| + | |
| − | #write > h4.md-focus::before { left: -1.5625rem; top: 0.285714rem; }
| + | |
| − | #write > h5.md-focus::before { left: -1.5625rem; top: 0.285714rem; }
| + | |
| − | #write > h6.md-focus::before { left: -1.5625rem; top: 0.285714rem; }
| + | |
| − | .md-image > .md-meta { border-radius: 3px; font-family: Consolas, "Liberation Mono", Courier, monospace; padding: 2px 0px 0px 4px; font-size: 0.9em; color: inherit; }
| + | |
| − | .md-tag { color: inherit; }
| + | |
| − | .md-toc { margin-top: 20px; padding-bottom: 20px; }
| + | |
| − | .sidebar-tabs { border-bottom: none; }
| + | |
| − | #typora-quick-open { border: 1px solid rgb(221, 221, 221); background-color: rgb(248, 248, 248); }
| + | |
| − | #typora-quick-open-item { background-color: rgb(250, 250, 250); border-color: rgb(254, 254, 254) rgb(229, 229, 229) rgb(229, 229, 229) rgb(238, 238, 238); border-style: solid; border-width: 1px; }
| + | |
| − | #md-notification::before { top: 10px; }
| + | |
| − | .on-focus-mode blockquote { border-left-color: rgba(85, 85, 85, 0.12); }
| + | |
| − | header, .context-menu, .megamenu-content, footer { font-family: "Segoe UI", Arial, sans-serif; }
| + | |
| − | .file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state { visibility: visible; }
| + | |
| − | .mac-seamless-mode #typora-sidebar { background-color: var(--side-bar-bg-color); }
| + | |
| − | .md-lang { color: rgb(180, 101, 77); }
| + | |
| − | .html-for-mac .context-menu { --item-hover-bg-color: #E6F0FE; }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | .typora-export p, .typora-export .footnote-line {white-space: normal;}
| + | |
| − | </style> | + | |
| − | </head>
| + | |
| − | <body class='typora-export os-windows' >
| + | |
| − | <div id='write' class = 'is-node'><p>This year we are exploring the area of DNA data storage. We built a model of the in vitro process from DNA synthesis to sequencing to get a quantitative understanding of errors introduced in DNA information channel, and tried to use hierarchical primer and omega primer in PCR to provide flexible retrieval mechanism. On the basis of these, we developed program running in silico for data encoding and encryption with improved fountain code and chaotic encryption, image similarity and hierarchic retrieval with CNN and PCA, and file indexing and modification. To demonstrate our design, we synthesis 12K DNA sequence into which we encode Tsinghua Bamboo Slip, quotes from Assassin Creed and other contents(130KB in total). Integrating multiple parts of our project, we also built a software to simulate the whole DNA data storage system and tell people what's happening with animation.</p><p> </p></div>
| + | |
| − | </body>
| + | |
| | </html> | | </html> |
