com web/news: Add a search input to header: common.php style.css

Commit: c4d44a6c3a15310327f03e75aa5f34cd982f7757 Author: Arnaud Lemercier <arnaud@wixiweb.fr> Sat, 22 Jul 2017 00:14:25 +0200 Parents: e4b1eed60a3924e941edcd51cc1b9b9d5d4d53cb Branches: master Link: http://git.php.net/?p=web/news.git;a=commitdiff;h=c4d44a6c3a15310327f03e75aa5f34cd982f7757 Log: Add a search input to header Changed paths: M common.php M style.css Diff: diff --git a/common.php b/common.php index 1eb6066..c888449 100644 --- a/common.php +++ b/common.php @@ -40,6 +40,9 @@ function head($title="PHP news") { <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> + <form class="search-form" action="http://php.net/search.php"> + <input class="search-input" value="" name="pattern" placeholder="Search"> + </form> </nav> </header> <section class="content"> diff --git a/style.css b/style.css index 7c6d8cc..baea81d 100644 --- a/style.css +++ b/style.css @@ -170,6 +170,25 @@ a.header-menu-item-link:hover{ color: #fff; } + +.search-form { + float: right; + width: 25%; + position: relative; + margin-top: .625rem; + margin-bottom: 0; +} +.search-input{ + width: 100%; + border: 0; + border-radius: 2px; + box-shadow: inset 0 1px 2px rgba(0,0,0,.2); + line-height: 24px; + height: 24px; + padding: 2px 8px; + font-size: 16px; +} + .content{ background: #F2F2F2; max-width: 1440px; @@ -276,4 +295,4 @@ table.standard th.subr { .content { padding: 0.5rem; } -} +} \ No newline at end of file