Added a dark mode color scheme.
[WebKit-https.git] / Websites / webkit.org / wp-content / themes / webkit / sitemap.php
1 <?php
2 /**
3  * Template Name: Site Map
4  **/
5 ?>
6 <?php get_header(); ?>
7
8     <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
9         <style>
10         article .menu a {
11             color: hsl(0, 0%, 26.7%);
12             color: var(--text-color-heading);
13             text-decoration: none;
14         }
15
16         article .menu a:hover {
17             color: hsl(200, 100%, 40%);
18             color: var(--link-color);
19         }
20
21         article .menu,
22         article .menu ul {
23             list-style: none;
24         }
25
26         article .menu,
27         article .sub-menu {
28             padding-left: 0;
29         }
30
31         article .sub-menu li {
32             display: inline-block;
33             vertical-align: top;
34             width: 32%;
35             box-sizing: border-box;
36         }
37
38         article .sub-menu {
39             padding-right: 1rem;
40         }
41
42         /* Top headings */
43         article .menu > .menu-item-has-children > a {
44             display: block;
45             margin-top: 3rem;
46             font-size: 3.2rem;
47             line-height: 1.14286;
48             font-weight: 200;
49             letter-spacing: -0.01em;
50             padding-bottom: 1rem;
51             border-bottom: 1px solid hsl(0, 0%, 86.7%);
52             border-color: var(--horizontal-rule-color);
53             margin-bottom: 1rem;
54         }
55
56         /* Sub-section headings */
57         article .sub-menu > .menu-item-has-children > a {
58             display: block;
59             font-weight: 600;
60             margin-top: 2rem;
61             margin-bottom: 1rem;
62         }
63
64         article .sub-menu .sub-menu li {
65             display: block;
66             width: 100%;
67             margin-bottom: 0.5rem;
68         }
69
70         @media only screen and (max-width: 676px) {
71             article .sub-menu li {
72                 width: 100%;
73             }
74
75         }
76         </style>
77         <article class="page sitemap" id="post-<?php the_ID(); ?>">
78
79             <h1><a href="<?php echo get_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></h1>
80
81             <div class="bodycopy">
82             <?php wp_nav_menu( array('theme_location'  => 'sitemap') ); ?>
83             </div>
84         </article>
85
86         <?php endwhile; else:
87         include('444.php');
88         endif; ?>
89
90 <?php get_footer(); ?>