From bac34526688e25a864644d8f927399e47d46a581 Mon Sep 17 00:00:00 2001 From: Paul Buetow Date: Mon, 4 Apr 2022 22:38:15 +0100 Subject: change back --- gemfeed/style.css | 438 ++++++++++-------------------------------------------- 1 file changed, 79 insertions(+), 359 deletions(-) (limited to 'gemfeed') diff --git a/gemfeed/style.css b/gemfeed/style.css index 33f2042d..d62b6ae8 100644 --- a/gemfeed/style.css +++ b/gemfeed/style.css @@ -1,395 +1,115 @@ -* { - border: 0; - font: inherit; - font-size: 100%; - vertical-align: baseline; - line-height: 1.5em; - margin: 0; - padding: 0; - background-color: #f8f8f8; - color: #222; -} - body { - font: normal 14px monospace; -} - -body { - position: relative; - width: 100%; - max-width: 800px; - margin: 2em auto 0; - padding: 0 20px; - box-sizing: border-box; -} - -/* For devices larger than 400px */ -@media (min-width: 400px) { - body { - width: 85%; - padding: 0; - } -} - -/* For devices larger than 550px */ -@media (min-width: 550px) { - body { - width: 80%; - } -} - -h1, h2, h3 { - font-weight: bold; - margin-bottom: 0.75em; + margin: auto; + padding-left: 11px; + padding-right: 11px; + background-color: #8fbc8f; + color: #ddddce; + font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; + font-style: normal; + font-variant: normal; + max-width: 900px; } h1 { - font-size: 1.5em; + padding-top: 23px; + padding-bottom: 23px; + padding-left: 11px; + color: #ffffff; + background-color: #000000; + text-decoration: underline; + margin-left: -23px; + max-width: 878px; } h2 { - margin-top: 1em; - font-size: 1.25em; + padding-top: 23px; + padding-bottom: 23px; + padding-left: 11px; + color: #ffffff; + background-color: #000000; + text-decoration: underline; + margin-left: -11px; + max-width: 889px; } h3 { - font-size: 1.1em; -} - -small { - font-size: 0.8em; -} - -small.date { - padding-left: 2em; - color: #888; + padding-top: 23px; + padding-bottom: 23px; + padding-left: 11px; + color: #ffffff; + background-color: #000000; + text-decoration: underline; + margin-left: -5px; + max-width: 895px; } a { - color: #248; - font-weight: 600; -} - -a:visited { - color: #824; -} - -li { - margin-left: 1em; - margin-bottom: 0.25em; -} - -ol li { - margin-left: 2em; -} - -em { - font-style: italic; -} - -strong { - font-weight: bold; -} - -p, ul, ol { - margin: 0 0 0.75em 0; - padding: 0; -} - -p code, li code { - color: rgb(66, 146, 41); -} - -article * { - line-height: 1.8em; -} - -article img { - width: 100%; - margin: 2em 0; + color: #ffffff; + text-decoration: none; + background-color: #000000; + padding: 2px; + margin: 2px; } -article img.med { - max-width: 400px; - text-align: center; +a:hover { + color: #000000; + text-decoration: underline; + background-color: #ffffff; } -div.previously { - margin-top: 6em; - text-align: center; +ul { + color: #ffffff; + background-color: #000000; + padding-top: 23px; + padding-bottom: 23px; + padding-right: 23px; + padding-left: 79px; } -pre, code { - font-family: monospace; +img { + max-width: 601; + max-height: 401; + display: block; + margin: auto; } pre { - padding: 0; - overflow-x: scroll; - scrollbar-width: none; - - /* border-left: 3px solid #a8b8c8; - padding-left: 12px; */ -} - -pre * { - line-height: 1.0em; -} - -pre + p { - margin-top: 1em; -} - -pre code { - /* margin: 10px; */ - word-wrap: no; -} - -hr { display: block; - margin: 8em 0; - border-width: 0; - text-align: center; + overflow-x: auto; + color: #ffffff; + background-color: #000000; + margin: 5px; + padding: 23px; + border: 29px double #8fbc8f; } -hr::after { - content: "················"; +a.textlink:before { + content: " ⇒ "; + padding-left: 11px; } -header { - margin-bottom: 40px; -} - -header h1 { - font-size: 2em; - font-weight: 1000; -} - -header h1 img { - width: 32px; - display: inline-block; - padding-right: 12px; - position: relative; - top: 8px; -} - -header h1 a, header h1 a:visited { - color: #222; - text-decoration: none; - font-weight: 1000; +p { + color: #ffffff; + background-color: #000000; + padding: 23px; } -header ul { - margin: 0; - padding: 0; - border: 0; +p.quote { + color: #ffffff; + background-color: #000000; } -header li { - list-style: none; - display: inline-block; - margin: 0; - padding: 0; - border: 0; +p.footer { + color: #ffffff; + background-color: #000000; } -header li.byline { - margin-right: 20px; - font-weight: 1000; +p.quote:before { + content: " « "; + padding-left: 2px; } -@media (max-width: 500px) { - header li.byline { - display: block; - } +p.quote:after { + content: " » "; + padding-right: 2px; } - -header li a, header li a:visited { - color: #222; - margin: 0 7px; - font-weight: 600; -} - -article.quote_of_the_day { - margin-left: 3em; -} - -article.quote_of_the_day p { - margin-top: 2em; -} - -article h1 { - font-size: 1.5em; - margin-bottom: 0.75em; -} - -article h2 { - font-size: 1.25em; - margin-bottom: 0.75em; -} - -article h3 { - font-weight: bold; - margin-bottom: 0.75em; -} - -h3.date { - color: #888; - font-weight: bold; - margin-bottom: 30px; -} - -article + h3.date { - margin-top: 80px; -} - -iframe { - margin: 20px; - max-width: 530px; -} - -#content img { - max-width: 100%; -} - -table { - margin: 20px 0; - border-collapse: collapse; - border-spacing: 0; -} - -thead th { - border-bottom: 1px solid #666; - padding: 6px 13px 2px 13px; -} - -thead tr { -} - -table td { - padding: 6px 13px 2px; -} - -div.portrait { - float: left; - width: 400px; - padding-right: 20px; - padding-bottom: 20px; -} - -@media (max-width: 640px) { - div.portrait { - float: none; - width: 100%; - padding: 0 0 20px; - } -} - -div.portrait img { - width: 100%; -} - -.clear { - clear: both; -} - -footer { - margin-bottom: 6em; - text-align: center; -} - -blockquote { - font-style: italic; -} - -article blockquote { - border-left: 2px solid #666; - padding-left: 1em; - margin-bottom: 1.5em; -} - -blockquote code { - font-style: normal; - font-weight: bold; -} - -div.highlight { - margin-bottom: 1em; -} - -#previous-link { - text-align: center; - margin: 5em 0 0 0; -} - -.highlight, .highlight * { background: #f8f8f8; } -.highlight .hll { background-color: #ffffcc } -.highlight .c { color: #408080; font-style: italic } /* Comment */ -.highlight .err { border: 1px solid #FF0000 } /* Error */ -.highlight .k { color: #008000; font-weight: bold } /* Keyword */ -.highlight .o { color: #666666 } /* Operator */ -.highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */ -.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */ -.highlight .cp { color: #BC7A00 } /* Comment.Preproc */ -.highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */ -.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */ -.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */ -.highlight .gd { color: #A00000 } /* Generic.Deleted */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #FF0000 } /* Generic.Error */ -.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */ -.highlight .gi { color: #00A000 } /* Generic.Inserted */ -.highlight .go { color: #888888 } /* Generic.Output */ -.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */ -.highlight .gs { font-weight: bold } /* Generic.Strong */ -.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ -.highlight .gt { color: #0044DD } /* Generic.Traceback */ -.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */ -.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */ -.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */ -.highlight .kp { color: #008000 } /* Keyword.Pseudo */ -.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */ -.highlight .kt { color: #B00040 } /* Keyword.Type */ -.highlight .m { color: #666666 } /* Literal.Number */ -.highlight .s { color: #BA2121 } /* Literal.String */ -.highlight .na { color: #7D9029 } /* Name.Attribute */ -.highlight .nb { color: #008000 } /* Name.Builtin */ -.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */ -.highlight .no { color: #880000 } /* Name.Constant */ -.highlight .nd { color: #AA22FF } /* Name.Decorator */ -.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */ -.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */ -.highlight .nf { color: #0000FF } /* Name.Function */ -.highlight .nl { color: #A0A000 } /* Name.Label */ -.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */ -.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */ -.highlight .nv { color: #19177C } /* Name.Variable */ -.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */ -.highlight .w { color: #bbbbbb } /* Text.Whitespace */ -.highlight .mb { color: #666666 } /* Literal.Number.Bin */ -.highlight .mf { color: #666666 } /* Literal.Number.Float */ -.highlight .mh { color: #666666 } /* Literal.Number.Hex */ -.highlight .mi { color: #666666 } /* Literal.Number.Integer */ -.highlight .mo { color: #666666 } /* Literal.Number.Oct */ -.highlight .sa { color: #BA2121 } /* Literal.String.Affix */ -.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */ -.highlight .sc { color: #BA2121 } /* Literal.String.Char */ -.highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */ -.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */ -.highlight .s2 { color: #BA2121 } /* Literal.String.Double */ -.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */ -.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */ -.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */ -.highlight .sx { color: #008000 } /* Literal.String.Other */ -.highlight .sr { color: #BB6688 } /* Literal.String.Regex */ -.highlight .s1 { color: #BA2121 } /* Literal.String.Single */ -.highlight .ss { color: #19177C } /* Literal.String.Symbol */ -.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */ -.highlight .fm { color: #0000FF } /* Name.Function.Magic */ -.highlight .vc { color: #19177C } /* Name.Variable.Class */ -.highlight .vg { color: #19177C } /* Name.Variable.Global */ -.highlight .vi { color: #19177C } /* Name.Variable.Instance */ -.highlight .vm { color: #19177C } /* Name.Variable.Magic */ -.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */ - -body { display: block } /* Prevent FUOC */ -- cgit v1.2.3