com web/news: Add the php.net navigation menu on the top: common.php style.css
| From: | Ben Ramsey | Date: | Fri, 21 Jul 2017 21:51:09 +0000 |
| Subject: | com web/news: Add the php.net navigation menu on the top: common.php style.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-26189@lists.php.net to get a copy of this message | ||
Commit: 21c430f7e59d16ca806fdbe005ba0ad8d50d3874
Author: Arnaud Lemercier <arnaud@wixiweb.fr> Fri, 21 Jul 2017 23:51:09 +0200
Parents: fd35fe2dfdaff791b9b260fc012c9464ac184415
Branches: master
Link: http://git.php.net/?p=web/news.git;a=commitdiff;h=21c430f7e59d16ca806fdbe005ba0ad8d50d3874
Log:
Add the php.net navigation menu on the top
Changed paths:
M common.php
M style.css
Diff:
diff --git a/common.php b/common.php
index 2e5f2a1..d03efe5 100644
--- a/common.php
+++ b/common.php
@@ -33,10 +33,14 @@ function head($title="PHP news") {
</head>
<body>
<header class="header">
- <div class="header-inner">
- <a href="/" class="header-brand"><img
src="/i/php-logo.svg" class="header-brand-img" alt="PHP"
height="24" width="48"><span
class="header-brand-text">news</span></a>
- <div class="header-baseline">PHP.net <a href="news://<?php echo $_SERVER['HTTP_HOST']; ?>/"
class="top">news server</a> web interface</div>
- </div>
+ <nav class="header-inner">
+ <a href="/" class="header-brand"><img
src="/i/php-logo.svg" class="header-brand-img" alt="PHP"
height="24" width="48"><span
class="header-brand-text">news</span></a><ul
class="header-menu">
+ <li class="header-menu-item"><a class="header-menu-item-link"
href="http://php.net/downloads.php">Downloads</a></li>
+ <li class="header-menu-item"><a class="header-menu-item-link"
href="http://php.net/docs.php">Documentation</a></li>
+ <li class="header-menu-item"><a class="header-menu-item-link"
href="http://php.net/get-involved.php">Get
Involved</a></li>
+ <li class="header-menu-item mod-active"><a
class="header-menu-item-link" href="http://php.net/support.php">Help</a></li>
+ </ul>
+ </nav>
</header>
<section class="content">
<?php
diff --git a/style.css b/style.css
index 8a294bc..5c26d17 100644
--- a/style.css
+++ b/style.css
@@ -116,19 +116,15 @@ body{
margin:auto;
position: relative;
}
-.header-baseline{
- position: absolute;
- right: 0;
- bottom: 0;
- padding : .75rem 1.5rem .75rem .75rem ;
-}
.header-brand{
margin-right: .75rem;
display: inline-block;
max-height: 48px;
padding: .75rem .75rem .75rem 1.5rem;
+ margin-right: 1.5rem;
text-decoration: none;
+ line-height: 24px;
}
.header-brand-img{
opacity: .75;
@@ -141,6 +137,36 @@ body{
vertical-align: top;
}
+.header-menu{
+ padding: 0;
+ list-style: none;
+ position: relative;
+ left: 0;
+ display: inline-block;
+ margin: 0 10px 0 0;
+ vertical-align: top;
+}
+
+.header-menu-item{
+ float: left;
+}
+.header-menu-item.mod-active{
+ color: #fff;
+ background-color: #4F5B93;
+ box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
+}
+
+a.header-menu-item-link{
+ display: inline-block;
+ text-decoration: none;
+ float: none;
+ padding: .75rem;
+ color: #E2E4EF;
+ border: 0;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ line-height: 24px;
+}
+
.content{
background: #F2F2F2;
max-width: 1440px;
@@ -232,9 +258,6 @@ table.standard th.subr {
}
@media screen and (max-width: 760px) {
- .header-baseline{
- display: none;
- }
.welcome{
display: none;
}