From b9f129a6b57c16d168f00037b09a1ed433c1abee Mon Sep 17 00:00:00 2001 From: Mitja Felicijan Date: Mon, 6 Aug 2018 16:47:05 +0200 Subject: update --- _includes/site.css | 158 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 158 insertions(+) create mode 100644 _includes/site.css (limited to '_includes/site.css') diff --git a/_includes/site.css b/_includes/site.css new file mode 100644 index 0000000..73f6416 --- /dev/null +++ b/_includes/site.css @@ -0,0 +1,158 @@ +* { + box-sizing: border-box +} + +body { + font-family: 'Times New Roman', Times, serif; + font-size: 16px; + margin: 40px auto; + line-height: 1.6; + color: #000; + margin: 0; + padding: 0 0 50px 0; +} + +article, +main, +footer, +nav, +header { + max-width: 700px; + margin: 0 auto; +} + +header { + margin-top: 30px; +} + +header a, +nav ul li a { + text-decoration: none +} + +header a { + font-size: 150%; + font-weight: 700; + color: #000; +} + +nav ul { + margin-top: 10px; + padding: 0; +} + +nav ul li { + display: inline-block; +} + +nav ul li a { + color: #888; + font-size: 85%; + margin-right: 10px; +} + +h1 { + font-size: 200%; +} + +h2 { + font-size: 160%; +} + +h3 { + font-size: 140%; +} + +h4 { + font-size: 120%; +} + +article img { + max-width: 100%; + display: block; + border: 2px solid #f1f1f1; + border-radius: 2px +} + +time { + display: block; + font-size: 85%; + color: #444; +} + +main ul { + margin-top: 30px; + padding: 0 20px; +} + +main ul li { + margin-bottom: 20px; +} + +main ul div { + font-size: 116%; +} + +blockquote { + margin: 40px 0 40px 20px; + border-left: 5px solid #eee; + padding: 5px 0 10px 20px; +} + +table { + border: 2px solid #f1f1f1; + width: 100%; + border-collapse: collapse; + border-spacing: 0; +} + +table th, +table td { + border: 2px solid #f1f1f1; + text-align: left; + padding: 5px 10px; +} + +.highlighter-rouge { + padding: 0 15px; + font-size: 80%; + border: 2px solid #f1f1f1; + border-radius: 2px; + overflow: auto; +} + +.highlighter-rouge table, +.highlighter-rouge table td { + border: 0 !important; +} + +::selection { + background: #ff0; + color: #000; +} + +::-moz-selection { + background: #ff0; + color: #000; +} + +@media only screen and (max-width:768px) { + body { + padding: 0 20px; + } + footer, + header, + nav { + text-align: center + } + .responsive-table { + width: 100%; + overflow: scroll; + } +} + +@media print { + body { + padding: 50px auto + } +} -- cgit v1.2.3