[I45-website] Refresh HPR layout with a light touch #218
@ -135,22 +135,53 @@ article#previous_five_weeks > h3 {
|
||||
-webkit-box-shadow: 2px 3px 6px 3px #675958;
|
||||
box-shadow: 2px 3px 6px 3px #675958;
|
||||
}
|
||||
|
||||
img#hprlogo {
|
||||
max-width: 20vw;
|
||||
padding-right: clamp(0.75rem, -0.25rem + 3vw , 1.5rem);
|
||||
float: left;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: clamp(0.75rem, -0.25rem + 2vw , 1.5rem);
|
||||
}
|
||||
|
||||
#hpr_banner {
|
||||
display: block;
|
||||
position: relative;
|
||||
/* display: inline-block; */
|
||||
border: 0;
|
||||
margin: 0.75em;
|
||||
float: left;
|
||||
margin: 0 0 0rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#hpr_banner h1 {margin: -.25em 0em -.5em 0em;}
|
||||
#hpr_banner h2 {font-size: 100%; font-weight: lighter; }
|
||||
#hpr_banner h3 {font-size: 90%; font-weight: lighter; }
|
||||
#hpr_banner p {
|
||||
margin: 0 0 0.5rem 0;
|
||||
}
|
||||
|
||||
#hpr_banner h1#sitename {
|
||||
font-size: clamp(1.44rem, -1rem + 3vw , 2rem);
|
||||
letter-spacing: 0.06rem;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#hpr_banner h2 {
|
||||
font-size: clamp(0.74rem, -1rem + 2vw , 1rem);
|
||||
font-weight: 510;
|
||||
margin: 0 0 1rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#hpr_banner h3 {
|
||||
font-size: 1rem;
|
||||
font-weight: normal;
|
||||
margin: 0 0 0.5rem 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header > hr {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#accessible_menu {
|
||||
font-size: small;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
/* The main navigation menu */
|
||||
|
Loading…
Reference in New Issue
Block a user