<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>$page_title</title> <link href="/youtube.com/shared.css" type="text/css" rel="stylesheet"> <link href="/youtube.com/favicon.ico" type="image/x-icon" rel="icon"> <link title="Youtube local" href="/youtube.com/opensearch.xml" rel="search" type="application/opensearchdescription+xml"> <style type="text/css"> main{ display:grid; grid-template-columns: minmax(0px, 1fr) 800px minmax(0px,2fr); max-width:100vw; } #number-of-results{ font-weight:bold; } #result-info{ grid-row: 1; grid-column:2; align-self:center; } .page-button-row{ grid-column: 2; justify-self: center; } .item-list{ grid-row: 2; grid-column: 2; } .badge{ background-color:#cccccc; } </style> </head> <body> $header <main> <div id="result-info"> <div id="number-of-results">Approximately $number_of_results results ($number_of_pages pages)</div> $corrections </div> <div class="item-list"> $results </div> <nav class="page-button-row"> $page_buttons </nav> </main> </body> </html>