feat(responsive): article partially responsive
This commit is contained in:
parent
8c669a8926
commit
dce6689e3c
1 changed files with 80 additions and 140 deletions
|
@ -287,146 +287,7 @@ pre * {
|
|||
content: "\e903";
|
||||
}
|
||||
|
||||
/* pygments */
|
||||
.highlight .c { color: #8f5902; font-style: italic; }
|
||||
|
||||
.highlight .err { color: #a40000; border: 1px solid #ef2929; }
|
||||
|
||||
.highlight .g { color: #000000; }
|
||||
|
||||
.highlight .k { color: #204a87; font-weight: bold; }
|
||||
|
||||
.highlight .l { color: #000000; }
|
||||
|
||||
.highlight .n { color: #000000; }
|
||||
|
||||
.highlight .o { color: #ce5c00; font-weight: bold; }
|
||||
|
||||
.highlight .x { color: #000000; }
|
||||
|
||||
.highlight .p { color: #000000; font-weight: bold; }
|
||||
|
||||
.highlight .cm { color: #8f5902; font-style: italic; }
|
||||
|
||||
.highlight .cp { color: #8f5902; font-style: italic; }
|
||||
|
||||
.highlight .c1 { color: #8f5902; font-style: italic; }
|
||||
|
||||
.highlight .cs { color: #8f5902; font-style: italic; }
|
||||
|
||||
.highlight .gd { color: #a40000; }
|
||||
|
||||
.highlight .ge { color: #000000; font-style: italic; }
|
||||
|
||||
.highlight .gr { color: #ef2929; }
|
||||
|
||||
.highlight .gh { color: #000080; font-weight: bold; }
|
||||
|
||||
.highlight .gi { color: #00A000; }
|
||||
|
||||
.highlight .go { color: #000000; font-style: italic; }
|
||||
|
||||
.highlight .gp { color: #8f5902; }
|
||||
|
||||
.highlight .gs { color: #000000; font-weight: bold; }
|
||||
|
||||
.highlight .gu { color: #800080; font-weight: bold; }
|
||||
|
||||
.highlight .gt { color: #a40000; font-weight: bold; }
|
||||
|
||||
.highlight .kc { color: #204a87; font-weight: bold; }
|
||||
|
||||
.highlight .kd { color: #204a87; font-weight: bold; }
|
||||
|
||||
.highlight .kn { color: #204a87; font-weight: bold; }
|
||||
|
||||
.highlight .kp { color: #204a87; font-weight: bold; }
|
||||
|
||||
.highlight .kr { color: #204a87; font-weight: bold; }
|
||||
|
||||
.highlight .kt { color: #204a87; font-weight: bold; }
|
||||
|
||||
.highlight .ld { color: #000000; }
|
||||
|
||||
.highlight .m { color: #0000cf; font-weight: bold; }
|
||||
|
||||
.highlight .s { color: #4e9a06; }
|
||||
|
||||
.highlight .na { color: #c4a000; }
|
||||
|
||||
.highlight .nb { color: #204a87; }
|
||||
|
||||
.highlight .nc { color: #000000; }
|
||||
|
||||
.highlight .no { color: #000000; }
|
||||
|
||||
.highlight .nd { color: #5c35cc; font-weight: bold; }
|
||||
|
||||
.highlight .ni { color: #ce5c00; }
|
||||
|
||||
.highlight .ne { color: #cc0000; font-weight: bold; }
|
||||
|
||||
.highlight .nf { color: #000000; }
|
||||
|
||||
.highlight .nl { color: #f57900; }
|
||||
|
||||
.highlight .nn { color: #000000; }
|
||||
|
||||
.highlight .nx { color: #000000; }
|
||||
|
||||
.highlight .py { color: #000000; }
|
||||
|
||||
.highlight .nt { color: #204a87; font-weight: bold; }
|
||||
|
||||
.highlight .nv { color: #000000; }
|
||||
|
||||
.highlight .ow { color: #204a87; font-weight: bold; }
|
||||
|
||||
.highlight .w { color: #f8f8f8; text-decoration: underline; }
|
||||
|
||||
.highlight .mb { color: #0000cf; font-weight: bold; }
|
||||
|
||||
.highlight .mf { color: #0000cf; font-weight: bold; }
|
||||
|
||||
.highlight .mh { color: #0000cf; font-weight: bold; }
|
||||
|
||||
.highlight .mi { color: #0000cf; font-weight: bold; }
|
||||
|
||||
.highlight .mo { color: #0000cf; font-weight: bold; }
|
||||
|
||||
.highlight .sb { color: #4e9a06; }
|
||||
|
||||
.highlight .sc { color: #4e9a06; }
|
||||
|
||||
.highlight .sd { color: #8f5902; font-style: italic; }
|
||||
|
||||
.highlight .s2 { color: #4e9a06; }
|
||||
|
||||
.highlight .se { color: #4e9a06; }
|
||||
|
||||
.highlight .sh { color: #4e9a06; }
|
||||
|
||||
.highlight .si { color: #4e9a06; }
|
||||
|
||||
.highlight .sx { color: #4e9a06; }
|
||||
|
||||
.highlight .sr { color: #4e9a06; }
|
||||
|
||||
.highlight .s1 { color: #4e9a06; }
|
||||
|
||||
.highlight .ss { color: #4e9a06; }
|
||||
|
||||
.highlight .bp { color: #3465a4; }
|
||||
|
||||
.highlight .vc { color: #000000; }
|
||||
|
||||
.highlight .vg { color: #000000; }
|
||||
|
||||
.highlight .vi { color: #000000; }
|
||||
|
||||
.highlight .il { color: #0000cf; font-weight: bold; }
|
||||
|
||||
@media (max-width: 800px) {
|
||||
@media screen and (min-resolution: 192dpi) {
|
||||
.pre-art {
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
|
@ -436,4 +297,83 @@ pre * {
|
|||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
#article-content h2 {
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
#article-content p, code {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
/* pygments */
|
||||
.highlight .c { color: #8f5902; font-style: italic; }
|
||||
.highlight .err { color: #a40000; border: 1px solid #ef2929; }
|
||||
.highlight .g { color: #000000; }
|
||||
.highlight .k { color: #204a87; font-weight: bold; }
|
||||
.highlight .l { color: #000000; }
|
||||
.highlight .n { color: #000000; }
|
||||
.highlight .o { color: #ce5c00; font-weight: bold; }
|
||||
.highlight .x { color: #000000; }
|
||||
.highlight .p { color: #000000; font-weight: bold; }
|
||||
.highlight .cm { color: #8f5902; font-style: italic; }
|
||||
.highlight .cp { color: #8f5902; font-style: italic; }
|
||||
.highlight .c1 { color: #8f5902; font-style: italic; }
|
||||
.highlight .cs { color: #8f5902; font-style: italic; }
|
||||
.highlight .gd { color: #a40000; }
|
||||
.highlight .ge { color: #000000; font-style: italic; }
|
||||
.highlight .gr { color: #ef2929; }
|
||||
.highlight .gh { color: #000080; font-weight: bold; }
|
||||
.highlight .gi { color: #00A000; }
|
||||
.highlight .go { color: #000000; font-style: italic; }
|
||||
.highlight .gp { color: #8f5902; }
|
||||
.highlight .gs { color: #000000; font-weight: bold; }
|
||||
.highlight .gu { color: #800080; font-weight: bold; }
|
||||
.highlight .gt { color: #a40000; font-weight: bold; }
|
||||
.highlight .kc { color: #204a87; font-weight: bold; }
|
||||
.highlight .kd { color: #204a87; font-weight: bold; }
|
||||
.highlight .kn { color: #204a87; font-weight: bold; }
|
||||
.highlight .kp { color: #204a87; font-weight: bold; }
|
||||
.highlight .kr { color: #204a87; font-weight: bold; }
|
||||
.highlight .kt { color: #204a87; font-weight: bold; }
|
||||
.highlight .ld { color: #000000; }
|
||||
.highlight .m { color: #0000cf; font-weight: bold; }
|
||||
.highlight .s { color: #4e9a06; }
|
||||
.highlight .na { color: #c4a000; }
|
||||
.highlight .nb { color: #204a87; }
|
||||
.highlight .nc { color: #000000; }
|
||||
.highlight .no { color: #000000; }
|
||||
.highlight .nd { color: #5c35cc; font-weight: bold; }
|
||||
.highlight .ni { color: #ce5c00; }
|
||||
.highlight .ne { color: #cc0000; font-weight: bold; }
|
||||
.highlight .nf { color: #000000; }
|
||||
.highlight .nl { color: #f57900; }
|
||||
.highlight .nn { color: #000000; }
|
||||
.highlight .nx { color: #000000; }
|
||||
.highlight .py { color: #000000; }
|
||||
.highlight .nt { color: #204a87; font-weight: bold; }
|
||||
.highlight .nv { color: #000000; }
|
||||
.highlight .ow { color: #204a87; font-weight: bold; }
|
||||
.highlight .w { color: #f8f8f8; text-decoration: underline; }
|
||||
.highlight .mb { color: #0000cf; font-weight: bold; }
|
||||
.highlight .mf { color: #0000cf; font-weight: bold; }
|
||||
.highlight .mh { color: #0000cf; font-weight: bold; }
|
||||
.highlight .mi { color: #0000cf; font-weight: bold; }
|
||||
.highlight .mo { color: #0000cf; font-weight: bold; }
|
||||
.highlight .sb { color: #4e9a06; }
|
||||
.highlight .sc { color: #4e9a06; }
|
||||
.highlight .sd { color: #8f5902; font-style: italic; }
|
||||
.highlight .s2 { color: #4e9a06; }
|
||||
.highlight .se { color: #4e9a06; }
|
||||
.highlight .sh { color: #4e9a06; }
|
||||
.highlight .si { color: #4e9a06; }
|
||||
.highlight .sx { color: #4e9a06; }
|
||||
.highlight .sr { color: #4e9a06; }
|
||||
.highlight .s1 { color: #4e9a06; }
|
||||
.highlight .ss { color: #4e9a06; }
|
||||
.highlight .bp { color: #3465a4; }
|
||||
.highlight .vc { color: #000000; }
|
||||
.highlight .vg { color: #000000; }
|
||||
.highlight .vi { color: #000000; }
|
||||
.highlight .il { color: #0000cf; font-weight: bold; }
|
||||
|
|
Loading…
Reference in a new issue