diff --git a/static/css/hyde-hyde.css b/static/css/hyde-hyde.css index 409e71d..f3438f3 100644 --- a/static/css/hyde-hyde.css +++ b/static/css/hyde-hyde.css @@ -1,84 +1,427 @@ -html, -body -{ - font-family: 'Fira Sans', sans-serif; - font-size: 17px; +/* + * Based on 'hyde' designed, built, and released under MIT license by @mdo + * https://github.com/poole/hyde + * + */ + +/* + * Contents + * + * Global resets + * Sidebar + * Container + * Reverse layout + * Themes + */ + +/* + * Global resets + * + * Update the foundational and global aspects of the page. + */ + +html { + font-family: "IBM Plex Sans", 'Helvetica Neue', Arial, sans-serif; + line-height: 1.66em; +} + +@media (min-width: 48em) { + html { + font-size: 16px; font-weight: 300; - line-height: 1.66em; + } } -.img-circle -{ - border-radius: 50%; +@media (min-width: 58em) { + html { + font-size: 18px; + font-weight: 400; + } } -.headshot -{ - width: 115px; - height: 115px; +/* + * Sidebar + * + * Flexible banner for housing site name, intro, and "footer" content. Starts + * out above content in mobile and later moves to the side with wider viewports. + */ + +.sidebar { + background-color: #300030; + /* fallback of rgba() */ + color: rgb(255, 255, 255); + /* CSS3 */ + color: rgba(255, 255, 255, .5); + padding: 2rem 1rem; + text-align: center; } -.brand -{ - font-size: 2.6em; - - margin-bottom: 0; +@media (min-width: 48em) { + .sidebar { + bottom: 0; + left: 0; + position: fixed; + text-align: left; + top: 0; + width: 18rem; + } } -.text-center -{ - text-align: center; +/* Sidebar links */ + +.sidebar a { + color: #fff; } -.meta -{ - font-size: .8rem; - font-weight: 300; +/* About section */ + +.sidebar-about h1 { + color: #fff; + margin-top: 0; } -pre -{ - padding: 1px; +/* Sidebar nav */ - tab-size: 2; +.sidebar-nav { + list-style: none; + margin-bottom: 2rem; + margin-top: 2rem; + padding-left: 0; } +.sidebar-nav-item { + display: block; + line-height: 1.75; +} + +a.sidebar-nav-item:hover, +a.sidebar-nav-item:focus { + text-decoration: underline; +} + +.sidebar-nav-item .active { + font-weight: bold; +} + +/* Sticky sidebar + * + * Add the `sidebar-sticky` class to the sidebar's container to affix it the + * contents to the bottom of the sidebar in tablets and up. + */ + +@media (min-width: 48em) { + .sidebar-sticky { + left: 1rem; + position: absolute; + right: 1rem; + top: 1rem; + } +} + +/* Container + * + * Align the contents of the site above the proper threshold with some margin-fu + * with a 25%-wide `.sidebar`. + */ + +.content { + padding-bottom: 2rem; + padding-top: 2rem; +} + +@media (min-width: 48em) { + .content { + margin-left: 20rem; + margin-right: 2rem; + max-width: 38rem; + } +} + +@media (min-width: 64em) { + .content { + margin-left: 20rem; + margin-right: 2rem; + max-width: 44rem; + } +} + +/* + * Reverse layout + * + * Flip the orientation of the page by placing the `.sidebar` on the right. + */ + +@media (min-width: 48em) { + .layout-reverse .sidebar { + left: auto; + right: 0; + } + .layout-reverse .content { + margin-left: 2rem; + margin-right: 20rem; + } +} + +@media (min-width: 64em) { + .layout-reverse .content { + margin-left: 4rem; + margin-right: 22rem; + } +} + +/* + * Themes + * + * As of v1.1, Hyde includes optional themes to color the sidebar and links + * within blog posts. To use, add the class of your choosing to the `body`. + */ + +/* Base16 (http://chriskempson.github.io/base16/#default) */ + +/* Red */ + +.theme-base-08 .sidebar { + background-color: #ac4142; +} + +.theme-base-08 .content a, +.theme-base-08 .related-posts li a:hover { + color: #ac4142; +} + +/* Orange */ + +.theme-base-09 .sidebar { + background-color: #d28445; +} + +.theme-base-09 .content a, +.theme-base-09 .related-posts li a:hover { + color: #d28445; +} + +/* Yellow */ + +.theme-base-0a .sidebar { + background-color: #f4bf75; +} + +.theme-base-0a .content a, +.theme-base-0a .related-posts li a:hover { + color: #f4bf75; +} + +/* Green */ + +.theme-base-0b .sidebar { + background-color: #90a959; +} + +.theme-base-0b .content a, +.theme-base-0b .related-posts li a:hover { + color: #90a959; +} + +/* Cyan */ + +.theme-base-0c .sidebar { + background-color: #75b5aa; +} + +.theme-base-0c .content a, +.theme-base-0c .related-posts li a:hover { + color: #75b5aa; +} + +/* Blue */ + +.theme-base-0d .sidebar { + background-color: #6a9fb5; +} + +.theme-base-0d .content a, +.theme-base-0d .related-posts li a:hover { + color: #6a9fb5; +} + +/* Magenta */ + +.theme-base-0e .sidebar { + background-color: #aa759f; +} + +.theme-base-0e .content a, +.theme-base-0e .related-posts li a:hover { + color: #aa759f; +} + +/* Brown */ + +.theme-base-0f .sidebar { + background-color: #8f5536; +} + +.theme-base-0f .content a, +.theme-base-0f .related-posts li a:hover { + color: #8f5536; +} + +/****************************************************************************** + Extra styling parts + ******************************************************************************/ + +h1 { + font-size: 2.15rem; +} + +h2 { + font-size: 1.85rem; +} + +h3 { + font-size: 1.5rem; +} + +h4 { + font-size: 1.3rem; +} + +.img-circle { + border-radius: 50%; +} + +.headshot { + height: 115px; + width: 115px; +} + +.brand { + font-size: 2.6em; + margin-bottom: 0; +} + +.text-center { + text-align: center; +} + +pre { + border: 1px solid #eee; + border-radius: 4px; + padding: 1px; + tab-size: 2; +} .hljs { - white-space: pre; - - overflow-x: auto; /* no line wrapping */ + overflow-x: auto; + white-space: pre; } -pre code, li code, td code, code -{ - border-radius: 4px; - white-space: pre-wrap; - padding:1px 4px; - background: #eee; - /* color: #444; */ - border: 1px solid #d9d9d9; +pre code, +li code, +td code, +code { + background-color: #f9f2f4; + border-radius: 4px; + padding: 2px 4px; + white-space: pre-wrap; } code { - font-family: 'Source Code Pro', monospace; - font-size: 82%; -} -.copyright, -.poweredby -{ - font-size: 13px; - font-weight: 300; + font-family: 'Source Code Pro', monospace; + font-size: 84%; } -.center -{ - display: block; - - margin-right: auto; - margin-left: auto; +.copyright, +.poweredby { + font-size: .8rem; } -/* Changing from font-awesome 4 to 5, the class pull-right was removed */ + +.center { + display: block; + margin-left: auto; + margin-right: auto; +} + +a { + border-width: 2px; + text-decoration: none; + word-wrap: break-word; +} + +a:focus, +a:hover { + border-bottom-style: solid; + border-width: 2px; + text-decoration: none; + background: transparent; + background-color: transparent; + word-wrap: break-word; +} + +a.tag, +a:focus.tag, +a:hover.tag { + border-bottom-style: none; + text-decoration: none; +} + +.meta { + font-size: .8rem; + font-weight: 300; +} + +.tag { + background: #d6d9e0; + border-radius: 2px; + color: #606570; + font-size: 12px; + font-weight: bold; + padding: 2px 6px 2px; +} + +.post__subtitle { + display: block; + font-size: 1.5rem; + font-style: italic; + padding: 0 0 1rem 0; +} + +.list__title--big { + display: block; + font-size: 1.785rem; + line-height: 1.25; +} + +.list__title--small { + font-size: 1rem; +} + +.list__date { + color: #9a9a9a; +} + +.title__date { + color: #9a9a9a; + display: block; + margin-bottom: .2rem; + margin-top: .2rem; +} +.page__nav { + margin-top: -2rem; +} +/* Small devices (tablets, 768px and up) */ + +@media (max-width: 768px) { + .hidden-tablet { + display: none; + } +} + .pull-right { - float: right; -} \ No newline at end of file + float: right; +} + +.social a { + border: none; + text-decoration: none; +} diff --git a/static/css/hyde.css b/static/css/hyde.css index 3c30818..213e232 100644 --- a/static/css/hyde.css +++ b/static/css/hyde.css @@ -32,9 +32,7 @@ */ html { - font-family: 'Fira Sans', 'Helvetica Neue', 'Arial', sans-serif; - font-weight:300; - + font-family: "PT Sans", Helvetica, Arial, sans-serif; } @media (min-width: 48em) { html { @@ -47,9 +45,6 @@ html { } } -pre { - tab-size:4; -} /* * Sidebar @@ -62,7 +57,7 @@ pre { text-align: center; padding: 2rem 1rem; color: rgba(255,255,255,.5); - background-color: #300030; + background-color: #202020; } @media (min-width: 48em) { .sidebar { @@ -84,24 +79,17 @@ pre { .sidebar-about h1 { color: #fff; margin-top: 0; - font-weight:300; + font-family: "Abril Fatface", serif; + font-size: 3.25rem; } /* Sidebar nav */ .sidebar-nav { - margin-top: 2rem; - margin-bottom: 2rem; - padding-left: 0; - list-style: none; + margin-bottom: 1rem; } - -.subnav { - list-style: none; - padding-left: 0; -} - .sidebar-nav-item { display: block; + line-height: 1.75; } a.sidebar-nav-item:hover, a.sidebar-nav-item:focus { @@ -134,8 +122,8 @@ a.sidebar-nav-item:focus { */ .content { - padding-top: 2rem; - padding-bottom: 2rem; + padding-top: 4rem; + padding-bottom: 4rem; } @media (min-width: 48em) { @@ -148,34 +136,11 @@ a.sidebar-nav-item:focus { @media (min-width: 64em) { .content { - max-width: 44rem; - margin-left: 20rem; - margin-right: 2rem; + margin-left: 22rem; + margin-right: 4rem; } } -.footnote { - font-size: 0.7em; - margin-top: 0.5rem; -} - -.go { - color: #444444; -} - -.badge { - display:inline; - vertical-align: bottom; -} - -.badges { - float: right; -} - -.brand { - font-size: 4.0em; - margin-bottom: 0; -} /* * Reverse layout diff --git a/static/css/hyde.min.css b/static/css/hyde.min.css deleted file mode 100644 index 3ee0c9c..0000000 --- a/static/css/hyde.min.css +++ /dev/null @@ -1 +0,0 @@ -html{font-family:Fira Sans,Helvetica Neue,Arial,sans-serif;font-weight:300}@media (min-width:48em){html{font-size:16px}}@media (min-width:58em){html{font-size:20px}}pre{tab-size:4}.sidebar{text-align:center;padding:2rem 1rem;color:hsla(0,0%,100%,.5);background-color:#300030}@media (min-width:48em){.sidebar{position:fixed;top:0;left:0;bottom:0;width:18rem;text-align:left}}.sidebar a{color:#fff}.sidebar-about h1{color:#fff;margin-top:0;font-weight:300}.sidebar-nav{margin-top:2rem;margin-bottom:2rem}.sidebar-nav,.subnav{padding-left:0;list-style:none}.sidebar-nav-item{display:block}a.sidebar-nav-item:focus,a.sidebar-nav-item:hover{text-decoration:underline}.sidebar-nav-item.active{font-weight:700}@media (min-width:48em){.sidebar-sticky{position:absolute;right:1rem;bottom:1rem;left:1rem}}.content{padding-top:2rem;padding-bottom:2rem}@media (min-width:48em){.content{max-width:38rem;margin-left:20rem;margin-right:2rem}}@media (min-width:64em){.content{max-width:44rem;margin-left:20rem;margin-right:2rem}}.footnote{font-size:.7em;margin-top:.5rem}.go{color:#444}.badge{display:inline;vertical-align:bottom}.badges{float:right}.brand{font-size:4em;margin-bottom:0}@media (min-width:48em){.layout-reverse .sidebar{left:auto;right:0}.layout-reverse .content{margin-left:2rem;margin-right:20rem}}@media (min-width:64em){.layout-reverse .content{margin-left:4rem;margin-right:22rem}}.theme-base-08 .sidebar{background-color:#ac4142}.theme-base-08 .content a,.theme-base-08 .related-posts li a:hover{color:#ac4142}.theme-base-09 .sidebar{background-color:#d28445}.theme-base-09 .content a,.theme-base-09 .related-posts li a:hover{color:#d28445}.theme-base-0a .sidebar{background-color:#f4bf75}.theme-base-0a .content a,.theme-base-0a .related-posts li a:hover{color:#f4bf75}.theme-base-0b .sidebar{background-color:#90a959}.theme-base-0b .content a,.theme-base-0b .related-posts li a:hover{color:#90a959}.theme-base-0c .sidebar{background-color:#75b5aa}.theme-base-0c .content a,.theme-base-0c .related-posts li a:hover{color:#75b5aa}.theme-base-0d .sidebar{background-color:#6a9fb5}.theme-base-0d .content a,.theme-base-0d .related-posts li a:hover{color:#6a9fb5}.theme-base-0e .sidebar{background-color:#aa759f}.theme-base-0e .content a,.theme-base-0e .related-posts li a:hover{color:#aa759f}.theme-base-0f .sidebar{background-color:#8f5536}.theme-base-0f .content a,.theme-base-0f .related-posts li a:hover{color:#8f5536} \ No newline at end of file diff --git a/static/css/portfolio.css b/static/css/portfolio.css new file mode 100644 index 0000000..c6b6989 --- /dev/null +++ b/static/css/portfolio.css @@ -0,0 +1,248 @@ +/* + * This portfolio theme is derived from the template + * 'Developer - Responsive Website Template for Developers' version: 1.5 + * developed by Xiaoying Riley (@3rdwave_themes) under 'Creative Commons + * Attribution 3.0 License' + */ + +/* Only need few styles from Bootstrap */ + +.row { + margin-left: -15px; + margin-right: -15px; +} + +.col-xs-12 { + width: 100%; +} + +.col-sm-4, +.col-md-4, +.col-sm-8, +.col-md-8, +.col-xs-12 { + min-height: 1px; + padding-left: 15px; + padding-right: 15px; + position: relative; +} + +@media (min-width: 992px) { + .col-md-4, + .col-md-8 { + float: left; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } +} + +@media (min-width: 768px) { + .col-sm-8 { + width: 66.66666667%; + } +} + +.portfolio-container { + margin-left: auto; + margin-right: auto; + max-width: 38rem; + padding-left: 1rem; + padding-right: 1rem; +} + +.portfolio-content { + padding-bottom: 2rem; + padding-top: 2rem; +} + +@media (min-width: 48em) { + .portfolio-content { + margin-left: 20rem; + margin-right: 2rem; + max-width: 38rem; + } +} + +@media (min-width: 64em) { + .portfolio-content { + margin-left: 20rem; + margin-right: 2rem; + max-width: 44rem; + } +} + +.btn { + font-weight: bold; + padding: 8px 16px; + -moz-transition: all 0.4s ease-in-out; + -ms-transition: all 0.4s ease-in-out; + -o-transition: all 0.4s ease-in-out; + -webkit-transition: all 0.4s ease-in-out; +} + +.btn:focus { + color: #fff; +} + +.btn-cta-secondary { + background: #479FC8; + border: 1px solid #479FC8; + color: #fff; + font-weight: 600; + text-transform: uppercase; +} + +.btn-cta-secondary:hover { + background: #3893bd; + border: 1px solid #3893bd; + color: #fff; +} + +.text-left { + text-align: left; +} + +/* ======= Sections======= */ + +.section { + margin-bottom: 30px; +} + +.section .section-inner { + background: #fff; + padding: 30px; +} + +.section .heading { + margin-top: 0; + margin-bottom: 30px; + color: #303030; + font-size: 2.125rem; +} + +.item { + margin-bottom: 30px; +} + +.item .title { + margin-top: 0; +} + +.item .title a { + color: #303030; +} + +.item .title a:hover { + color: #5f6b77; +} + +.item .project-image:hover { + -webkit-opacity: 0.8; + -moz-opacity: 0.8; + opacity: 0.8; +} + +.divider { + margin-bottom: 60px; +} + +.featured { + margin-bottom: 60px; +} + +.featured .title { + margin-bottom: 5px; +} + +.featured .summary, +.desc .summary { + margin-bottom: 30px; + color: #778492; +} + +.desc .summary { + font-style: italic; +} + +.featured img { + margin-bottom: 30px; +} + +.featured .desc { + margin-bottom: 30px; +} + +.featured-image { + position: relative; +} + +.featured-image .text { + background: #3AAA64; + color: #fff; +} + +.featured-image .ribbon { + position: absolute; + top: -4px; + right: -4px; + width: 110px; + height: 110px; + overflow: hidden; +} + +.featured-image .ribbon .text { + position: relative; + left: -8px; + top: 18px; + width: 158px; + padding: 10px 10px; + font-size: 15px; + font-weight: bold; + text-align: center; + text-transform: uppercase; + color: #fff; + background-color: #479FC8; + -webkit-transform: rotate(45deg) translate3d(0, 0, 0); + -moz-transform: rotate(45deg) translate3d(0, 0, 0); + -ms-transform: rotate(45deg) translate3d(0, 0, 0); + -o-transform: rotate(45deg) translate3d(0, 0, 0); + transform: rotate(45deg) translate3d(0, 0, 0); +} + +.featured-image .ribbon .text:before, +.featured-image .ribbon .text:after { + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #276582; + bottom: -5px; + content: ''; + position: absolute; +} + +.featured-image .ribbon .text:before { + left: 0; +} + +.featured-image .ribbon .text:after { + right: 0; +} + +/* Extra small devices (phones, less than 768px) */ + +@media (max-width: 767px) { + .project-image { + margin-bottom: 15px; + } +} + +/* Medium devices (desktops, 992px and up) */ + +@media (min-width: 992px) { + .portfolio-container { + width: 1360px; + } +} diff --git a/static/css/syntax.css b/static/css/syntax.css index 9824a7e..4ac52a2 100644 --- a/static/css/syntax.css +++ b/static/css/syntax.css @@ -1,49 +1,71 @@ -/* Background */ .chroma { color: #e5e5e5; background-color: #000000 } -/* Error */ .chroma .err { color: #ff0000 } +/* Background */ .chroma { background-color: #ffffff } +/* Error */ .chroma .err { color: #a61717; background-color: #e3d2d2 } /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc } /* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; } /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; } -/* Keyword */ .chroma .k { color: #ffffff; font-weight: bold } -/* KeywordConstant */ .chroma .kc { color: #ffffff; font-weight: bold } -/* KeywordDeclaration */ .chroma .kd { color: #ffffff; font-weight: bold } -/* KeywordNamespace */ .chroma .kn { color: #ffffff; font-weight: bold } -/* KeywordPseudo */ .chroma .kp { color: #ffffff; font-weight: bold } -/* KeywordReserved */ .chroma .kr { color: #ffffff; font-weight: bold } -/* KeywordType */ .chroma .kt { color: #ffffff; font-weight: bold } -/* NameAttribute */ .chroma .na { color: #007f7f } -/* NameBuiltin */ .chroma .nb { color: #ffffff; font-weight: bold } -/* NameTag */ .chroma .nt { font-weight: bold } -/* LiteralDate */ .chroma .ld { color: #ffff00; font-weight: bold } -/* LiteralString */ .chroma .s { color: #00ffff; font-weight: bold } -/* LiteralStringAffix */ .chroma .sa { color: #00ffff; font-weight: bold } -/* LiteralStringBacktick */ .chroma .sb { color: #00ffff; font-weight: bold } -/* LiteralStringChar */ .chroma .sc { color: #00ffff; font-weight: bold } -/* LiteralStringDelimiter */ .chroma .dl { color: #00ffff; font-weight: bold } -/* LiteralStringDoc */ .chroma .sd { color: #00ffff; font-weight: bold } -/* LiteralStringDouble */ .chroma .s2 { color: #00ffff; font-weight: bold } -/* LiteralStringEscape */ .chroma .se { color: #00ffff; font-weight: bold } -/* LiteralStringHeredoc */ .chroma .sh { color: #00ffff; font-weight: bold } -/* LiteralStringInterpol */ .chroma .si { color: #00ffff; font-weight: bold } -/* LiteralStringOther */ .chroma .sx { color: #00ffff; font-weight: bold } -/* LiteralStringRegex */ .chroma .sr { color: #00ffff; font-weight: bold } -/* LiteralStringSingle */ .chroma .s1 { color: #00ffff; font-weight: bold } -/* LiteralStringSymbol */ .chroma .ss { color: #00ffff; font-weight: bold } -/* LiteralNumber */ .chroma .m { color: #ffff00; font-weight: bold } -/* LiteralNumberBin */ .chroma .mb { color: #ffff00; font-weight: bold } -/* LiteralNumberFloat */ .chroma .mf { color: #ffff00; font-weight: bold } -/* LiteralNumberHex */ .chroma .mh { color: #ffff00; font-weight: bold } -/* LiteralNumberInteger */ .chroma .mi { color: #ffff00; font-weight: bold } -/* LiteralNumberIntegerLong */ .chroma .il { color: #ffff00; font-weight: bold } -/* LiteralNumberOct */ .chroma .mo { color: #ffff00; font-weight: bold } -/* Comment */ .chroma .c { color: #007f7f } -/* CommentHashbang */ .chroma .ch { color: #007f7f } -/* CommentMultiline */ .chroma .cm { color: #007f7f } -/* CommentSingle */ .chroma .c1 { color: #007f7f } -/* CommentSpecial */ .chroma .cs { color: #007f7f } -/* CommentPreproc */ .chroma .cp { color: #00ff00; font-weight: bold } -/* CommentPreprocFile */ .chroma .cpf { color: #00ff00; font-weight: bold } -/* GenericHeading */ .chroma .gh { font-weight: bold } +/* Keyword */ .chroma .k { color: #000000; font-weight: bold } +/* KeywordConstant */ .chroma .kc { color: #000000; font-weight: bold } +/* KeywordDeclaration */ .chroma .kd { color: #000000; font-weight: bold } +/* KeywordNamespace */ .chroma .kn { color: #000000; font-weight: bold } +/* KeywordPseudo */ .chroma .kp { color: #000000; font-weight: bold } +/* KeywordReserved */ .chroma .kr { color: #000000; font-weight: bold } +/* KeywordType */ .chroma .kt { color: #445588; font-weight: bold } +/* NameAttribute */ .chroma .na { color: #008080 } +/* NameBuiltin */ .chroma .nb { color: #0086b3 } +/* NameBuiltinPseudo */ .chroma .bp { color: #999999 } +/* NameClass */ .chroma .nc { color: #445588; font-weight: bold } +/* NameConstant */ .chroma .no { color: #008080 } +/* NameDecorator */ .chroma .nd { color: #3c5d5d; font-weight: bold } +/* NameEntity */ .chroma .ni { color: #800080 } +/* NameException */ .chroma .ne { color: #990000; font-weight: bold } +/* NameFunction */ .chroma .nf { color: #990000; font-weight: bold } +/* NameLabel */ .chroma .nl { color: #990000; font-weight: bold } +/* NameNamespace */ .chroma .nn { color: #555555 } +/* NameTag */ .chroma .nt { color: #000080 } +/* NameVariable */ .chroma .nv { color: #008080 } +/* NameVariableClass */ .chroma .vc { color: #008080 } +/* NameVariableGlobal */ .chroma .vg { color: #008080 } +/* NameVariableInstance */ .chroma .vi { color: #008080 } +/* LiteralString */ .chroma .s { color: #dd1144 } +/* LiteralStringAffix */ .chroma .sa { color: #dd1144 } +/* LiteralStringBacktick */ .chroma .sb { color: #dd1144 } +/* LiteralStringChar */ .chroma .sc { color: #dd1144 } +/* LiteralStringDelimiter */ .chroma .dl { color: #dd1144 } +/* LiteralStringDoc */ .chroma .sd { color: #dd1144 } +/* LiteralStringDouble */ .chroma .s2 { color: #dd1144 } +/* LiteralStringEscape */ .chroma .se { color: #dd1144 } +/* LiteralStringHeredoc */ .chroma .sh { color: #dd1144 } +/* LiteralStringInterpol */ .chroma .si { color: #dd1144 } +/* LiteralStringOther */ .chroma .sx { color: #dd1144 } +/* LiteralStringRegex */ .chroma .sr { color: #009926 } +/* LiteralStringSingle */ .chroma .s1 { color: #dd1144 } +/* LiteralStringSymbol */ .chroma .ss { color: #990073 } +/* LiteralNumber */ .chroma .m { color: #009999 } +/* LiteralNumberBin */ .chroma .mb { color: #009999 } +/* LiteralNumberFloat */ .chroma .mf { color: #009999 } +/* LiteralNumberHex */ .chroma .mh { color: #009999 } +/* LiteralNumberInteger */ .chroma .mi { color: #009999 } +/* LiteralNumberIntegerLong */ .chroma .il { color: #009999 } +/* LiteralNumberOct */ .chroma .mo { color: #009999 } +/* Operator */ .chroma .o { color: #000000; font-weight: bold } +/* OperatorWord */ .chroma .ow { color: #000000; font-weight: bold } +/* Comment */ .chroma .c { color: #999988; font-style: italic } +/* CommentHashbang */ .chroma .ch { color: #999988; font-style: italic } +/* CommentMultiline */ .chroma .cm { color: #999988; font-style: italic } +/* CommentSingle */ .chroma .c1 { color: #999988; font-style: italic } +/* CommentSpecial */ .chroma .cs { color: #999999; font-weight: bold; font-style: italic } +/* CommentPreproc */ .chroma .cp { color: #999999; font-weight: bold; font-style: italic } +/* CommentPreprocFile */ .chroma .cpf { color: #999999; font-weight: bold; font-style: italic } +/* GenericDeleted */ .chroma .gd { color: #000000; background-color: #ffdddd } +/* GenericEmph */ .chroma .ge { color: #000000; font-style: italic } +/* GenericError */ .chroma .gr { color: #aa0000 } +/* GenericHeading */ .chroma .gh { color: #999999 } +/* GenericInserted */ .chroma .gi { color: #000000; background-color: #ddffdd } +/* GenericOutput */ .chroma .go { color: #888888 } +/* GenericPrompt */ .chroma .gp { color: #555555 } /* GenericStrong */ .chroma .gs { font-weight: bold } -/* GenericSubheading */ .chroma .gu { font-weight: bold } +/* GenericSubheading */ .chroma .gu { color: #aaaaaa } +/* GenericTraceback */ .chroma .gt { color: #aa0000 } +/* TextWhitespace */ .chroma .w { color: #bbbbbb }