[web-shared] master: Update wiki style to match php.net (#8)

Author: Niklas Keller (kelunik) Committer: GitHub (web-flow) Pusher: kelunik Date: 2021-10-26T08:58:38+02:00 Commit: https://github.com/php/web-shared/commit/823d5fc73d01cd32ea85e20a48ce0f749d0700e1 Raw diff: https://github.com/php/web-shared/commit/823d5fc73d01cd32ea85e20a48ce0f749d0700e1.diff Update wiki style to match php.net (#8) Changed paths: A images/bg-texture-00.svg M styles/wiki.css M templates/header.inc Diff: diff --git a/images/bg-texture-00.svg b/images/bg-texture-00.svg new file mode 100644 index 0000000..73906de --- /dev/null +++ b/images/bg-texture-00.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"> + <path style="stroke:#000;stroke-width:.5;stroke-opacity:.25" d="M 0,0 4,4 M 0,4 4,0"/> +</svg> diff --git a/styles/wiki.css b/styles/wiki.css index 4194773..ba2d750 100644 --- a/styles/wiki.css +++ b/styles/wiki.css @@ -5,8 +5,22 @@ */ body { margin: 0 auto; - font: normal 1em/1.5em "Source Sans Pro", Helvetica, Arial, sans-serif; + font: normal 1em/1.5em "Fira Sans", "Source Sans Pro", Helvetica, Arial, sans-serif; + background: #333 url('../images/bg-texture-00.svg'); } + +body footer { + border-top: 0; + background-color: transparent; +} + +@media (min-width: 48rem) { + #breadcrumbs { + box-sizing: border-box; + width: 73.4375%; + } +} + #dokuwiki__site { max-width: 75em; padding-right: 1.5rem; @@ -98,22 +112,24 @@ body { #dw__toc a { display: block; text-decoration: none; - color: #333; - border-bottom: 1px dotted #999; + border-bottom: 1px dotted #666; margin-bottom:-1px; + padding-left: .75rem; text-decoration: none; + color: #ccc; + position: relative; } #dw__toc a:hover, #dw__toc a:focus { - color:#693; - border-color:#693; + color: #AE508D; + border-color: #666; outline:none; } #dw__toc a:hover:before, #dw__toc a:focus:before { content: "\bb \20"; - position:absolute; - margin-left:-1em; + position: absolute; + left: 0; } @@ -134,18 +150,20 @@ body { /*____________ toc list ____________*/ #dw__toc h3 { - border-top:0; - border-right:0; - border-bottom:0; + border: 0; padding:.0 1.5rem; position:relative; border-radius:0; font-size:1.125rem; - color:#333; + color:#ccc; + background-color: transparent; + pointer-events: none; +} +#dw__toc h3:after { + border-color: #666; } #dw__toc > h3 > strong { - position: absolute; - margin-left:-.75em + display: none; /* no need for collapsing */ } #dw__toc > div { padding: 0 1.5rem 1.5rem; @@ -935,8 +953,6 @@ div.code pre.codeShown { display: none; } .secondscreen > div > div { - background-color: #E6E6E6; - border-left: 1px solid #CCC; margin: 0; } #dokuwiki__site > .site { diff --git a/templates/header.inc b/templates/header.inc index 39979b1..81a997b 100644 --- a/templates/header.inc +++ b/templates/header.inc @@ -50,7 +50,7 @@ foreach($styles as $style): endforeach ?> - <link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic,600italic|Source+Code+Pro&amp;subset=latin,latin-ext" rel="stylesheet"> + <link href="//fonts.googleapis.com/css?family=Fira+Sans|Source+Sans+Pro:300,400,600,400italic,600italic|Source+Code+Pro&amp;subset=latin,latin-ext" rel="stylesheet"> <link rel="shortcut icon" href="//php.net/favicon.ico"> <!--[if lt IE 9]> <script src="//shared.php.net/js/html5shiv.js"></script> @@ -90,4 +90,3 @@ endforeach <section class="fullscreen clearfix"> <?php /* vim: set ft=html et ts=2 sw=2: : */ ?> -