From 6dbdf013628321f9996efe4a90eaa03b8a8875a4 Mon Sep 17 00:00:00 2001 From: neodarz Date: Tue, 20 Jun 2017 19:03:17 +0200 Subject: Fork of wiki.neodarz.net --- source/css/out.css | 523 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 523 insertions(+) create mode 100644 source/css/out.css (limited to 'source/css/out.css') diff --git a/source/css/out.css b/source/css/out.css new file mode 100644 index 00000000..79ad345a --- /dev/null +++ b/source/css/out.css @@ -0,0 +1,523 @@ +@charset "UTF-8"; +/*** Webfonts ***/ +/* icon font from fontello */ +@font-face { + font-family: 'fontello'; + src: url("../fonts/fontello.eot"); + src: url("../fonts/fontello.eot?#iefix") format("embedded-opentype"), url("../fonts/fontello.woff") format("woff"), url("../fonts/fontello.ttf") format("truetype"), url("../fonts/fontello.svg#fontello") format("svg"); + font-weight: normal; + font-style: normal; } +@font-face { + font-family: 'awesome'; + src: url("/fonts/font-awesome/fonts/fontawesome-webfont.eot"); + src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesome-webfont") format("svg"); + font-weight: normal; + font-style: normal; } +/*** Main theme ***/ +body { + background-color: #000; + color: #fff; + font-family: "monospace", "helvetica", serif; + font-size: 12px; + -webkit-font-smoothing: antialiased; + margin: 0 0 100px 0; } + +.bodya { + border: 1px solid #fff; + margin-left: 20vw; + margin-right: 20vw; } + +@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) { + -webkit-font-smoothing: subpixel-antialiased; } +#archival-notice { + position: absolute; + top: 30px; + left: 0; + right: 0; + margin: 0 auto; + text-align: center; + color: red; } + +li { + list-style: none; } + +ul li:before { + content: "\25b6 \00a0"; } + +/* Menu design */ +.nav { + position: fixed; + left: 2.5%; + height: 150px; + width: 200px; + text-align: center; } + .nav li { + list-style: none; } + .nav li a { + text-decoration: none; } + +.lia { + text-decoration: none; } + .lia li:before { + list-style: none; + content: "" !important; } + .lia:hover li { + background-color: #fff; + color: #000; } + +.left-lia { + float: left; } + .left-lia:after { + content: "█▓▒░"; } + +.right-lia { + float: right; } + .right-lia:after { + content: "░▒▓█"; } + +.lia-border { + border: 1px solid #fff; } + .lia-border ul { + padding: 0px; + margin: 0; } + .lia-border hr { + background-color: #fff; + margin: 0; + padding: 0; } + +/* subMenu design */ +.subnav { + position: fixed; + right: 2.5%; + height: 150px; + width: 200px; + text-align: center; } + .subnav li { + list-style: none; } + .subnav li a { + text-decoration: none; } + +.sublia { + text-decoration: none; } + .sublia li:before { + list-style: none; + content: "" !important; } + .sublia:hover li { + background-color: white; + color: black; } + +.subleft-lia { + float: left; } + .subleft-lia:after { + content: "█▓▒░"; } + +.subright-lia { + float: right; } + .subright-lia:after { + content: "░▒▓█"; } + +.sublia-border { + border: 1px solid #fff; } + .sublia-border ul { + padding: 0px; + margin: 0; } + .sublia-border hr { + background-color: #fff; + margin: 0; + padding: 0; } + .sublia-border pre code ul, .sublia-border pre code, .sublia-border pre { + width: 100% !important; + margin: 0 !important; + padding: 0 !important; + font-family: monospace,monospace !important; + font-size: 12px !important; + white-space: normal; } + +/* situations design */ +.situation1nav, .situation2nav { + position: fixed; + right: 2.5%; + margin-top: 100px; + height: 150px; + width: 200px; + text-align: center; } + .situation1nav li, .situation2nav li { + list-style: none; } + .situation1nav li a, .situation2nav li a { + text-decoration: none; } + +.situation1lia, .situation2lia { + text-decoration: none; } + .situation1lia li:hover, .situation2lia li:hover { + background-color: white; + color: black; } + .situation1lia li:before, .situation2lia li:before { + list-style: none; + content: "" !important; } + +.situation1left-lia, .situation2left-lia { + float: left; } + .situation1left-lia:after, .situation2left-lia:after { + content: "█▓▒░"; } + +.situation1right-lia, .situation2right-lia { + float: right; } + .situation1right-lia:after, .situation2right-lia:after { + content: "░▒▓█"; } + +.situation1lia-border, .situation2lia-border { + border: 1px solid white; } + .situation1lia-border ul, .situation2lia-border ul { + padding: 0px; + margin: 0; } + .situation1lia-border hr, .situation2lia-border hr { + background-color: white; + margin: 0; + padding: 0; } + .situation1lia-border pre code ul, .situation1lia-border pre code, .situation1lia-border pre, .situation1lia-border pre code ul, .situation1lia-border pre code, .situation1lia-border pre, .situation2lia-border pre code ul, .situation2lia-border pre code, .situation2lia-border pre, .situation2lia-border pre code ul, .situation2lia-border pre code, .situation2lia-border pre { + width: 100% !important; + margin: 0 !important; + padding: 0 !important; + font-family: monospace,monospace !important; + font-size: 12px !important; + white-space: normal; } + +/* end menus design */ +.content-separator, .footer { + width: 60%; + margin: 0 auto; } + +.content { + text-align: justify; } + .content pre, .content ul, .content p { + width: 60%; + margin: 0 auto; } + +.content .sourceCode { + margin: 0 auto; } + +.header { + width: 100%; } + +hr { + border: 0; + height: 1px; + background: #888; } + +.content-separator { + margin: 15px auto 3px auto; } + +h1 { + text-align: center; + font-size: 160%; + font-weight: bold; + width: 100%; } + +.h1 { + text-align: center; } + +h2 { + text-align: center; + font-size: 125%; + font-weight: bold; } + +h3, h4 { + text-align: center; + font-weight: bold; } + +h3:before { + content: "· "; } +h3:after { + content: " ·"; } + +.article-metadata { + text-align: center; + font-size: 100%; + font-weight: normal; + margin: 1em 0; } + +a { + color: #fff; + word-wrap: break-word; } + +a .active { + color: #fff; } + +/*p, h2, ul { + padding-left: 10vw; + padding-right: 10vw; +}*/ +code { + font-size: 90%; + color: #000; + font-family: Courier, monospace; + white-space: pre-wrap; + word-wrap: break-word; + background-color: #fff; + border-radius: 2px; + padding-left: 1px; + padding-right: 1px; } + +h1 code, h2 code { + font-size: 95%; + color: #000; } + +pre { + padding: 1em; + background: #000; } + +/* Pandoc wraps pre[class*=sourceCode] in a div tag, so it is necessary to +eliminate the margins of such pre tags to avoid too much spacing.*/ +pre[class*=sourceCode] { + margin: 0; + border: 1px solid; + overflow: auto; } + +pre code { + font-size: 85%; + color: #fff; + white-space: pre; + word-wrap: normal; + background-color: black; + border-radius: 0; + padding: 0; } + +ol { + padding-left: 20px; } + +ul { + padding-left: 16px; } + +p { + padding: 7px 0 7px 0; } + +blockquote { + margin: 0; + padding: 0 1em; + font-style: italic; + border-left: 0.4em solid #ddd; } + +img { + display: block; + max-width: 100%; + margin: 5px auto; } + +.figure { + text-align: center; + margin: 0 auto; + width: 60%; } + +.figure img { + display: inline; + margin: 0 0 5px 0; } + +.figure .caption { + width: 80%; + margin: auto; + font-size: 90%; } + +sup { + font-size: 11px; + margin: 0 0 0 1px; } + +noscript { + color: #999; } + +noscript a { + color: #999; } + +.footnotes { + font-size: 90%; } + .footnotes ol { + padding-left: 1.4em; } + .footnotes p { + margin: 0.6em 0; } + +.footnotes-backlink { + margin-left: 0.2em; + vertical-align: -0.2em; + color: #bbb; + text-decoration: none; } + .footnotes-backlink:hover { + background-color: #bbb; + color: #fff; } + +.lfooter { + float: left; } + +.lfooter .updated:before { + content: "Last updated: "; } + +.rfooter { + float: right; } + +.rss-icon, .atom-icon, .cc-icon { + text-decoration: none; + position: relative; + top: 1px; } + +.rss-icon, .atom-icon { + margin: 0 3px; } + +.cc-icon { + margin: 0 1px; } + +.rss-icon:before, .atom-icon:before { + content: "\e800"; + font-family: "monospace","helvetica"; + font-size: 105%; } + +.rss-icon:before { + display: inline-block; + transform: scale(-1, 1); + -webkit-transform: scale(-1, 1); } + +.cc-icon:before { + content: "\e801"; + font-family: "monospace","helvetica"; + font-size: 95%; } + +.title-header { + display: table; + margin: 0 auto; } + +.link-header { + text-decoration: none; } + +table { + text-align: center; + width: 100% !important; } + +.skill-table { + text-align: left; + text-decoration: none; + list-style: none; } + +.skill-table tr td ul li { + list-style: none; } + +.skill-table tr td ul li::before { + content: ""; } + +.odd { + background-color: #131313; + border: 1px solid white; } + +.ouer { + display: block; } + +.code-outer { + margin-left: 1vw; + width: 65%; + margin-left: 10vw; + margin-bottom: 1vw; + border: 1px solid #fff; + overflow: auto; + font-family: "monospace","helvetica"; } + +.left-h1 { + float: left; + font-weight: bold; + font-size: 24.4px; } + +.right-h1 { + float: right; + font-weight: bold; + font-size: 24.4px; } + +.title-h1 { + display: inline-block; + font-size: 24.4px; + font-weight: bold; } + +.footer { + text-align: center; } + +/*** tag cloud ***/ +#cloudtag { + width: 50%; + margin: 0 auto; + border: 1px solid white; + padding: 10px; } + #cloudtag a { + text-decoration: none; + font-weight: bold; } + #cloudtag span { + font-weight: lighter; } + +/*** Wide screen ***/ +@media screen and (min-width: 1441px) { + .content pre, .content ul, .content p, .content-separator, .footer { + width: 50%; } + + .header { + width: 100%; } } +/*** Narrow screen ***/ +@media screen and (max-width: 1023px) { + body { + margin: 0 0 100px 0; } + + .nav { + position: static; + width: 100%; + height: 150px; + margin: 20px 0 80px 0; } + + .nav-icon { + width: 150px; + height: 150px; + line-height: 150px; } + + .nav-icon:before { + font-size: 54px; } + + .nav-title, .nav-author { + height: 0; + width: 0; + visibility: hidden; + pointer-events: none; } + + p, .content-separator, .footer { + width: 80%; } + + .header { + width: 100%; } } +/*** Ultranarrow screen ***/ +@media screen and (max-width: 500px) { + .outer { + display: none; } + + .content pre, .content ul, .content p, .content-separator, .footer { + width: 90%; } + + .header { + width: 100%; } + + .blog-index-yearly-index { + margin-left: 0; } + + .blog-index-post-date { + width: 4em; } } +/*** Print ***/ +@media print { + body { + margin: 5% 0; + font-size: 12px; } + + sup { + font-size: 0.5em; + top: -1em; } + + pre { + -webkit-print-color-adjust: exact; } + + .content pre, .content ul, .content p, .content-separator, .footer { + width: 90%; } + + .header { + width: 100%; } + + .nav, .rss-icon, .atom-icon, .cc-icon, #archival-notice { + display: none; } } + +/*# sourceMappingURL=out.css.map */ -- cgit v1.2.1