Commit: 21c430f7e59d16ca806fdbe005ba0ad8d50d3874 Author: Arnaud Lemercier <[email protected]> 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; } -- PHP Webmaster List Mailing List (http://www.php.net/) To unsubscribe, visit: http://www.php.net/unsub.php
