From 4a8156e08a5e3ffe540f56ecb894b951dd9b7c84 Mon Sep 17 00:00:00 2001 From: Yehonal Date: Sun, 16 Dec 2018 15:54:48 +0100 Subject: Git-Wiki 2.0 --- _sass/git-wiki-style.scss | 282 ++++++++++++++++++++++++++++++++++++++++++++++ _sass/style.scss | 282 ---------------------------------------------- 2 files changed, 282 insertions(+), 282 deletions(-) create mode 100644 _sass/git-wiki-style.scss delete mode 100644 _sass/style.scss (limited to '_sass') diff --git a/_sass/git-wiki-style.scss b/_sass/git-wiki-style.scss new file mode 100644 index 0000000..c40fd08 --- /dev/null +++ b/_sass/git-wiki-style.scss @@ -0,0 +1,282 @@ +@import "fonts"; +@import "rouge-github"; + +body { + background-color: #fff; + padding:50px; + font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + color:#727272; + font-weight:400; +} + +h1, h2, h3, h4, h5, h6 { + color:#222; + margin:0 0 20px; +} + +p, ul, ol, table, pre, dl { + margin:0 0 20px; +} + +h1, h2, h3 { + line-height:1.1; +} + +h1 { + font-size:28px; +} + +h2 { + color:#393939; +} + +h3, h4, h5, h6 { + color:#494949; +} + +a { + color:#39c; + text-decoration:none; +} + +a:hover { + color:#069; +} + +a small { + font-size:11px; + color:#777; + margin-top:-0.3em; + display:block; +} + +a:hover small { + color:#777; +} + +.wrapper { + /*width:860px;*/ + margin:0 auto; +} + +blockquote { + border-left:1px solid #e5e5e5; + margin:0; + padding:0 0 0 20px; + font-style:italic; +} + +code, pre { + font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; + color:#333; + font-size:12px; +} + +pre { + padding:8px 15px; + background: #f8f8f8; + border-radius:5px; + border:1px solid #e5e5e5; + overflow-x: auto; +} + +table { + width:100%; + border-collapse:collapse; +} + +th, td { + text-align:left; + padding:5px 10px; + border-bottom:1px solid #e5e5e5; +} + +dt { + color:#444; + font-weight:700; +} + +th { + color:#444; +} + +img { + max-width:100%; +} + +header { + width: 272px; + float: left; + position: fixed; + -webkit-font-smoothing: subpixel-antialiased; + overflow-y: auto; + overflow-x: auto; + max-height: 100%; +} + +header .downloads { + list-style:none; + height:40px; + padding:0; + background: #f4f4f4; + border-radius:5px; + border:1px solid #e0e0e0; + width:270px; +} + +header .downloads li { + width:89px; + float:left; + border-right:1px solid #e0e0e0; + height:40px; +} + +header .downloads li:first-child a { + border-radius:5px 0 0 5px; +} + +header .downloads li:last-child a { + border-radius:0 5px 5px 0; +} + +header .downloads a { + line-height:1; + font-size:11px; + color:#999; + display:block; + text-align:center; + padding-top:6px; + height:34px; +} + +header .downloads a:hover { + color:#999; +} + +header .downloads a:active { + background-color:#f0f0f0; +} + +strong { + color:#222; + font-weight:700; +} + +header .downloads li + li + li { + border-right:none; + width:89px; +} + +header .downloads a strong { + font-size:14px; + display:block; + color:#222; +} + +section { + /*width:500px; + float:right;*/ + padding-left: 320px; + padding-bottom:50px; +} + +small { + font-size:11px; +} + +hr { + border:0; + background:#e5e5e5; + height:1px; + margin:0 0 20px; +} + +footer { + padding-left: 320px; + float:left; + bottom:50px; + -webkit-font-smoothing:subpixel-antialiased; +} + +.tools-element { + border-left: aqua; + border-left-style: solid; + padding-left: 10px; + padding-right: 10px; +} + +@media print, screen and (max-width: 960px) { + + div.wrapper { + width:auto; + margin:0; + } + + header, section, footer { + float:none; + position:static; + width:auto; + } + + header { + padding-right:320px; + } + + section, footer { + border:1px solid #e5e5e5; + border-width:1px 0; + padding:20px 0; + margin:0 0 20px; + } + + header a small { + display:inline; + } + + header .downloads { + position:absolute; + right:50px; + top:52px; + } +} + + +@media print, screen and (max-width: 720px) { + body { + word-wrap:break-word; + } + + header { + padding:0; + } + + header .downloads, header p.view { + position:static; + } + + pre, code { + word-wrap:normal; + } +} + +@media print, screen and (max-width: 480px) { + body { + padding:15px; + } + + header .downloads { + width:99%; + } + + header li, header .downloads li + li + li { + width:33%; + } +} + +@media print { + body { + padding:0.4in; + font-size:12pt; + color:#444; + } +} diff --git a/_sass/style.scss b/_sass/style.scss deleted file mode 100644 index c40fd08..0000000 --- a/_sass/style.scss +++ /dev/null @@ -1,282 +0,0 @@ -@import "fonts"; -@import "rouge-github"; - -body { - background-color: #fff; - padding:50px; - font: 14px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - color:#727272; - font-weight:400; -} - -h1, h2, h3, h4, h5, h6 { - color:#222; - margin:0 0 20px; -} - -p, ul, ol, table, pre, dl { - margin:0 0 20px; -} - -h1, h2, h3 { - line-height:1.1; -} - -h1 { - font-size:28px; -} - -h2 { - color:#393939; -} - -h3, h4, h5, h6 { - color:#494949; -} - -a { - color:#39c; - text-decoration:none; -} - -a:hover { - color:#069; -} - -a small { - font-size:11px; - color:#777; - margin-top:-0.3em; - display:block; -} - -a:hover small { - color:#777; -} - -.wrapper { - /*width:860px;*/ - margin:0 auto; -} - -blockquote { - border-left:1px solid #e5e5e5; - margin:0; - padding:0 0 0 20px; - font-style:italic; -} - -code, pre { - font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; - color:#333; - font-size:12px; -} - -pre { - padding:8px 15px; - background: #f8f8f8; - border-radius:5px; - border:1px solid #e5e5e5; - overflow-x: auto; -} - -table { - width:100%; - border-collapse:collapse; -} - -th, td { - text-align:left; - padding:5px 10px; - border-bottom:1px solid #e5e5e5; -} - -dt { - color:#444; - font-weight:700; -} - -th { - color:#444; -} - -img { - max-width:100%; -} - -header { - width: 272px; - float: left; - position: fixed; - -webkit-font-smoothing: subpixel-antialiased; - overflow-y: auto; - overflow-x: auto; - max-height: 100%; -} - -header .downloads { - list-style:none; - height:40px; - padding:0; - background: #f4f4f4; - border-radius:5px; - border:1px solid #e0e0e0; - width:270px; -} - -header .downloads li { - width:89px; - float:left; - border-right:1px solid #e0e0e0; - height:40px; -} - -header .downloads li:first-child a { - border-radius:5px 0 0 5px; -} - -header .downloads li:last-child a { - border-radius:0 5px 5px 0; -} - -header .downloads a { - line-height:1; - font-size:11px; - color:#999; - display:block; - text-align:center; - padding-top:6px; - height:34px; -} - -header .downloads a:hover { - color:#999; -} - -header .downloads a:active { - background-color:#f0f0f0; -} - -strong { - color:#222; - font-weight:700; -} - -header .downloads li + li + li { - border-right:none; - width:89px; -} - -header .downloads a strong { - font-size:14px; - display:block; - color:#222; -} - -section { - /*width:500px; - float:right;*/ - padding-left: 320px; - padding-bottom:50px; -} - -small { - font-size:11px; -} - -hr { - border:0; - background:#e5e5e5; - height:1px; - margin:0 0 20px; -} - -footer { - padding-left: 320px; - float:left; - bottom:50px; - -webkit-font-smoothing:subpixel-antialiased; -} - -.tools-element { - border-left: aqua; - border-left-style: solid; - padding-left: 10px; - padding-right: 10px; -} - -@media print, screen and (max-width: 960px) { - - div.wrapper { - width:auto; - margin:0; - } - - header, section, footer { - float:none; - position:static; - width:auto; - } - - header { - padding-right:320px; - } - - section, footer { - border:1px solid #e5e5e5; - border-width:1px 0; - padding:20px 0; - margin:0 0 20px; - } - - header a small { - display:inline; - } - - header .downloads { - position:absolute; - right:50px; - top:52px; - } -} - - -@media print, screen and (max-width: 720px) { - body { - word-wrap:break-word; - } - - header { - padding:0; - } - - header .downloads, header p.view { - position:static; - } - - pre, code { - word-wrap:normal; - } -} - -@media print, screen and (max-width: 480px) { - body { - padding:15px; - } - - header .downloads { - width:99%; - } - - header li, header .downloads li + li + li { - width:33%; - } -} - -@media print { - body { - padding:0.4in; - font-size:12pt; - color:#444; - } -} -- cgit