diff --git a/choco.css b/choco.css new file mode 100644 index 0000000..91982a0 --- /dev/null +++ b/choco.css @@ -0,0 +1,241 @@ +/* Choco PCv5 by mibi88 */ + +:root { + --background: #6b4d19; + --text: #ffa100; + --text-light: #ffac1f; + + --links: #ffbd4b; + + --ok: #149641; + --ok-text: #fff; + --ok-active: #0f7331; + + --warn: #f59f25; + --warn-text: #fff; + --warn-active: #ea9720; + + --error: #d23a2f; + --error-text: #fff; + --error-active: #b32a20; + + --info: #2e7aec; + --info-text: #fff; + --info-active: #215ab0; + + --hr-border: 1px solid #3e2700; +} + +/* .bg-warn { + padding: 4px; +} */ + +.skip-to-content-link { + display: none; +} + +table { + --border: #000; +} +table tr:nth-child(odd) { + --background: rgba(0, 0, 0, .1); +} +table th { + --background: #825e22; + --border: #aa803a; +} + +.form { + --background: #6b4d19; + --text: #ffa100; + --border: 1px solid #aa803a; + --border-focused: #825e22; + --shadow-focused: rgba(228, 150, 87, .5); +} + +.editor button { + --background: #aa803a; + --text: #ffa100; + --background-hover: #825e22; +} + +/* .editor .btn-group .separator { + --border-left: 1px solid #3e2200; + --border-right: 1px solid #3e2200; +} */ + +#light-menu { + --background: #22292c; + --text: #fbd491; + --icons: #fbd491; + --shadow: 0 0 4px rgba(0, 0, 0, 0.3); + + --logo-bg: #aa803a; + --logo-shadow: 0 0 2px rgba(0, 0, 0, .7); + --logo-active: #dba64c; +} + +#menu { + --background: #221200; + --text: #fbd491; + --icons: #fbd491; + --shadow: 0 0 8px rgba(0, 0, 0, 0.3); + + --input-bg: #6b4d19; + --input-text: #ffac1f; + --input-border: 1px solid #3e2700; +} + +header { + --background: #996e22; + --text: #fbd491; + --border: 1px solid #584016; +} + +footer { + --background: #996e22; + --text: #fbd491; + --border: #584016; +} + +.flash { + --background: #fff; + --text: #222; + --shadow: 0 1px 12px rgba(0, 0, 0, 0.3); + --btn-bg: rgba(0, 0, 0, 0); + --btn-text: #000; + --btn-bg-active: rgba(0, 0, 0, .15); +} + +.profile-xp { + --background: #825e22; + --border: 1px solid #aa803a; + --background-xp: #5c2f00; + --background-xp-100: #221200; + --border-xp: 1px solid #8d4800; +} + +.context-menu { + --background: #fff; + --shadow: 0 0 12px -9px #000; + --border: #ddd; + --background-light: #fff; +} + +.editor svg { + --icons: #fbd491; +} + +.dl-button { + --link: #149742; + --link-text: #ffffff; + --link-active: #0b7c32; + --meta: rgba(0, 0, 0, .15); + --meta-text: #000000; +} + +.gallery, .gallery-js { + --border: rgba(0, 0, 0, 0.5); + --selected: rgba(0, 0, 0, 0.75); +} + +/* Extra style on top of the Pygments style */ +table.codehilitetable td.linenos { + color: #888; +} + +.tag { + --background: #515151; +} +.tag.tag-calc { + --background: #2f1f00; +} +.tag.tag-lang { + --background: #2d5c19; +} +.tag.tag-games { + --background: #094755; +} +.tag.tag-tools { + --background: #351653; +} +.tag.tag-courses { + --background: #690606; +} + +/* Codehilite */ + +pre { line-height: 125%; } +td.linenos .normal { color: inherit; background-color: #3e2700; padding-left: 5px; padding-right: 5px; } +span.linenos { color: inherit; background-color: #3e2700; padding-left: 5px; padding-right: 5px; } +td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } +span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } +.codehilite .hll { background-color: #3e2700 } +.codehilite { background: #3e2700; color: #ffff } +.codehilite .c { color: #ffc86b; font-style: italic } /* Comment */ +.codehilite .err { border: 1px solid #ff6565 } /* Error */ +.codehilite .k { color: #0f0; font-weight: bold } /* Keyword */ +.codehilite .o { color: #ffb5b5 } /* Operator */ +.codehilite .ch { color: #ffc86b; font-style: italic } /* Comment.Hashbang */ +.codehilite .cm { color: #ffc86b; font-style: italic } /* Comment.Multiline */ +.codehilite .cp { color: #ffc86b } /* Comment.Preproc */ +.codehilite .cpf { color: #ffc86b; font-style: italic } /* Comment.PreprocFile */ +.codehilite .c1 { color: #ffc86b; font-style: italic } /* Comment.Single */ +.codehilite .cs { color: #ffc86b; font-style: italic } /* Comment.Special */ +.codehilite .gd { color: #ff6565 } /* Generic.Deleted */ +.codehilite .ge { font-style: italic } /* Generic.Emph */ +.codehilite .gr { color: #ff6565 } /* Generic.Error */ +.codehilite .gh { color: #d6d6ff; font-weight: bold } /* Generic.Heading */ +.codehilite .gi { color: #98ff98 } /* Generic.Inserted */ +.codehilite .go { color: #b7b7b7 } /* Generic.Output */ +.codehilite .gp { color: #9999f5; font-weight: bold } /* Generic.Prompt */ +.codehilite .gs { font-weight: bold } /* Generic.Strong */ +.codehilite .gu { color: #d380d3; font-weight: bold } /* Generic.Subheading */ +.codehilite .gt { color: #6792f1 } /* Generic.Traceback */ +.codehilite .kc { color: #0f0; font-weight: bold } /* Keyword.Constant */ +.codehilite .kd { color: #0f0; font-weight: bold } /* Keyword.Declaration */ +.codehilite .kn { color: #0f0; font-weight: bold } /* Keyword.Namespace */ +.codehilite .kp { color: #0f0 } /* Keyword.Pseudo */ +.codehilite .kr { color: #0f0; font-weight: bold } /* Keyword.Reserved */ +.codehilite .kt { color: #ff5190 } /* Keyword.Type */ +.codehilite .m { color: #666666 } /* Literal.Number */ +.codehilite .s { color: #b8ffa1 } /* Literal.String */ +.codehilite .na { color: #687822 } /* Name.Attribute */ +.codehilite .nb { color: #0f0 } /* Name.Builtin */ +.codehilite .nc { color: #a8a8ff; font-weight: bold } /* Name.Class */ +.codehilite .no { color: #880000 } /* Name.Constant */ +.codehilite .nd { color: #AA22FF } /* Name.Decorator */ +.codehilite .ni { color: #ffa9a9; font-weight: bold } /* Name.Entity */ +.codehilite .ne { color: #CB3F38; font-weight: bold } /* Name.Exception */ +.codehilite .nf { color: #a8a8ff } /* Name.Function */ +.codehilite .nl { color: #767600 } /* Name.Label */ +.codehilite .nn { color: #a8a8ff; font-weight: bold } /* Name.Namespace */ +.codehilite .nt { color: #0f0; font-weight: bold } /* Name.Tag */ +.codehilite .nv { color: #a8a8ff } /* Name.Variable */ +.codehilite .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */ +.codehilite .w { color: #bbbbbb } /* Text.Whitespace */ +.codehilite .mb { color: #ff0083 } /* Literal.Number.Bin */ +.codehilite .mf { color: #ff0083 } /* Literal.Number.Float */ +.codehilite .mh { color: #ff0083 } /* Literal.Number.Hex */ +.codehilite .mi { color: #ff0083 } /* Literal.Number.Integer */ +.codehilite .mo { color: #ff0083 } /* Literal.Number.Oct */ +.codehilite .sa { color: #b8ffa1 } /* Literal.String.Affix */ +.codehilite .sb { color: #b8ffa1 } /* Literal.String.Backtick */ +.codehilite .sc { color: #b8ffa1 } /* Literal.String.Char */ +.codehilite .dl { color: #b8ffa1 } /* Literal.String.Delimiter */ +.codehilite .sd { color: #b8ffa1; font-style: italic } /* Literal.String.Doc */ +.codehilite .s2 { color: #b8ffa1 } /* Literal.String.Double */ +.codehilite .se { color: #AA5D1F; font-weight: bold } /* Literal.String.Escape */ +.codehilite .sh { color: #b8ffa1 } /* Literal.String.Heredoc */ +.codehilite .si { color: #A45A77; font-weight: bold } /* Literal.String.Interpol */ +.codehilite .sx { color: #008000 } /* Literal.String.Other */ +.codehilite .sr { color: #A45A77 } /* Literal.String.Regex */ +.codehilite .s1 { color: #BA2121 } /* Literal.String.Single */ +.codehilite .ss { color: #a8a8ff } /* Literal.String.Symbol */ +.codehilite .bp { color: #008000 } /* Name.Builtin.Pseudo */ +.codehilite .fm { color: #0000FF } /* Name.Function.Magic */ +.codehilite .vc { color: #a8a8ff } /* Name.Variable.Class */ +.codehilite .vg { color: #a8a8ff } /* Name.Variable.Global */ +.codehilite .vi { color: #a8a8ff } /* Name.Variable.Instance */ +.codehilite .vm { color: #a8a8ff } /* Name.Variable.Magic */ +.codehilite .il { color: #ff0083 } /* Literal.Number.Integer.Long */