From d16530d61a04435fd8cb4d4770c4ac715ac8ef0e Mon Sep 17 00:00:00 2001 From: Patrick Spek Date: Sun, 8 Jul 2018 15:46:56 +0200 Subject: Initial commit --- css/main.less | 171 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ css/pygments.scss | 71 +++++++++++++++++++++++ 2 files changed, 242 insertions(+) create mode 100644 css/main.less create mode 100644 css/pygments.scss (limited to 'css') diff --git a/css/main.less b/css/main.less new file mode 100644 index 0000000..523cbfc --- /dev/null +++ b/css/main.less @@ -0,0 +1,171 @@ +@bodybgColor: #fefefe; +@bodyTextColor: #454545; + +// Link Colors +@linkColor: #07a; +@linkVisitedColor: #07a; +@linkVisitedInvertedColor: #ac5a82; +// =============== + +@wrongColor: #c0392b; +@shittyBlue: #0000EE; +@shittyViolet: #551A8B; +@motherfuckingColor: #16a085; +@blockQuoteColor: #456; +@openQuoteColor: #666; + +html { + background-color: @bodybgColor; +} + +body { + font-family: Times; + color: @bodyTextColor; + font-size: 16px; + line-height: 1.4; + text-align: justify; + width: 100%; + margin: 0; +} + +small { + font-size: 0.7em; +} + +nav { + padding-bottom: 8px; + border-bottom: double @bodyTextColor; + text-align: center; + font-family: Sans; + + a, a:visited { + margin: 0 0.5em; + font-size: 24px; + text-decoration: none; + color: @bodyTextColor; + } + + .brand-name { + text-align: center; + display: block; + font-weight: bold; + font-size: 32px; + color: @bodyTextColor; + margin-bottom: 8px; + } +} + +a, a:visited { + color: @linkColor; +} + +li p { + margin: 0; +} + +table { + width: 100%; +} + +blockquote{ + color: @blockQuoteColor; + margin-left: 0; + margin-top: 2em; + margin-bottom: 2em; + + span{ + float: left; + margin-left: 1rem; + padding-top: 1rem; + } + + author{ + display: block; + clear: both; + font-size: 0.6em; + margin-left: 2.4rem; + font-style: oblique; + + &:before{ + content: "- "; + margin-right: 1em; + } + } + + &::before{ + font-family: "Times New Roman", Times, Arial; + color: @openQuoteColor; + content: open-quote; + font-size: 2.2em; + font-weight: 600; + float: left; + margin-top: 0em; + margin-right: 0.2rem; + width: 1.2rem; + } + + &::after{ + content: ""; + display: block; + clear: both; + } +} + +pre.pygments { + border: double @openQuoteColor; + padding: 8px; +} + +code { + background-color: #eee; + padding: 2px; +} + +div.container { + max-width: 900px; + margin: 0 auto 0.5em auto; + padding-top: 1em; +} + +span.citneed{ + vertical-align: top; + font-size: 0.7em; + padding-left: 0.3em; +} + +p.text-center { + text-align: center; +} + +@media screen and (max-width: 500px) { + body{ + text-align: left; + } + + div.fancyPositioning{ + div.picture-left{ + float: none; + width: inherit; + } + + div.tleft{ + float: none; + width: inherit; + } + } + + blockquote{ + span{ + width: 80%; + } + author{ + padding-top: 1em; + width: 80%; + margin-left: 15%; + &::before{ + content: ""; + margin-right: inherit; + } + } + } +} diff --git a/css/pygments.scss b/css/pygments.scss new file mode 100644 index 0000000..98fbf5a --- /dev/null +++ b/css/pygments.scss @@ -0,0 +1,71 @@ +--- +--- +.listingblock .pygments .hll { background-color: #ffffcc } +.listingblock .pygments, .listingblock .pygments code { background: #f8f8f8; } +.listingblock .pygments .tok-c { color: #008800; font-style: italic } /* Comment */ +.listingblock .pygments .tok-err { border: 1px solid #FF0000 } /* Error */ +.listingblock .pygments .tok-k { color: #AA22FF; font-weight: bold } /* Keyword */ +.listingblock .pygments .tok-o { color: #666666 } /* Operator */ +.listingblock .pygments .tok-ch { color: #008800; font-style: italic } /* Comment.Hashbang */ +.listingblock .pygments .tok-cm { color: #008800; font-style: italic } /* Comment.Multiline */ +.listingblock .pygments .tok-cp { color: #008800 } /* Comment.Preproc */ +.listingblock .pygments .tok-cpf { color: #008800; font-style: italic } /* Comment.PreprocFile */ +.listingblock .pygments .tok-c1 { color: #008800; font-style: italic } /* Comment.Single */ +.listingblock .pygments .tok-cs { color: #008800; font-weight: bold } /* Comment.Special */ +.listingblock .pygments .tok-gd { color: #A00000 } /* Generic.Deleted */ +.listingblock .pygments .tok-ge { font-style: italic } /* Generic.Emph */ +.listingblock .pygments .tok-gr { color: #FF0000 } /* Generic.Error */ +.listingblock .pygments .tok-gh { color: #000080; font-weight: bold } /* Generic.Heading */ +.listingblock .pygments .tok-gi { color: #00A000 } /* Generic.Inserted */ +.listingblock .pygments .tok-go { color: #888888 } /* Generic.Output */ +.listingblock .pygments .tok-gp { color: #000080; font-weight: bold } /* Generic.Prompt */ +.listingblock .pygments .tok-gs { font-weight: bold } /* Generic.Strong */ +.listingblock .pygments .tok-gu { color: #800080; font-weight: bold } /* Generic.Subheading */ +.listingblock .pygments .tok-gt { color: #0044DD } /* Generic.Traceback */ +.listingblock .pygments .tok-kc { color: #AA22FF; font-weight: bold } /* Keyword.Constant */ +.listingblock .pygments .tok-kd { color: #AA22FF; font-weight: bold } /* Keyword.Declaration */ +.listingblock .pygments .tok-kn { color: #AA22FF; font-weight: bold } /* Keyword.Namespace */ +.listingblock .pygments .tok-kp { color: #AA22FF } /* Keyword.Pseudo */ +.listingblock .pygments .tok-kr { color: #AA22FF; font-weight: bold } /* Keyword.Reserved */ +.listingblock .pygments .tok-kt { color: #00BB00; font-weight: bold } /* Keyword.Type */ +.listingblock .pygments .tok-m { color: #666666 } /* Literal.Number */ +.listingblock .pygments .tok-s { color: #BB4444 } /* Literal.String */ +.listingblock .pygments .tok-na { color: #BB4444 } /* Name.Attribute */ +.listingblock .pygments .tok-nb { color: #AA22FF } /* Name.Builtin */ +.listingblock .pygments .tok-nc { color: #0000FF } /* Name.Class */ +.listingblock .pygments .tok-no { color: #880000 } /* Name.Constant */ +.listingblock .pygments .tok-nd { color: #AA22FF } /* Name.Decorator */ +.listingblock .pygments .tok-ni { color: #999999; font-weight: bold } /* Name.Entity */ +.listingblock .pygments .tok-ne { color: #D2413A; font-weight: bold } /* Name.Exception */ +.listingblock .pygments .tok-nf { color: #00A000 } /* Name.Function */ +.listingblock .pygments .tok-nl { color: #A0A000 } /* Name.Label */ +.listingblock .pygments .tok-nn { color: #0000FF; font-weight: bold } /* Name.Namespace */ +.listingblock .pygments .tok-nt { color: #008000; font-weight: bold } /* Name.Tag */ +.listingblock .pygments .tok-nv { color: #B8860B } /* Name.Variable */ +.listingblock .pygments .tok-ow { color: #AA22FF; font-weight: bold } /* Operator.Word */ +.listingblock .pygments .tok-w { color: #bbbbbb } /* Text.Whitespace */ +.listingblock .pygments .tok-mb { color: #666666 } /* Literal.Number.Bin */ +.listingblock .pygments .tok-mf { color: #666666 } /* Literal.Number.Float */ +.listingblock .pygments .tok-mh { color: #666666 } /* Literal.Number.Hex */ +.listingblock .pygments .tok-mi { color: #666666 } /* Literal.Number.Integer */ +.listingblock .pygments .tok-mo { color: #666666 } /* Literal.Number.Oct */ +.listingblock .pygments .tok-sa { color: #BB4444 } /* Literal.String.Affix */ +.listingblock .pygments .tok-sb { color: #BB4444 } /* Literal.String.Backtick */ +.listingblock .pygments .tok-sc { color: #BB4444 } /* Literal.String.Char */ +.listingblock .pygments .tok-dl { color: #BB4444 } /* Literal.String.Delimiter */ +.listingblock .pygments .tok-sd { color: #BB4444; font-style: italic } /* Literal.String.Doc */ +.listingblock .pygments .tok-s2 { color: #BB4444 } /* Literal.String.Double */ +.listingblock .pygments .tok-se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */ +.listingblock .pygments .tok-sh { color: #BB4444 } /* Literal.String.Heredoc */ +.listingblock .pygments .tok-si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */ +.listingblock .pygments .tok-sx { color: #008000 } /* Literal.String.Other */ +.listingblock .pygments .tok-sr { color: #BB6688 } /* Literal.String.Regex */ +.listingblock .pygments .tok-s1 { color: #BB4444 } /* Literal.String.Single */ +.listingblock .pygments .tok-ss { color: #B8860B } /* Literal.String.Symbol */ +.listingblock .pygments .tok-bp { color: #AA22FF } /* Name.Builtin.Pseudo */ +.listingblock .pygments .tok-fm { color: #00A000 } /* Name.Function.Magic */ +.listingblock .pygments .tok-vc { color: #B8860B } /* Name.Variable.Class */ +.listingblock .pygments .tok-vg { color: #B8860B } /* Name.Variable.Global */ +.listingblock .pygments .tok-vi { color: #B8860B } /* Name.Variable.Instance */ +.listingblock .pygments .tok-vm { color: #B8860B } /* Name.Variable.Magic */ +.listingblock .pygments .tok-il { color: #666666 } /* Literal.Number.Integer.Long */ -- cgit v1.1