2 Commits

Author SHA1 Message Date
a8f4eea501 Change secondary background color
Match the color of the main HPR logo acronym.
2025-08-28 22:33:50 -04:00
edf64b668c Tweak search page layout 2025-08-28 22:31:52 -04:00
2 changed files with 28 additions and 6 deletions

View File

@@ -30,7 +30,8 @@ https://creativecommons.org/publicdomain/
--text-primary: #4d4d4d; /* HPR Grey */ --text-primary: #4d4d4d; /* HPR Grey */
--banner-text-primary: #000000; --banner-text-primary: #000000;
--banner-background-color: #40a5b9; --banner-background-color: #40a5b9;
--background-secondary: #4d4d4d; /* --background-secondary: #4d4d4d; */
--background-secondary: #00003e;
--text-secondary: #dfdfdf; --text-secondary: #dfdfdf;
--link-primary: #004852 /*#154a60*/; --link-primary: #004852 /*#154a60*/;
--link-primary-hover: #b54c08/*#f8961e*/; --link-primary-hover: #b54c08/*#f8961e*/;
@@ -474,20 +475,35 @@ fieldset > table td input[type="radio"] {
#search form { #search form {
flex: 1 1 auto flex: 1 1 auto
} }
#search fieldset {
padding-top: 1rem;
}
#search fieldset > legend {
font-weight: var(--default-header-x-font-weight);
}
#search fieldset > input { #search fieldset > input {
width: initial; width: 94%;
} }
#search fieldset > input[type="submit"] { #search fieldset > input[type="submit"] {
background-color: var(--background-secondary); background-color: var(--background-secondary);
color: var(--text-secondary); color: var(--text-secondary);
width: 100%;
} }
#search fieldset > input[type="submit"]:hover { #search fieldset > input[type="submit"]:hover {
background-color: var(--link-secondary); background-color: var(--link-primary-hover);
color: var(--background-secondary); color: var(--background-primary);
}
#search fieldset > p {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
} }
.no-css { .no-css {
display: none; display: none;
} }
#tags .date {
margin:0;
font-size: 1rem;
}
#tags #tag_initial_letter_index { #tags #tag_initial_letter_index {
columns: 3 auto; columns: 3 auto;
} }
@@ -586,6 +602,12 @@ fieldset > table td input[type="radio"] {
margin-bottom: 1.0rem; margin-bottom: 1.0rem;
width: 100%; width: 100%;
} }
#search fieldset > input {
width: 55%;
}
#search fieldset > input[type="submit"] {
width: 40%;
}
body > main { body > main {
padding: 0.25rem 2rem; padding: 0.25rem 2rem;
} }

View File

@@ -75,8 +75,8 @@ END %-->
<!--% all_first = ['#','&#x0002E;','/','0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'] %--> <!--% all_first = ['#','&#x0002E;','/','0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'] %-->
<header> <header>
<hgroup> <hgroup>
<h1 class="title"><a id="TOP">Search by Tag</a></h1> <h1 id="TOP" class="title">Search by Tag</h1>
<p class="date">Page generated on <!--% date.format(date.now, format => '%Y-%m-%d at %H:%M:%S UTC', gmt => 1) %--></p> <p class="date">Generated on <!--% date.format(date.now, format => '%Y-%m-%d at %H:%M:%S UTC', gmt => 1) %--></p>
</hgroup> </hgroup>
</header> </header>
<p>This section summarises all of the tags currently used throughout the <p>This section summarises all of the tags currently used throughout the