From caef9bd707ea2f69275c70a1f187962196a76c5d Mon Sep 17 00:00:00 2001 From: Paweł Dybiec Date: Tue, 31 Dec 2019 01:33:27 +0100 Subject: My css + removed some template stuff --- css/base.css | 120 ++++++++++++++++++++++++++++++++ css/base.css~ | 210 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ css/default.css | 104 ---------------------------- 3 files changed, 330 insertions(+), 104 deletions(-) create mode 100644 css/base.css create mode 100644 css/base.css~ delete mode 100644 css/default.css (limited to 'css') diff --git a/css/base.css b/css/base.css new file mode 100644 index 0000000..2143bb7 --- /dev/null +++ b/css/base.css @@ -0,0 +1,120 @@ +body, html { + width: 100%; + height: 100%; +} +html { + min-height:100%; + position:relative + background-color: #fff; + font-size: 16px; + font-family: sans-serif; + line-height: 24px; +} +body { + color: #333; + font-size:16px; + margin:0px; + padding: 0; +} +h1, h2, h3 { + margin: 0px 0px 18px 0px; + padding: 24px 0px 0px 0px; +} + +p, ul { + margin: 18px 0px 18px 0px; +} + +img { + margin: 12px 0px 12px 0px; + max-width: 100%; +} + +ul { + padding-left: 18px; +} + +a { + color: #111; + text-decoration: none; +} + +h1, h2, h3 { + font-weight: normal; +} + +h1 { + font-size: 26px; +} + +h2 { + font-size: 22px; +} + +h3 { + font-size: 18px; +} +@media screen and (min-width: 768px) { + aside { + width: 20%; + height: 100%; + position: fixed; + top:0; + left:0; + + } + main { + width: 80%; + position: absolute; + top: 0; + left: 20%; + } +} +aside h1, aside h2, aside h3{ + margin: 0px 0px 8px 0px; + padding: 8px 0px 0px 0px; +} +aside ul { + padding-left: 0px; + margin: 8px 0px 8px 0px; +} +aside { + background-color: #333333; + color: #ffffff; + text-align: center; +} +aside a{ + color: #eeeeee; +} +aside div{ + padding-bottom: 1em; +} +aside div img{ + border-radius: 50%; + max-width: 120px; +} +aside div nav ul li{ + display: block; + text-transform: lowercase; +} + +footer { + color:#999999; + font-size:12px; + text-align:center; + height:4em; + width:100%; + padding-top:1.2em; + font-family:sans-serif + bottom: 0; +} +footer a{ + color: #111111; + font-weight: bold; +} +div#content { + padding-left: 4%; +} +main a{ + border-bottom: 1px solid #555; +} diff --git a/css/base.css~ b/css/base.css~ new file mode 100644 index 0000000..94f8f58 --- /dev/null +++ b/css/base.css~ @@ -0,0 +1,210 @@ +h1, h2, h3 { + margin: 0px 0px 18px 0px; + padding: 24px 0px 0px 0px; +} + +p, ul { + margin: 18px 0px 18px 0px; +} + +img { + margin: 12px 0px 12px 0px; + max-width: 100%; +} + +ul { + padding-left: 18px; +} + +div#footer { + margin: 60px 0px 36px 0px; +} + +html { + background-color: #fff; + font-size: 16px; + font-family: sans-serif; + line-height: 24px; +} + +body { + color: #333; +} + +a { + color: #111; + text-decoration: none; + border-bottom: 1px solid #555; +} + +/* Pandoc 2 puts 'a' elements inside code blocks for linking to lines. We don't + * want to underline those. */ +code a { + border-bottom: none; +} + +div.figure a{ + border: none; +} + +@media all and (min-width: 620px) { + div.flickr img { + border: 1px solid #888; + padding: 6px; + } +} + +div.flickr { + margin-top: 60px; + margin-bottom: 60px; +} + +a img { + margin-bottom: 0px; +} + +pre { + margin-left: 18px; + overflow: auto; +} + +pre code { + background-color: transparent; + color: #333; + font-size: 14px; + margin: 0px; + padding: 0px; +} + +code { + color: #408090; +} + +h1, h2, h3 { + font-weight: normal; +} + +h1 { + font-size: 26px; +} + +h2 { + font-size: 22px; +} + +h3 { + font-size: 18px; +} + + +blockquote { + background: #e6e6e6 url("../images/quote-background.png") no-repeat left top; + font-style: italic; + margin-left: 18px; + padding: 6px 6px 6px 54px; +} + +hr { + border: none; + margin: 36px auto 36px auto; + text-align: center; +} + +hr:after { + content: "\002217 \002217 \002217"; +} + +span.soft, figcaption { + font-style: italic; + color: #555; +} + +div.figure { + text-align: center; +} + +div.figure p { + margin-top: 6px; +} + +Au.footnote-ref { + border: none; +} + +a.footnote-ref sup:before { + content: "("; +} + +a.footnote-ref sup:after { + content: ")"; +} + +a.footnote-ref sup { + padding: 2px; +} + +a.footnote-back { + border: none; + padding: 0px 6px 0px 6px; +} + +section.footnotes:before { + content: "Footnotes"; + font-size: 18px; + padding-left: 18px; +} + +section.footnotes { + border-left: 1px dashed #555; + color: #555; + margin-top: 36px; +} + +section.footnotes hr { + display: none; +} + +div.photoblog img { + margin-top: 48px; + margin-bottom: 48px; +} + +div.photoblog div.pagination { + font-size: 14px; + padding: 12px 0px; +} + +div#footer { + font-size: 14px; +} + +footer { + color:#999999; + font-size:12px; + text-align:center; + height:4em; + background-color:#323232; + position:absolute; + bottom:0; + width:100%; + overflow:hidden; + padding-top:1em; + font-family:sans-serif +} +footer a{ + color: #fff; + font-weight: bold; +} + +/******************************************************************************* + * Disqus * + ******************************************************************************/ + +/* Reset list image for disqus */ +div#disqus_thread ul { + list-style-image: none; +} + +div#dsq-subscribe em { + text-decoration: none; +} diff --git a/css/default.css b/css/default.css deleted file mode 100644 index d61b8af..0000000 --- a/css/default.css +++ /dev/null @@ -1,104 +0,0 @@ - -html { - /* to allow the #footer to be properly positioned - at the bottom, even when #content is longer than - the viewport high */ - min-height: 100%; - position: relative; -} - -body { - color: black; - font-size: 16px; - margin: 0px; -} - -header { - margin-bottom: 0px; - padding: 50px; - background: linear-gradient(to right,#19111f 0%,#2c1e37 100%); -} - -div.logo a { - color: #FFFFFF; - float: left; - font-family: sans-serif; - font-size: 28px; - font-weight: bold; - text-decoration: none; -} - -header nav { - text-align: right; -} - -header nav a { - color: #d1cddc!important; - font-family: sans-serif; - font-size: 14px; - font-weight: bold; - margin-left: 12px; - text-decoration: none; - text-transform: uppercase; -} - -header nav a:hover{ - color: #FFFFFF; -} - -main { - margin-left: 50px; - margin-right: 50px; - margin-bottom: 5.5rem; /* footer-height + 1.5rem */ -} - -main h1{ - color: #6e618d; - font-size: 25px; - font-family: sans-serif; -} - -main h2{ - color: #6e618d; - font-size: 20px; - font-family: sans-serif; -} - -main, /* this line for archives page */ -main p{ - color: #333333; - font-family: sans-serif; - font-size: 15px; -} - -main a{ - color: #428bca; - text-decoration: none; -} - -footer { - color: #999999; - font-size: 12px; - text-align: center; - height: 4em; - background-color: #323232; - position: absolute; - bottom: 0; - width: 100%; - overflow: hidden; - padding-top: 1em; - font-family: sans-serif; -} - -footer a { - color: #ffffff; - font-weight: bold; - text-decoration: none; -} - -section.header { - color: #555; - font-size: 14px; - font-style: italic; -} - -- cgit 1.4.1