diff options
Diffstat (limited to 'yt_search_results_template.html')
| -rw-r--r-- | yt_search_results_template.html | 208 |
1 files changed, 104 insertions, 104 deletions
diff --git a/yt_search_results_template.html b/yt_search_results_template.html index 18a8dc9..af1ea01 100644 --- a/yt_search_results_template.html +++ b/yt_search_results_template.html @@ -1,105 +1,105 @@ -<!DOCTYPE html>
-<html>
- <head>
- <meta charset="utf-8">
- <title>$page_title</title>
- <link href="/youtube.com/shared.css" type="text/css" rel="stylesheet">
- <style type="text/css">
- main{
- display:grid;
- grid-template-columns: 3fr 1fr;
- }
-
- header{
- display:grid;
- grid-template-columns: 3fr 1fr;
- }
- #header-left{
- grid-column:1;
-
- display:grid;
- grid-template-columns: 1fr 800px;
- }
- #site-search{
- grid-column: 2;
- }
-
- #left{
- grid-column: 1;
- grid-row: 1;
-
- display: grid;
- grid-template-columns: 1fr 800px;
- grid-row-gap: 20px;
- align-content:start;
- }
- #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;
- }
-
-
- #right{
- grid-column: 2;
- grid-row: 1;
-
- }
- #results{
-
- grid-row: 2;
- grid-column: 2;
-
-
- display: grid;
- grid-auto-rows: 138px;
- grid-row-gap: 10px;
-
- }
- .badge{
- background-color:#cccccc;
- }
-
- </style>
- </head>
- <body>
- <header>
- <div id="header-left">
- <form id="site-search" action="/youtube.com/search">
- <input type="search" name="query" class="search-box" value="$search_box_value">
- <button type="submit" value="Search" class="search-button">Search</button>
- </form>
- </div>
- </header>
- <main>
- <div id="left">
- <div id="result-info">
- <div id="number-of-results">Approximately $number_of_results results ($number_of_pages pages)</div>
-$corrections
- </div>
- <div id="results">
-$results
- </div>
- <nav class="page-button-row">
-$page_buttons
- </nav>
- </div>
-
-
- <div id="right">
-
- </div>
- </main>
-
-
-
-
- </body>
+<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>$page_title</title> + <link href="/youtube.com/shared.css" type="text/css" rel="stylesheet"> + <style type="text/css"> + main{ + display:grid; + grid-template-columns: 3fr 1fr; + } + + header{ + display:grid; + grid-template-columns: 3fr 1fr; + } + #header-left{ + grid-column:1; + + display:grid; + grid-template-columns: 1fr 800px; + } + #site-search{ + grid-column: 2; + } + + #left{ + grid-column: 1; + grid-row: 1; + + display: grid; + grid-template-columns: 1fr 800px; + grid-row-gap: 20px; + align-content:start; + } + #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; + } + + + #right{ + grid-column: 2; + grid-row: 1; + + } + #results{ + + grid-row: 2; + grid-column: 2; + + + display: grid; + grid-auto-rows: 138px; + grid-row-gap: 10px; + + } + .badge{ + background-color:#cccccc; + } + + </style> + </head> + <body> + <header> + <div id="header-left"> + <form id="site-search" action="/youtube.com/search"> + <input type="search" name="query" class="search-box" value="$search_box_value"> + <button type="submit" value="Search" class="search-button">Search</button> + </form> + </div> + </header> + <main> + <div id="left"> + <div id="result-info"> + <div id="number-of-results">Approximately $number_of_results results ($number_of_pages pages)</div> +$corrections + </div> + <div id="results"> +$results + </div> + <nav class="page-button-row"> +$page_buttons + </nav> + </div> + + + <div id="right"> + + </div> + </main> + + + + + </body> </html>
\ No newline at end of file |